From 4cc8f2546825b9d2bfe600417bd211db2b9b4e04 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 3 Jan 2024 15:31:42 +0000
Subject: [PATCH] deploy: 91015f197ecebf34e80010ff5ee32fda1e250240

---
 404.html                                      |  6 +-
 admin-panel/index.html                        |  6 +-
 ai-voice-generator/index.html                 |  6 +-
 ...tyles.2766a9d3.css => styles.d04ece21.css} |  2 +-
 assets/js/1842627e.682c2cc7.js                |  1 -
 assets/js/1842627e.c9c18d2b.js                |  1 +
 .../js/1df93b7f.c6a8adb1.js                   |  2 +-
 ...afaf9.fed72d30.js => 31eafaf9.0793747c.js} |  2 +-
 ...dfbd1.290b3f49.js => 354dfbd1.f561733e.js} |  2 +-
 ...a0203.dcaa8c98.js => 3dca0203.83242d7c.js} |  2 +-
 ...1f11b.6427c4cb.js => 4a61f11b.e71f3135.js} |  2 +-
 ...3e123.87ad660d.js => 4a83e123.4b7a7c32.js} |  2 +-
 assets/js/5cd65baf.a510e86e.js                |  1 -
 assets/js/5cd65baf.e6f9c529.js                |  1 +
 ...8ec6a.52e047f0.js => 5f78ec6a.eefa2441.js} |  2 +-
 ...9edbe.6c5927fc.js => 6d69edbe.e648c40c.js} |  2 +-
 assets/js/72d3bf7a.579d4e73.js                |  1 -
 assets/js/72d3bf7a.d3ba1667.js                |  1 +
 assets/js/88d8af9f.4464c94b.js                |  1 -
 assets/js/88d8af9f.93f1c73b.js                |  1 +
 assets/js/96447363.f6ed57ae.js                |  1 +
 assets/js/96447363.f83450d4.js                |  1 -
 ...b34d2.fbc47a25.js => b6eb34d2.b839fadc.js} |  2 +-
 assets/js/bb85b74d.f9f05281.js                |  1 -
 assets/js/bb85b74d.fbdb2ae3.js                |  1 +
 assets/js/e20c763e.923480b9.js                |  1 -
 assets/js/e20c763e.99469908.js                |  1 +
 assets/js/e765f05a.927194e9.js                |  1 +
 assets/js/e765f05a.a65c114c.js                |  1 -
 .../js/{main.2bb0cb21.js => main.f43b4b78.js} |  4 +-
 ...CENSE.txt => main.f43b4b78.js.LICENSE.txt} |  0
 ...n.7345fa3c.js => runtime~main.cf8aea03.js} |  2 +-
 blog/atom.xml                                 | 98 +++++++++----------
 blog/backend-create-web-ui/index.html         | 12 +--
 blog/build-dashboard/index.html               | 12 +--
 blog/feed.json                                | 44 ++++-----
 blog/index.html                               |  8 +-
 blog/lowcode-vs-traditional/index.html        | 12 +--
 blog/mui-2024/index.html                      | 12 +--
 blog/nvm-use-2024/index.html                  | 12 +--
 blog/rss.xml                                  | 90 ++++++++---------
 blog/shadcn-ui-2024/index.html                | 12 +--
 blog/shadcn-vs-mui/index.html                 | 12 +--
 blog/tags/admin-panel/index.html              |  8 +-
 blog/tags/data-dashboard/index.html           |  8 +-
 blog/tags/index.html                          |  6 +-
 blog/tags/internal-tools/index.html           |  8 +-
 blog/tags/javascript/index.html               |  8 +-
 blog/tags/low-code/index.html                 |  8 +-
 blog/tags/mac/index.html                      |  8 +-
 blog/tags/nodejs/index.html                   |  8 +-
 blog/tags/nvm/index.html                      |  8 +-
 blog/tags/open-source/index.html              |  8 +-
 blog/tags/react/index.html                    |  8 +-
 blog/tags/shadcn-ui/index.html                |  8 +-
 blog/tags/traditional-development/index.html  |  8 +-
 blog/tags/ui-library/index.html               |  8 +-
 .../index.html                                | 10 +-
 cms/index.html                                |  6 +-
 components/Audio/index.html                   |  6 +-
 components/BarProgress/index.html             |  6 +-
 components/Button/index.html                  |  6 +-
 components/Carousel/index.html                |  6 +-
 components/Cascader/index.html                |  6 +-
 components/Chart/index.html                   |  6 +-
 components/CheckboxGroup/index.html           |  6 +-
 components/CircleProgress/index.html          |  6 +-
 components/Container/index.html               |  6 +-
 components/Date/index.html                    |  6 +-
 components/DateRange/index.html               |  6 +-
 components/DateTime/index.html                |  6 +-
 components/Divider/index.html                 |  6 +-
 components/EditableText/index.html            |  6 +-
 components/Form/index.html                    |  6 +-
 components/Icon/index.html                    |  6 +-
 components/Image/index.html                   |  6 +-
 components/Input/index.html                   |  6 +-
 components/List/index.html                    |  6 +-
 components/Menu/index.html                    |  6 +-
 components/Modal/index.html                   |  6 +-
 components/Multiselect/index.html             |  6 +-
 components/NumberInput/index.html             |  6 +-
 components/PDF/index.html                     |  6 +-
 components/RadioButton/index.html             |  6 +-
 components/RadioGroup/index.html              |  6 +-
 components/Rate/index.html                    |  6 +-
 components/Select/index.html                  |  6 +-
 components/Statistics/index.html              |  6 +-
 components/Switch/index.html                  |  6 +-
 components/Tables/index.html                  |  6 +-
 components/Tabs/index.html                    |  6 +-
 components/Text/index.html                    |  6 +-
 components/Textarea%20Input/index.html        |  6 +-
 components/Timeline/index.html                |  6 +-
 components/Upload/index.html                  |  6 +-
 components/Video/index.html                   |  6 +-
 components/index.html                         |  6 +-
 crm/index.html                                |  6 +-
 dashboard/index.html                          |  6 +-
 de/404.html                                   |  6 +-
 de/admin-panel/index.html                     |  6 +-
 de/ai-voice-generator/index.html              |  6 +-
 ...tyles.37fd5ffb.css => styles.7a15e33f.css} |  2 +-
 de/assets/js/1842627e.50bd85e0.js             |  1 +
 de/assets/js/1842627e.87b363d4.js             |  1 -
 .../assets/js/1df93b7f.c6a8adb1.js            |  2 +-
 ...afaf9.df3c804c.js => 31eafaf9.6987740c.js} |  2 +-
 ...dfbd1.9b5e4865.js => 354dfbd1.54489368.js} |  2 +-
 ...a0203.34d2e42b.js => 3dca0203.335ac0e2.js} |  2 +-
 ...1f11b.ee7c63e0.js => 4a61f11b.d53e6eae.js} |  2 +-
 ...3e123.9060f120.js => 4a83e123.534ac1a2.js} |  2 +-
 ...65baf.09a21917.js => 5cd65baf.306f314f.js} |  2 +-
 ...8ec6a.9de9618a.js => 5f78ec6a.e94c18cc.js} |  2 +-
 ...9edbe.b5f01cec.js => 6d69edbe.6b1f86d0.js} |  2 +-
 ...3bf7a.041a490a.js => 72d3bf7a.e46612c3.js} |  2 +-
 de/assets/js/88d8af9f.77ea1414.js             |  1 +
 de/assets/js/88d8af9f.d9be0639.js             |  1 -
 ...47363.957b338c.js => 96447363.a328ae39.js} |  2 +-
 ...b34d2.c892cbd0.js => b6eb34d2.0f328ea0.js} |  2 +-
 ...5b74d.76a61702.js => bb85b74d.3953cb9f.js} |  2 +-
 ...c763e.04cf3dc7.js => e20c763e.3f7c0bee.js} |  2 +-
 ...5f05a.40fbde2c.js => e765f05a.dc3e2a4b.js} |  2 +-
 .../js/{main.90fd4256.js => main.cde0ebb4.js} |  4 +-
 ...CENSE.txt => main.cde0ebb4.js.LICENSE.txt} |  0
 ...n.5ee70e1a.js => runtime~main.3e9a9dd6.js} |  2 +-
 de/blog/atom.xml                              | 18 ++--
 de/blog/backend-create-web-ui/index.html      | 12 +--
 de/blog/build-dashboard/index.html            | 12 +--
 de/blog/feed.json                             | 16 +--
 de/blog/index.html                            |  8 +-
 de/blog/lowcode-vs-traditional/index.html     | 12 +--
 de/blog/mui-2024/index.html                   | 12 +--
 de/blog/nvm-use-2024/index.html               | 12 +--
 de/blog/rss.xml                               | 18 ++--
 de/blog/shadcn-ui-2024/index.html             | 12 +--
 de/blog/shadcn-vs-mui/index.html              | 12 +--
 de/blog/tags/admin-panel/index.html           |  8 +-
 de/blog/tags/data-dashboard/index.html        |  8 +-
 de/blog/tags/index.html                       |  6 +-
 de/blog/tags/internal-tools/index.html        |  8 +-
 de/blog/tags/javascript/index.html            |  8 +-
 de/blog/tags/low-code/index.html              |  8 +-
 de/blog/tags/mac/index.html                   |  8 +-
 de/blog/tags/nodejs/index.html                |  8 +-
 de/blog/tags/nvm/index.html                   |  8 +-
 de/blog/tags/open-source/index.html           |  8 +-
 de/blog/tags/react/index.html                 |  8 +-
 de/blog/tags/shadcn-ui/index.html             |  8 +-
 .../tags/traditional-development/index.html   |  8 +-
 de/blog/tags/ui-library/index.html            |  8 +-
 .../index.html                                | 10 +-
 de/cms/index.html                             |  6 +-
 de/components/Audio/index.html                |  6 +-
 de/components/BarProgress/index.html          |  6 +-
 de/components/Button/index.html               |  6 +-
 de/components/Carousel/index.html             |  6 +-
 de/components/Cascader/index.html             |  6 +-
 de/components/Chart/index.html                |  6 +-
 de/components/CheckboxGroup/index.html        |  6 +-
 de/components/CircleProgress/index.html       |  6 +-
 de/components/Container/index.html            |  6 +-
 de/components/Date/index.html                 |  6 +-
 de/components/DateRange/index.html            |  6 +-
 de/components/DateTime/index.html             |  6 +-
 de/components/Divider/index.html              |  6 +-
 de/components/EditableText/index.html         |  6 +-
 de/components/Form/index.html                 |  6 +-
 de/components/Icon/index.html                 |  6 +-
 de/components/Image/index.html                |  6 +-
 de/components/Input/index.html                |  6 +-
 de/components/List/index.html                 |  6 +-
 de/components/Menu/index.html                 |  6 +-
 de/components/Modal/index.html                |  6 +-
 de/components/Multiselect/index.html          |  6 +-
 de/components/NumberInput/index.html          |  6 +-
 de/components/PDF/index.html                  |  6 +-
 de/components/RadioButton/index.html          |  6 +-
 de/components/RadioGroup/index.html           |  6 +-
 de/components/Rate/index.html                 |  6 +-
 de/components/Select/index.html               |  6 +-
 de/components/Statistics/index.html           |  6 +-
 de/components/Switch/index.html               |  6 +-
 de/components/Tables/index.html               |  6 +-
 de/components/Tabs/index.html                 |  6 +-
 de/components/Text/index.html                 |  6 +-
 de/components/Textarea%20Input/index.html     |  6 +-
 de/components/Timeline/index.html             |  6 +-
 de/components/Upload/index.html               |  6 +-
 de/components/Video/index.html                |  6 +-
 de/components/index.html                      |  6 +-
 de/crm/index.html                             |  6 +-
 de/dashboard/index.html                       |  6 +-
 de/image-generator/index.html                 |  6 +-
 de/index.html                                 |  8 +-
 de/integrations/Airtable/index.html           |  6 +-
 de/integrations/AmazonDynamoDB/index.html     |  6 +-
 de/integrations/Appwrite/index.html           |  6 +-
 de/integrations/Clickhouse/index.html         |  6 +-
 de/integrations/CouchDB/index.html            |  6 +-
 de/integrations/ElasticSearch/index.html      |  6 +-
 de/integrations/Firebase/index.html           |  6 +-
 de/integrations/GoogleSheets/index.html       |  6 +-
 de/integrations/GraphQL/index.html            |  6 +-
 .../HuggingFaceInferenceAPI/index.html        |  6 +-
 .../HuggingFaceInferenceEndpoint/index.html   |  6 +-
 de/integrations/Hydra/index.html              |  6 +-
 de/integrations/MariaDB/index.html            |  6 +-
 de/integrations/MicrosoftSQLServer/index.html |  6 +-
 de/integrations/MongoDB/index.html            |  6 +-
 de/integrations/MySQL/index.html              |  6 +-
 de/integrations/Neon/index.html               |  6 +-
 de/integrations/OracleDB/index.html           |  6 +-
 de/integrations/PostgreSQL/index.html         |  6 +-
 de/integrations/RESTAPI/index.html            |  6 +-
 de/integrations/Redis/index.html              |  6 +-
 de/integrations/S3/index.html                 |  6 +-
 de/integrations/SMTP/index.html               |  6 +-
 de/integrations/Snowflake/index.html          |  6 +-
 de/integrations/SupabaseDB/index.html         |  6 +-
 de/integrations/TiDB/index.html               |  6 +-
 de/integrations/index.html                    |  6 +-
 de/pricing/index.html                         |  6 +-
 image-generator/index.html                    |  6 +-
 index.html                                    |  8 +-
 integrations/Airtable/index.html              |  6 +-
 integrations/AmazonDynamoDB/index.html        |  6 +-
 integrations/Appwrite/index.html              |  6 +-
 integrations/Clickhouse/index.html            |  6 +-
 integrations/CouchDB/index.html               |  6 +-
 integrations/ElasticSearch/index.html         |  6 +-
 integrations/Firebase/index.html              |  6 +-
 integrations/GoogleSheets/index.html          |  6 +-
 integrations/GraphQL/index.html               |  6 +-
 .../HuggingFaceInferenceAPI/index.html        |  6 +-
 .../HuggingFaceInferenceEndpoint/index.html   |  6 +-
 integrations/Hydra/index.html                 |  6 +-
 integrations/MariaDB/index.html               |  6 +-
 integrations/MicrosoftSQLServer/index.html    |  6 +-
 integrations/MongoDB/index.html               |  6 +-
 integrations/MySQL/index.html                 |  6 +-
 integrations/Neon/index.html                  |  6 +-
 integrations/OracleDB/index.html              |  6 +-
 integrations/PostgreSQL/index.html            |  6 +-
 integrations/RESTAPI/index.html               |  6 +-
 integrations/Redis/index.html                 |  6 +-
 integrations/S3/index.html                    |  6 +-
 integrations/SMTP/index.html                  |  6 +-
 integrations/Snowflake/index.html             |  6 +-
 integrations/SupabaseDB/index.html            |  6 +-
 integrations/TiDB/index.html                  |  6 +-
 integrations/index.html                       |  6 +-
 ja/404.html                                   |  6 +-
 ja/admin-panel/index.html                     |  6 +-
 ja/ai-voice-generator/index.html              |  6 +-
 ...tyles.0c726779.css => styles.768af922.css} |  2 +-
 ja/assets/js/1842627e.7511c2ff.js             |  1 +
 ja/assets/js/1842627e.deda726c.js             |  1 -
 .../assets/js/1df93b7f.c6a8adb1.js            |  2 +-
 ...afaf9.a0cdd077.js => 31eafaf9.e8785c7b.js} |  2 +-
 ...dfbd1.9fe06c27.js => 354dfbd1.91887c8a.js} |  2 +-
 ...a0203.0c12c321.js => 3dca0203.82332347.js} |  2 +-
 .../assets/js/4a61f11b.0dea53c0.js            |  2 +-
 ...3e123.b0217b08.js => 4a83e123.ab6b9b15.js} |  2 +-
 ...65baf.9614bf49.js => 5cd65baf.2290cac6.js} |  2 +-
 ...8ec6a.0f2c3a59.js => 5f78ec6a.21f557b8.js} |  2 +-
 ...9edbe.26542af8.js => 6d69edbe.5fe8d533.js} |  2 +-
 ...3bf7a.aa1a9de1.js => 72d3bf7a.1e793f19.js} |  2 +-
 ja/assets/js/88d8af9f.2ce97f00.js             |  1 +
 ja/assets/js/88d8af9f.bbcda779.js             |  1 -
 ...47363.7e8b716f.js => 96447363.e38d70b3.js} |  2 +-
 .../assets/js/b6eb34d2.87ea1bbf.js            |  2 +-
 ...5b74d.3804da13.js => bb85b74d.33fe1a0e.js} |  2 +-
 ...c763e.431fdc49.js => e20c763e.842e4bf1.js} |  2 +-
 ...5f05a.1f9a64fc.js => e765f05a.bc5cec9c.js} |  2 +-
 .../js/{main.c91ede21.js => main.7288e62e.js} |  4 +-
 ...CENSE.txt => main.7288e62e.js.LICENSE.txt} |  0
 ...n.2124305a.js => runtime~main.106910cc.js} |  2 +-
 ja/blog/atom.xml                              | 18 ++--
 ja/blog/backend-create-web-ui/index.html      | 12 +--
 ja/blog/build-dashboard/index.html            | 12 +--
 ja/blog/feed.json                             | 16 +--
 ja/blog/index.html                            |  8 +-
 ja/blog/lowcode-vs-traditional/index.html     | 12 +--
 ja/blog/mui-2024/index.html                   | 12 +--
 ja/blog/nvm-use-2024/index.html               | 12 +--
 ja/blog/rss.xml                               | 18 ++--
 ja/blog/shadcn-ui-2024/index.html             | 12 +--
 ja/blog/shadcn-vs-mui/index.html              | 12 +--
 ja/blog/tags/admin-panel/index.html           |  8 +-
 ja/blog/tags/data-dashboard/index.html        |  8 +-
 ja/blog/tags/index.html                       |  6 +-
 ja/blog/tags/internal-tools/index.html        |  8 +-
 ja/blog/tags/javascript/index.html            |  8 +-
 ja/blog/tags/low-code/index.html              |  8 +-
 ja/blog/tags/mac/index.html                   |  8 +-
 ja/blog/tags/nodejs/index.html                |  8 +-
 ja/blog/tags/nvm/index.html                   |  8 +-
 ja/blog/tags/open-source/index.html           |  8 +-
 ja/blog/tags/react/index.html                 |  8 +-
 ja/blog/tags/shadcn-ui/index.html             |  8 +-
 .../tags/traditional-development/index.html   |  8 +-
 ja/blog/tags/ui-library/index.html            |  8 +-
 .../index.html                                | 10 +-
 ja/cms/index.html                             |  6 +-
 ja/components/Audio/index.html                |  6 +-
 ja/components/BarProgress/index.html          |  6 +-
 ja/components/Button/index.html               |  6 +-
 ja/components/Carousel/index.html             |  6 +-
 ja/components/Cascader/index.html             |  6 +-
 ja/components/Chart/index.html                |  6 +-
 ja/components/CheckboxGroup/index.html        |  6 +-
 ja/components/CircleProgress/index.html       |  6 +-
 ja/components/Container/index.html            |  6 +-
 ja/components/Date/index.html                 |  6 +-
 ja/components/DateRange/index.html            |  6 +-
 ja/components/DateTime/index.html             |  6 +-
 ja/components/Divider/index.html              |  6 +-
 ja/components/EditableText/index.html         |  6 +-
 ja/components/Form/index.html                 |  6 +-
 ja/components/Icon/index.html                 |  6 +-
 ja/components/Image/index.html                |  6 +-
 ja/components/Input/index.html                |  6 +-
 ja/components/List/index.html                 |  6 +-
 ja/components/Menu/index.html                 |  6 +-
 ja/components/Modal/index.html                |  6 +-
 ja/components/Multiselect/index.html          |  6 +-
 ja/components/NumberInput/index.html          |  6 +-
 ja/components/PDF/index.html                  |  6 +-
 ja/components/RadioButton/index.html          |  6 +-
 ja/components/RadioGroup/index.html           |  6 +-
 ja/components/Rate/index.html                 |  6 +-
 ja/components/Select/index.html               |  6 +-
 ja/components/Statistics/index.html           |  6 +-
 ja/components/Switch/index.html               |  6 +-
 ja/components/Tables/index.html               |  6 +-
 ja/components/Tabs/index.html                 |  6 +-
 ja/components/Text/index.html                 |  6 +-
 ja/components/Textarea%20Input/index.html     |  6 +-
 ja/components/Timeline/index.html             |  6 +-
 ja/components/Upload/index.html               |  6 +-
 ja/components/Video/index.html                |  6 +-
 ja/components/index.html                      |  6 +-
 ja/crm/index.html                             |  6 +-
 ja/dashboard/index.html                       |  6 +-
 ja/image-generator/index.html                 |  6 +-
 ja/index.html                                 |  8 +-
 ja/integrations/Airtable/index.html           |  6 +-
 ja/integrations/AmazonDynamoDB/index.html     |  6 +-
 ja/integrations/Appwrite/index.html           |  6 +-
 ja/integrations/Clickhouse/index.html         |  6 +-
 ja/integrations/CouchDB/index.html            |  6 +-
 ja/integrations/ElasticSearch/index.html      |  6 +-
 ja/integrations/Firebase/index.html           |  6 +-
 ja/integrations/GoogleSheets/index.html       |  6 +-
 ja/integrations/GraphQL/index.html            |  6 +-
 .../HuggingFaceInferenceAPI/index.html        |  6 +-
 .../HuggingFaceInferenceEndpoint/index.html   |  6 +-
 ja/integrations/Hydra/index.html              |  6 +-
 ja/integrations/MariaDB/index.html            |  6 +-
 ja/integrations/MicrosoftSQLServer/index.html |  6 +-
 ja/integrations/MongoDB/index.html            |  6 +-
 ja/integrations/MySQL/index.html              |  6 +-
 ja/integrations/Neon/index.html               |  6 +-
 ja/integrations/OracleDB/index.html           |  6 +-
 ja/integrations/PostgreSQL/index.html         |  6 +-
 ja/integrations/RESTAPI/index.html            |  6 +-
 ja/integrations/Redis/index.html              |  6 +-
 ja/integrations/S3/index.html                 |  6 +-
 ja/integrations/SMTP/index.html               |  6 +-
 ja/integrations/Snowflake/index.html          |  6 +-
 ja/integrations/SupabaseDB/index.html         |  6 +-
 ja/integrations/TiDB/index.html               |  6 +-
 ja/integrations/index.html                    |  6 +-
 ja/pricing/index.html                         |  6 +-
 pricing/index.html                            |  6 +-
 zh/404.html                                   |  6 +-
 zh/admin-panel/index.html                     |  6 +-
 zh/ai-voice-generator/index.html              |  6 +-
 ...tyles.98309625.css => styles.dd55e9d7.css} |  2 +-
 zh/assets/js/1842627e.0eb71650.js             |  1 +
 zh/assets/js/1842627e.609edd6c.js             |  1 -
 ...93b7f.93c94f4a.js => 1df93b7f.c6a8adb1.js} |  2 +-
 ...afaf9.5a7759f0.js => 31eafaf9.6f926b61.js} |  2 +-
 ...dfbd1.678d2cef.js => 354dfbd1.354add21.js} |  2 +-
 ...a0203.b1b54c5e.js => 3dca0203.4cad25c7.js} |  2 +-
 .../assets/js/4a61f11b.1737b985.js            |  2 +-
 ...3e123.24c53d6c.js => 4a83e123.1d8ebed7.js} |  2 +-
 ...65baf.37395c21.js => 5cd65baf.dd27b34b.js} |  2 +-
 ...8ec6a.c3229286.js => 5f78ec6a.04488960.js} |  2 +-
 ...9edbe.110568e5.js => 6d69edbe.0d1aed15.js} |  2 +-
 ...3bf7a.241cd4dc.js => 72d3bf7a.eacb88ac.js} |  2 +-
 zh/assets/js/771a2950.d12921b0.js             |  1 -
 zh/assets/js/771a2950.ee265a88.js             |  1 +
 zh/assets/js/88d8af9f.cc2c4f5f.js             |  1 -
 zh/assets/js/88d8af9f.edf7174e.js             |  1 +
 zh/assets/js/9591b7e9.196604a0.js             |  1 -
 zh/assets/js/9591b7e9.dcedc0c4.js             |  1 +
 ...47363.3dea38b5.js => 96447363.b71d4b1d.js} |  2 +-
 .../assets/js/b6eb34d2.d2f9f83c.js            |  2 +-
 ...5b74d.5c5dc4ec.js => bb85b74d.17c03911.js} |  2 +-
 ...c763e.2bc10c76.js => e20c763e.37d16f91.js} |  2 +-
 ...5f05a.ebc845b4.js => e765f05a.2221d221.js} |  2 +-
 .../js/{main.7d876d53.js => main.c51e1297.js} |  4 +-
 ...CENSE.txt => main.c51e1297.js.LICENSE.txt} |  0
 ...n.68dec3ea.js => runtime~main.3d9d8ec7.js} |  2 +-
 zh/blog/atom.xml                              | 18 ++--
 zh/blog/backend-create-web-ui/index.html      | 12 +--
 zh/blog/build-dashboard/index.html            | 12 +--
 zh/blog/feed.json                             | 16 +--
 zh/blog/index.html                            |  8 +-
 zh/blog/lowcode-vs-traditional/index.html     | 12 +--
 zh/blog/mui-2024/index.html                   | 12 +--
 zh/blog/nvm-use-2024/index.html               | 12 +--
 zh/blog/rss.xml                               | 18 ++--
 zh/blog/shadcn-ui-2024/index.html             | 12 +--
 zh/blog/shadcn-vs-mui/index.html              | 12 +--
 zh/blog/tags/admin-panel/index.html           |  8 +-
 zh/blog/tags/data-dashboard/index.html        |  8 +-
 zh/blog/tags/index.html                       |  6 +-
 zh/blog/tags/internal-tools/index.html        |  8 +-
 zh/blog/tags/javascript/index.html            |  8 +-
 zh/blog/tags/low-code/index.html              |  8 +-
 zh/blog/tags/mac/index.html                   |  8 +-
 zh/blog/tags/nodejs/index.html                |  8 +-
 zh/blog/tags/nvm/index.html                   |  8 +-
 zh/blog/tags/open-source/index.html           |  8 +-
 zh/blog/tags/react/index.html                 |  8 +-
 zh/blog/tags/shadcn-ui/index.html             |  8 +-
 .../tags/traditional-development/index.html   |  8 +-
 zh/blog/tags/ui-library/index.html            |  8 +-
 .../index.html                                | 10 +-
 zh/cms/index.html                             |  6 +-
 zh/components/Audio/index.html                |  6 +-
 zh/components/BarProgress/index.html          |  6 +-
 zh/components/Button/index.html               |  6 +-
 zh/components/Carousel/index.html             |  6 +-
 zh/components/Cascader/index.html             |  6 +-
 zh/components/Chart/index.html                |  6 +-
 zh/components/CheckboxGroup/index.html        |  6 +-
 zh/components/CircleProgress/index.html       |  6 +-
 zh/components/Container/index.html            |  6 +-
 zh/components/Date/index.html                 |  6 +-
 zh/components/DateRange/index.html            |  6 +-
 zh/components/DateTime/index.html             |  6 +-
 zh/components/Divider/index.html              |  6 +-
 zh/components/EditableText/index.html         |  6 +-
 zh/components/Form/index.html                 |  6 +-
 zh/components/Icon/index.html                 |  6 +-
 zh/components/Image/index.html                |  6 +-
 zh/components/Input/index.html                |  6 +-
 zh/components/List/index.html                 |  6 +-
 zh/components/Menu/index.html                 |  6 +-
 zh/components/Modal/index.html                |  6 +-
 zh/components/Multiselect/index.html          |  6 +-
 zh/components/NumberInput/index.html          |  6 +-
 zh/components/PDF/index.html                  |  6 +-
 zh/components/RadioButton/index.html          |  6 +-
 zh/components/RadioGroup/index.html           |  6 +-
 zh/components/Rate/index.html                 |  6 +-
 zh/components/Select/index.html               |  6 +-
 zh/components/Statistics/index.html           |  6 +-
 zh/components/Switch/index.html               |  6 +-
 zh/components/Tables/index.html               |  6 +-
 zh/components/Tabs/index.html                 |  6 +-
 zh/components/Text/index.html                 |  6 +-
 zh/components/Textarea%20Input/index.html     |  6 +-
 zh/components/Timeline/index.html             |  6 +-
 zh/components/Upload/index.html               |  6 +-
 zh/components/Video/index.html                |  6 +-
 zh/components/index.html                      |  6 +-
 zh/crm/index.html                             | 22 ++---
 zh/dashboard/index.html                       | 26 +++--
 zh/image-generator/index.html                 |  6 +-
 zh/index.html                                 |  8 +-
 zh/integrations/Airtable/index.html           |  6 +-
 zh/integrations/AmazonDynamoDB/index.html     |  6 +-
 zh/integrations/Appwrite/index.html           |  6 +-
 zh/integrations/Clickhouse/index.html         |  6 +-
 zh/integrations/CouchDB/index.html            |  6 +-
 zh/integrations/ElasticSearch/index.html      |  6 +-
 zh/integrations/Firebase/index.html           |  6 +-
 zh/integrations/GoogleSheets/index.html       |  6 +-
 zh/integrations/GraphQL/index.html            |  6 +-
 .../HuggingFaceInferenceAPI/index.html        |  6 +-
 .../HuggingFaceInferenceEndpoint/index.html   |  6 +-
 zh/integrations/Hydra/index.html              |  6 +-
 zh/integrations/MariaDB/index.html            |  6 +-
 zh/integrations/MicrosoftSQLServer/index.html |  6 +-
 zh/integrations/MongoDB/index.html            |  6 +-
 zh/integrations/MySQL/index.html              |  6 +-
 zh/integrations/Neon/index.html               |  6 +-
 zh/integrations/OracleDB/index.html           |  6 +-
 zh/integrations/PostgreSQL/index.html         |  6 +-
 zh/integrations/RESTAPI/index.html            |  6 +-
 zh/integrations/Redis/index.html              |  6 +-
 zh/integrations/S3/index.html                 |  6 +-
 zh/integrations/SMTP/index.html               |  6 +-
 zh/integrations/Snowflake/index.html          |  6 +-
 zh/integrations/SupabaseDB/index.html         |  6 +-
 zh/integrations/TiDB/index.html               |  6 +-
 zh/integrations/index.html                    |  6 +-
 zh/pricing/index.html                         |  6 +-
 502 files changed, 1610 insertions(+), 1618 deletions(-)
 rename assets/css/{styles.2766a9d3.css => styles.d04ece21.css} (99%)
 delete mode 100644 assets/js/1842627e.682c2cc7.js
 create mode 100644 assets/js/1842627e.c9c18d2b.js
 rename de/assets/js/1df93b7f.93c94f4a.js => assets/js/1df93b7f.c6a8adb1.js (84%)
 rename assets/js/{31eafaf9.fed72d30.js => 31eafaf9.0793747c.js} (99%)
 rename assets/js/{354dfbd1.290b3f49.js => 354dfbd1.f561733e.js} (99%)
 rename assets/js/{3dca0203.dcaa8c98.js => 3dca0203.83242d7c.js} (99%)
 rename assets/js/{4a61f11b.6427c4cb.js => 4a61f11b.e71f3135.js} (72%)
 rename assets/js/{4a83e123.87ad660d.js => 4a83e123.4b7a7c32.js} (99%)
 delete mode 100644 assets/js/5cd65baf.a510e86e.js
 create mode 100644 assets/js/5cd65baf.e6f9c529.js
 rename assets/js/{5f78ec6a.52e047f0.js => 5f78ec6a.eefa2441.js} (98%)
 rename assets/js/{6d69edbe.6c5927fc.js => 6d69edbe.e648c40c.js} (98%)
 delete mode 100644 assets/js/72d3bf7a.579d4e73.js
 create mode 100644 assets/js/72d3bf7a.d3ba1667.js
 delete mode 100644 assets/js/88d8af9f.4464c94b.js
 create mode 100644 assets/js/88d8af9f.93f1c73b.js
 create mode 100644 assets/js/96447363.f6ed57ae.js
 delete mode 100644 assets/js/96447363.f83450d4.js
 rename assets/js/{b6eb34d2.fbc47a25.js => b6eb34d2.b839fadc.js} (72%)
 delete mode 100644 assets/js/bb85b74d.f9f05281.js
 create mode 100644 assets/js/bb85b74d.fbdb2ae3.js
 delete mode 100644 assets/js/e20c763e.923480b9.js
 create mode 100644 assets/js/e20c763e.99469908.js
 create mode 100644 assets/js/e765f05a.927194e9.js
 delete mode 100644 assets/js/e765f05a.a65c114c.js
 rename assets/js/{main.2bb0cb21.js => main.f43b4b78.js} (96%)
 rename assets/js/{main.2bb0cb21.js.LICENSE.txt => main.f43b4b78.js.LICENSE.txt} (100%)
 rename assets/js/{runtime~main.7345fa3c.js => runtime~main.cf8aea03.js} (90%)
 rename de/assets/css/{styles.37fd5ffb.css => styles.7a15e33f.css} (99%)
 create mode 100644 de/assets/js/1842627e.50bd85e0.js
 delete mode 100644 de/assets/js/1842627e.87b363d4.js
 rename ja/assets/js/1df93b7f.93c94f4a.js => de/assets/js/1df93b7f.c6a8adb1.js (84%)
 rename de/assets/js/{31eafaf9.df3c804c.js => 31eafaf9.6987740c.js} (99%)
 rename de/assets/js/{354dfbd1.9b5e4865.js => 354dfbd1.54489368.js} (99%)
 rename de/assets/js/{3dca0203.34d2e42b.js => 3dca0203.335ac0e2.js} (99%)
 rename de/assets/js/{4a61f11b.ee7c63e0.js => 4a61f11b.d53e6eae.js} (98%)
 rename de/assets/js/{4a83e123.9060f120.js => 4a83e123.534ac1a2.js} (99%)
 rename de/assets/js/{5cd65baf.09a21917.js => 5cd65baf.306f314f.js} (79%)
 rename de/assets/js/{5f78ec6a.9de9618a.js => 5f78ec6a.e94c18cc.js} (84%)
 rename de/assets/js/{6d69edbe.b5f01cec.js => 6d69edbe.6b1f86d0.js} (84%)
 rename de/assets/js/{72d3bf7a.041a490a.js => 72d3bf7a.e46612c3.js} (79%)
 create mode 100644 de/assets/js/88d8af9f.77ea1414.js
 delete mode 100644 de/assets/js/88d8af9f.d9be0639.js
 rename de/assets/js/{96447363.957b338c.js => 96447363.a328ae39.js} (98%)
 rename de/assets/js/{b6eb34d2.c892cbd0.js => b6eb34d2.0f328ea0.js} (98%)
 rename de/assets/js/{bb85b74d.76a61702.js => bb85b74d.3953cb9f.js} (98%)
 rename de/assets/js/{e20c763e.04cf3dc7.js => e20c763e.3f7c0bee.js} (98%)
 rename de/assets/js/{e765f05a.40fbde2c.js => e765f05a.dc3e2a4b.js} (98%)
 rename de/assets/js/{main.90fd4256.js => main.cde0ebb4.js} (74%)
 rename de/assets/js/{main.90fd4256.js.LICENSE.txt => main.cde0ebb4.js.LICENSE.txt} (100%)
 rename de/assets/js/{runtime~main.5ee70e1a.js => runtime~main.3e9a9dd6.js} (64%)
 rename ja/assets/css/{styles.0c726779.css => styles.768af922.css} (99%)
 create mode 100644 ja/assets/js/1842627e.7511c2ff.js
 delete mode 100644 ja/assets/js/1842627e.deda726c.js
 rename assets/js/1df93b7f.93c94f4a.js => ja/assets/js/1df93b7f.c6a8adb1.js (84%)
 rename ja/assets/js/{31eafaf9.a0cdd077.js => 31eafaf9.e8785c7b.js} (99%)
 rename ja/assets/js/{354dfbd1.9fe06c27.js => 354dfbd1.91887c8a.js} (99%)
 rename ja/assets/js/{3dca0203.0c12c321.js => 3dca0203.82332347.js} (99%)
 rename zh/assets/js/4a61f11b.11335b41.js => ja/assets/js/4a61f11b.0dea53c0.js (93%)
 rename ja/assets/js/{4a83e123.b0217b08.js => 4a83e123.ab6b9b15.js} (99%)
 rename ja/assets/js/{5cd65baf.9614bf49.js => 5cd65baf.2290cac6.js} (98%)
 rename ja/assets/js/{5f78ec6a.0f2c3a59.js => 5f78ec6a.21f557b8.js} (83%)
 rename ja/assets/js/{6d69edbe.26542af8.js => 6d69edbe.5fe8d533.js} (83%)
 rename ja/assets/js/{72d3bf7a.aa1a9de1.js => 72d3bf7a.1e793f19.js} (98%)
 create mode 100644 ja/assets/js/88d8af9f.2ce97f00.js
 delete mode 100644 ja/assets/js/88d8af9f.bbcda779.js
 rename ja/assets/js/{96447363.7e8b716f.js => 96447363.e38d70b3.js} (98%)
 rename zh/assets/js/b6eb34d2.6a391d11.js => ja/assets/js/b6eb34d2.87ea1bbf.js (93%)
 rename ja/assets/js/{bb85b74d.3804da13.js => bb85b74d.33fe1a0e.js} (98%)
 rename ja/assets/js/{e20c763e.431fdc49.js => e20c763e.842e4bf1.js} (98%)
 rename ja/assets/js/{e765f05a.1f9a64fc.js => e765f05a.bc5cec9c.js} (98%)
 rename ja/assets/js/{main.c91ede21.js => main.7288e62e.js} (87%)
 rename ja/assets/js/{main.c91ede21.js.LICENSE.txt => main.7288e62e.js.LICENSE.txt} (100%)
 rename ja/assets/js/{runtime~main.2124305a.js => runtime~main.106910cc.js} (89%)
 rename zh/assets/css/{styles.98309625.css => styles.dd55e9d7.css} (99%)
 create mode 100644 zh/assets/js/1842627e.0eb71650.js
 delete mode 100644 zh/assets/js/1842627e.609edd6c.js
 rename zh/assets/js/{1df93b7f.93c94f4a.js => 1df93b7f.c6a8adb1.js} (84%)
 rename zh/assets/js/{31eafaf9.5a7759f0.js => 31eafaf9.6f926b61.js} (99%)
 rename zh/assets/js/{354dfbd1.678d2cef.js => 354dfbd1.354add21.js} (99%)
 rename zh/assets/js/{3dca0203.b1b54c5e.js => 3dca0203.4cad25c7.js} (99%)
 rename ja/assets/js/4a61f11b.fb2cf724.js => zh/assets/js/4a61f11b.1737b985.js (75%)
 rename zh/assets/js/{4a83e123.24c53d6c.js => 4a83e123.1d8ebed7.js} (99%)
 rename zh/assets/js/{5cd65baf.37395c21.js => 5cd65baf.dd27b34b.js} (79%)
 rename zh/assets/js/{5f78ec6a.c3229286.js => 5f78ec6a.04488960.js} (83%)
 rename zh/assets/js/{6d69edbe.110568e5.js => 6d69edbe.0d1aed15.js} (83%)
 rename zh/assets/js/{72d3bf7a.241cd4dc.js => 72d3bf7a.eacb88ac.js} (79%)
 delete mode 100644 zh/assets/js/771a2950.d12921b0.js
 create mode 100644 zh/assets/js/771a2950.ee265a88.js
 delete mode 100644 zh/assets/js/88d8af9f.cc2c4f5f.js
 create mode 100644 zh/assets/js/88d8af9f.edf7174e.js
 delete mode 100644 zh/assets/js/9591b7e9.196604a0.js
 create mode 100644 zh/assets/js/9591b7e9.dcedc0c4.js
 rename zh/assets/js/{96447363.3dea38b5.js => 96447363.b71d4b1d.js} (98%)
 rename ja/assets/js/b6eb34d2.458b1e25.js => zh/assets/js/b6eb34d2.d2f9f83c.js (75%)
 rename zh/assets/js/{bb85b74d.5c5dc4ec.js => bb85b74d.17c03911.js} (98%)
 rename zh/assets/js/{e20c763e.2bc10c76.js => e20c763e.37d16f91.js} (98%)
 rename zh/assets/js/{e765f05a.ebc845b4.js => e765f05a.2221d221.js} (98%)
 rename zh/assets/js/{main.7d876d53.js => main.c51e1297.js} (79%)
 rename zh/assets/js/{main.7d876d53.js.LICENSE.txt => main.c51e1297.js.LICENSE.txt} (100%)
 rename zh/assets/js/{runtime~main.68dec3ea.js => runtime~main.3d9d8ec7.js} (89%)

diff --git a/404.html b/404.html
index 43f9b23a78..887ebd2231 100644
--- a/404.html
+++ b/404.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] flex flex-col h-screen"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R2lkuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:Rj5kuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R9a4uh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Raa4uh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><main class="container margin-vert--xl h-full"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">Page Not Found</h1><p>We could not find what you were looking for.</p><p>Please contact the owner of the site that linked you to the original URL and let them know their link is broken.</p></div></div></main><div class="commBottomContainer_rcOJ"><div style="height:410px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-white-02">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/404" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div></div>
diff --git a/admin-panel/index.html b/admin-panel/index.html
index 0c02191d81..9892b31d3a 100644
--- a/admin-panel/index.html
+++ b/admin-panel/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">Build <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">Customized Admin Panel</span> for Website and Apps</h1><span class="descStyle_uxY4">Build admin panels at 10x speed to manage data or perform operations and allow developers to focus on business development.</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" width="100%" alt="Build admin panels at 10x speed to manage data or perform operations and allow developers to focus on business development."></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" alt="Build admin panels at 10x speed to manage data or perform operations and allow developers to focus on business development."></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Oy%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>What can we do</h1>
diff --git a/ai-voice-generator/index.html b/ai-voice-generator/index.html
index c379a82953..71684c89fb 100644
--- a/ai-voice-generator/index.html
+++ b/ai-voice-generator/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">Build <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">AI Voice Generator</span> for your business</h1><span class="descStyle_uxY4">Speech-to-text, transcribe the audio into text and translate or summarize it. Text-to-speech, create natural AI voices instantly in any language and let your content go beyond text.</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" width="100%" alt="Transcribe the audio into text in any language and process it, such as translate, summarize, store and share."></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" alt="Transcribe the audio into text in any language and process it, such as translate, summarize, store and share."></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bb%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>What can we do</h1>
diff --git a/assets/css/styles.2766a9d3.css b/assets/css/styles.d04ece21.css
similarity index 99%
rename from assets/css/styles.2766a9d3.css
rename to assets/css/styles.d04ece21.css
index a5d67e82d3..696382a1a3 100644
--- a/assets/css/styles.2766a9d3.css
+++ b/assets/css/styles.d04ece21.css
@@ -1 +1 @@
-.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6{margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading))}blockquote,pre{margin:0 0 var(--ifm-spacing-vertical)}.breadcrumbs__link,.button{transition-timing-function:var(--ifm-transition-timing-default)}.button,code{vertical-align:middle}.button--outline.button--active,.button--outline:active,.button--outline:hover,:root{--ifm-button-color:var(--ifm-font-color-base-inverse)}.menu__link:hover,a{transition:color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.navbar--dark,:root{--ifm-navbar-link-hover-color:var(--ifm-color-primary)}.menu,.navbar-sidebar{overflow-x:hidden}:root,html[data-theme=dark]{--ifm-color-emphasis-500:var(--ifm-color-gray-500)}*,:after,:before{box-sizing:border-box}.markdown li,body{word-wrap:break-word}.button,.dropdown__link,.text--truncate,.truncate,.whitespace-nowrap{white-space:nowrap}.toggleButton_C0po,html{-webkit-tap-highlight-color:transparent}#__docusaurus,.min-h-full{min-height:100%}.clean-list,.containsTaskList_aqzd,.details_GXzP>summary,.dropdown__menu,.menu__list,.swiper,menu,ol,ul{list-style:none}:root{--ifm-color-scheme:light;--ifm-dark-value:10%;--ifm-darker-value:15%;--ifm-darkest-value:30%;--ifm-light-value:15%;--ifm-lighter-value:30%;--ifm-lightest-value:50%;--ifm-contrast-background-value:90%;--ifm-contrast-foreground-value:70%;--ifm-contrast-background-dark-value:70%;--ifm-contrast-foreground-dark-value:90%;--ifm-color-primary:#3578e5;--ifm-color-secondary:#ebedf0;--ifm-color-success:#00a400;--ifm-color-info:#54c7ec;--ifm-color-warning:#ffba00;--ifm-color-danger:#fa383e;--ifm-color-primary-dark:#306cce;--ifm-color-primary-darker:#2d66c3;--ifm-color-primary-darkest:#2554a0;--ifm-color-primary-light:#538ce9;--ifm-color-primary-lighter:#72a1ed;--ifm-color-primary-lightest:#9abcf2;--ifm-color-primary-contrast-background:#ebf2fc;--ifm-color-primary-contrast-foreground:#102445;--ifm-color-secondary-dark:#d4d5d8;--ifm-color-secondary-darker:#c8c9cc;--ifm-color-secondary-darkest:#a4a6a8;--ifm-color-secondary-light:#eef0f2;--ifm-color-secondary-lighter:#f1f2f5;--ifm-color-secondary-lightest:#f5f6f8;--ifm-color-secondary-contrast-background:#fdfdfe;--ifm-color-secondary-contrast-foreground:#474748;--ifm-color-success-dark:#009400;--ifm-color-success-darker:#008b00;--ifm-color-success-darkest:#007300;--ifm-color-success-light:#26b226;--ifm-color-success-lighter:#4dbf4d;--ifm-color-success-lightest:#80d280;--ifm-color-success-contrast-background:#e6f6e6;--ifm-color-success-contrast-foreground:#003100;--ifm-color-info-dark:#4cb3d4;--ifm-color-info-darker:#47a9c9;--ifm-color-info-darkest:#3b8ba5;--ifm-color-info-light:#6ecfef;--ifm-color-info-lighter:#87d8f2;--ifm-color-info-lightest:#aae3f6;--ifm-color-info-contrast-background:#eef9fd;--ifm-color-info-contrast-foreground:#193c47;--ifm-color-warning-dark:#e6a700;--ifm-color-warning-darker:#d99e00;--ifm-color-warning-darkest:#b38200;--ifm-color-warning-light:#ffc426;--ifm-color-warning-lighter:#ffcf4d;--ifm-color-warning-lightest:#ffdd80;--ifm-color-warning-contrast-background:#fff8e6;--ifm-color-warning-contrast-foreground:#4d3800;--ifm-color-danger-dark:#e13238;--ifm-color-danger-darker:#d53035;--ifm-color-danger-darkest:#af272b;--ifm-color-danger-light:#fb565b;--ifm-color-danger-lighter:#fb7478;--ifm-color-danger-lightest:#fd9c9f;--ifm-color-danger-contrast-background:#ffebec;--ifm-color-danger-contrast-foreground:#4b1113;--ifm-color-white:#fff;--ifm-color-black:#000;--ifm-color-gray-0:var(--ifm-color-white);--ifm-color-gray-100:#f5f6f7;--ifm-color-gray-200:#ebedf0;--ifm-color-gray-300:#dadde1;--ifm-color-gray-400:#ccd0d5;--ifm-color-gray-500:#bec3c9;--ifm-color-gray-600:#8d949e;--ifm-color-gray-700:#606770;--ifm-color-gray-800:#444950;--ifm-color-gray-900:#1c1e21;--ifm-color-gray-1000:var(--ifm-color-black);--ifm-color-emphasis-0:var(--ifm-color-gray-0);--ifm-color-emphasis-100:var(--ifm-color-gray-100);--ifm-color-emphasis-200:var(--ifm-color-gray-200);--ifm-color-emphasis-300:var(--ifm-color-gray-300);--ifm-color-emphasis-400:var(--ifm-color-gray-400);--ifm-color-emphasis-600:var(--ifm-color-gray-600);--ifm-color-emphasis-700:var(--ifm-color-gray-700);--ifm-color-emphasis-800:var(--ifm-color-gray-800);--ifm-color-emphasis-900:var(--ifm-color-gray-900);--ifm-color-emphasis-1000:var(--ifm-color-gray-1000);--ifm-color-content:var(--ifm-color-emphasis-900);--ifm-color-content-inverse:var(--ifm-color-emphasis-0);--ifm-color-content-secondary:#525860;--ifm-background-color:#0000;--ifm-background-surface-color:var(--ifm-color-content-inverse);--ifm-global-border-width:1px;--ifm-global-radius:0.4rem;--ifm-hover-overlay:#0000000d;--ifm-font-color-base:var(--ifm-color-content);--ifm-font-color-base-inverse:var(--ifm-color-content-inverse);--ifm-font-color-secondary:var(--ifm-color-content-secondary);--ifm-font-family-base:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--ifm-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ifm-font-size-base:100%;--ifm-font-weight-light:300;--ifm-font-weight-normal:400;--ifm-font-weight-semibold:500;--ifm-font-weight-bold:700;--ifm-font-weight-base:var(--ifm-font-weight-normal);--ifm-line-height-base:1.65;--ifm-global-spacing:1rem;--ifm-spacing-vertical:var(--ifm-global-spacing);--ifm-spacing-horizontal:var(--ifm-global-spacing);--ifm-transition-fast:200ms;--ifm-transition-slow:400ms;--ifm-transition-timing-default:cubic-bezier(0.08,0.52,0.52,1);--ifm-global-shadow-lw:0 1px 2px 0 #0000001a;--ifm-global-shadow-md:0 5px 40px #0003;--ifm-global-shadow-tl:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a;--ifm-z-index-dropdown:100;--ifm-z-index-fixed:200;--ifm-z-index-overlay:400;--ifm-container-width:1140px;--ifm-container-width-xl:1320px;--ifm-code-background:#f6f7f8;--ifm-code-border-radius:var(--ifm-global-radius);--ifm-code-font-size:90%;--ifm-code-padding-horizontal:0.1rem;--ifm-code-padding-vertical:0.1rem;--ifm-pre-background:var(--ifm-code-background);--ifm-pre-border-radius:var(--ifm-code-border-radius);--ifm-pre-color:inherit;--ifm-pre-line-height:1.45;--ifm-pre-padding:1rem;--ifm-heading-color:inherit;--ifm-heading-margin-top:0;--ifm-heading-margin-bottom:var(--ifm-spacing-vertical);--ifm-heading-font-family:var(--ifm-font-family-base);--ifm-heading-font-weight:var(--ifm-font-weight-bold);--ifm-heading-line-height:1.25;--ifm-h1-font-size:2rem;--ifm-h2-font-size:1.5rem;--ifm-h3-font-size:1.25rem;--ifm-h4-font-size:1rem;--ifm-h5-font-size:0.875rem;--ifm-h6-font-size:0.85rem;--ifm-image-alignment-padding:1.25rem;--ifm-leading-desktop:1.25;--ifm-leading:calc(var(--ifm-leading-desktop)*1rem);--ifm-list-left-padding:2rem;--ifm-list-margin:1rem;--ifm-list-item-margin:0.25rem;--ifm-list-paragraph-margin:1rem;--ifm-table-cell-padding:0.75rem;--ifm-table-background:#0000;--ifm-table-stripe-background:#00000008;--ifm-table-border-width:1px;--ifm-table-border-color:var(--ifm-color-emphasis-300);--ifm-table-head-background:inherit;--ifm-table-head-color:inherit;--ifm-table-head-font-weight:var(--ifm-font-weight-bold);--ifm-table-cell-color:inherit;--ifm-link-color:var(--ifm-color-primary);--ifm-link-decoration:none;--ifm-link-hover-color:var(--ifm-link-color);--ifm-link-hover-decoration:underline;--ifm-paragraph-margin-bottom:var(--ifm-leading);--ifm-blockquote-font-size:var(--ifm-font-size-base);--ifm-blockquote-border-left-width:2px;--ifm-blockquote-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-blockquote-padding-vertical:0;--ifm-blockquote-shadow:none;--ifm-blockquote-color:var(--ifm-color-emphasis-800);--ifm-blockquote-border-color:var(--ifm-color-emphasis-300);--ifm-hr-background-color:var(--ifm-color-emphasis-500);--ifm-hr-height:1px;--ifm-hr-margin-vertical:1.5rem;--ifm-scrollbar-size:7px;--ifm-scrollbar-track-background-color:#f1f1f1;--ifm-scrollbar-thumb-background-color:silver;--ifm-scrollbar-thumb-hover-background-color:#a7a7a7;--ifm-alert-background-color:inherit;--ifm-alert-border-color:inherit;--ifm-alert-border-radius:var(--ifm-global-radius);--ifm-alert-border-width:0px;--ifm-alert-border-left-width:5px;--ifm-alert-color:var(--ifm-font-color-base);--ifm-alert-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-alert-padding-vertical:var(--ifm-spacing-vertical);--ifm-alert-shadow:var(--ifm-global-shadow-lw);--ifm-avatar-intro-margin:1rem;--ifm-avatar-intro-alignment:inherit;--ifm-avatar-photo-size:3rem;--ifm-badge-background-color:inherit;--ifm-badge-border-color:inherit;--ifm-badge-border-radius:var(--ifm-global-radius);--ifm-badge-border-width:var(--ifm-global-border-width);--ifm-badge-color:var(--ifm-color-white);--ifm-badge-padding-horizontal:calc(var(--ifm-spacing-horizontal)*0.5);--ifm-badge-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-breadcrumb-border-radius:1.5rem;--ifm-breadcrumb-spacing:0.5rem;--ifm-breadcrumb-color-active:var(--ifm-color-primary);--ifm-breadcrumb-item-background-active:var(--ifm-hover-overlay);--ifm-breadcrumb-padding-horizontal:0.8rem;--ifm-breadcrumb-padding-vertical:0.4rem;--ifm-breadcrumb-size-multiplier:1;--ifm-breadcrumb-separator:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');--ifm-breadcrumb-separator-filter:none;--ifm-breadcrumb-separator-size:0.5rem;--ifm-breadcrumb-separator-size-multiplier:1.25;--ifm-button-background-color:inherit;--ifm-button-border-color:var(--ifm-button-background-color);--ifm-button-border-width:var(--ifm-global-border-width);--ifm-button-font-weight:var(--ifm-font-weight-bold);--ifm-button-padding-horizontal:1.5rem;--ifm-button-padding-vertical:0.375rem;--ifm-button-size-multiplier:1;--ifm-button-transition-duration:var(--ifm-transition-fast);--ifm-button-border-radius:calc(var(--ifm-global-radius)*var(--ifm-button-size-multiplier));--ifm-button-group-spacing:2px;--ifm-card-background-color:var(--ifm-background-surface-color);--ifm-card-border-radius:calc(var(--ifm-global-radius)*2);--ifm-card-horizontal-spacing:var(--ifm-global-spacing);--ifm-card-vertical-spacing:var(--ifm-global-spacing);--ifm-toc-border-color:var(--ifm-color-emphasis-300);--ifm-toc-link-color:var(--ifm-color-content-secondary);--ifm-toc-padding-vertical:0.5rem;--ifm-toc-padding-horizontal:0.5rem;--ifm-dropdown-background-color:var(--ifm-background-surface-color);--ifm-dropdown-font-weight:var(--ifm-font-weight-semibold);--ifm-dropdown-link-color:var(--ifm-font-color-base);--ifm-dropdown-hover-background-color:var(--ifm-hover-overlay);--ifm-footer-background-color:var(--ifm-color-emphasis-100);--ifm-footer-color:inherit;--ifm-footer-link-color:var(--ifm-color-emphasis-700);--ifm-footer-link-hover-color:var(--ifm-color-primary);--ifm-footer-link-horizontal-spacing:0.5rem;--ifm-footer-padding-horizontal:calc(var(--ifm-spacing-horizontal)*2);--ifm-footer-padding-vertical:calc(var(--ifm-spacing-vertical)*2);--ifm-footer-title-color:inherit;--ifm-footer-logo-max-width:min(30rem,90vw);--ifm-hero-background-color:var(--ifm-background-surface-color);--ifm-hero-text-color:var(--ifm-color-emphasis-800);--ifm-menu-color:var(--ifm-color-emphasis-700);--ifm-menu-color-active:var(--ifm-color-primary);--ifm-menu-color-background-active:var(--ifm-hover-overlay);--ifm-menu-color-background-hover:var(--ifm-hover-overlay);--ifm-menu-link-padding-horizontal:0.75rem;--ifm-menu-link-padding-vertical:0.375rem;--ifm-menu-link-sublist-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');--ifm-menu-link-sublist-icon-filter:none;--ifm-navbar-background-color:var(--ifm-background-surface-color);--ifm-navbar-height:3.75rem;--ifm-navbar-item-padding-horizontal:0.75rem;--ifm-navbar-item-padding-vertical:0.25rem;--ifm-navbar-link-color:var(--ifm-font-color-base);--ifm-navbar-link-active-color:var(--ifm-link-color);--ifm-navbar-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-navbar-padding-vertical:calc(var(--ifm-spacing-vertical)*0.5);--ifm-navbar-shadow:var(--ifm-global-shadow-lw);--ifm-navbar-search-input-background-color:var(--ifm-color-emphasis-200);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-800);--ifm-navbar-search-input-placeholder-color:var(--ifm-color-emphasis-500);--ifm-navbar-search-input-icon:url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>');--ifm-navbar-sidebar-width:83vw;--ifm-pagination-border-radius:var(--ifm-global-radius);--ifm-pagination-color-active:var(--ifm-color-primary);--ifm-pagination-font-size:1rem;--ifm-pagination-item-active-background:var(--ifm-hover-overlay);--ifm-pagination-page-spacing:0.2em;--ifm-pagination-padding-horizontal:calc(var(--ifm-spacing-horizontal)*1);--ifm-pagination-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-pagination-nav-border-radius:var(--ifm-global-radius);--ifm-pagination-nav-color-hover:var(--ifm-color-primary);--ifm-pills-color-active:var(--ifm-color-primary);--ifm-pills-color-background-active:var(--ifm-hover-overlay);--ifm-pills-spacing:0.125rem;--ifm-tabs-color:var(--ifm-font-color-secondary);--ifm-tabs-color-active:var(--ifm-color-primary);--ifm-tabs-color-active-border:var(--ifm-tabs-color-active);--ifm-tabs-padding-horizontal:1rem;--ifm-tabs-padding-vertical:1rem;--docusaurus-progress-bar-color:var(--ifm-color-primary);--ifm-color-primary:#654aec;--ifm-color-primary-dark:#4d2ee9;--ifm-color-primary-darker:#4120e8;--ifm-color-primary-darkest:#3215c4;--ifm-color-primary-light:#7d66ef;--ifm-color-primary-lighter:#8974f0;--ifm-color-primary-lightest:#846ef0;--ifm-code-font-size:95%;--docusaurus-highlighted-code-line-bg:#0000001a;--docusaurus-announcement-bar-height:auto;--swiper-theme-color:#007aff}.badge--danger,.badge--info,.badge--primary,.badge--secondary,.badge--success,.badge--warning{--ifm-badge-border-color:var(--ifm-badge-background-color)}.button--link,.button--outline{--ifm-button-background-color:#0000}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--ifm-background-color);color:var(--ifm-font-color-base);color-scheme:var(--ifm-color-scheme);font:var(--ifm-font-size-base)/var(--ifm-line-height-base) var(--ifm-font-family-base);text-rendering:optimizelegibility}iframe{border:0;color-scheme:auto}.container{margin:0 auto;max-width:var(--ifm-container-width);padding:0 var(--ifm-spacing-horizontal)}.container--fluid{max-width:inherit}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--ifm-spacing-horizontal)*-1)}.\!mb-0,.margin-bottom--none,.margin-vert--none,.markdown>:last-child,.refine-details .refine-details-content>div>:last-child{margin-bottom:0!important}.\!mt-0,.margin-top--none,.margin-vert--none{margin-top:0!important}.row--no-gutters{margin-left:0;margin-right:0}.margin-horiz--none,.margin-right--none{margin-right:0!important}.px-0,.row--no-gutters>.col{padding-left:0;padding-right:0}.items-start,.row--align-top{align-items:flex-start}.row--align-bottom{align-items:flex-end}.items-center,.row--align-center{align-items:center}.row--align-stretch{align-items:stretch}.row--align-baseline{align-items:baseline}.col{--ifm-col-width:100%;flex:1 0;margin-left:0;max-width:var(--ifm-col-width);padding:0 var(--ifm-spacing-horizontal);width:100%}.padding-bottom--none,.padding-vert--none{padding-bottom:0!important}.padding-top--none,.padding-vert--none{padding-top:0!important}.padding-horiz--none,.padding-left--none{padding-left:0!important}.padding-horiz--none,.padding-right--none{padding-right:0!important}.col[class*=col--]{flex:0 0 var(--ifm-col-width)}.col--1{--ifm-col-width:8.33333%}.col--offset-1{margin-left:8.33333%}.col--2{--ifm-col-width:16.66667%}.col--offset-2{margin-left:16.66667%}.col--3{--ifm-col-width:25%}.col--offset-3{margin-left:25%}.col--4{--ifm-col-width:33.33333%}.col--offset-4{margin-left:33.33333%}.col--5{--ifm-col-width:41.66667%}.col--offset-5{margin-left:41.66667%}.col--6{--ifm-col-width:50%}.col--offset-6{margin-left:50%}.col--7{--ifm-col-width:58.33333%}.col--offset-7{margin-left:58.33333%}.col--8{--ifm-col-width:66.66667%}.col--offset-8{margin-left:66.66667%}.col--9{--ifm-col-width:75%}.col--offset-9{margin-left:75%}.col--10{--ifm-col-width:83.33333%}.col--offset-10{margin-left:83.33333%}.col--11{--ifm-col-width:91.66667%}.col--offset-11{margin-left:91.66667%}.col--12{--ifm-col-width:100%}.col--offset-12{margin-left:100%}.margin-horiz--none,.margin-left--none{margin-left:0!important}.\!m-0,.margin--none{margin:0!important}.margin-bottom--xs,.margin-vert--xs{margin-bottom:.25rem!important}.margin-top--xs,.margin-vert--xs{margin-top:.25rem!important}.margin-horiz--xs,.margin-left--xs{margin-left:.25rem!important}.margin-horiz--xs,.margin-right--xs{margin-right:.25rem!important}.margin--xs{margin:.25rem!important}.margin-bottom--sm,.margin-vert--sm{margin-bottom:.5rem!important}.margin-top--sm,.margin-vert--sm{margin-top:.5rem!important}.margin-horiz--sm,.margin-left--sm{margin-left:.5rem!important}.margin-horiz--sm,.margin-right--sm{margin-right:.5rem!important}.margin--sm{margin:.5rem!important}.margin-bottom--md,.margin-vert--md{margin-bottom:1rem!important}.margin-top--md,.margin-vert--md{margin-top:1rem!important}.margin-horiz--md,.margin-left--md{margin-left:1rem!important}.margin-horiz--md,.margin-right--md{margin-right:1rem!important}.margin--md{margin:1rem!important}.margin-bottom--lg,.margin-vert--lg{margin-bottom:2rem!important}.margin-top--lg,.margin-vert--lg{margin-top:2rem!important}.margin-horiz--lg,.margin-left--lg{margin-left:2rem!important}.margin-horiz--lg,.margin-right--lg{margin-right:2rem!important}.margin--lg{margin:2rem!important}.margin-bottom--xl,.margin-vert--xl{margin-bottom:5rem!important}.margin-top--xl,.margin-vert--xl{margin-top:5rem!important}.margin-horiz--xl,.margin-left--xl{margin-left:5rem!important}.margin-horiz--xl,.margin-right--xl{margin-right:5rem!important}.margin--xl{margin:5rem!important}.padding--none{padding:0!important}.padding-bottom--xs,.padding-vert--xs{padding-bottom:.25rem!important}.padding-top--xs,.padding-vert--xs{padding-top:.25rem!important}.padding-horiz--xs,.padding-left--xs{padding-left:.25rem!important}.padding-horiz--xs,.padding-right--xs{padding-right:.25rem!important}.padding--xs{padding:.25rem!important}.padding-bottom--sm,.padding-vert--sm{padding-bottom:.5rem!important}.padding-top--sm,.padding-vert--sm{padding-top:.5rem!important}.padding-horiz--sm,.padding-left--sm{padding-left:.5rem!important}.padding-horiz--sm,.padding-right--sm{padding-right:.5rem!important}.padding--sm{padding:.5rem!important}.\!py-4,.padding-bottom--md,.padding-vert--md{padding-bottom:1rem!important}.\!py-4,.padding-top--md,.padding-vert--md{padding-top:1rem!important}.\!px-4,.padding-horiz--md,.padding-left--md{padding-left:1rem!important}.\!px-4,.padding-horiz--md,.padding-right--md{padding-right:1rem!important}.padding--md{padding:1rem!important}.padding-bottom--lg,.padding-vert--lg{padding-bottom:2rem!important}.padding-top--lg,.padding-vert--lg{padding-top:2rem!important}.padding-horiz--lg,.padding-left--lg{padding-left:2rem!important}.padding-horiz--lg,.padding-right--lg{padding-right:2rem!important}.padding--lg{padding:2rem!important}.padding-bottom--xl,.padding-vert--xl{padding-bottom:5rem!important}.padding-top--xl,.padding-vert--xl{padding-top:5rem!important}.padding-horiz--xl,.padding-left--xl{padding-left:5rem!important}.padding-horiz--xl,.padding-right--xl{padding-right:5rem!important}.padding--xl{padding:5rem!important}code{background-color:var(--ifm-code-background);border:.1rem solid #0000001a;border-radius:var(--ifm-code-border-radius);font-family:var(--ifm-font-family-monospace);font-size:var(--ifm-code-font-size);padding:var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal)}a code{color:inherit}pre{background-color:var(--ifm-pre-background);border-radius:var(--ifm-pre-border-radius);color:var(--ifm-pre-color);font:var(--ifm-code-font-size)/var(--ifm-pre-line-height) var(--ifm-font-family-monospace);overflow:auto;padding:var(--ifm-pre-padding)}pre code{background-color:initial;border:none;font-size:100%;line-height:inherit;padding:0}kbd{background-color:var(--ifm-color-emphasis-0);border:1px solid var(--ifm-color-emphasis-400);border-radius:.2rem;box-shadow:inset 0 -1px 0 var(--ifm-color-emphasis-400);color:var(--ifm-color-emphasis-800);font:80% var(--ifm-font-family-monospace);padding:.15rem .3rem}h1,h2,h3,h4,h5,h6{color:var(--ifm-heading-color);font-family:var(--ifm-heading-font-family);font-weight:var(--ifm-heading-font-weight);line-height:var(--ifm-heading-line-height);margin:var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0}h1{font-size:var(--ifm-h1-font-size)}h2{font-size:var(--ifm-h2-font-size)}h3{font-size:var(--ifm-h3-font-size)}h4{font-size:var(--ifm-h4-font-size)}h5{font-size:var(--ifm-h5-font-size)}h6{font-size:var(--ifm-h6-font-size)}img[align=right]{padding-left:var(--image-alignment-padding)}img[align=left]{padding-right:var(--image-alignment-padding)}.markdown{--ifm-h1-vertical-rhythm-top:3;--ifm-h2-vertical-rhythm-top:2;--ifm-h3-vertical-rhythm-top:1.5;--ifm-heading-vertical-rhythm-top:1.25;--ifm-h1-vertical-rhythm-bottom:1.25;--ifm-heading-vertical-rhythm-bottom:1}.markdown:after,.markdown:before{content:"";display:table}.markdown:after{clear:both}.markdown h1:first-child{--ifm-h1-font-size:3rem;margin-bottom:calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading))}.markdown>h2{--ifm-h2-font-size:2rem;margin-top:calc(var(--ifm-h2-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h3{--ifm-h3-font-size:1.5rem;margin-top:calc(var(--ifm-h3-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h4,.markdown>h5,.markdown>h6{margin-top:calc(var(--ifm-heading-vertical-rhythm-top)*var(--ifm-leading))}.markdown>p,.markdown>pre,.markdown>ul{margin-bottom:var(--ifm-leading)}.markdown li>p{margin-top:var(--ifm-list-paragraph-margin)}.markdown li+li{margin-top:var(--ifm-list-item-margin)}ol,ul{margin:0 0 var(--ifm-list-margin);padding-left:var(--ifm-list-left-padding)}ol ol,ul ol{list-style-type:lower-roman}ol ol,ol ul,ul ol,ul ul{margin:0}ol ol ol,ol ul ol,ul ol ol,ul ul ol{list-style-type:lower-alpha}table thead tr{border-bottom:2px solid var(--ifm-table-border-color)}table thead,table tr:nth-child(2n){background-color:var(--ifm-table-stripe-background)}table tr{background-color:var(--ifm-table-background);border-top:var(--ifm-table-border-width) solid var(--ifm-table-border-color)}table td,table th{border:var(--ifm-table-border-width) solid var(--ifm-table-border-color);padding:var(--ifm-table-cell-padding)}table th{background-color:var(--ifm-table-head-background);color:var(--ifm-table-head-color);font-weight:var(--ifm-table-head-font-weight)}table td{color:var(--ifm-table-cell-color)}strong{font-weight:var(--ifm-font-weight-bold)}a{color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration);color:inherit;text-decoration:inherit}a:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button:hover,.text--no-decoration,.text--no-decoration:hover,a:not([href]){text-decoration:none}p{margin:0 0 var(--ifm-paragraph-margin-bottom)}blockquote{border-left:var(--ifm-blockquote-border-left-width) solid var(--ifm-blockquote-border-color);box-shadow:var(--ifm-blockquote-shadow);color:var(--ifm-blockquote-color);font-size:var(--ifm-blockquote-font-size);padding:var(--ifm-blockquote-padding-vertical) var(--ifm-blockquote-padding-horizontal)}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}hr{background-color:var(--ifm-hr-background-color);border:0;height:var(--ifm-hr-height);margin:var(--ifm-hr-margin-vertical) 0}.shadow--lw{box-shadow:var(--ifm-global-shadow-lw)!important}.shadow--md{box-shadow:var(--ifm-global-shadow-md)!important}.shadow--tl{box-shadow:var(--ifm-global-shadow-tl)!important}.text--primary,.wordWrapButtonEnabled_I8k2 .wordWrapButtonIcon_dUFy{color:var(--ifm-color-primary)}.text--secondary{color:var(--ifm-color-secondary)}.text--success{color:var(--ifm-color-success)}.text--info{color:var(--ifm-color-info)}.text--warning{color:var(--ifm-color-warning)}.text--danger{color:var(--ifm-color-danger)}.text--center{text-align:center}.text--left{text-align:left}.text--justify{text-align:justify}.text--right{text-align:right}.text--capitalize{text-transform:capitalize}.text--lowercase{text-transform:lowercase}.alert__heading,.text--uppercase{text-transform:uppercase}.text--light{font-weight:var(--ifm-font-weight-light)}.text--normal{font-weight:var(--ifm-font-weight-normal)}.text--semibold{font-weight:var(--ifm-font-weight-semibold)}.text--bold{font-weight:var(--ifm-font-weight-bold)}.text--italic{font-style:italic}.text--truncate{overflow:hidden;text-overflow:ellipsis}.text--break{word-wrap:break-word!important;word-break:break-word!important}.clean-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;padding:0}.alert,.alert .close{color:var(--ifm-alert-foreground-color)}.clean-list{padding-left:0}.alert--primary{--ifm-alert-background-color:var(--ifm-color-primary-contrast-background);--ifm-alert-background-color-highlight:#3578e526;--ifm-alert-foreground-color:var(--ifm-color-primary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-primary-dark)}.alert--secondary{--ifm-alert-background-color:var(--ifm-color-secondary-contrast-background);--ifm-alert-background-color-highlight:#ebedf026;--ifm-alert-foreground-color:var(--ifm-color-secondary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-secondary-dark)}.alert--success{--ifm-alert-background-color:var(--ifm-color-success-contrast-background);--ifm-alert-background-color-highlight:#00a40026;--ifm-alert-foreground-color:var(--ifm-color-success-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-success-dark)}.alert--info{--ifm-alert-background-color:var(--ifm-color-info-contrast-background);--ifm-alert-background-color-highlight:#54c7ec26;--ifm-alert-foreground-color:var(--ifm-color-info-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-info-dark)}.alert--warning{--ifm-alert-background-color:var(--ifm-color-warning-contrast-background);--ifm-alert-background-color-highlight:#ffba0026;--ifm-alert-foreground-color:var(--ifm-color-warning-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-warning-dark)}.alert--danger{--ifm-alert-background-color:var(--ifm-color-danger-contrast-background);--ifm-alert-background-color-highlight:#fa383e26;--ifm-alert-foreground-color:var(--ifm-color-danger-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-danger-dark)}.alert{--ifm-code-background:var(--ifm-alert-background-color-highlight);--ifm-link-color:var(--ifm-alert-foreground-color);--ifm-link-hover-color:var(--ifm-alert-foreground-color);--ifm-link-decoration:underline;--ifm-tabs-color:var(--ifm-alert-foreground-color);--ifm-tabs-color-active:var(--ifm-alert-foreground-color);--ifm-tabs-color-active-border:var(--ifm-alert-border-color);background-color:var(--ifm-alert-background-color);border:var(--ifm-alert-border-width) solid var(--ifm-alert-border-color);border-left-width:var(--ifm-alert-border-left-width);border-radius:var(--ifm-alert-border-radius);box-shadow:var(--ifm-alert-shadow);padding:var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal)}.alert__heading{align-items:center;display:flex;font:700 var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);margin-bottom:.5rem}.alert__icon{display:inline-flex;margin-right:.4em}.alert__icon svg{fill:var(--ifm-alert-foreground-color);stroke:var(--ifm-alert-foreground-color);stroke-width:0}.alert .close{margin:calc(var(--ifm-alert-padding-vertical)*-1) calc(var(--ifm-alert-padding-horizontal)*-1) 0 0;opacity:.75}.alert .close:focus,.alert .close:hover{opacity:1}.alert a{text-decoration-color:var(--ifm-alert-border-color)}.alert a:hover{text-decoration-thickness:2px}.avatar{column-gap:var(--ifm-avatar-intro-margin);display:flex}.avatar__photo{border-radius:50%;display:block;height:var(--ifm-avatar-photo-size);overflow:hidden;width:var(--ifm-avatar-photo-size)}.avatar__photo--sm{--ifm-avatar-photo-size:2rem}.avatar__photo--lg{--ifm-avatar-photo-size:4rem}.avatar__photo--xl{--ifm-avatar-photo-size:6rem}.avatar__intro{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:var(--ifm-avatar-intro-alignment)}.badge,.breadcrumbs__item,.breadcrumbs__link,.button,.dropdown>.navbar__link:after,.inline-block{display:inline-block}.avatar__name{font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base)}.avatar__subtitle{margin-top:.25rem}.avatar--vertical{--ifm-avatar-intro-alignment:center;--ifm-avatar-intro-margin:0.5rem;align-items:center;flex-direction:column}.badge{background-color:var(--ifm-badge-background-color);border:var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);border-radius:var(--ifm-badge-border-radius);color:var(--ifm-badge-color);font-size:75%;font-weight:var(--ifm-font-weight-bold);line-height:1;padding:var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal)}.badge--primary{--ifm-badge-background-color:var(--ifm-color-primary)}.badge--secondary{--ifm-badge-background-color:var(--ifm-color-secondary);color:var(--ifm-color-black)}.breadcrumbs__link,.button.button--secondary.button--outline:not(.button--active):not(:hover){color:var(--ifm-font-color-base)}.badge--success{--ifm-badge-background-color:var(--ifm-color-success)}.badge--info{--ifm-badge-background-color:var(--ifm-color-info)}.badge--warning{--ifm-badge-background-color:var(--ifm-color-warning)}.badge--danger{--ifm-badge-background-color:var(--ifm-color-danger)}.breadcrumbs{margin-bottom:0;padding-left:0}.breadcrumbs__item:not(:last-child):after{background:var(--ifm-breadcrumb-separator) center;content:" ";display:inline-block;filter:var(--ifm-breadcrumb-separator-filter);height:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier));margin:0 var(--ifm-breadcrumb-spacing);opacity:.5;width:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier))}.breadcrumbs__item--active .breadcrumbs__link{background:var(--ifm-breadcrumb-item-background-active);color:var(--ifm-breadcrumb-color-active)}.breadcrumbs__link{border-radius:var(--ifm-breadcrumb-border-radius);font-size:calc(1rem*var(--ifm-breadcrumb-size-multiplier));padding:calc(var(--ifm-breadcrumb-padding-vertical)*var(--ifm-breadcrumb-size-multiplier)) calc(var(--ifm-breadcrumb-padding-horizontal)*var(--ifm-breadcrumb-size-multiplier));transition-duration:var(--ifm-transition-fast);transition-property:background,color}.breadcrumbs__link:any-link:hover,.breadcrumbs__link:link:hover,.breadcrumbs__link:visited:hover,area[href].breadcrumbs__link:hover{background:var(--ifm-breadcrumb-item-background-active);text-decoration:none}.breadcrumbs--sm{--ifm-breadcrumb-size-multiplier:0.8}.breadcrumbs--lg{--ifm-breadcrumb-size-multiplier:1.2}.button{background-color:var(--ifm-button-background-color);border:var(--ifm-button-border-width) solid var(--ifm-button-border-color);border-radius:var(--ifm-button-border-radius);cursor:pointer;font-size:calc(.875rem*var(--ifm-button-size-multiplier));font-weight:var(--ifm-button-font-weight);line-height:1.5;padding:calc(var(--ifm-button-padding-vertical)*var(--ifm-button-size-multiplier)) calc(var(--ifm-button-padding-horizontal)*var(--ifm-button-size-multiplier));text-align:center;transition-duration:var(--ifm-button-transition-duration);transition-property:color,background,border-color;-webkit-user-select:none;user-select:none}.button,.button:hover{color:var(--ifm-button-color)}.button--outline{--ifm-button-color:var(--ifm-button-border-color)}.button--outline:hover{--ifm-button-background-color:var(--ifm-button-border-color)}.button--link{--ifm-button-border-color:#0000;color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration)}.button--link.button--active,.button--link:active,.button--link:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button.disabled,.button:disabled,.button[disabled]{opacity:.65;pointer-events:none}.button--sm{--ifm-button-size-multiplier:0.8}.button--lg{--ifm-button-size-multiplier:1.35}.button--block{display:block;width:100%}.button.button--secondary{color:var(--ifm-color-gray-900)}:where(.button--primary){--ifm-button-background-color:var(--ifm-color-primary);--ifm-button-border-color:var(--ifm-color-primary)}:where(.button--primary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-primary-dark);--ifm-button-border-color:var(--ifm-color-primary-dark)}.button--primary.button--active,.button--primary:active{--ifm-button-background-color:var(--ifm-color-primary-darker);--ifm-button-border-color:var(--ifm-color-primary-darker)}:where(.button--secondary){--ifm-button-background-color:var(--ifm-color-secondary);--ifm-button-border-color:var(--ifm-color-secondary)}:where(.button--secondary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-secondary-dark);--ifm-button-border-color:var(--ifm-color-secondary-dark)}.button--secondary.button--active,.button--secondary:active{--ifm-button-background-color:var(--ifm-color-secondary-darker);--ifm-button-border-color:var(--ifm-color-secondary-darker)}:where(.button--success){--ifm-button-background-color:var(--ifm-color-success);--ifm-button-border-color:var(--ifm-color-success)}:where(.button--success):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-success-dark);--ifm-button-border-color:var(--ifm-color-success-dark)}.button--success.button--active,.button--success:active{--ifm-button-background-color:var(--ifm-color-success-darker);--ifm-button-border-color:var(--ifm-color-success-darker)}:where(.button--info){--ifm-button-background-color:var(--ifm-color-info);--ifm-button-border-color:var(--ifm-color-info)}:where(.button--info):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-info-dark);--ifm-button-border-color:var(--ifm-color-info-dark)}.button--info.button--active,.button--info:active{--ifm-button-background-color:var(--ifm-color-info-darker);--ifm-button-border-color:var(--ifm-color-info-darker)}:where(.button--warning){--ifm-button-background-color:var(--ifm-color-warning);--ifm-button-border-color:var(--ifm-color-warning)}:where(.button--warning):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-warning-dark);--ifm-button-border-color:var(--ifm-color-warning-dark)}.button--warning.button--active,.button--warning:active{--ifm-button-background-color:var(--ifm-color-warning-darker);--ifm-button-border-color:var(--ifm-color-warning-darker)}:where(.button--danger){--ifm-button-background-color:var(--ifm-color-danger);--ifm-button-border-color:var(--ifm-color-danger)}:where(.button--danger):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-danger-dark);--ifm-button-border-color:var(--ifm-color-danger-dark)}.button--danger.button--active,.button--danger:active{--ifm-button-background-color:var(--ifm-color-danger-darker);--ifm-button-border-color:var(--ifm-color-danger-darker)}.button-group{display:inline-flex;gap:var(--ifm-button-group-spacing)}.button-group>.button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.button-group>.button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.button-group--block{display:flex;justify-content:stretch}.button-group--block>.button{flex-grow:1}.card{background-color:var(--ifm-card-background-color);border-radius:var(--ifm-card-border-radius);box-shadow:var(--ifm-global-shadow-lw);display:flex;flex-direction:column;overflow:hidden}.card--full-height{height:100%}.card__image{padding-top:var(--ifm-card-vertical-spacing)}.card__image:first-child,.pt-0{padding-top:0}.card__body,.card__footer,.card__header{padding:var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing)}.card__body:not(:last-child),.card__footer:not(:last-child),.card__header:not(:last-child){padding-bottom:0}.card__body>:last-child,.card__footer>:last-child,.card__header>:last-child{margin-bottom:0}.card__footer{margin-top:auto}.table-of-contents{font-size:.8rem;margin-bottom:0;padding:var(--ifm-toc-padding-vertical) 0}.table-of-contents,.table-of-contents ul{list-style:none;padding-left:var(--ifm-toc-padding-horizontal)}.table-of-contents li{margin:var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal)}.table-of-contents__left-border{border-left:1px solid var(--ifm-toc-border-color)}.table-of-contents__link{color:var(--ifm-toc-link-color);display:block}.table-of-contents__link--active,.table-of-contents__link--active code,.table-of-contents__link:hover,.table-of-contents__link:hover code{color:var(--ifm-color-primary);text-decoration:none}.close{color:var(--ifm-color-black);float:right;font-size:1.5rem;font-weight:var(--ifm-font-weight-bold);line-height:1;opacity:.5;padding:1rem;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.close:hover{opacity:.7}.close:focus,.theme-code-block-highlighted-line .codeLineNumber_UV2B:before{opacity:.8}.dropdown{display:inline-flex;font-weight:var(--ifm-dropdown-font-weight);position:relative;vertical-align:top}.dropdown--hoverable:hover .dropdown__menu,.dropdown--show .dropdown__menu{opacity:1;pointer-events:all;transform:translateY(-1px);visibility:visible}.dropdown--right .dropdown__menu{left:inherit;right:0}.dropdown--nocaret .navbar__link:after{content:none!important}.dropdown__menu{background-color:var(--ifm-dropdown-background-color);border-radius:var(--ifm-global-radius);box-shadow:var(--ifm-global-shadow-md);left:0;max-height:80vh;min-width:10rem;opacity:0;overflow-y:auto;padding:.5rem;pointer-events:none;position:absolute;top:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);transform:translateY(-.625rem);transition-duration:var(--ifm-transition-fast);transition-property:opacity,transform,visibility;transition-timing-function:var(--ifm-transition-timing-default);visibility:hidden;z-index:var(--ifm-z-index-dropdown)}.menu__caret,.menu__link,.menu__list-item-collapsible{border-radius:.25rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.dropdown__link{border-radius:.25rem;color:var(--ifm-dropdown-link-color);display:block;font-size:.875rem;margin-top:.2rem;padding:.25rem .5rem}.dropdown__link--active,.dropdown__link:hover{background-color:var(--ifm-dropdown-hover-background-color);color:var(--ifm-dropdown-link-color);text-decoration:none}.dropdown__link--active,.dropdown__link--active:hover{--ifm-dropdown-link-color:var(--ifm-link-color)}.dropdown>.navbar__link:after{border-color:currentcolor #0000;border-style:solid;border-width:.4em .4em 0;content:"";margin-left:.3em;position:relative;top:2px;transform:translateY(-50%)}.footer{background-color:var(--ifm-footer-background-color);color:var(--ifm-footer-color);padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal)}.footer--dark{--ifm-footer-background-color:#303846;--ifm-footer-color:var(--ifm-footer-link-color);--ifm-footer-link-color:var(--ifm-color-secondary);--ifm-footer-title-color:var(--ifm-color-white)}.footer__links,.mb-4{margin-bottom:1rem}.footer__link-item{color:var(--ifm-footer-link-color);line-height:2}.footer__link-item:hover{color:var(--ifm-footer-link-hover-color)}.footer__link-separator{margin:0 var(--ifm-footer-link-horizontal-spacing)}.footer__logo{margin-top:1rem;max-width:var(--ifm-footer-logo-max-width)}.footer__title{color:var(--ifm-footer-title-color);font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base);margin-bottom:var(--ifm-heading-margin-bottom)}.menu,.navbar__link{font-weight:var(--ifm-font-weight-semibold)}.footer__item{margin-top:0}.footer__items{margin-bottom:0}.codeBlockStandalone_BZ5x,.p-0,[type=checkbox],dialog,fieldset,legend{padding:0}.hero{align-items:center;background-color:var(--ifm-hero-background-color);color:var(--ifm-hero-text-color);display:flex;padding:4rem 2rem}.hero--primary{--ifm-hero-background-color:var(--ifm-color-primary);--ifm-hero-text-color:var(--ifm-font-color-base-inverse)}.hero--dark{--ifm-hero-background-color:#303846;--ifm-hero-text-color:var(--ifm-color-white)}.hero__title{font-size:3rem}.hero__subtitle,.text-2xl{font-size:1.5rem}.menu__list{margin:0;padding-left:0}.menu__caret,.menu__link{padding:var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal)}.menu__list .menu__list{flex:0 0 100%;margin-top:.25rem;padding-left:var(--ifm-menu-link-padding-horizontal)}.menu__list-item:not(:first-child),.mt-1{margin-top:.25rem}.menu__list-item--collapsed .menu__list{height:0;overflow:hidden}.details_GXzP[data-collapsed=false].isBrowser_pHft>summary:before,.details_GXzP[open]:not(.isBrowser_pHft)>summary:before,.menu__list-item--collapsed .menu__caret:before,.menu__list-item--collapsed .menu__link--sublist:after{transform:rotate(90deg)}.menu__list-item-collapsible{display:flex;flex-wrap:wrap;position:relative}.menu__caret:hover,.menu__link:hover,.menu__list-item-collapsible--active,.menu__list-item-collapsible:hover{background:var(--ifm-menu-color-background-hover)}.menu__list-item-collapsible .menu__link--active,.menu__list-item-collapsible .menu__link:hover{background:none!important}.menu__caret,.menu__link{align-items:center;display:flex}.navbar-sidebar,.navbar-sidebar__backdrop{opacity:0;top:0;transition-duration:var(--ifm-transition-fast);transition-timing-function:ease-in-out;visibility:hidden;left:0;bottom:0}.menu__link{color:var(--ifm-menu-color);flex:1;line-height:1.25}.menu__link:hover{color:var(--ifm-menu-color);text-decoration:none}.menu__caret:before,.menu__link--sublist-caret:after{content:"";filter:var(--ifm-menu-link-sublist-icon-filter);height:1.25rem;transform:rotate(180deg);transition:transform var(--ifm-transition-fast) linear;width:1.25rem}.menu__link--sublist-caret:after{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem;margin-left:auto;min-width:1.25rem}.menu__link--active,.menu__link--active:hover{color:var(--ifm-menu-color-active)}.navbar__brand,.navbar__link{color:var(--ifm-navbar-link-color)}.menu__link--active:not(.menu__link--sublist){background-color:var(--ifm-menu-color-background-active)}.menu__caret:before{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem}.filter,.hover\:brightness-90:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navbar--dark,html[data-theme=dark]{--ifm-menu-link-sublist-icon-filter:invert(100%) sepia(94%) saturate(17%) hue-rotate(223deg) brightness(104%) contrast(98%)}.navbar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-navbar-shadow);height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.flex,.navbar,.navbar>.container,.navbar>.container-fluid{display:flex}.navbar--fixed-top{position:sticky;top:0;z-index:var(--ifm-z-index-fixed)}.navbar__inner{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.navbar__brand{align-items:center;display:flex;margin-right:1rem;min-width:0}.navbar__brand:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.announcementBarContent__DAX,.navbar__title{flex:1 1 auto}.navbar__toggle{display:none;margin-right:.5rem}.navbar__logo{flex:0 0 auto;height:2rem;margin-right:.5rem}.h-full,.navbar__logo img,body,html{height:100%}.navbar__items{align-items:center;display:flex;flex:1;min-width:0}.navbar__items--center{flex:0 0 auto}.m-0,.navbar__items--center .navbar__brand,blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}.navbar__items--center+.navbar__items--right{flex:1}.navbar__items--right{flex:0 0 auto;justify-content:flex-end}.navbar__items--right>:last-child{padding-right:0}.navbar__item{display:inline-block;padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}#nprogress,.navbar__item.dropdown .navbar__link:not([href]){pointer-events:none}.navbar__link--active,.navbar__link:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.navbar--dark,.navbar--primary{--ifm-menu-color:var(--ifm-color-gray-300);--ifm-navbar-link-color:var(--ifm-color-gray-100);--ifm-navbar-search-input-background-color:#ffffff1a;--ifm-navbar-search-input-placeholder-color:#ffffff80;color:var(--ifm-color-white)}.navbar--dark{--ifm-navbar-background-color:#242526;--ifm-menu-color-background-active:#ffffff0d;--ifm-navbar-search-input-color:var(--ifm-color-white)}.navbar--primary{--ifm-navbar-background-color:var(--ifm-color-primary);--ifm-navbar-link-hover-color:var(--ifm-color-white);--ifm-menu-color-active:var(--ifm-color-white);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-500)}.navbar__search-input{-webkit-appearance:none;appearance:none;background:var(--ifm-navbar-search-input-background-color) var(--ifm-navbar-search-input-icon) no-repeat .75rem center/1rem 1rem;border:none;border-radius:2rem;color:var(--ifm-navbar-search-input-color);cursor:text;display:inline-block;font-size:.9rem;height:2rem;padding:0 .5rem 0 2.25rem;width:12.5rem}.cursor-pointer,.dropdownNavbarItemMobile_JUhd,.footerItem_GsU2,.pills__item,.refine-toc-item,.tabs__item,[role=button],button{cursor:pointer}.navbar__search-input::placeholder{color:var(--ifm-navbar-search-input-placeholder-color)}.navbar-sidebar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-global-shadow-md);position:fixed;transform:translate3d(-100%,0,0);transition-property:opacity,visibility,transform;width:var(--ifm-navbar-sidebar-width)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar__items,.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar--show .navbar-sidebar__backdrop{opacity:1;visibility:visible}.navbar-sidebar__backdrop{background-color:#0009;position:fixed;right:0;transition-property:opacity,visibility}.navbar-sidebar__brand{align-items:center;box-shadow:var(--ifm-navbar-shadow);display:flex;flex:1;height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.navbar-sidebar__items{display:flex;height:calc(100% - var(--ifm-navbar-height));transition:transform var(--ifm-transition-fast) ease-in-out}.navbar-sidebar__items--show-secondary{transform:translate3d(calc((var(--ifm-navbar-sidebar-width))*-1),0,0)}.navbar-sidebar__item{flex-shrink:0;padding:.5rem;width:calc(var(--ifm-navbar-sidebar-width))}.navbar-sidebar__back{background:var(--ifm-menu-color-background-active);font-size:15px;font-weight:var(--ifm-button-font-weight);margin:0 0 .2rem -.5rem;padding:.6rem 1.5rem;position:relative;text-align:left;top:-.5rem;width:calc(100% + 1rem)}.navbar-sidebar__close{display:flex;margin-left:auto}.pagination{column-gap:var(--ifm-pagination-page-spacing);display:flex;font-size:var(--ifm-pagination-font-size);padding-left:0}.pagination--sm{--ifm-pagination-font-size:0.8rem;--ifm-pagination-padding-horizontal:0.8rem;--ifm-pagination-padding-vertical:0.2rem}.pagination--lg{--ifm-pagination-font-size:1.2rem;--ifm-pagination-padding-horizontal:1.2rem;--ifm-pagination-padding-vertical:0.3rem}.inline-flex,.pagination__item{display:inline-flex}.pagination__item>span{padding:var(--ifm-pagination-padding-vertical)}.pagination__item--active .pagination__link{color:var(--ifm-pagination-color-active)}.pagination__item--active .pagination__link,.pagination__item:not(.pagination__item--active):hover .pagination__link{background:var(--ifm-pagination-item-active-background)}.pagination__item--disabled,.pagination__item[disabled]{opacity:.25;pointer-events:none}.pagination__link{border-radius:var(--ifm-pagination-border-radius);color:var(--ifm-font-color-base);display:inline-block;padding:var(--ifm-pagination-padding-vertical) var(--ifm-pagination-padding-horizontal);transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination__link:hover,html .no-underline{text-decoration:none}.pagination-nav{grid-gap:var(--ifm-spacing-horizontal);display:grid;gap:var(--ifm-spacing-horizontal);grid-template-columns:repeat(2,1fr)}.pagination-nav__link{border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-pagination-nav-border-radius);display:block;height:100%;line-height:var(--ifm-heading-line-height);padding:var(--ifm-global-spacing);transition:border-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination-nav__link:hover{border-color:var(--ifm-pagination-nav-color-hover);text-decoration:none}.pagination-nav__link--next{grid-column:2/3;text-align:right}.content_B3zk,.text-center{text-align:center}.pagination-nav__label{font-size:var(--ifm-h4-font-size);font-weight:var(--ifm-heading-font-weight);word-break:break-word}.pagination-nav__link--prev .pagination-nav__label:before{content:"« "}.pagination-nav__link--next .pagination-nav__label:after{content:" »"}.pagination-nav__sublabel{color:var(--ifm-color-content-secondary);font-size:var(--ifm-h5-font-size);font-weight:var(--ifm-font-weight-semibold);margin-bottom:.25rem}.pills__item,.tabs{font-weight:var(--ifm-font-weight-bold)}.pills{display:flex;gap:var(--ifm-pills-spacing);padding-left:0}.pills__item{border-radius:.5rem;display:inline-block;padding:.25rem 1rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pills__item--active{color:var(--ifm-pills-color-active)}.pills__item--active,.pills__item:not(.pills__item--active):hover{background:var(--ifm-pills-color-background-active)}.pills--block{justify-content:stretch}.pills--block .pills__item{flex-grow:1;text-align:center}.tabs{color:var(--ifm-tabs-color);display:flex;margin-bottom:0;overflow-x:auto;padding-left:0}.tabs__item{border-bottom:3px solid #0000;border-radius:var(--ifm-global-radius);display:inline-flex;padding:var(--ifm-tabs-padding-vertical) var(--ifm-tabs-padding-horizontal);transition:background-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.transition,.transition-colors,.transition-opacity,.transition-transform{transition-duration:.15s}.refine-details>summary .refine-details-triangle,.transition,.transition-colors,.transition-opacity,.transition-transform{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tabs__item--active{border-bottom-color:var(--ifm-tabs-color-active-border);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--ifm-tabs-color-active)}.tabs__item:hover{background-color:var(--ifm-hover-overlay)}.tabs--block{justify-content:stretch}.tabs--block .tabs__item{flex-grow:1;justify-content:center}html[data-theme=dark]{--ifm-color-scheme:dark;--ifm-color-emphasis-0:var(--ifm-color-gray-1000);--ifm-color-emphasis-100:var(--ifm-color-gray-900);--ifm-color-emphasis-200:var(--ifm-color-gray-800);--ifm-color-emphasis-300:var(--ifm-color-gray-700);--ifm-color-emphasis-400:var(--ifm-color-gray-600);--ifm-color-emphasis-600:var(--ifm-color-gray-400);--ifm-color-emphasis-700:var(--ifm-color-gray-300);--ifm-color-emphasis-800:var(--ifm-color-gray-200);--ifm-color-emphasis-900:var(--ifm-color-gray-100);--ifm-color-emphasis-1000:var(--ifm-color-gray-0);--ifm-background-color:#1b1b1d;--ifm-background-surface-color:#242526;--ifm-hover-overlay:#ffffff0d;--ifm-color-content:#e3e3e3;--ifm-color-content-secondary:#fff;--ifm-breadcrumb-separator-filter:invert(64%) sepia(11%) saturate(0%) hue-rotate(149deg) brightness(99%) contrast(95%);--ifm-code-background:#ffffff1a;--ifm-scrollbar-track-background-color:#444;--ifm-scrollbar-thumb-background-color:#686868;--ifm-scrollbar-thumb-hover-background-color:#7a7a7a;--ifm-table-stripe-background:#ffffff12;--ifm-toc-border-color:var(--ifm-color-emphasis-200);--ifm-color-primary-contrast-background:#102445;--ifm-color-primary-contrast-foreground:#ebf2fc;--ifm-color-secondary-contrast-background:#474748;--ifm-color-secondary-contrast-foreground:#fdfdfe;--ifm-color-success-contrast-background:#003100;--ifm-color-success-contrast-foreground:#e6f6e6;--ifm-color-info-contrast-background:#193c47;--ifm-color-info-contrast-foreground:#eef9fd;--ifm-color-warning-contrast-background:#4d3800;--ifm-color-warning-contrast-foreground:#fff8e6;--ifm-color-danger-contrast-background:#4b1113;--ifm-color-danger-contrast-foreground:#ffebec}#nprogress .bar{background:var(--docusaurus-progress-bar-color);height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px var(--docusaurus-progress-bar-color),0 0 5px var(--docusaurus-progress-bar-color);height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}.blog-wrapper:root,.docs-wrapper:root{--primary-font-sans:"Inter"}.scrollbar-slim{scrollbar-color:red blue;scrollbar-width:thin}.scrollbar-slim::-webkit-scrollbar{width:12px}.scrollbar-slim::-webkit-scrollbar-track{background:#14141f;border-radius:5px}.scrollbar-slim::-webkit-scrollbar-thumb{background-color:#303450;border:3px solid #14141f;border-radius:12px}.refine-prose{color:var(--tw-prose-body);max-width:100%!important;--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75;--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders);font-weight:400;max-width:none}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.refine-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.refine-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.refine-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.refine-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.refine-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.refine-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.refine-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}progress,sub,sup{vertical-align:initial}.refine-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.refine-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.refine-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.refine-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.refine-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .refine-prose) :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity));font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600;font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity));font-weight:600;font-size:1rem;line-height:1.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));font-weight:600;font-size:.875rem;line-height:2.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity));font-weight:600;font-size:.75rem;line-height:1.33rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-bottom:1.25rem;margin-top:0;font-size:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;margin-bottom:0;margin-top:0}.refine-prose :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){border-left-width:4px;border-radius:.5rem;font-style:normal;font-weight:400;padding:1rem;--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity));border-left-color:rgb(163 173 194/var(--tw-border-opacity));color:rgb(48 52 80/var(--tw-text-opacity))}.refine-prose:last-child :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:0}:is(:where([data-theme=dark]) .refine-prose) :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity));border-left-color:rgb(71 78 107/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.625rem;line-height:.75rem;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(222 229 237/var(--tw-bg-opacity));color:rgb(48 52 80/var(--tw-text-opacity));border-radius:.25rem;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:2px .375rem 3px;border-style:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):before{--tw-content:none;content:var(--tw-content)}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):after{--tw-content:none;content:var(--tw-content)}.refine-prose h1 code,.refine-prose h2 code,.refine-prose h3 code{font-size:inherit;line-height:inherit;vertical-align:bottom}.refine-prose blockquote p:after,.refine-prose blockquote p:before,.refine-prose blockquote:after,.refine-prose blockquote:before{--tw-content:none;content:var(--tw-content)}.refine-prose table :is(:where(table):not(:where([class~=not-prose],[class~=not-prose] *))){border-style:none}.refine-prose table tr{border-top:unset}.refine-prose table td,.refine-prose table th{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(222 229 237/var(--tw-border-opacity));border-width:1px;color:rgb(20 20 31/var(--tw-text-opacity));padding:.5rem;font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table td),:is(:where([data-theme=dark]) .refine-prose table th){--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity));color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose table th{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600}:is(:where([data-theme=dark]) .refine-prose table th){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose table th,.refine-prose table th code,.text-sm{font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(odd)){--tw-bg-opacity:0.3;background-color:rgb(48 52 80/var(--tw-bg-opacity))}.refine-prose table tbody tr:nth-child(odd){--tw-bg-opacity:0.1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}.bg-gray-50,.refine-prose table tbody tr:nth-child(2n),.refine-prose table thead{--tw-bg-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(2n)){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table thead){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}.refine-prose table thead tr{border-style:none}.refine-prose .table-container{margin-bottom:1rem;margin-top:2rem;max-width:100%;overflow:auto;padding-bottom:1rem}.refine-prose .table-container table{display:table;margin-bottom:0;margin-top:0;table-layout:auto}.refine-toc-item code:after,.refine-toc-item code:before{content:""}.refine-toc-item code{border-radius:.25rem;border-style:none!important;color:inherit!important;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:.125rem .25rem;vertical-align:bottom!important;font-size:12px}:is(:where([data-theme=dark]) .refine-toc-item code){--tw-bg-opacity:0.3;background-color:rgb(71 78 107/var(--tw-bg-opacity));color:inherit!important}a:has(>code){text-decoration:none!important}a:has(>code) code{--tw-text-opacity:1!important;color:rgb(0 128 255/var(--tw-text-opacity))!important;vertical-align:text-bottom!important}:is(:where([data-theme=dark]) a:has(>code) code){--tw-text-opacity:1!important;color:rgb(110 179 247/var(--tw-text-opacity))!important}p:has(>code) code{margin-left:.125rem;margin-right:.125rem;vertical-align:text-bottom!important}li a:has(>code) code{margin-left:0!important;margin-right:0!important;vertical-align:text-bottom!important}.admonition.admonition-caution code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(242 128 13/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution code){--tw-bg-opacity:15%;background-color:#ff99331a}.admonition.admonition-caution a{--tw-text-opacity:1;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution a){--tw-text-opacity:1;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-caution a code{--tw-text-opacity:1!important;color:rgb(204 102 0/var(--tw-text-opacity))!important}:is(:where([data-theme=dark]) .admonition.admonition-caution a code){--tw-text-opacity:1!important;color:rgb(255 153 51/var(--tw-text-opacity))!important}.admonition.admonition-caution li::marker{--tw-text-opacity:0.5;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution li)::marker{--tw-text-opacity:0.5;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-danger code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(255 76 77/var(--tw-bg-opacity))}.admonition.admonition-danger a{--tw-text-opacity:1;color:rgb(255 76 77/var(--tw-text-opacity))}.admonition.admonition-danger a code{--tw-text-opacity:1!important;color:rgb(255 76 77/var(--tw-text-opacity))!important}.admonition.admonition-info code{--tw-bg-opacity:15%;background-color:#0080ff1a}:is(:where([data-theme=dark]) .admonition.admonition-info code){--tw-bg-opacity:15%;background-color:#6eb3f71a}.admonition.admonition-info a,.admonition.admonition-info-tip a{--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info a){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-info li::marker{--tw-text-opacity:0.5;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info li)::marker{--tw-text-opacity:0.5;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-tip code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(31 173 102/var(--tw-bg-opacity))}.admonition.admonition-note code,.bg-\[\#5865F2\],.bg-black,.bg-blue-100,.bg-gray-0,.bg-gray-100,.bg-gray-200,.bg-gray-600,.bg-gray-900,.bg-refine-blue,.bg-tech-purple-03,.bg-violet-800,.bg-white{--tw-bg-opacity:1}.admonition.admonition-tip a{--tw-text-opacity:1;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-tip a code{--tw-text-opacity:1!important;color:rgb(31 173 102/var(--tw-text-opacity))!important}.admonition.admonition-tip li::marker{--tw-text-opacity:0.5;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-note code{--tw-bg-opacity:15%;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-additional a,.admonition.admonition-note a{--tw-text-opacity:1;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-note a code{--tw-text-opacity:1!important;color:rgb(15 189 189/var(--tw-text-opacity))!important}.admonition.admonition-note li::marker{--tw-text-opacity:0.5;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-additional code{--tw-bg-opacity:0.2;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-info-tip code{--tw-bg-opacity:0.2;background-color:rgb(0 128 255/var(--tw-bg-opacity))}.admonition pre.prism-code code,.bg-transparent{background-color:initial}.refine-details>summary+div>div{border-top-width:0;margin-top:0;padding-top:0}.p-4,.refine-details-content{padding:1rem}.refine-details>summary .refine-details-triangle{--tw-rotate:-90deg;transition-duration:.2s;transition-property:transform}.-rotate-180,.-rotate-90,.refine-details>summary .refine-details-triangle,.refine-details[open]>summary .refine-details-triangle,.rotate-0,.scale-100,.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.refine-details[open]>summary .refine-details-triangle,.rotate-0{--tw-rotate:0deg}.max-w-screen-content{max-width:480px}html[data-active-page=index],html[data-active-page=index] body{--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}@keyframes a{0%,35%,to{opacity:0}30%,5%{opacity:1}}.landing-hero-mobile-svg .auth,.landing-hero-mobile-svg .backend,.landing-hero-mobile-svg .framework,.landing-hero-mobile-svg .platform{animation:24s infinite a;opacity:0;will-change:opacity}.landing-hero-mobile-svg .nextjs{animation-delay:0s}.landing-hero-mobile-svg .vite{animation-delay:8s}.landing-hero-mobile-svg .remix{animation-delay:16s}.landing-hero-mobile-svg .mui{animation-delay:-3s}.landing-hero-mobile-svg .antd{animation-delay:5s}.landing-hero-mobile-svg .chakra{animation-delay:13s}.landing-hero-mobile-svg .supabase{animation-delay:-6s}.landing-hero-mobile-svg .nest{animation-delay:2s}.landing-hero-mobile-svg .appwrite{animation-delay:10s}.landing-hero-mobile-svg .google{animation-delay:-9s}.landing-hero-mobile-svg .auth0{animation-delay:-1s}.landing-hero-mobile-svg .strapi{animation-delay:7s}.animation-parent{backface-visibility:hidden;perspective:1000;transform:translateZ(0)}#__docusaurus-base-url-issue-banner-container,.hidden,.sp-icon-standalone[title="Open in CodeSandbox"] svg+span,.sp-preview .sp-custom-loading,.sp-preview .sp-loading,.themedComponent_FXRw,[data-theme=dark] .lightToggleIcon__wwy,[data-theme=light] .darkToggleIcon_iyjK,[hidden],html[data-announcement-bar-initially-dismissed=true] .announcementBar_hbYq{display:none}.sp-preview .sp-loading+.sp-custom-loading{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:calc(var(--sp-zIndices-top) + 1)}button.sp-button.sp-icon-standalone[title="Open in CodeSandbox"]:has(svg+span){padding-left:0;padding-right:4px;width:26px}.admonition-simple .admonition-content :last-child,.admonitionContent_YstZ>:last-child,.collapsibleContent_uFAl p:last-child,.details_GXzP>summary>p:last-child,.mb-0,.refine-tab-content>:last-child{margin-bottom:0}.admonition-simple ul{list-style-position:outside;list-style-type:"-   ";margin:0;padding-left:24px}.admonition-simple *{font-size:.875rem;line-height:1rem}.admonition-simple .admonition-content ul li::marker{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition-simple .admonition-content ul li)::marker{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}h4>del:has(code:only-child){text-decoration-line:none}html h4>del:has(code:only-child){text-decoration:none}h4>del:has(code:only-child) code{text-decoration-line:line-through}.font-\[500\],.font-medium,.sp-tab-button[data-active=true]{font-weight:500}*,:after,:before{border:0 solid #dee5ed}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{display:block;margin-bottom:var(--ifm-spacing-vertical);overflow:auto;border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}.admonitionHeading_wuvZ code,button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}menu,ol,ul{margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a3adc2;opacity:1}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container,.w-full{width:100%}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible,.swiper-slide-invisible-blank{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.right-\[24px\]{right:24px}.top-0{top:0}.top-2{top:.5rem}.top-32{top:8rem}.top-\[24px\]{top:24px}.top-\[67px\]{top:67px}.z-50{z-index:50}.z-\[100\],.z-modal{z-index:100}.z-\[1\]{z-index:1}.z-\[55\]{z-index:55}.m-1{margin:.25rem}.m-6{margin:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[40px\]{margin-bottom:40px}.ml-\[5px\]{margin-left:5px}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.table{display:table}.grid{display:grid}.h-0{height:0}.h-0\.5{height:.125rem}.h-12{height:3rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[120px\]{height:120px}.h-\[12px\]{height:12px}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[40px\]{height:40px}.h-\[4px\]{height:4px}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-\[calc\(100vh-67px\)\]{height:calc(100vh - 67px)}.h-auto,.img_CfaS,.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.h-screen{height:100vh}.max-h-\[180px\]{max-height:180px}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[10px\]{width:10px}.w-\[12px\]{width:12px}.w-\[142px\]{width:142px}.w-\[193px\]{width:193px}.w-\[24px\]{width:24px}.w-\[264px\]{width:264px}.w-\[280px\]{width:280px}.w-\[343px\]{width:343px}.w-\[40px\]{width:40px}.w-\[42\.5px\]{width:42.5px}.w-\[45px\]{width:45px}.w-\[4px\]{width:4px}.w-\[51px\]{width:51px}.w-auto{width:auto}.w-max{width:max-content}.min-w-0{min-width:0}.max-w-\[1600px\]{max-width:1600px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-\[512px\]{max-width:512px}.max-w-\[576px\]{max-width:576px}.max-w-md{max-width:28rem}.max-w-screen-blog-max{max-width:1408px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-rotate-180{--tw-rotate:-180deg}.-rotate-90{--tw-rotate:-90deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.footerContentContainer_DQf_,.itemsContainer_OUc9,.logoContainerStyle_PeVm,.templateItemContainer_lyZ8{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col,.swiper-vertical>.swiper-wrapper{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[16px\]{gap:16px}.gap-\[24px\]{gap:24px}.gap-\[40px\]{gap:40px}.gap-\[4px\]{gap:4px}.gap-\[60px\]{gap:60px}.gap-\[8px\]{gap:8px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border,.border-\[1px\]{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-gray-02{border-color:#1f1f1f}.border-gray-100{--tw-border-opacity:1;border-color:rgb(237 242 247/var(--tw-border-opacity))}.border-white-01{border-color:#fff}.border-l-gray-100{--tw-border-opacity:1;border-left-color:rgb(237 242 247/var(--tw-border-opacity))}.border-t-gray-200{--tw-border-opacity:1;border-top-color:rgb(222 229 237/var(--tw-border-opacity))}.bg-\[\#000000bf\]{background-color:#000000bf}.bg-\[\#5865F2\]{background-color:rgb(88 101 242/var(--tw-bg-opacity))}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.75\)\]{background-color:#ffffffbf}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/\[0\.64\]{background-color:#000000a3}.bg-blue-100{background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-gray-0,.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-01{background-color:#000}.bg-gray-02{background-color:#1f1f1f}.bg-gray-100{background-color:rgb(237 242 247/var(--tw-bg-opacity))}.bg-gray-200{background-color:rgb(222 229 237/var(--tw-bg-opacity))}.bg-gray-600{background-color:rgb(71 78 107/var(--tw-bg-opacity))}.bg-gray-900{background-color:rgb(20 20 31/var(--tw-bg-opacity))}.bg-gray-900\/20{background-color:#14141f33}.bg-gray-900\/70{background-color:#14141fb3}.bg-refine-blue{background-color:rgb(0 128 255/var(--tw-bg-opacity))}.bg-tech-purple-03{background-color:rgb(101 74 236/var(--tw-bg-opacity))}.bg-violet-800{background-color:rgb(91 33 182/var(--tw-bg-opacity))}.bg-white-01{background-color:#fff}.bg-white-09,.hover\:bg-white-09:hover{background-color:#ffffff19}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:.5rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[24px\]{padding-left:24px;padding-right:24px}.px-\[4px\]{padding-left:4px;padding-right:4px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-\[22px\]{padding-bottom:22px;padding-top:22px}.pb-10{padding-bottom:2.5rem}.pb-6{padding-bottom:1.5rem}.pb-\[100px\]{padding-bottom:100px}.pb-\[60px\]{padding-bottom:60px}.pl-1{padding-left:.25rem}.pl-11{padding-left:2.75rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-7{padding-left:1.75rem}.pl-\[32px\]{padding-left:32px}.pr-3{padding-right:.75rem}.pt-6{padding-top:1.5rem}.pt-\[4px\]{padding-top:4px}.align-middle{vertical-align:middle}.font-\[\'Inter\'\]{font-family:Inter}.font-sans{font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.textTitleNumStyle_TEnk,.textTitleNumStyle_h7vB{font-family:Eurostile Becker,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-3xl{font-size:1.875rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.font-\[400\],.font-normal{font-weight:400}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.5\]{line-height:1.5}.leading-\[17px\]{line-height:17px}.leading-\[22px\]{line-height:22px}.leading-\[28px\]{line-height:28px}.\!text-white-04{color:#ffffff80!important}.hover\:text-\[\#0b0c0f\]:hover,.text-\[\#0B0C0F\],.text-\[\#0b0c0f\]{--tw-text-opacity:1;color:rgb(11 12 15/var(--tw-text-opacity))}.text-\[\#1D2129\]{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity))}.text-gray-0,.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-gray-02:hover,.text-gray-02{color:#1f1f1f}.hover\:text-gray-03:hover,.text-gray-03{color:#5c5c5c}.text-gray-100{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}.hover\:text-gray-600:hover,.text-gray-600{--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}.hover\:text-gray-800:hover,.text-gray-800{--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-tech-purple-01{--tw-text-opacity:1;color:rgb(38 24 156/var(--tw-text-opacity))}.text-transparent{color:#0000}.hover\:text-white-01:hover,.text-white-01{color:#fff}.text-white-02{color:#ffffffe6}.hover\:text-white-03:hover,.text-white-03{color:#ffffffc0}.hover\:text-white-04:hover,.text-white-04{color:#ffffff80}.text-opacity-90{--tw-text-opacity:0.9}.faqListAnswer_uzUc a,.underline{text-decoration-line:underline}.baseLinkButtonStyle_PuMK:hover,.basePanelItemContainerStyle_IaDP:hover,.commBottomBtn_pFSF:hover,.hover\:no-underline:hover,.menuItemStyle_SQLa,.menuItemStyle_SQLa:active,.menuItemStyle_SQLa:hover,.menuItemStyle_a3Ir:hover,.no-underline,.operateItemStyle_quc4:hover,.panelItemStyle_VUhY:hover{text-decoration-line:none}.opacity-0{opacity:0}.footerLogoLink_K6r0:hover,.hash-link:focus,.opacity-100,.solutionSelectImageStyle_GSp1,:hover>.hash-link{opacity:1}.backdrop-blur-\[50px\]{--tw-backdrop-blur:blur(50px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.transition-opacity{transition-property:opacity}.transition-transform{transition-property:transform}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:bg-grayBlue-09:hover,.lightPanelItemContainerStyle_OZnY:hover{background-color:#f2f3f5}.hover\:brightness-90:hover{--tw-brightness:brightness(.9)}.basePopoverPanelStyle_y9hq:focus,.focus\:outline-none:focus,.popoverPanelStyle_GNCw:focus{outline:#0000 solid 2px;outline-offset:2px}:is(:where([data-theme=dark]) .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-l-gray-700){--tw-border-opacity:1;border-left-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-t-gray-700){--tw-border-opacity:1;border-top-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-500){--tw-bg-opacity:1;background-color:rgb(108 119 147/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgb(71 78 107/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-0){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-200){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-white-01){color:#fff}:is(:where([data-theme=dark]) .dark\:text-white-04){color:#ffffff80}:is(:where([data-theme=dark]) .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:hover\:text-white-01:hover){color:#fff}:is(:where([data-theme=dark]) .hover\:dark\:text-white-01):hover{color:#fff}[data-theme=dark]{--ifm-color-primary:#9580ff;--ifm-color-primary-dark:#755aff;--ifm-color-primary-darker:#6547ff;--ifm-color-primary-darkest:#350dff;--ifm-color-primary-light:#b5a6ff;--ifm-color-primary-lighter:#c5b9ff;--ifm-color-primary-lightest:#f5f3ff;--ifm-background-color:#0a0a0a;--docusaurus-highlighted-code-line-bg:#0000004d}@font-face{font-family:Eurostile Becker;src:url("/illa-website/assets/fonts/Eurostile Becker Heavy Regular-99fb2b764178f7417346a5e3e15d5947.ttf") format("truetype")}body:not(.navigation-with-keyboard) :not(input):focus{outline:0}.skipToContent_YRel{background-color:var(--ifm-background-surface-color);color:var(--ifm-color-emphasis-900);left:100%;padding:calc(var(--ifm-global-spacing)/2) var(--ifm-global-spacing);position:fixed;top:1rem;z-index:calc(var(--ifm-z-index-fixed) + 1)}.skipToContent_YRel:focus{box-shadow:var(--ifm-global-shadow-md);left:1rem}.closeButton_r_Ma{line-height:0;padding:0}.content_B3zk{font-size:85%;padding:5px 0}.content_B3zk a{color:inherit;text-decoration:underline}.announcementBar_hbYq{align-items:center;background-color:var(--ifm-color-white);border-bottom:1px solid var(--ifm-color-emphasis-100);color:var(--ifm-color-black);display:flex;height:var(--docusaurus-announcement-bar-height)}.announcementBarPlaceholder_nNiq{flex:0 0 10px}.announcementBarClose_S8lM{align-self:stretch;flex:0 0 30px}.toggle_Io7t{height:2rem;width:2rem}.toggleButton_C0po{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;transition:background var(--ifm-transition-fast);width:100%}.toggleButton_C0po:hover{background:var(--ifm-color-emphasis-200)}.toggleButtonDisabled_IHuh{cursor:not-allowed}.darkNavbarColorModeToggle_jx_9:hover{background:var(--ifm-color-gray-800)}[data-theme=dark] .themedComponent--dark_gZs3,[data-theme=light] .themedComponent--light_RIle,html:not([data-theme]) .themedComponent--light_RIle{display:initial}.iconExternalLink_ocOZ{margin-left:.3rem}.dropdownNavbarItemMobile_JUhd:after{margin-left:8px}.iconLanguage_DSK9{display:inline-block;margin-right:5px;vertical-align:text-bottom}@supports selector(:has(*)){.navbarSearchContainer_Pu8E:not(:has(>*)){display:none}}.navbarHideable_QJhM{transition:transform var(--ifm-transition-fast) ease}.navbarHidden_JLKf{transform:translate3d(0,calc(-100% - 2px),0)}.errorBoundaryError_t44J{color:red;white-space:pre-wrap}.errorBoundaryFallback_HTeJ{color:red;padding:.55rem}.footerLogoLink_K6r0{opacity:.5;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.anchorWithStickyNavbar_dXVO{scroll-margin-top:calc(var(--ifm-navbar-height) + .5rem)}.anchorWithHideOnScrollNavbar_ZIVZ{scroll-margin-top:.5rem}.hash-link{opacity:0;padding-left:.5rem;transition:opacity var(--ifm-transition-fast);-webkit-user-select:none;user-select:none}.hash-link:before{content:"#"}.mainWrapper_Xc8_{display:flex;flex:1 0 auto;flex-direction:column}.docusaurus-mt-lg{margin-top:3rem}#__docusaurus{display:flex;flex-direction:column}.menuItemContainerStyle_JXsu,.priceListTitleContainerStyle_MEs5{align-items:center;display:flex;gap:8px}.popoverContainerStyle_ZIFy{display:inline-block;font-weight:500;padding:12px 16px;position:relative;text-align:left}.basePopoverPanelStyle_y9hq,.popoverPanelStyle_GNCw{margin-top:8px;position:absolute;transform-origin:top right;left:0}.popoverItemStyle_wfx7{align-items:center;display:flex;font-size:14px;gap:8px}.popoverPanelStyle_GNCw{--tw-shadow:0px 2px 16px 0px #00000029;--tw-shadow-colored:0px 2px 16px 0px var(--tw-shadow-color);border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:4px;padding-top:4px;right:0}.menuItemStyle_a3Ir{font-size:14px;font-weight:500;padding:12px 16px}.panelItemContainerStyle_xEK2{align-items:center;display:flex;justify-content:center;width:100%}.panelItemStyle_VUhY{font-size:14px;font-weight:500;line-height:40px}.operateItemStyle_quc4{align-items:center;border-radius:20px;display:flex;font-weight:500;gap:8px;justify-content:center;padding:8px 24px}.operateItemStyleBg_neML{border-color:#0000;border-width:1px;color:#fff;background:linear-gradient(90deg,#9734e4,#712eff)}.darkColorStyle_MxJT:hover,.operateItemStyleBg_neML:hover{color:#fff}.popoverItemStyle_WmOV{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left}.basePopoverPanelStyle_y9hq{border-radius:16px;border-width:1px;display:flex;flex-direction:column;gap:24px;padding:24px 16px;width:340px}.darkPopoverPanelStyle_sycJ{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(27 28 29/var(--tw-bg-opacity));border-color:rgb(46 46 48/var(--tw-border-opacity))}.lightPopoverPanelStyle_aRwx{background-color:#fff;border-color:#f2f3f5;box-shadow:0 2px 4px 0 #00000014}.subTitleStyle_GZ4H{font-size:16px;font-weight:700;line-height:24px;padding-left:16px;padding-right:16px;text-align:start}.basePanelItemContainerStyle_IaDP{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:12px 16px;width:100%}.darkPanelItemContainerStyle_JqRZ:hover{background-color:#ffffff0a}.panelItemStyle_w8TD{font-size:14px;font-weight:500;line-height:22px}.footerBottom_L4UB,.footerItem_GsU2,.panelItemDescStyle_zY1Y{font-size:12px;font-weight:400;line-height:16px}.menuItemStyle_SQLa{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;height:40px;width:100%;font-size:16px;font-weight:500}.footerContainer_lS9F{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:100px 20px 20px;width:100%}.footerContentContainer_DQf_{display:grid;justify-content:space-between;row-gap:40px;width:100%}.space_IcLX{background-color:#ffffff1a;height:1px;width:100%}.footerBottom_L4UB{align-items:center;color:#fff;display:flex;flex-direction:column;gap:24px;justify-content:space-between;width:100%}.localSelectContainer_aJ7M .dropdown__menu{bottom:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);top:unset}.lpHeader_rubd{align-items:flex-start;flex-wrap:wrap;gap:40px;justify-content:space-between;padding-top:30px}.lpHeaderLeft_Zvbf,.lpHeader_rubd,.premiumCardContainer_ArgU,.premiumHeaderStyle_yb36{display:flex;flex-direction:column}.lpHeaderLeft_Zvbf{align-items:center;gap:24px;text-align:center}.back_vGuo{--tw-text-opacity:1;align-items:center;color:rgb(101 74 236/var(--tw-text-opacity));cursor:pointer;display:none;flex-direction:row;font-size:18px;font-weight:600;gap:12px;line-height:32px;padding-bottom:12px;padding-top:12px}.headerGo_RttL,.itemImage_FU2S{align-items:center;--tw-bg-opacity:1}.headerTitle_URD5{font-size:40px;font-weight:700;line-height:48px}.headerDesc_zhHJ{font-weight:400;font-weight:16px;line-height:24px}.headerGo_RttL{background-color:rgb(101 74 236/var(--tw-bg-opacity));white-space:nowrap;border-radius:4px;color:#fff;display:flex;font-size:16px;font-weight:400;height:44px;justify-content:center;line-height:20px;padding:12px 16px}.headerGo_RttL:hover{--tw-bg-opacity:1;background-color:rgb(131 104 240/var(--tw-bg-opacity))}.headerGo_RttL:active{--tw-bg-opacity:1;background-color:rgb(66 46 196/var(--tw-bg-opacity))}.lpContainer_Zbon,.lpContainer_yWoG{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity));margin-left:auto;margin-right:auto;max-width:1200px;padding-left:20px;padding-right:20px;width:100%}.tag_oKb5{display:inline-block;margin:.5rem .5rem 0 1rem}.contentTitle_b3GB{font-size:20px;font-weight:600;line-height:28px;margin-top:60px}.itemsContainer_OUc9{display:grid;gap:12px}.item_AuQF{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:16px}.itemBg_GUYW{background:linear-gradient(180deg,#dde1e833,#dde1e800)}.itemImage_FU2S{background-color:rgb(240 232 255/var(--tw-bg-opacity));border-radius:13px;display:flex;height:120px;justify-content:center;width:120px}.itemNameCommon_o16n{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.commBottomDesc_DyZe,.itemDescription_LA9o{-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}.itemNameIntegrations_ZIud{line-height:20px}.itemNameComponents_JcBj{line-height:24px}.itemDescription_LA9o{display:-webkit-box;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.contentContainer_c9t8{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow-x:hidden;padding-top:40px;z-index:31}.contentContainer_c9t8,.content_jfit{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.content_jfit{color:#fff;gap:100px;padding-left:20px;padding-right:20px}.commBottomContainerStyle_CDHK{align-items:center;color:#fff;display:flex;margin-top:100px;width:100%}.allContentContainer_nVOG{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;text-align:center;width:100%}.allContentTitle_K0Y2{font-size:20px;font-weight:700;line-height:24px;text-align:center}.cardContainerStyle_Kvlw,.cardContentContainerStyle_kX6c{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.headerContainerStyle_RgD_{align-items:center;display:flex;flex-direction:column;gap:16px}.textTitleStye_mJAH{color:#fff;font-size:20px;font-weight:700}.textTitleNumStyle_TEnk{font-size:24px;font-weight:400}.textDescStyle_NFkj{font-size:12px;font-weight:400;line-height:16px;max-width:100%;text-align:center}.imgStyle_GNQD{border-radius:8px;height:auto;width:100%}.cardContentItemNormalStyle_f4ow,.cardContentItemReverseStyle_DHTD{flex-direction:column-reverse}.cardIContentItemContainerStyle_rPYn{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:flex-start;background-color:rgb(18 18 18/var(--tw-bg-opacity));border-color:rgb(42 42 42/var(--tw-border-opacity));border-radius:8px;border-width:1px;display:flex;flex-wrap:nowrap;gap:20px;padding:16px}.textContainerStyle_toav{align-items:flex-start;display:flex;flex-direction:column;gap:16px;width:100%}.textTitleStye_u6Ys{color:#fff;font-size:18px;font-weight:700;line-height:22px}.textTitleNumStyle_h7vB{font-size:20px;font-weight:400}.textDescStyle_vwoY{color:#ffffffe6;font-size:12px;font-weight:400;line-height:16px}.swipeMore_QWDA{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;gap:8px;grid-column:1;grid-row:3;height:auto;line-height:17px}.builderListTitleStyle_ul1g,.swipeMore_QWDA,.swipeMore_QWDA:hover{--tw-text-opacity:1;color:rgb(101 74 236/var(--tw-text-opacity))}.buttonGroup_uxJT button,.codeBlockContainer_USIv{background:var(--prism-background-color);color:var(--prism-color)}.codeBlockContainer_USIv{border-radius:var(--ifm-code-border-radius);box-shadow:var(--ifm-global-shadow-lw);margin-bottom:var(--ifm-leading)}.codeBlockContent_PMfr{border-radius:inherit;direction:ltr;position:relative}.codeBlockTitle_jXLV{border-bottom:1px solid var(--ifm-color-emphasis-300);border-top-left-radius:inherit;border-top-right-radius:inherit;font-size:var(--ifm-code-font-size);font-weight:500;padding:.75rem var(--ifm-pre-padding)}.codeBlock_IHkF{--ifm-pre-background:var(--prism-background-color);margin:0;padding:0}.codeBlockTitle_jXLV+.codeBlockContent_PMfr .codeBlock_IHkF{border-top-left-radius:0;border-top-right-radius:0}.codeBlockLines_THA1{float:left;font:inherit;min-width:100%;padding:var(--ifm-pre-padding)}.codeBlockLinesWithNumbering_tjAB{display:table;padding:var(--ifm-pre-padding) 0}.buttonGroup_uxJT{column-gap:.2rem;display:flex;position:absolute;right:calc(var(--ifm-pre-padding)/2);top:calc(var(--ifm-pre-padding)/2)}.buttonGroup_uxJT button{align-items:center;border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-global-radius);display:flex;line-height:0;opacity:0;padding:.4rem;transition:opacity var(--ifm-transition-fast) ease-in-out}.buttonGroup_uxJT button:focus-visible,.buttonGroup_uxJT button:hover{opacity:1!important}.theme-code-block:hover .buttonGroup_uxJT button{opacity:.4}:where(:root){--docusaurus-highlighted-code-line-bg:#484d5b}:where([data-theme=dark]){--docusaurus-highlighted-code-line-bg:#646464}.theme-code-block-highlighted-line{background-color:var(--docusaurus-highlighted-code-line-bg);display:block;margin:0 calc(var(--ifm-pre-padding)*-1);padding:0 var(--ifm-pre-padding)}.codeLine_VZlW{counter-increment:a;display:table-row}.codeLineNumber_UV2B{background:var(--ifm-pre-background);display:table-cell;left:0;overflow-wrap:normal;padding:0 var(--ifm-pre-padding);position:sticky;text-align:right;width:1%}.codeLineNumber_UV2B:before{content:counter(a);opacity:.4}.codeLineContent_gotU{padding-right:var(--ifm-pre-padding)}.theme-code-block:hover .copyButtonCopied_TPRR{opacity:1!important}.copyButtonIcons_LZ6a{height:1.125rem;position:relative;width:1.125rem}.copyButtonIcon_H1v1,.copyButtonSuccessIcon_J5e4{fill:currentColor;height:inherit;left:0;opacity:inherit;position:absolute;top:0;transition:all var(--ifm-transition-fast) ease;width:inherit}.copyButtonSuccessIcon_J5e4{color:#00d600;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(.33)}.copyButtonCopied_TPRR .copyButtonIcon_H1v1{opacity:0;transform:scale(.33)}.copyButtonCopied_TPRR .copyButtonSuccessIcon_J5e4{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:75ms}.wordWrapButtonIcon_dUFy{height:1.2rem;width:1.2rem}.details_GXzP{--docusaurus-details-summary-arrow-size:0.38rem;--docusaurus-details-transition:transform 200ms ease;--docusaurus-details-decoration-color:grey}.details_GXzP>summary{cursor:pointer;padding-left:1rem;position:relative}.details_GXzP>summary::-webkit-details-marker{display:none}.details_GXzP>summary:before{border-color:#0000 #0000 #0000 var(--docusaurus-details-decoration-color);border-style:solid;border-width:var(--docusaurus-details-summary-arrow-size);content:"";left:0;position:absolute;top:.45rem;transform:rotate(0);transform-origin:calc(var(--docusaurus-details-summary-arrow-size)/2) 50%;transition:var(--docusaurus-details-transition)}.collapsibleContent_uFAl{border-top:1px solid var(--docusaurus-details-decoration-color);margin-top:1rem;padding-top:1rem}.details_B91m{--docusaurus-details-decoration-color:var(--ifm-alert-border-color);--docusaurus-details-transition:transform var(--ifm-transition-fast) ease;border:1px solid var(--ifm-alert-border-color);margin:0 0 var(--ifm-spacing-vertical)}:not(.containsTaskList_aqzd>li)>.containsTaskList_aqzd{padding-left:0}.admonition_Ztdk{margin-bottom:1em}.admonitionHeading_wuvZ{font:var(--ifm-heading-font-weight) var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);text-transform:uppercase}.admonitionHeading_wuvZ:not(:last-child){margin-bottom:.3rem}.admonitionIcon_bKMe{display:inline-block;margin-right:.4em;vertical-align:middle}.admonitionIcon_bKMe svg{fill:var(--ifm-alert-foreground-color);display:inline-block;height:1.6em;width:1.6em}.commBottomContainer_rcOJ{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 20px 40px;position:relative}.commBottomBtnBg_ws3H,.commBottomContainer_rcOJ{border-bottom-left-radius:20px;border-bottom-right-radius:20px;width:100%}.commBottomBtnBg_ws3H{bottom:0;position:absolute;z-index:-1}.bottomBg_zy8j{background:linear-gradient(180deg,#654aec00,#654aec80)}.whiteBottomBg_HW9h{background:linear-gradient(180deg,#516ab500,#516ab514)}.commBottomTitle_zpUk{color:#fff;font-size:20px;font-weight:700;line-height:24px;text-align:center}.bottomTitle__Qxb{background:linear-gradient(90deg,#ffffff80,#fff 50%,#ffffff80);-webkit-background-clip:text;background-clip:text}.bottomTitle__Qxb,.whiteBottomTitle_r_oZ{-webkit-text-fill-color:#0000;color:#0000}.learnMore_Lb_l,.templateHeaderLabel_W4fj{color:rgb(101 74 236/var(--tw-text-opacity));--tw-text-opacity:1}.whiteBottomTitle_r_oZ{background:linear-gradient(90deg,#0b0c0f80,#0b0c0f 50%,#0b0c0f80);-webkit-background-clip:text;background-clip:text}.commBottomDesc_DyZe{display:-webkit-box;font-size:14px;font-weight:400;line-height:22px;overflow:hidden;text-align:center;width:100%}.commBottomBtn_pFSF{align-items:center;border-radius:24px;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;gap:10px;justify-content:center;line-height:28px;padding:10px 32px;width:100%}.commBottomBtn_pFSF svg{width:16px}.templateContainer_VElw{gap:20px;padding-bottom:30px}.templateContainer_VElw,.templateHeader_AQwG{display:flex;flex-direction:column;margin-top:30px}.templateHeader_AQwG{align-items:flex-start;gap:16px}.templateItemContainer_lyZ8{display:grid;gap:16px}.templateItem_Ji0p{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center}.templateHeaderLabel_W4fj{font-size:14px;font-weight:600;line-height:32px}.templateHeaderTitle_yMrU{font-size:20px;font-weight:700;line-height:28px}.templateHeaderDesc_XN3P{font-size:14px;font-weight:400;line-height:17px}.templateItemName_yjoV{-webkit-line-clamp:1;font-size:16px;font-weight:600;line-height:24px}.templateItemDesc_NKfB,.templateItemName_yjoV{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.templateItemDesc_NKfB{-webkit-line-clamp:4;font-size:12px;font-weight:400;line-height:16px}.learnMore_Lb_l{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:16px;text-decoration-line:underline}.operatingStyle_cGmQ,.wallContainerStyle_Ny01{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.logoTitleStyle_hhN_{color:#fff;font-size:12px;font-weight:500;line-height:1.5;text-align:center;width:100%}.logoContainerStyle_PeVm{column-gap:12px;display:grid;row-gap:24px;width:100%}.logoStyle_ixBp{height:28px;width:auto}.commentsContainerStyle_ctEM{align-items:center;display:flex;flex-direction:column;gap:24px}.commentsTitleStyle_iQ9i{font-size:20px;font-weight:700;line-height:28px;text-align:center}.commentsItemsContainerStyle_Zw4J{column-count:2;gap:8px;width:100%}.borderStyle_jCx_{background:linear-gradient(0deg,#000,#242424);border-radius:8px;break-inside:avoid;padding:1px;width:100%}.commentsItemStyle_rd1k{--tw-bg-opacity:1;background-color:rgb(20 20 20/var(--tw-bg-opacity));border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:24px}.commentContentStyle_NzjM{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.contentTextStyle_PpXf{color:#ffffffc0;font-size:12px;font-weight:500;line-height:16px}.reverseQuoteStyle_waKq{align-self:flex-end;transform:rotate(180deg)}.userInfoContainerStyle_WdED img{border-radius:50%;flex:none;height:20px;width:20px}.commentUserNameStyle_D4y3{color:#fff;font-size:12px;font-weight:500;line-height:20px}.commentUserCompanyStyle_zWSD{color:#ffffffc0;font-size:10px;font-weight:400;line-height:16px}.mobileGap_cpxI:after{content:"";display:block;padding-bottom:8px}.faqContainer_vbEd{align-items:center;display:flex;flex-direction:column;gap:24px;width:100%}.faqTitle_s89i{font-size:24px;font-weight:700;line-height:28px}.faqListContainer_XW42{align-items:flex-start;display:flex;flex-direction:column;width:100%}.faqListQuestion_Y7ri{border-radius:8px 8px 2px 2px;cursor:pointer;flex-direction:row;font-size:14px;font-weight:500;gap:16px;justify-content:space-between;line-height:22px;padding:4px 24px}.faqListAnswer_uzUc,.faqListQuestion_Y7ri{align-items:center;display:flex;text-align:start;width:100%}.faqListAnswer_uzUc{background-color:#ffffff14;border-radius:2px 2px 8px 8px;font-size:12px;font-weight:400;line-height:16px;padding-bottom:12px;padding-left:24px;padding-right:24px;white-space:pre-line}.direction_IrxQ{height:12px;width:12px}.publicize_vEiD{--tw-text-opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;display:none;font-size:14px;font-weight:400;height:40px;line-height:22px;margin-left:auto;margin-right:auto;min-width:400px;overflow:hidden;padding-left:25px;padding-right:25px;position:relative}.publicizeStyle_C7Y6{align-items:center;background:linear-gradient(90deg,#ea984c,#5c9ac6 45.31%,#687100 91.49%);display:flex;filter:blur(23px);flex-direction:row;height:124px;justify-content:space-between;left:50%;object-fit:none;object-position:center;opacity:.16;position:absolute;top:50%;transform:translate(-50%,-50%);width:402px;z-index:0}.publicIntru_nEWo{align-items:center;display:flex;gap:11px}.bannerContainerStyle__SXx{align-items:center;color:#fff;display:none;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;padding-left:20px;padding-right:20px}.canvasContainerStyle_h8pN{overflow:hidden;position:absolute;width:100%;z-index:-1}.bgStyle_xQ96{height:382px;object-fit:none;object-position:top;position:absolute;top:0;width:100%;z-index:0}.bannerContentContainer_RLp6{gap:186px;padding-top:24px}.bannerContentContainer_RLp6,.bannerTextContainerStyle_O5rS{align-items:center;display:flex;flex-direction:column;justify-content:center}.bannerTextContainerStyle_O5rS{gap:24px;position:relative;width:100%;z-index:2}.sloganStyle_zysD{font-size:56px;font-weight:800;line-height:88px;text-align:center}.descStyle_U78g{font-size:14px;font-weight:400;line-height:22px;padding-left:20px;padding-right:20px;text-align:center;width:100%}.buttonContainerStyle_UkM3,.buttonContainerStyle_ulq9{align-content:space-between;align-items:center;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:24px;line-height:28px}.bannerImageStyle_bakd,.bannerImageStyle_ppqY{align-items:center;display:flex;justify-content:center;padding-top:64px;width:100%}.colorDescAgentStyle_LHLV,.colorDescAgentStyle_x5xU{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff33ba .77%,#ffb7e7 100.77%);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescAppStyle_An_L,.colorDescAppStyle_qG8r{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1effff,#c9ffff);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescFlowStyle_VvqE,.colorDescFlowStyle_y9g7{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8d33ff,#d1adff);background-clip:text;-webkit-background-clip:text;font-weight:600}.solutionContainerStyle_QwBc{display:flex;flex-direction:column;gap:32px;margin-top:62px}.tabsContainerStyle_DETz{--tw-bg-opacity:1;--tw-backdrop-blur:blur(13px);align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgb(22 22 27/var(--tw-bg-opacity));border-color:#ffffff14;border-radius:36px;border-width:1px;display:flex;gap:2px;padding:2px;width:100%}.tabsItemStyle_TXig{align-items:center;border-radius:36px;color:#ffffff80;cursor:pointer;display:flex;flex:1 1 0%;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:20px;padding:14px 24px;position:relative;text-align:center;width:100%}.selectedTabStyle_CyW0{color:#fff;font-weight:600}.splitterItemStyle_gYQ6{background:linear-gradient(0deg,#0003,#0003),linear-gradient(180deg,#3f3849,#262a31);border-radius:34px;height:100%;position:absolute;top:0;width:100%;z-index:0}.solutionImageContainerStyle_LgpU{border-radius:12px;display:flex;flex-direction:row;overflow:hidden;position:relative;width:100%}.contentContainer_kErA svg,.solutionImageContainerStyle_LgpU svg{height:auto;width:100%}.solutionBaseBgStyle_nGRR{flex:none;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.solutionSelectBgStyle_Xioy{opacity:1;position:relative}.solutionUnSelectBgStyle_RZeW{opacity:0;position:absolute;z-index:-1}.solutionBaseImageStyle_APzO{border-radius:8px;bottom:0;box-shadow:0 4px 24px 0 #0000002e;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s;z-index:1}.linkButtonStyle_b1Kn{bottom:40px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.pricingMask_W_17{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow:hidden;position:absolute;width:100%;z-index:1}.pricingContainer_Iia_{position:relative;width:100%;z-index:1}.pricingMaskLeft_XgjA{filter:blur(238.125px);left:-525px;opacity:.5;top:-40px;width:1155px}.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj{--tw-bg-opacity:1;background-color:rgb(101 74 236/var(--tw-bg-opacity));display:none;height:453px;position:absolute}.pricingMaskRight_mQEj{filter:blur(238.125px);left:1004px;opacity:.3;top:109px;width:824px}.pricingMaskPhone_eCBF{background:radial-gradient(37% 76.28% at 48.58% 50.06%,#654aec 0,#654aec00 100%);display:block;filter:blur(50px);height:415.69px;left:-204px;opacity:.3;position:absolute;top:46.5px;transform:rotate(2.6deg);width:630px;z-index:-1}.pricingContent_kMON{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin:0 auto;padding-left:20px;padding-right:20px;width:100%}.pricingContentTitleExtra_U6Tm{background:linear-gradient(90deg,#fff0,#ffffff1a 50.38%,#fff0);border-radius:20px;color:#fff;display:block;font-size:14px;font-weight:500;line-height:26px;padding:3px 56px;text-align:center;width:-moz-fit-content;width:fit-content}.pricingContentTitle_tw94{font-size:40px;font-weight:700;justify-self:center;line-height:48px;padding-left:24px;padding-right:24px;text-align:center;width:100%}.cardContainerStyle_frTi{background:radial-gradient(98.85% 129.62% at 6.76% 2.06%,#bac1ff08 0,#dcdfff00 100%),#ffffff0f;border-color:#ffffff19;border-radius:8px;border-width:1px;display:flex;gap:20px;margin-top:8px;padding:24px;width:100%}.premiumCardContainer_ArgU{align-items:flex-start;gap:12px;width:100%}.premiumTitleStyle_pemo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9037ff,#f524ff);background-clip:text;-webkit-background-clip:text;font-size:20px;font-weight:700;line-height:30px}.premiumDescStyle_R6dg{color:#ffffffc0;display:block;font-size:12px;font-weight:400;line-height:15px}.premiumCardContainerStyle_zMC3{bottom:12px;display:flex;flex-direction:column;gap:12px;width:100%}.cardBaseStyle_lN8t{border-radius:8px;height:100%;overflow:hidden;padding:24px;position:relative;width:100%;z-index:1}.priceCardStyle_vDMh{background:linear-gradient(180deg,#ffffff0f,#fff0);display:flex;flex-direction:column;gap:12px}.cardBgStyle_q38d{bottom:0;height:auto;left:0;object-fit:cover;object-position:top;position:absolute;right:0;top:0;width:100%;z-index:-1}.cardIconStyle_UqGN{display:inline-flex;height:16px;width:16px}.agentListTitleStyle_sU8y{--tw-text-opacity:1;color:rgb(255 88 190/var(--tw-text-opacity))}.listIconStyle_TqyE{align-self:flex-start;padding-top:2px}.priceListTitleStyle_v2pp{font-size:16px;font-weight:600;line-height:22px}.priceListStyle_xBIv{display:flex;flex-direction:column;gap:4px}.listItemStyle_Pa3C{align-items:center;display:flex;gap:8px;padding-bottom:4px;padding-top:4px}.listItemNameStyle_YZOo{font-size:14px;font-weight:400;line-height:18px}.priceNumStyle_eiPz{font-size:28px;font-weight:700}.priceNumDescStyle_n2JG{color:#ffffffc0;font-size:12px;font-weight:400;line-height:16px}.upgradeButtonStyle_qpR6{--tw-bg-opacity:1;align-items:center;background-color:rgb(101 74 236/var(--tw-bg-opacity));border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:center;line-height:22px;padding:9px 32px;width:100%}.containerStyle_IK43,.descStyle_uxY4,.textContainerStyle_j9Qp{padding-left:20px;padding-right:20px}.containerStyle_IK43{align-items:center;color:#fff;display:flex;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;height:100%;margin-bottom:60px;overflow:hidden;position:relative}.indexBgStyle_Nusz{display:none;overflow:hidden;position:absolute;width:100%;z-index:-1}.indexBgStyle_Nusz img{bottom:0;height:auto;position:absolute;width:100%}.canvasContainerStyle_tBLh{height:100%;overflow:hidden;position:absolute;width:100%;z-index:-1}.contentContainer_kErA{align-items:center;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:space-between;padding-top:64px;position:relative}.textContainerStyle_LZMZ{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;position:relative;width:100%;z-index:2}.sloganStyle_L8z2{font-size:36px;font-weight:800;line-height:40px;text-align:center}.colorSloganStyle_oMou{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text}.descStyle_uxY4{font-size:14px;font-weight:400;line-height:17px;text-align:center;width:100%}.demoContainerStyle_taMy{bottom:0;height:auto;perspective:1040px;width:100%;z-index:2}.demoImgStyle_SvRF{border-radius:12px 12px 0 0;display:none;max-width:100%;overflow:hidden;position:relative;transform-origin:center;width:100%}.linkButtonStyle_m6Tn{bottom:16px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.baseLinkButtonStyle_PuMK{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:center;line-height:28px;overflow:hidden;position:relative;text-align:center}.smallSizeStyle_AohM{border-radius:32px;font-size:14px;height:48px;min-width:240px}.normalSizeStyle_qzr1{border-radius:24px;font-size:16px;height:56px;min-width:320px}.largeSizeStyle_kJWZ{border-radius:32px;font-size:16px;height:64px;min-width:320px}.darkColorStyle_MxJT{background-color:#0b0c0f;box-shadow:0 4px 8px 0 #15151d73;color:#fff}.lightColorStyle_JCL1{background-color:#fff;box-shadow:0 2px 24.8px 0 #6100ff;color:#0b0c0f}.lightColorStyle_JCL1:hover{color:#0b0c0f}.baseArrowStyle_lXyW{align-items:center;border-radius:9999px;box-shadow:0 4px 8px #23152f9e;display:flex;justify-content:center}.baseArrowStyle_lXyW svg{height:auto;width:16px}.smallArrowStyle_XZaI{height:32px;margin-right:8px;width:32px}.normalArrowStyle_XxGa{height:40px;margin-right:8px;width:40px}.largeArrowStyle_sKWX{height:40px;margin-right:12px;width:40px}.linesStyle_lbFy,.linkButtonBgStyle_WFWO{position:absolute;width:100%;display:flex}.darkArrowStyle_go7n{background:linear-gradient(180deg,#d1ccf2,#fff);color:#0b0c0f}.lightArrowStyle_QtFv{background:linear-gradient(180deg,#312578,#0b0c0f);color:#fff}.linkButtonBgStyle_WFWO{align-items:center;height:100%;justify-content:flex-end;transition:.3s ease-in-out;z-index:0}.swiper-slide,.swiper-wrapper{transition-property:transform;height:100%}.baseLinkButtonStyle_PuMK:hover .linkButtonBgStyle_WFWO{transform:translateX(-10%)}.linesStyle_lbFy{align-items:center;gap:10px;height:100%;z-index:-1}.swiper,.swiper-wrapper{z-index:1;position:relative}.lineContainerStyle_Y3Ta{display:flex;flex:none;height:100%;justify-content:center;transform:rotate(20deg);width:26px}.lineStyle__sNm{background-color:#0b0c0f;height:100%;width:1px}.darkLineStyle__Ris{--tw-bg-opacity:1;background-color:rgb(57 57 62/var(--tw-bg-opacity))}.lightLineStyle_xduB{--tw-bg-opacity:1;background-color:rgb(240 240 244/var(--tw-bg-opacity))}.bannerContainer_oUHl{gap:32px;height:100%;justify-content:center;overflow:hidden;padding-bottom:32px;padding-top:32px;position:relative}.bannerContainer_oUHl,.textContainerStyle_j9Qp{align-items:center;display:flex;flex-direction:column;width:100%}.textContainerStyle_j9Qp{gap:24px}.sloganStyle_XKtE{color:#fff;font-size:36px;font-weight:700;line-height:40px;text-align:center}.contentLabelStyle_dif9,.descStyle_YqnZ{color:#fff;font-size:14px;text-align:center}.descStyle_YqnZ{line-height:17px}.linkGroupItemStyle_KQRV{align-items:center;display:flex;flex-direction:column;gap:8px}.contentContainerStyle_JEhu{align-items:center;display:flex;flex:none;flex-direction:column;gap:12px;padding-left:8px;padding-right:8px}.contentLabelStyle_dif9{font-weight:600;line-height:20px}.swiper-slide{width:320px!important}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;margin-left:auto;margin-right:auto;overflow:hidden;padding:0}.swiper-wrapper{box-sizing:initial;display:flex;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;position:relative}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:1s linear infinite b}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (min-width:360px){.container{max-width:360px}}@media (min-width:480px){.container{max-width:480px}}@media (min-width:640px){.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2.5rem;line-height:3rem;margin-bottom:2rem}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2rem;line-height:2.5rem;margin-bottom:1.5rem}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.33rem;line-height:1.75rem;margin-bottom:1.5rem}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.75rem}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.75rem;line-height:1.0625rem}.admonition-simple *{line-height:1.25rem}.container{max-width:640px}.sm\:h-\[232px\]{height:232px}.sm\:flex-row{flex-direction:row}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:text-2xl{font-size:1.5rem}.sm\:text-sm{font-size:.875rem}}@media (min-width:656px){.container{max-width:656px}}@media (min-width:688px){.blog-sm\:max-w-screen-blog-sm,.container{max-width:688px}.blog-sm\:mb-16{margin-bottom:4rem}.blog-sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.blog-sm\:py-12{padding-bottom:3rem;padding-top:3rem}.blog-sm\:pb-16{padding-bottom:4rem}.blog-sm\:text-4xl{font-size:2.25rem}}@media (min-width:720px){.container{max-width:720px}}@media (min-width:768px){.max-w-screen-content{max-width:656px}.container{max-width:768px}.md\:mb-4{margin-bottom:1rem}.md\:mt-4{margin-top:1rem}.md\:h-64{height:16rem}.md\:w-60{width:15rem}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem}.md\:text-4xl{font-size:2.25rem}.md\:text-base{font-size:1rem}}@media (min-width:864px){.container{max-width:864px}}@media (min-width:944px){.container{max-width:944px}}@media (min-width:960px){.cardContentItemNormalStyle_f4ow,.footerBottom_L4UB,.lg\:flex-row{flex-direction:row}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;line-height:1.125rem}.container{max-width:960px}.lg\:mb-8{margin-bottom:2rem}.lg\:mt-0{margin-top:0}.lg\:mt-\[16px\]{margin-top:16px}.demoImgStyle_SvRF,.lg\:block,.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj,.publicize_vEiD{display:block}.back_vGuo,.bannerContainerStyle__SXx,.lg\:flex{display:flex}.bannerContainer_oUHl,.lg\:hidden,.mobileGap_cpxI:after,.pricingMaskPhone_eCBF{display:none}.itemDescription_LA9o,.templateItemDesc_NKfB{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box}.lg\:h-\[210px\]{height:210px}.lg\:h-\[26px\]{height:26px}.lg\:h-\[40px\],.logoStyle_ixBp{height:40px}.lg\:w-\[1040px\]{width:1040px}.lg\:w-\[550px\]{width:550px}.lg\:w-\[570px\]{width:570px}.lg\:w-\[800px\]{width:800px}.lg\:w-auto{width:auto}.lg\:max-w-\[680px\]{max-width:680px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1040px}.lg\:items-center{align-items:center}.lg\:gap-\[120px\]{gap:120px}.cardContainerStyle_Kvlw,.lg\:gap-\[32px\],.textContainerStyle_toav,.wallContainerStyle_Ny01{gap:32px}.lg\:gap-\[8px\]{gap:8px}.lg\:px-\[40px\]{padding-left:40px;padding-right:40px}.lg\:py-\[16px\]{padding-bottom:16px;padding-top:16px}.lg\:pb-\[100px\]{padding-bottom:100px}.lg\:pb-\[200px\]{padding-bottom:200px}.lg\:pl-\[30px\]{padding-left:30px}.lg\:pt-\[40px\]{padding-top:40px}.lg\:pt-\[48px\]{padding-top:48px}.lg\:text-\[16px\]{font-size:16px}.lg\:text-base{font-size:1rem}.lg\:text-sm{font-size:.875rem}.lg\:leading-\[19px\]{line-height:19px}.footerContainer_lS9F{gap:40px;padding:80px 120px 40px}.footerContentContainer_DQf_{column-gap:40px;flex-wrap:nowrap;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1040px}.footerBottom_L4UB{gap:48px}.footerBottom_L4UB,.footerItem_GsU2,.textDescStyle_vwoY{font-size:14px;line-height:22px}.lpHeader_rubd{flex-direction:row;flex-wrap:nowrap}.lpHeaderLeft_Zvbf{align-items:flex-start;gap:40px;justify-content:flex-start;text-align:left}.headerTitle_URD5{font-size:48px;line-height:56px}.headerGo_RttL{border-radius:8px;font-size:20px;font-weight:500;height:48px;line-height:28px;padding:10px 32px}.lpContainer_Zbon,.lpContainer_yWoG{padding-left:0;padding-right:0}.contentTitle_b3GB{margin-top:100px}.itemsContainer_OUc9{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.item_AuQF{gap:24px;padding:32px}.itemNameCommon_o16n,.templateHeaderLabel_W4fj{font-size:18px}.itemNameIntegrations_ZIud{line-height:26px}.itemDescription_LA9o{font-size:14px;line-height:24px;overflow:hidden}.contentContainer_c9t8{overflow:visible;padding-top:200px}.content_jfit{gap:200px}.commBottomContainerStyle_CDHK{margin-top:200px}.cardContentContainerStyle_kX6c{gap:64px}.textTitleNumStyle_h7vB,.textTitleStye_mJAH{font-size:40px}.textTitleNumStyle_TEnk{font-size:48px}.textDescStyle_NFkj{font-size:14px;line-height:22px;max-width:488px}.imgStyle_GNQD{width:431px}.cardContentItemReverseStyle_DHTD{flex-direction:row-reverse}.cardIContentItemContainerStyle_rPYn{border-radius:16px;gap:40px;padding:48px}.textTitleStye_u6Ys{font-size:36px;line-height:44px}.swipeMore_QWDA{font-size:16px;line-height:19px}.commBottomContainer_rcOJ{border-bottom-left-radius:40px;border-bottom-right-radius:40px;height:410px;padding:120px 120px 80px}.commBottomTitle_zpUk{font-size:40px;line-height:48px}.commBottomDesc_DyZe{width:600px}.commBottomBtn_pFSF{width:320px}.templateContainer_VElw{gap:40px;padding-bottom:100px}.templateHeader_AQwG{gap:24px;margin-top:60px}.templateItemContainer_lyZ8{gap:40px;grid-template-columns:repeat(4,minmax(0,1fr))}.templateItem_Ji0p{gap:24px}.templateHeaderTitle_yMrU{font-size:32px;line-height:56px}.templateHeaderDesc_XN3P{font-size:16px;line-height:24px}.templateItemDesc_NKfB{line-height:20px;overflow:hidden}.learnMore_Lb_l{font-size:14px;gap:8px;line-height:22px}.logoTitleStyle_hhN_{font-size:16px;line-height:28px}.logoContainerStyle_PeVm{align-items:center;column-gap:40px;display:flex;justify-content:center}.commentsContainerStyle_ctEM{gap:48px}.commentsTitleStyle_iQ9i{font-size:40px;line-height:56px}.commentsItemsContainerStyle_Zw4J{column-count:3;gap:16px}.userInfoContainerStyle_WdED img{height:32px;width:32px}.faqContainer_vbEd{gap:48px;width:800px}.faqTitle_s89i{line-height:56px}.faqListQuestion_Y7ri{border-top-left-radius:16px;border-top-right-radius:16px;font-size:16px}.faqListAnswer_uzUc{border-bottom-left-radius:16px;border-bottom-right-radius:16px;font-size:14px;line-height:22px}.publicizeStyle_C7Y6{height:179px;width:579px}.solutionBaseImageStyle_APzO{width:715px}.pricingContent_kMON{gap:24px;max-width:1200px}.pricingContentTitle_tw94{font-size:64px;line-height:72px}.cardContainerStyle_frTi{gap:40px}.premiumCardContainer_ArgU{border-radius:16px;gap:24px}.premiumTitleStyle_pemo{font-size:24px;line-height:28px}.premiumDescStyle_R6dg{line-height:20px}.premiumCardContainerStyle_zMC3{bottom:0;flex-direction:row;gap:24px}.priceCardStyle_vDMh{gap:20px}.operatingStyle_cGmQ{align-items:flex-start;justify-content:flex-start}.upgradeButtonStyle_qpR6{width:208px}.containerStyle_IK43{margin-bottom:120px}.indexBgStyle_Nusz{display:block;min-height:1200px}.indexBgStyle_Nusz img{height:1034px}.contentContainer_kErA{gap:56px;max-width:1040px;min-height:1200px;padding-top:150px}.sloganStyle_L8z2{font-size:56px;line-height:88px}.descStyle_uxY4{line-height:22px;max-width:800px}.demoContainerStyle_taMy{position:relative}.linkButtonStyle_m6Tn{bottom:40px}}@media (min-width:976px){.container{max-width:976px}}@media (min-width:997px){:root{--docusaurus-announcement-bar-height:30px}.announcementBarClose_S8lM,.announcementBarPlaceholder_nNiq{flex-basis:50px}.navbarSearchContainer_Pu8E{padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}}@media (min-width:1000px){.blog-md\:max-w-screen-blog-md,.container{max-width:1000px}.blog-md\:mb-8{margin-bottom:2rem}.blog-md\:block{display:block}.blog-md\:max-w-\[624px\]{max-width:624px}.blog-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-md\:flex-row{flex-direction:row}.blog-md\:border-t{border-top-width:1px}.blog-md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.blog-md\:py-16{padding-bottom:4rem;padding-top:4rem}.blog-md\:pb-8{padding-bottom:2rem}.blog-md\:pt-0{padding-top:0}.blog-md\:pt-12{padding-top:3rem}.blog-md\:pt-16{padding-top:4rem}.blog-md\:text-base{font-size:1rem}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1264px){.container{max-width:1264px}}@media (min-width:1280px){.container{max-width:1280px}.blog-lg\:mb-12{margin-bottom:3rem}.blog-lg\:max-w-screen-content-2xl{max-width:864px}.blog-lg\:gap-12{gap:3rem}.blog-lg\:text-5xl{font-size:3rem}.blog-lg\:text-xl{font-size:1.25rem}}@media (min-width:1296px){.container{max-width:1296px}}@media (min-width:1408px){.container{max-width:1408px}}@media (min-width:1440px){.container{max-width:var(--ifm-container-width-xl);max-width:1440px}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:h-\[152px\]{height:152px}.xl\:h-\[192px\]{height:192px}.xl\:h-\[80px\]{height:80px}.xl\:h-\[96px\]{height:96px}.xl\:w-\[250px\]{width:250px}.xl\:w-\[400px\]{width:400px}.xl\:w-auto{width:auto}.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:px-\[200px\]{padding-left:200px;padding-right:200px}.xl\:text-\[14px\]{font-size:14px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.footerContentContainer_DQf_,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1200px}.content_jfit{padding:0}.allContentContainer_nVOG{gap:64px}.allContentTitle_K0Y2{font-size:40px;line-height:48px}.imgStyle_GNQD{width:532px}.faqTitle_s89i{font-size:48px}.solutionBaseImageStyle_APzO{width:825px}.contentContainer_kErA{max-width:1200px;width:1200px}}@media (min-width:1536px){.refine-prose{font-size:1rem;line-height:1.75}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6em;margin-top:1.6em;padding-left:1em}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.25em;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.875em;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.875em;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;padding:.8571429em 1.1428571em}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.\32xl\:prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.\32xl\:prose-base>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3em;margin-top:3em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(.\32xl\:prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.\32xl\:prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.max-w-screen-content{max-width:864px}.container{max-width:1536px}.\32xl\:mb-6{margin-bottom:1.5rem}.\32xl\:p-6{padding:1.5rem}.\32xl\:text-\[32px\]{font-size:32px}.\32xl\:text-base{font-size:1rem}.\32xl\:text-lg{font-size:1.125rem}.\32xl\:text-xl{font-size:1.25rem}.\32xl\:leading-10{line-height:2.5rem}}@media (min-width:1584px){.container{max-width:1584px}.blog-2xl\:mb-20{margin-bottom:5rem}.blog-2xl\:max-w-screen-blog-md{max-width:1000px}.blog-2xl\:px-0{padding-left:0;padding-right:0}.blog-2xl\:pb-12{padding-bottom:3rem}.blog-2xl\:pt-20{padding-top:5rem}}@media (max-width:996px){.col{--ifm-col-width:100%;flex-basis:var(--ifm-col-width);margin-left:0}.footer{--ifm-footer-padding-horizontal:0}.colorModeToggle_Kblj,.footer__link-separator,.navbar__item{display:none}.footer__col{margin-bottom:calc(var(--ifm-spacing-vertical)*3)}.footer__link-item{display:block}.hero{padding-left:0;padding-right:0}.navbar>.container,.navbar>.container-fluid{padding:0}.navbar__toggle{display:inherit}.navbar__search-input{width:9rem}.pills--block,.tabs--block{flex-direction:column}.navbarSearchContainer_Pu8E{position:absolute;right:var(--ifm-navbar-padding-horizontal)}}@media screen and (max-width:960px){.mobileFooterContainer_tpXD{transform:translateY(0)!important}.linkButtonBgStyle_WFWO{transform:translateX(0)!important}}@media (max-width:576px){.markdown h1:first-child{--ifm-h1-font-size:2rem}.markdown>h2{--ifm-h2-font-size:1.5rem}.markdown>h3{--ifm-h3-font-size:1.25rem}}@media (pointer:fine){.thin-scrollbar{scrollbar-width:thin}.thin-scrollbar::-webkit-scrollbar{height:var(--ifm-scrollbar-size);width:var(--ifm-scrollbar-size)}.thin-scrollbar::-webkit-scrollbar-track{background:var(--ifm-scrollbar-track-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--ifm-scrollbar-thumb-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--ifm-scrollbar-thumb-hover-background-color)}}@media (prefers-reduced-motion:reduce){:root{--ifm-transition-fast:0ms;--ifm-transition-slow:0ms}}@media print{.announcementBar_hbYq,.footer,.menu,.navbar,.pagination-nav,.table-of-contents{display:none}.tabs{page-break-inside:avoid}.codeBlockLines_THA1{white-space:pre-wrap}}
\ No newline at end of file
+.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6{margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading))}blockquote,pre{margin:0 0 var(--ifm-spacing-vertical)}.breadcrumbs__link,.button{transition-timing-function:var(--ifm-transition-timing-default)}.button,code{vertical-align:middle}.button--outline.button--active,.button--outline:active,.button--outline:hover,:root{--ifm-button-color:var(--ifm-font-color-base-inverse)}.menu__link:hover,a{transition:color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.navbar--dark,:root{--ifm-navbar-link-hover-color:var(--ifm-color-primary)}.menu,.navbar-sidebar{overflow-x:hidden}:root,html[data-theme=dark]{--ifm-color-emphasis-500:var(--ifm-color-gray-500)}*,:after,:before{box-sizing:border-box}.markdown li,body{word-wrap:break-word}.button,.dropdown__link,.text--truncate,.truncate,.whitespace-nowrap{white-space:nowrap}.toggleButton_C0po,html{-webkit-tap-highlight-color:transparent}#__docusaurus,.min-h-full{min-height:100%}.clean-list,.containsTaskList_aqzd,.details_GXzP>summary,.dropdown__menu,.menu__list,.swiper,menu,ol,ul{list-style:none}:root{--ifm-color-scheme:light;--ifm-dark-value:10%;--ifm-darker-value:15%;--ifm-darkest-value:30%;--ifm-light-value:15%;--ifm-lighter-value:30%;--ifm-lightest-value:50%;--ifm-contrast-background-value:90%;--ifm-contrast-foreground-value:70%;--ifm-contrast-background-dark-value:70%;--ifm-contrast-foreground-dark-value:90%;--ifm-color-primary:#3578e5;--ifm-color-secondary:#ebedf0;--ifm-color-success:#00a400;--ifm-color-info:#54c7ec;--ifm-color-warning:#ffba00;--ifm-color-danger:#fa383e;--ifm-color-primary-dark:#306cce;--ifm-color-primary-darker:#2d66c3;--ifm-color-primary-darkest:#2554a0;--ifm-color-primary-light:#538ce9;--ifm-color-primary-lighter:#72a1ed;--ifm-color-primary-lightest:#9abcf2;--ifm-color-primary-contrast-background:#ebf2fc;--ifm-color-primary-contrast-foreground:#102445;--ifm-color-secondary-dark:#d4d5d8;--ifm-color-secondary-darker:#c8c9cc;--ifm-color-secondary-darkest:#a4a6a8;--ifm-color-secondary-light:#eef0f2;--ifm-color-secondary-lighter:#f1f2f5;--ifm-color-secondary-lightest:#f5f6f8;--ifm-color-secondary-contrast-background:#fdfdfe;--ifm-color-secondary-contrast-foreground:#474748;--ifm-color-success-dark:#009400;--ifm-color-success-darker:#008b00;--ifm-color-success-darkest:#007300;--ifm-color-success-light:#26b226;--ifm-color-success-lighter:#4dbf4d;--ifm-color-success-lightest:#80d280;--ifm-color-success-contrast-background:#e6f6e6;--ifm-color-success-contrast-foreground:#003100;--ifm-color-info-dark:#4cb3d4;--ifm-color-info-darker:#47a9c9;--ifm-color-info-darkest:#3b8ba5;--ifm-color-info-light:#6ecfef;--ifm-color-info-lighter:#87d8f2;--ifm-color-info-lightest:#aae3f6;--ifm-color-info-contrast-background:#eef9fd;--ifm-color-info-contrast-foreground:#193c47;--ifm-color-warning-dark:#e6a700;--ifm-color-warning-darker:#d99e00;--ifm-color-warning-darkest:#b38200;--ifm-color-warning-light:#ffc426;--ifm-color-warning-lighter:#ffcf4d;--ifm-color-warning-lightest:#ffdd80;--ifm-color-warning-contrast-background:#fff8e6;--ifm-color-warning-contrast-foreground:#4d3800;--ifm-color-danger-dark:#e13238;--ifm-color-danger-darker:#d53035;--ifm-color-danger-darkest:#af272b;--ifm-color-danger-light:#fb565b;--ifm-color-danger-lighter:#fb7478;--ifm-color-danger-lightest:#fd9c9f;--ifm-color-danger-contrast-background:#ffebec;--ifm-color-danger-contrast-foreground:#4b1113;--ifm-color-white:#fff;--ifm-color-black:#000;--ifm-color-gray-0:var(--ifm-color-white);--ifm-color-gray-100:#f5f6f7;--ifm-color-gray-200:#ebedf0;--ifm-color-gray-300:#dadde1;--ifm-color-gray-400:#ccd0d5;--ifm-color-gray-500:#bec3c9;--ifm-color-gray-600:#8d949e;--ifm-color-gray-700:#606770;--ifm-color-gray-800:#444950;--ifm-color-gray-900:#1c1e21;--ifm-color-gray-1000:var(--ifm-color-black);--ifm-color-emphasis-0:var(--ifm-color-gray-0);--ifm-color-emphasis-100:var(--ifm-color-gray-100);--ifm-color-emphasis-200:var(--ifm-color-gray-200);--ifm-color-emphasis-300:var(--ifm-color-gray-300);--ifm-color-emphasis-400:var(--ifm-color-gray-400);--ifm-color-emphasis-600:var(--ifm-color-gray-600);--ifm-color-emphasis-700:var(--ifm-color-gray-700);--ifm-color-emphasis-800:var(--ifm-color-gray-800);--ifm-color-emphasis-900:var(--ifm-color-gray-900);--ifm-color-emphasis-1000:var(--ifm-color-gray-1000);--ifm-color-content:var(--ifm-color-emphasis-900);--ifm-color-content-inverse:var(--ifm-color-emphasis-0);--ifm-color-content-secondary:#525860;--ifm-background-color:#0000;--ifm-background-surface-color:var(--ifm-color-content-inverse);--ifm-global-border-width:1px;--ifm-global-radius:0.4rem;--ifm-hover-overlay:#0000000d;--ifm-font-color-base:var(--ifm-color-content);--ifm-font-color-base-inverse:var(--ifm-color-content-inverse);--ifm-font-color-secondary:var(--ifm-color-content-secondary);--ifm-font-family-base:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--ifm-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ifm-font-size-base:100%;--ifm-font-weight-light:300;--ifm-font-weight-normal:400;--ifm-font-weight-semibold:500;--ifm-font-weight-bold:700;--ifm-font-weight-base:var(--ifm-font-weight-normal);--ifm-line-height-base:1.65;--ifm-global-spacing:1rem;--ifm-spacing-vertical:var(--ifm-global-spacing);--ifm-spacing-horizontal:var(--ifm-global-spacing);--ifm-transition-fast:200ms;--ifm-transition-slow:400ms;--ifm-transition-timing-default:cubic-bezier(0.08,0.52,0.52,1);--ifm-global-shadow-lw:0 1px 2px 0 #0000001a;--ifm-global-shadow-md:0 5px 40px #0003;--ifm-global-shadow-tl:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a;--ifm-z-index-dropdown:100;--ifm-z-index-fixed:200;--ifm-z-index-overlay:400;--ifm-container-width:1140px;--ifm-container-width-xl:1320px;--ifm-code-background:#f6f7f8;--ifm-code-border-radius:var(--ifm-global-radius);--ifm-code-font-size:90%;--ifm-code-padding-horizontal:0.1rem;--ifm-code-padding-vertical:0.1rem;--ifm-pre-background:var(--ifm-code-background);--ifm-pre-border-radius:var(--ifm-code-border-radius);--ifm-pre-color:inherit;--ifm-pre-line-height:1.45;--ifm-pre-padding:1rem;--ifm-heading-color:inherit;--ifm-heading-margin-top:0;--ifm-heading-margin-bottom:var(--ifm-spacing-vertical);--ifm-heading-font-family:var(--ifm-font-family-base);--ifm-heading-font-weight:var(--ifm-font-weight-bold);--ifm-heading-line-height:1.25;--ifm-h1-font-size:2rem;--ifm-h2-font-size:1.5rem;--ifm-h3-font-size:1.25rem;--ifm-h4-font-size:1rem;--ifm-h5-font-size:0.875rem;--ifm-h6-font-size:0.85rem;--ifm-image-alignment-padding:1.25rem;--ifm-leading-desktop:1.25;--ifm-leading:calc(var(--ifm-leading-desktop)*1rem);--ifm-list-left-padding:2rem;--ifm-list-margin:1rem;--ifm-list-item-margin:0.25rem;--ifm-list-paragraph-margin:1rem;--ifm-table-cell-padding:0.75rem;--ifm-table-background:#0000;--ifm-table-stripe-background:#00000008;--ifm-table-border-width:1px;--ifm-table-border-color:var(--ifm-color-emphasis-300);--ifm-table-head-background:inherit;--ifm-table-head-color:inherit;--ifm-table-head-font-weight:var(--ifm-font-weight-bold);--ifm-table-cell-color:inherit;--ifm-link-color:var(--ifm-color-primary);--ifm-link-decoration:none;--ifm-link-hover-color:var(--ifm-link-color);--ifm-link-hover-decoration:underline;--ifm-paragraph-margin-bottom:var(--ifm-leading);--ifm-blockquote-font-size:var(--ifm-font-size-base);--ifm-blockquote-border-left-width:2px;--ifm-blockquote-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-blockquote-padding-vertical:0;--ifm-blockquote-shadow:none;--ifm-blockquote-color:var(--ifm-color-emphasis-800);--ifm-blockquote-border-color:var(--ifm-color-emphasis-300);--ifm-hr-background-color:var(--ifm-color-emphasis-500);--ifm-hr-height:1px;--ifm-hr-margin-vertical:1.5rem;--ifm-scrollbar-size:7px;--ifm-scrollbar-track-background-color:#f1f1f1;--ifm-scrollbar-thumb-background-color:silver;--ifm-scrollbar-thumb-hover-background-color:#a7a7a7;--ifm-alert-background-color:inherit;--ifm-alert-border-color:inherit;--ifm-alert-border-radius:var(--ifm-global-radius);--ifm-alert-border-width:0px;--ifm-alert-border-left-width:5px;--ifm-alert-color:var(--ifm-font-color-base);--ifm-alert-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-alert-padding-vertical:var(--ifm-spacing-vertical);--ifm-alert-shadow:var(--ifm-global-shadow-lw);--ifm-avatar-intro-margin:1rem;--ifm-avatar-intro-alignment:inherit;--ifm-avatar-photo-size:3rem;--ifm-badge-background-color:inherit;--ifm-badge-border-color:inherit;--ifm-badge-border-radius:var(--ifm-global-radius);--ifm-badge-border-width:var(--ifm-global-border-width);--ifm-badge-color:var(--ifm-color-white);--ifm-badge-padding-horizontal:calc(var(--ifm-spacing-horizontal)*0.5);--ifm-badge-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-breadcrumb-border-radius:1.5rem;--ifm-breadcrumb-spacing:0.5rem;--ifm-breadcrumb-color-active:var(--ifm-color-primary);--ifm-breadcrumb-item-background-active:var(--ifm-hover-overlay);--ifm-breadcrumb-padding-horizontal:0.8rem;--ifm-breadcrumb-padding-vertical:0.4rem;--ifm-breadcrumb-size-multiplier:1;--ifm-breadcrumb-separator:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');--ifm-breadcrumb-separator-filter:none;--ifm-breadcrumb-separator-size:0.5rem;--ifm-breadcrumb-separator-size-multiplier:1.25;--ifm-button-background-color:inherit;--ifm-button-border-color:var(--ifm-button-background-color);--ifm-button-border-width:var(--ifm-global-border-width);--ifm-button-font-weight:var(--ifm-font-weight-bold);--ifm-button-padding-horizontal:1.5rem;--ifm-button-padding-vertical:0.375rem;--ifm-button-size-multiplier:1;--ifm-button-transition-duration:var(--ifm-transition-fast);--ifm-button-border-radius:calc(var(--ifm-global-radius)*var(--ifm-button-size-multiplier));--ifm-button-group-spacing:2px;--ifm-card-background-color:var(--ifm-background-surface-color);--ifm-card-border-radius:calc(var(--ifm-global-radius)*2);--ifm-card-horizontal-spacing:var(--ifm-global-spacing);--ifm-card-vertical-spacing:var(--ifm-global-spacing);--ifm-toc-border-color:var(--ifm-color-emphasis-300);--ifm-toc-link-color:var(--ifm-color-content-secondary);--ifm-toc-padding-vertical:0.5rem;--ifm-toc-padding-horizontal:0.5rem;--ifm-dropdown-background-color:var(--ifm-background-surface-color);--ifm-dropdown-font-weight:var(--ifm-font-weight-semibold);--ifm-dropdown-link-color:var(--ifm-font-color-base);--ifm-dropdown-hover-background-color:var(--ifm-hover-overlay);--ifm-footer-background-color:var(--ifm-color-emphasis-100);--ifm-footer-color:inherit;--ifm-footer-link-color:var(--ifm-color-emphasis-700);--ifm-footer-link-hover-color:var(--ifm-color-primary);--ifm-footer-link-horizontal-spacing:0.5rem;--ifm-footer-padding-horizontal:calc(var(--ifm-spacing-horizontal)*2);--ifm-footer-padding-vertical:calc(var(--ifm-spacing-vertical)*2);--ifm-footer-title-color:inherit;--ifm-footer-logo-max-width:min(30rem,90vw);--ifm-hero-background-color:var(--ifm-background-surface-color);--ifm-hero-text-color:var(--ifm-color-emphasis-800);--ifm-menu-color:var(--ifm-color-emphasis-700);--ifm-menu-color-active:var(--ifm-color-primary);--ifm-menu-color-background-active:var(--ifm-hover-overlay);--ifm-menu-color-background-hover:var(--ifm-hover-overlay);--ifm-menu-link-padding-horizontal:0.75rem;--ifm-menu-link-padding-vertical:0.375rem;--ifm-menu-link-sublist-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');--ifm-menu-link-sublist-icon-filter:none;--ifm-navbar-background-color:var(--ifm-background-surface-color);--ifm-navbar-height:3.75rem;--ifm-navbar-item-padding-horizontal:0.75rem;--ifm-navbar-item-padding-vertical:0.25rem;--ifm-navbar-link-color:var(--ifm-font-color-base);--ifm-navbar-link-active-color:var(--ifm-link-color);--ifm-navbar-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-navbar-padding-vertical:calc(var(--ifm-spacing-vertical)*0.5);--ifm-navbar-shadow:var(--ifm-global-shadow-lw);--ifm-navbar-search-input-background-color:var(--ifm-color-emphasis-200);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-800);--ifm-navbar-search-input-placeholder-color:var(--ifm-color-emphasis-500);--ifm-navbar-search-input-icon:url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>');--ifm-navbar-sidebar-width:83vw;--ifm-pagination-border-radius:var(--ifm-global-radius);--ifm-pagination-color-active:var(--ifm-color-primary);--ifm-pagination-font-size:1rem;--ifm-pagination-item-active-background:var(--ifm-hover-overlay);--ifm-pagination-page-spacing:0.2em;--ifm-pagination-padding-horizontal:calc(var(--ifm-spacing-horizontal)*1);--ifm-pagination-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-pagination-nav-border-radius:var(--ifm-global-radius);--ifm-pagination-nav-color-hover:var(--ifm-color-primary);--ifm-pills-color-active:var(--ifm-color-primary);--ifm-pills-color-background-active:var(--ifm-hover-overlay);--ifm-pills-spacing:0.125rem;--ifm-tabs-color:var(--ifm-font-color-secondary);--ifm-tabs-color-active:var(--ifm-color-primary);--ifm-tabs-color-active-border:var(--ifm-tabs-color-active);--ifm-tabs-padding-horizontal:1rem;--ifm-tabs-padding-vertical:1rem;--docusaurus-progress-bar-color:var(--ifm-color-primary);--ifm-color-primary:#654aec;--ifm-color-primary-dark:#4d2ee9;--ifm-color-primary-darker:#4120e8;--ifm-color-primary-darkest:#3215c4;--ifm-color-primary-light:#7d66ef;--ifm-color-primary-lighter:#8974f0;--ifm-color-primary-lightest:#846ef0;--ifm-code-font-size:95%;--docusaurus-highlighted-code-line-bg:#0000001a;--docusaurus-announcement-bar-height:auto;--swiper-theme-color:#007aff}.badge--danger,.badge--info,.badge--primary,.badge--secondary,.badge--success,.badge--warning{--ifm-badge-border-color:var(--ifm-badge-background-color)}.button--link,.button--outline{--ifm-button-background-color:#0000}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--ifm-background-color);color:var(--ifm-font-color-base);color-scheme:var(--ifm-color-scheme);font:var(--ifm-font-size-base)/var(--ifm-line-height-base) var(--ifm-font-family-base);text-rendering:optimizelegibility}iframe{border:0;color-scheme:auto}.container{margin:0 auto;max-width:var(--ifm-container-width);padding:0 var(--ifm-spacing-horizontal)}.container--fluid{max-width:inherit}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--ifm-spacing-horizontal)*-1)}.\!mb-0,.margin-bottom--none,.margin-vert--none,.markdown>:last-child,.refine-details .refine-details-content>div>:last-child{margin-bottom:0!important}.\!mt-0,.margin-top--none,.margin-vert--none{margin-top:0!important}.row--no-gutters{margin-left:0;margin-right:0}.margin-horiz--none,.margin-right--none{margin-right:0!important}.px-0,.row--no-gutters>.col{padding-left:0;padding-right:0}.items-start,.row--align-top{align-items:flex-start}.row--align-bottom{align-items:flex-end}.items-center,.row--align-center{align-items:center}.row--align-stretch{align-items:stretch}.row--align-baseline{align-items:baseline}.col{--ifm-col-width:100%;flex:1 0;margin-left:0;max-width:var(--ifm-col-width);padding:0 var(--ifm-spacing-horizontal);width:100%}.padding-bottom--none,.padding-vert--none{padding-bottom:0!important}.padding-top--none,.padding-vert--none{padding-top:0!important}.padding-horiz--none,.padding-left--none{padding-left:0!important}.padding-horiz--none,.padding-right--none{padding-right:0!important}.col[class*=col--]{flex:0 0 var(--ifm-col-width)}.col--1{--ifm-col-width:8.33333%}.col--offset-1{margin-left:8.33333%}.col--2{--ifm-col-width:16.66667%}.col--offset-2{margin-left:16.66667%}.col--3{--ifm-col-width:25%}.col--offset-3{margin-left:25%}.col--4{--ifm-col-width:33.33333%}.col--offset-4{margin-left:33.33333%}.col--5{--ifm-col-width:41.66667%}.col--offset-5{margin-left:41.66667%}.col--6{--ifm-col-width:50%}.col--offset-6{margin-left:50%}.col--7{--ifm-col-width:58.33333%}.col--offset-7{margin-left:58.33333%}.col--8{--ifm-col-width:66.66667%}.col--offset-8{margin-left:66.66667%}.col--9{--ifm-col-width:75%}.col--offset-9{margin-left:75%}.col--10{--ifm-col-width:83.33333%}.col--offset-10{margin-left:83.33333%}.col--11{--ifm-col-width:91.66667%}.col--offset-11{margin-left:91.66667%}.col--12{--ifm-col-width:100%}.col--offset-12{margin-left:100%}.margin-horiz--none,.margin-left--none{margin-left:0!important}.\!m-0,.margin--none{margin:0!important}.margin-bottom--xs,.margin-vert--xs{margin-bottom:.25rem!important}.margin-top--xs,.margin-vert--xs{margin-top:.25rem!important}.margin-horiz--xs,.margin-left--xs{margin-left:.25rem!important}.margin-horiz--xs,.margin-right--xs{margin-right:.25rem!important}.margin--xs{margin:.25rem!important}.margin-bottom--sm,.margin-vert--sm{margin-bottom:.5rem!important}.margin-top--sm,.margin-vert--sm{margin-top:.5rem!important}.margin-horiz--sm,.margin-left--sm{margin-left:.5rem!important}.margin-horiz--sm,.margin-right--sm{margin-right:.5rem!important}.margin--sm{margin:.5rem!important}.margin-bottom--md,.margin-vert--md{margin-bottom:1rem!important}.margin-top--md,.margin-vert--md{margin-top:1rem!important}.margin-horiz--md,.margin-left--md{margin-left:1rem!important}.margin-horiz--md,.margin-right--md{margin-right:1rem!important}.margin--md{margin:1rem!important}.margin-bottom--lg,.margin-vert--lg{margin-bottom:2rem!important}.margin-top--lg,.margin-vert--lg{margin-top:2rem!important}.margin-horiz--lg,.margin-left--lg{margin-left:2rem!important}.margin-horiz--lg,.margin-right--lg{margin-right:2rem!important}.margin--lg{margin:2rem!important}.margin-bottom--xl,.margin-vert--xl{margin-bottom:5rem!important}.margin-top--xl,.margin-vert--xl{margin-top:5rem!important}.margin-horiz--xl,.margin-left--xl{margin-left:5rem!important}.margin-horiz--xl,.margin-right--xl{margin-right:5rem!important}.margin--xl{margin:5rem!important}.padding--none{padding:0!important}.padding-bottom--xs,.padding-vert--xs{padding-bottom:.25rem!important}.padding-top--xs,.padding-vert--xs{padding-top:.25rem!important}.padding-horiz--xs,.padding-left--xs{padding-left:.25rem!important}.padding-horiz--xs,.padding-right--xs{padding-right:.25rem!important}.padding--xs{padding:.25rem!important}.padding-bottom--sm,.padding-vert--sm{padding-bottom:.5rem!important}.padding-top--sm,.padding-vert--sm{padding-top:.5rem!important}.padding-horiz--sm,.padding-left--sm{padding-left:.5rem!important}.padding-horiz--sm,.padding-right--sm{padding-right:.5rem!important}.padding--sm{padding:.5rem!important}.\!py-4,.padding-bottom--md,.padding-vert--md{padding-bottom:1rem!important}.\!py-4,.padding-top--md,.padding-vert--md{padding-top:1rem!important}.\!px-4,.padding-horiz--md,.padding-left--md{padding-left:1rem!important}.\!px-4,.padding-horiz--md,.padding-right--md{padding-right:1rem!important}.padding--md{padding:1rem!important}.padding-bottom--lg,.padding-vert--lg{padding-bottom:2rem!important}.padding-top--lg,.padding-vert--lg{padding-top:2rem!important}.padding-horiz--lg,.padding-left--lg{padding-left:2rem!important}.padding-horiz--lg,.padding-right--lg{padding-right:2rem!important}.padding--lg{padding:2rem!important}.padding-bottom--xl,.padding-vert--xl{padding-bottom:5rem!important}.padding-top--xl,.padding-vert--xl{padding-top:5rem!important}.padding-horiz--xl,.padding-left--xl{padding-left:5rem!important}.padding-horiz--xl,.padding-right--xl{padding-right:5rem!important}.padding--xl{padding:5rem!important}code{background-color:var(--ifm-code-background);border:.1rem solid #0000001a;border-radius:var(--ifm-code-border-radius);font-family:var(--ifm-font-family-monospace);font-size:var(--ifm-code-font-size);padding:var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal)}a code{color:inherit}pre{background-color:var(--ifm-pre-background);border-radius:var(--ifm-pre-border-radius);color:var(--ifm-pre-color);font:var(--ifm-code-font-size)/var(--ifm-pre-line-height) var(--ifm-font-family-monospace);overflow:auto;padding:var(--ifm-pre-padding)}pre code{background-color:initial;border:none;font-size:100%;line-height:inherit;padding:0}kbd{background-color:var(--ifm-color-emphasis-0);border:1px solid var(--ifm-color-emphasis-400);border-radius:.2rem;box-shadow:inset 0 -1px 0 var(--ifm-color-emphasis-400);color:var(--ifm-color-emphasis-800);font:80% var(--ifm-font-family-monospace);padding:.15rem .3rem}h1,h2,h3,h4,h5,h6{color:var(--ifm-heading-color);font-family:var(--ifm-heading-font-family);font-weight:var(--ifm-heading-font-weight);line-height:var(--ifm-heading-line-height);margin:var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0}h1{font-size:var(--ifm-h1-font-size)}h2{font-size:var(--ifm-h2-font-size)}h3{font-size:var(--ifm-h3-font-size)}h4{font-size:var(--ifm-h4-font-size)}h5{font-size:var(--ifm-h5-font-size)}h6{font-size:var(--ifm-h6-font-size)}img[align=right]{padding-left:var(--image-alignment-padding)}img[align=left]{padding-right:var(--image-alignment-padding)}.markdown{--ifm-h1-vertical-rhythm-top:3;--ifm-h2-vertical-rhythm-top:2;--ifm-h3-vertical-rhythm-top:1.5;--ifm-heading-vertical-rhythm-top:1.25;--ifm-h1-vertical-rhythm-bottom:1.25;--ifm-heading-vertical-rhythm-bottom:1}.markdown:after,.markdown:before{content:"";display:table}.markdown:after{clear:both}.markdown h1:first-child{--ifm-h1-font-size:3rem;margin-bottom:calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading))}.markdown>h2{--ifm-h2-font-size:2rem;margin-top:calc(var(--ifm-h2-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h3{--ifm-h3-font-size:1.5rem;margin-top:calc(var(--ifm-h3-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h4,.markdown>h5,.markdown>h6{margin-top:calc(var(--ifm-heading-vertical-rhythm-top)*var(--ifm-leading))}.markdown>p,.markdown>pre,.markdown>ul{margin-bottom:var(--ifm-leading)}.markdown li>p{margin-top:var(--ifm-list-paragraph-margin)}.markdown li+li{margin-top:var(--ifm-list-item-margin)}ol,ul{margin:0 0 var(--ifm-list-margin);padding-left:var(--ifm-list-left-padding)}ol ol,ul ol{list-style-type:lower-roman}ol ol,ol ul,ul ol,ul ul{margin:0}ol ol ol,ol ul ol,ul ol ol,ul ul ol{list-style-type:lower-alpha}table thead tr{border-bottom:2px solid var(--ifm-table-border-color)}table thead,table tr:nth-child(2n){background-color:var(--ifm-table-stripe-background)}table tr{background-color:var(--ifm-table-background);border-top:var(--ifm-table-border-width) solid var(--ifm-table-border-color)}table td,table th{border:var(--ifm-table-border-width) solid var(--ifm-table-border-color);padding:var(--ifm-table-cell-padding)}table th{background-color:var(--ifm-table-head-background);color:var(--ifm-table-head-color);font-weight:var(--ifm-table-head-font-weight)}table td{color:var(--ifm-table-cell-color)}strong{font-weight:var(--ifm-font-weight-bold)}a{color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration);color:inherit;text-decoration:inherit}a:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button:hover,.text--no-decoration,.text--no-decoration:hover,a:not([href]){text-decoration:none}p{margin:0 0 var(--ifm-paragraph-margin-bottom)}blockquote{border-left:var(--ifm-blockquote-border-left-width) solid var(--ifm-blockquote-border-color);box-shadow:var(--ifm-blockquote-shadow);color:var(--ifm-blockquote-color);font-size:var(--ifm-blockquote-font-size);padding:var(--ifm-blockquote-padding-vertical) var(--ifm-blockquote-padding-horizontal)}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}hr{background-color:var(--ifm-hr-background-color);border:0;height:var(--ifm-hr-height);margin:var(--ifm-hr-margin-vertical) 0}.shadow--lw{box-shadow:var(--ifm-global-shadow-lw)!important}.shadow--md{box-shadow:var(--ifm-global-shadow-md)!important}.shadow--tl{box-shadow:var(--ifm-global-shadow-tl)!important}.text--primary,.wordWrapButtonEnabled_I8k2 .wordWrapButtonIcon_dUFy{color:var(--ifm-color-primary)}.text--secondary{color:var(--ifm-color-secondary)}.text--success{color:var(--ifm-color-success)}.text--info{color:var(--ifm-color-info)}.text--warning{color:var(--ifm-color-warning)}.text--danger{color:var(--ifm-color-danger)}.text--center{text-align:center}.text--left{text-align:left}.text--justify{text-align:justify}.text--right{text-align:right}.text--capitalize{text-transform:capitalize}.text--lowercase{text-transform:lowercase}.alert__heading,.text--uppercase{text-transform:uppercase}.text--light{font-weight:var(--ifm-font-weight-light)}.text--normal{font-weight:var(--ifm-font-weight-normal)}.text--semibold{font-weight:var(--ifm-font-weight-semibold)}.text--bold{font-weight:var(--ifm-font-weight-bold)}.text--italic{font-style:italic}.text--truncate{overflow:hidden;text-overflow:ellipsis}.text--break{word-wrap:break-word!important;word-break:break-word!important}.clean-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;padding:0}.alert,.alert .close{color:var(--ifm-alert-foreground-color)}.clean-list{padding-left:0}.alert--primary{--ifm-alert-background-color:var(--ifm-color-primary-contrast-background);--ifm-alert-background-color-highlight:#3578e526;--ifm-alert-foreground-color:var(--ifm-color-primary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-primary-dark)}.alert--secondary{--ifm-alert-background-color:var(--ifm-color-secondary-contrast-background);--ifm-alert-background-color-highlight:#ebedf026;--ifm-alert-foreground-color:var(--ifm-color-secondary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-secondary-dark)}.alert--success{--ifm-alert-background-color:var(--ifm-color-success-contrast-background);--ifm-alert-background-color-highlight:#00a40026;--ifm-alert-foreground-color:var(--ifm-color-success-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-success-dark)}.alert--info{--ifm-alert-background-color:var(--ifm-color-info-contrast-background);--ifm-alert-background-color-highlight:#54c7ec26;--ifm-alert-foreground-color:var(--ifm-color-info-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-info-dark)}.alert--warning{--ifm-alert-background-color:var(--ifm-color-warning-contrast-background);--ifm-alert-background-color-highlight:#ffba0026;--ifm-alert-foreground-color:var(--ifm-color-warning-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-warning-dark)}.alert--danger{--ifm-alert-background-color:var(--ifm-color-danger-contrast-background);--ifm-alert-background-color-highlight:#fa383e26;--ifm-alert-foreground-color:var(--ifm-color-danger-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-danger-dark)}.alert{--ifm-code-background:var(--ifm-alert-background-color-highlight);--ifm-link-color:var(--ifm-alert-foreground-color);--ifm-link-hover-color:var(--ifm-alert-foreground-color);--ifm-link-decoration:underline;--ifm-tabs-color:var(--ifm-alert-foreground-color);--ifm-tabs-color-active:var(--ifm-alert-foreground-color);--ifm-tabs-color-active-border:var(--ifm-alert-border-color);background-color:var(--ifm-alert-background-color);border:var(--ifm-alert-border-width) solid var(--ifm-alert-border-color);border-left-width:var(--ifm-alert-border-left-width);border-radius:var(--ifm-alert-border-radius);box-shadow:var(--ifm-alert-shadow);padding:var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal)}.alert__heading{align-items:center;display:flex;font:700 var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);margin-bottom:.5rem}.alert__icon{display:inline-flex;margin-right:.4em}.alert__icon svg{fill:var(--ifm-alert-foreground-color);stroke:var(--ifm-alert-foreground-color);stroke-width:0}.alert .close{margin:calc(var(--ifm-alert-padding-vertical)*-1) calc(var(--ifm-alert-padding-horizontal)*-1) 0 0;opacity:.75}.alert .close:focus,.alert .close:hover{opacity:1}.alert a{text-decoration-color:var(--ifm-alert-border-color)}.alert a:hover{text-decoration-thickness:2px}.avatar{column-gap:var(--ifm-avatar-intro-margin);display:flex}.avatar__photo{border-radius:50%;display:block;height:var(--ifm-avatar-photo-size);overflow:hidden;width:var(--ifm-avatar-photo-size)}.avatar__photo--sm{--ifm-avatar-photo-size:2rem}.avatar__photo--lg{--ifm-avatar-photo-size:4rem}.avatar__photo--xl{--ifm-avatar-photo-size:6rem}.avatar__intro{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:var(--ifm-avatar-intro-alignment)}.badge,.breadcrumbs__item,.breadcrumbs__link,.button,.dropdown>.navbar__link:after,.inline-block{display:inline-block}.avatar__name{font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base)}.avatar__subtitle{margin-top:.25rem}.avatar--vertical{--ifm-avatar-intro-alignment:center;--ifm-avatar-intro-margin:0.5rem;align-items:center;flex-direction:column}.badge{background-color:var(--ifm-badge-background-color);border:var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);border-radius:var(--ifm-badge-border-radius);color:var(--ifm-badge-color);font-size:75%;font-weight:var(--ifm-font-weight-bold);line-height:1;padding:var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal)}.badge--primary{--ifm-badge-background-color:var(--ifm-color-primary)}.badge--secondary{--ifm-badge-background-color:var(--ifm-color-secondary);color:var(--ifm-color-black)}.breadcrumbs__link,.button.button--secondary.button--outline:not(.button--active):not(:hover){color:var(--ifm-font-color-base)}.badge--success{--ifm-badge-background-color:var(--ifm-color-success)}.badge--info{--ifm-badge-background-color:var(--ifm-color-info)}.badge--warning{--ifm-badge-background-color:var(--ifm-color-warning)}.badge--danger{--ifm-badge-background-color:var(--ifm-color-danger)}.breadcrumbs{margin-bottom:0;padding-left:0}.breadcrumbs__item:not(:last-child):after{background:var(--ifm-breadcrumb-separator) center;content:" ";display:inline-block;filter:var(--ifm-breadcrumb-separator-filter);height:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier));margin:0 var(--ifm-breadcrumb-spacing);opacity:.5;width:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier))}.breadcrumbs__item--active .breadcrumbs__link{background:var(--ifm-breadcrumb-item-background-active);color:var(--ifm-breadcrumb-color-active)}.breadcrumbs__link{border-radius:var(--ifm-breadcrumb-border-radius);font-size:calc(1rem*var(--ifm-breadcrumb-size-multiplier));padding:calc(var(--ifm-breadcrumb-padding-vertical)*var(--ifm-breadcrumb-size-multiplier)) calc(var(--ifm-breadcrumb-padding-horizontal)*var(--ifm-breadcrumb-size-multiplier));transition-duration:var(--ifm-transition-fast);transition-property:background,color}.breadcrumbs__link:any-link:hover,.breadcrumbs__link:link:hover,.breadcrumbs__link:visited:hover,area[href].breadcrumbs__link:hover{background:var(--ifm-breadcrumb-item-background-active);text-decoration:none}.breadcrumbs--sm{--ifm-breadcrumb-size-multiplier:0.8}.breadcrumbs--lg{--ifm-breadcrumb-size-multiplier:1.2}.button{background-color:var(--ifm-button-background-color);border:var(--ifm-button-border-width) solid var(--ifm-button-border-color);border-radius:var(--ifm-button-border-radius);cursor:pointer;font-size:calc(.875rem*var(--ifm-button-size-multiplier));font-weight:var(--ifm-button-font-weight);line-height:1.5;padding:calc(var(--ifm-button-padding-vertical)*var(--ifm-button-size-multiplier)) calc(var(--ifm-button-padding-horizontal)*var(--ifm-button-size-multiplier));text-align:center;transition-duration:var(--ifm-button-transition-duration);transition-property:color,background,border-color;-webkit-user-select:none;user-select:none}.button,.button:hover{color:var(--ifm-button-color)}.button--outline{--ifm-button-color:var(--ifm-button-border-color)}.button--outline:hover{--ifm-button-background-color:var(--ifm-button-border-color)}.button--link{--ifm-button-border-color:#0000;color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration)}.button--link.button--active,.button--link:active,.button--link:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button.disabled,.button:disabled,.button[disabled]{opacity:.65;pointer-events:none}.button--sm{--ifm-button-size-multiplier:0.8}.button--lg{--ifm-button-size-multiplier:1.35}.button--block{display:block;width:100%}.button.button--secondary{color:var(--ifm-color-gray-900)}:where(.button--primary){--ifm-button-background-color:var(--ifm-color-primary);--ifm-button-border-color:var(--ifm-color-primary)}:where(.button--primary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-primary-dark);--ifm-button-border-color:var(--ifm-color-primary-dark)}.button--primary.button--active,.button--primary:active{--ifm-button-background-color:var(--ifm-color-primary-darker);--ifm-button-border-color:var(--ifm-color-primary-darker)}:where(.button--secondary){--ifm-button-background-color:var(--ifm-color-secondary);--ifm-button-border-color:var(--ifm-color-secondary)}:where(.button--secondary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-secondary-dark);--ifm-button-border-color:var(--ifm-color-secondary-dark)}.button--secondary.button--active,.button--secondary:active{--ifm-button-background-color:var(--ifm-color-secondary-darker);--ifm-button-border-color:var(--ifm-color-secondary-darker)}:where(.button--success){--ifm-button-background-color:var(--ifm-color-success);--ifm-button-border-color:var(--ifm-color-success)}:where(.button--success):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-success-dark);--ifm-button-border-color:var(--ifm-color-success-dark)}.button--success.button--active,.button--success:active{--ifm-button-background-color:var(--ifm-color-success-darker);--ifm-button-border-color:var(--ifm-color-success-darker)}:where(.button--info){--ifm-button-background-color:var(--ifm-color-info);--ifm-button-border-color:var(--ifm-color-info)}:where(.button--info):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-info-dark);--ifm-button-border-color:var(--ifm-color-info-dark)}.button--info.button--active,.button--info:active{--ifm-button-background-color:var(--ifm-color-info-darker);--ifm-button-border-color:var(--ifm-color-info-darker)}:where(.button--warning){--ifm-button-background-color:var(--ifm-color-warning);--ifm-button-border-color:var(--ifm-color-warning)}:where(.button--warning):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-warning-dark);--ifm-button-border-color:var(--ifm-color-warning-dark)}.button--warning.button--active,.button--warning:active{--ifm-button-background-color:var(--ifm-color-warning-darker);--ifm-button-border-color:var(--ifm-color-warning-darker)}:where(.button--danger){--ifm-button-background-color:var(--ifm-color-danger);--ifm-button-border-color:var(--ifm-color-danger)}:where(.button--danger):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-danger-dark);--ifm-button-border-color:var(--ifm-color-danger-dark)}.button--danger.button--active,.button--danger:active{--ifm-button-background-color:var(--ifm-color-danger-darker);--ifm-button-border-color:var(--ifm-color-danger-darker)}.button-group{display:inline-flex;gap:var(--ifm-button-group-spacing)}.button-group>.button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.button-group>.button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.button-group--block{display:flex;justify-content:stretch}.button-group--block>.button{flex-grow:1}.card{background-color:var(--ifm-card-background-color);border-radius:var(--ifm-card-border-radius);box-shadow:var(--ifm-global-shadow-lw);display:flex;flex-direction:column;overflow:hidden}.card--full-height{height:100%}.card__image{padding-top:var(--ifm-card-vertical-spacing)}.card__image:first-child,.pt-0{padding-top:0}.card__body,.card__footer,.card__header{padding:var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing)}.card__body:not(:last-child),.card__footer:not(:last-child),.card__header:not(:last-child){padding-bottom:0}.card__body>:last-child,.card__footer>:last-child,.card__header>:last-child{margin-bottom:0}.card__footer{margin-top:auto}.table-of-contents{font-size:.8rem;margin-bottom:0;padding:var(--ifm-toc-padding-vertical) 0}.table-of-contents,.table-of-contents ul{list-style:none;padding-left:var(--ifm-toc-padding-horizontal)}.table-of-contents li{margin:var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal)}.table-of-contents__left-border{border-left:1px solid var(--ifm-toc-border-color)}.table-of-contents__link{color:var(--ifm-toc-link-color);display:block}.table-of-contents__link--active,.table-of-contents__link--active code,.table-of-contents__link:hover,.table-of-contents__link:hover code{color:var(--ifm-color-primary);text-decoration:none}.close{color:var(--ifm-color-black);float:right;font-size:1.5rem;font-weight:var(--ifm-font-weight-bold);line-height:1;opacity:.5;padding:1rem;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.close:hover{opacity:.7}.close:focus,.theme-code-block-highlighted-line .codeLineNumber_UV2B:before{opacity:.8}.dropdown{display:inline-flex;font-weight:var(--ifm-dropdown-font-weight);position:relative;vertical-align:top}.dropdown--hoverable:hover .dropdown__menu,.dropdown--show .dropdown__menu{opacity:1;pointer-events:all;transform:translateY(-1px);visibility:visible}.dropdown--right .dropdown__menu{left:inherit;right:0}.dropdown--nocaret .navbar__link:after{content:none!important}.dropdown__menu{background-color:var(--ifm-dropdown-background-color);border-radius:var(--ifm-global-radius);box-shadow:var(--ifm-global-shadow-md);left:0;max-height:80vh;min-width:10rem;opacity:0;overflow-y:auto;padding:.5rem;pointer-events:none;position:absolute;top:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);transform:translateY(-.625rem);transition-duration:var(--ifm-transition-fast);transition-property:opacity,transform,visibility;transition-timing-function:var(--ifm-transition-timing-default);visibility:hidden;z-index:var(--ifm-z-index-dropdown)}.menu__caret,.menu__link,.menu__list-item-collapsible{border-radius:.25rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.dropdown__link{border-radius:.25rem;color:var(--ifm-dropdown-link-color);display:block;font-size:.875rem;margin-top:.2rem;padding:.25rem .5rem}.dropdown__link--active,.dropdown__link:hover{background-color:var(--ifm-dropdown-hover-background-color);color:var(--ifm-dropdown-link-color);text-decoration:none}.dropdown__link--active,.dropdown__link--active:hover{--ifm-dropdown-link-color:var(--ifm-link-color)}.dropdown>.navbar__link:after{border-color:currentcolor #0000;border-style:solid;border-width:.4em .4em 0;content:"";margin-left:.3em;position:relative;top:2px;transform:translateY(-50%)}.footer{background-color:var(--ifm-footer-background-color);color:var(--ifm-footer-color);padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal)}.footer--dark{--ifm-footer-background-color:#303846;--ifm-footer-color:var(--ifm-footer-link-color);--ifm-footer-link-color:var(--ifm-color-secondary);--ifm-footer-title-color:var(--ifm-color-white)}.footer__links,.mb-4{margin-bottom:1rem}.footer__link-item{color:var(--ifm-footer-link-color);line-height:2}.footer__link-item:hover{color:var(--ifm-footer-link-hover-color)}.footer__link-separator{margin:0 var(--ifm-footer-link-horizontal-spacing)}.footer__logo{margin-top:1rem;max-width:var(--ifm-footer-logo-max-width)}.footer__title{color:var(--ifm-footer-title-color);font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base);margin-bottom:var(--ifm-heading-margin-bottom)}.menu,.navbar__link{font-weight:var(--ifm-font-weight-semibold)}.footer__item{margin-top:0}.footer__items{margin-bottom:0}.codeBlockStandalone_BZ5x,.p-0,[type=checkbox],dialog,fieldset,legend{padding:0}.hero{align-items:center;background-color:var(--ifm-hero-background-color);color:var(--ifm-hero-text-color);display:flex;padding:4rem 2rem}.hero--primary{--ifm-hero-background-color:var(--ifm-color-primary);--ifm-hero-text-color:var(--ifm-font-color-base-inverse)}.hero--dark{--ifm-hero-background-color:#303846;--ifm-hero-text-color:var(--ifm-color-white)}.hero__title{font-size:3rem}.hero__subtitle,.text-2xl{font-size:1.5rem}.menu__list{margin:0;padding-left:0}.menu__caret,.menu__link{padding:var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal)}.menu__list .menu__list{flex:0 0 100%;margin-top:.25rem;padding-left:var(--ifm-menu-link-padding-horizontal)}.menu__list-item:not(:first-child),.mt-1{margin-top:.25rem}.menu__list-item--collapsed .menu__list{height:0;overflow:hidden}.details_GXzP[data-collapsed=false].isBrowser_pHft>summary:before,.details_GXzP[open]:not(.isBrowser_pHft)>summary:before,.menu__list-item--collapsed .menu__caret:before,.menu__list-item--collapsed .menu__link--sublist:after{transform:rotate(90deg)}.menu__list-item-collapsible{display:flex;flex-wrap:wrap;position:relative}.menu__caret:hover,.menu__link:hover,.menu__list-item-collapsible--active,.menu__list-item-collapsible:hover{background:var(--ifm-menu-color-background-hover)}.menu__list-item-collapsible .menu__link--active,.menu__list-item-collapsible .menu__link:hover{background:none!important}.menu__caret,.menu__link{align-items:center;display:flex}.navbar-sidebar,.navbar-sidebar__backdrop{opacity:0;top:0;transition-duration:var(--ifm-transition-fast);transition-timing-function:ease-in-out;visibility:hidden;left:0;bottom:0}.menu__link{color:var(--ifm-menu-color);flex:1;line-height:1.25}.menu__link:hover{color:var(--ifm-menu-color);text-decoration:none}.menu__caret:before,.menu__link--sublist-caret:after{content:"";filter:var(--ifm-menu-link-sublist-icon-filter);height:1.25rem;transform:rotate(180deg);transition:transform var(--ifm-transition-fast) linear;width:1.25rem}.menu__link--sublist-caret:after{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem;margin-left:auto;min-width:1.25rem}.menu__link--active,.menu__link--active:hover{color:var(--ifm-menu-color-active)}.navbar__brand,.navbar__link{color:var(--ifm-navbar-link-color)}.menu__link--active:not(.menu__link--sublist){background-color:var(--ifm-menu-color-background-active)}.menu__caret:before{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem}.filter,.hover\:brightness-90:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navbar--dark,html[data-theme=dark]{--ifm-menu-link-sublist-icon-filter:invert(100%) sepia(94%) saturate(17%) hue-rotate(223deg) brightness(104%) contrast(98%)}.navbar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-navbar-shadow);height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.flex,.navbar,.navbar>.container,.navbar>.container-fluid{display:flex}.navbar--fixed-top{position:sticky;top:0;z-index:var(--ifm-z-index-fixed)}.navbar__inner{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.navbar__brand{align-items:center;display:flex;margin-right:1rem;min-width:0}.navbar__brand:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.announcementBarContent__DAX,.navbar__title{flex:1 1 auto}.navbar__toggle{display:none;margin-right:.5rem}.navbar__logo{flex:0 0 auto;height:2rem;margin-right:.5rem}.h-full,.navbar__logo img,body,html{height:100%}.navbar__items{align-items:center;display:flex;flex:1;min-width:0}.navbar__items--center{flex:0 0 auto}.m-0,.navbar__items--center .navbar__brand,blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}.navbar__items--center+.navbar__items--right{flex:1}.navbar__items--right{flex:0 0 auto;justify-content:flex-end}.navbar__items--right>:last-child{padding-right:0}.navbar__item{display:inline-block;padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}#nprogress,.navbar__item.dropdown .navbar__link:not([href]){pointer-events:none}.navbar__link--active,.navbar__link:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.navbar--dark,.navbar--primary{--ifm-menu-color:var(--ifm-color-gray-300);--ifm-navbar-link-color:var(--ifm-color-gray-100);--ifm-navbar-search-input-background-color:#ffffff1a;--ifm-navbar-search-input-placeholder-color:#ffffff80;color:var(--ifm-color-white)}.navbar--dark{--ifm-navbar-background-color:#242526;--ifm-menu-color-background-active:#ffffff0d;--ifm-navbar-search-input-color:var(--ifm-color-white)}.navbar--primary{--ifm-navbar-background-color:var(--ifm-color-primary);--ifm-navbar-link-hover-color:var(--ifm-color-white);--ifm-menu-color-active:var(--ifm-color-white);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-500)}.navbar__search-input{-webkit-appearance:none;appearance:none;background:var(--ifm-navbar-search-input-background-color) var(--ifm-navbar-search-input-icon) no-repeat .75rem center/1rem 1rem;border:none;border-radius:2rem;color:var(--ifm-navbar-search-input-color);cursor:text;display:inline-block;font-size:.9rem;height:2rem;padding:0 .5rem 0 2.25rem;width:12.5rem}.cursor-pointer,.dropdownNavbarItemMobile_JUhd,.footerItem_GsU2,.pills__item,.refine-toc-item,.tabs__item,[role=button],button{cursor:pointer}.navbar__search-input::placeholder{color:var(--ifm-navbar-search-input-placeholder-color)}.navbar-sidebar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-global-shadow-md);position:fixed;transform:translate3d(-100%,0,0);transition-property:opacity,visibility,transform;width:var(--ifm-navbar-sidebar-width)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar__items,.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar--show .navbar-sidebar__backdrop{opacity:1;visibility:visible}.navbar-sidebar__backdrop{background-color:#0009;position:fixed;right:0;transition-property:opacity,visibility}.navbar-sidebar__brand{align-items:center;box-shadow:var(--ifm-navbar-shadow);display:flex;flex:1;height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.navbar-sidebar__items{display:flex;height:calc(100% - var(--ifm-navbar-height));transition:transform var(--ifm-transition-fast) ease-in-out}.navbar-sidebar__items--show-secondary{transform:translate3d(calc((var(--ifm-navbar-sidebar-width))*-1),0,0)}.navbar-sidebar__item{flex-shrink:0;padding:.5rem;width:calc(var(--ifm-navbar-sidebar-width))}.navbar-sidebar__back{background:var(--ifm-menu-color-background-active);font-size:15px;font-weight:var(--ifm-button-font-weight);margin:0 0 .2rem -.5rem;padding:.6rem 1.5rem;position:relative;text-align:left;top:-.5rem;width:calc(100% + 1rem)}.navbar-sidebar__close{display:flex;margin-left:auto}.pagination{column-gap:var(--ifm-pagination-page-spacing);display:flex;font-size:var(--ifm-pagination-font-size);padding-left:0}.pagination--sm{--ifm-pagination-font-size:0.8rem;--ifm-pagination-padding-horizontal:0.8rem;--ifm-pagination-padding-vertical:0.2rem}.pagination--lg{--ifm-pagination-font-size:1.2rem;--ifm-pagination-padding-horizontal:1.2rem;--ifm-pagination-padding-vertical:0.3rem}.inline-flex,.pagination__item{display:inline-flex}.pagination__item>span{padding:var(--ifm-pagination-padding-vertical)}.pagination__item--active .pagination__link{color:var(--ifm-pagination-color-active)}.pagination__item--active .pagination__link,.pagination__item:not(.pagination__item--active):hover .pagination__link{background:var(--ifm-pagination-item-active-background)}.pagination__item--disabled,.pagination__item[disabled]{opacity:.25;pointer-events:none}.pagination__link{border-radius:var(--ifm-pagination-border-radius);color:var(--ifm-font-color-base);display:inline-block;padding:var(--ifm-pagination-padding-vertical) var(--ifm-pagination-padding-horizontal);transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination__link:hover,html .no-underline{text-decoration:none}.pagination-nav{grid-gap:var(--ifm-spacing-horizontal);display:grid;gap:var(--ifm-spacing-horizontal);grid-template-columns:repeat(2,1fr)}.pagination-nav__link{border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-pagination-nav-border-radius);display:block;height:100%;line-height:var(--ifm-heading-line-height);padding:var(--ifm-global-spacing);transition:border-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination-nav__link:hover{border-color:var(--ifm-pagination-nav-color-hover);text-decoration:none}.pagination-nav__link--next{grid-column:2/3;text-align:right}.content_B3zk,.text-center{text-align:center}.pagination-nav__label{font-size:var(--ifm-h4-font-size);font-weight:var(--ifm-heading-font-weight);word-break:break-word}.pagination-nav__link--prev .pagination-nav__label:before{content:"« "}.pagination-nav__link--next .pagination-nav__label:after{content:" »"}.pagination-nav__sublabel{color:var(--ifm-color-content-secondary);font-size:var(--ifm-h5-font-size);font-weight:var(--ifm-font-weight-semibold);margin-bottom:.25rem}.pills__item,.tabs{font-weight:var(--ifm-font-weight-bold)}.pills{display:flex;gap:var(--ifm-pills-spacing);padding-left:0}.pills__item{border-radius:.5rem;display:inline-block;padding:.25rem 1rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pills__item--active{color:var(--ifm-pills-color-active)}.pills__item--active,.pills__item:not(.pills__item--active):hover{background:var(--ifm-pills-color-background-active)}.pills--block{justify-content:stretch}.pills--block .pills__item{flex-grow:1;text-align:center}.tabs{color:var(--ifm-tabs-color);display:flex;margin-bottom:0;overflow-x:auto;padding-left:0}.tabs__item{border-bottom:3px solid #0000;border-radius:var(--ifm-global-radius);display:inline-flex;padding:var(--ifm-tabs-padding-vertical) var(--ifm-tabs-padding-horizontal);transition:background-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.transition,.transition-colors,.transition-opacity,.transition-transform{transition-duration:.15s}.refine-details>summary .refine-details-triangle,.transition,.transition-colors,.transition-opacity,.transition-transform{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tabs__item--active{border-bottom-color:var(--ifm-tabs-color-active-border);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--ifm-tabs-color-active)}.tabs__item:hover{background-color:var(--ifm-hover-overlay)}.tabs--block{justify-content:stretch}.tabs--block .tabs__item{flex-grow:1;justify-content:center}html[data-theme=dark]{--ifm-color-scheme:dark;--ifm-color-emphasis-0:var(--ifm-color-gray-1000);--ifm-color-emphasis-100:var(--ifm-color-gray-900);--ifm-color-emphasis-200:var(--ifm-color-gray-800);--ifm-color-emphasis-300:var(--ifm-color-gray-700);--ifm-color-emphasis-400:var(--ifm-color-gray-600);--ifm-color-emphasis-600:var(--ifm-color-gray-400);--ifm-color-emphasis-700:var(--ifm-color-gray-300);--ifm-color-emphasis-800:var(--ifm-color-gray-200);--ifm-color-emphasis-900:var(--ifm-color-gray-100);--ifm-color-emphasis-1000:var(--ifm-color-gray-0);--ifm-background-color:#1b1b1d;--ifm-background-surface-color:#242526;--ifm-hover-overlay:#ffffff0d;--ifm-color-content:#e3e3e3;--ifm-color-content-secondary:#fff;--ifm-breadcrumb-separator-filter:invert(64%) sepia(11%) saturate(0%) hue-rotate(149deg) brightness(99%) contrast(95%);--ifm-code-background:#ffffff1a;--ifm-scrollbar-track-background-color:#444;--ifm-scrollbar-thumb-background-color:#686868;--ifm-scrollbar-thumb-hover-background-color:#7a7a7a;--ifm-table-stripe-background:#ffffff12;--ifm-toc-border-color:var(--ifm-color-emphasis-200);--ifm-color-primary-contrast-background:#102445;--ifm-color-primary-contrast-foreground:#ebf2fc;--ifm-color-secondary-contrast-background:#474748;--ifm-color-secondary-contrast-foreground:#fdfdfe;--ifm-color-success-contrast-background:#003100;--ifm-color-success-contrast-foreground:#e6f6e6;--ifm-color-info-contrast-background:#193c47;--ifm-color-info-contrast-foreground:#eef9fd;--ifm-color-warning-contrast-background:#4d3800;--ifm-color-warning-contrast-foreground:#fff8e6;--ifm-color-danger-contrast-background:#4b1113;--ifm-color-danger-contrast-foreground:#ffebec}#nprogress .bar{background:var(--docusaurus-progress-bar-color);height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px var(--docusaurus-progress-bar-color),0 0 5px var(--docusaurus-progress-bar-color);height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}.blog-wrapper:root,.docs-wrapper:root{--primary-font-sans:"Inter"}.scrollbar-slim{scrollbar-color:red blue;scrollbar-width:thin}.scrollbar-slim::-webkit-scrollbar{width:12px}.scrollbar-slim::-webkit-scrollbar-track{background:#14141f;border-radius:5px}.scrollbar-slim::-webkit-scrollbar-thumb{background-color:#303450;border:3px solid #14141f;border-radius:12px}.refine-prose{color:var(--tw-prose-body);max-width:100%!important;--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75;--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders);font-weight:400;max-width:none}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.refine-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.refine-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.refine-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.refine-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.refine-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.refine-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.refine-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}progress,sub,sup{vertical-align:initial}.refine-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.refine-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.refine-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.refine-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.refine-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .refine-prose) :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity));font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600;font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity));font-weight:600;font-size:1rem;line-height:1.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));font-weight:600;font-size:.875rem;line-height:2.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity));font-weight:600;font-size:.75rem;line-height:1.33rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-bottom:1.25rem;margin-top:0;font-size:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;margin-bottom:0;margin-top:0}.refine-prose :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){border-left-width:4px;border-radius:.5rem;font-style:normal;font-weight:400;padding:1rem;--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity));border-left-color:rgb(163 173 194/var(--tw-border-opacity));color:rgb(48 52 80/var(--tw-text-opacity))}.refine-prose:last-child :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:0}:is(:where([data-theme=dark]) .refine-prose) :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity));border-left-color:rgb(71 78 107/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.625rem;line-height:.75rem;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(222 229 237/var(--tw-bg-opacity));color:rgb(48 52 80/var(--tw-text-opacity));border-radius:.25rem;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:2px .375rem 3px;border-style:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):before{--tw-content:none;content:var(--tw-content)}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):after{--tw-content:none;content:var(--tw-content)}.refine-prose h1 code,.refine-prose h2 code,.refine-prose h3 code{font-size:inherit;line-height:inherit;vertical-align:bottom}.refine-prose blockquote p:after,.refine-prose blockquote p:before,.refine-prose blockquote:after,.refine-prose blockquote:before{--tw-content:none;content:var(--tw-content)}.refine-prose table :is(:where(table):not(:where([class~=not-prose],[class~=not-prose] *))){border-style:none}.refine-prose table tr{border-top:unset}.refine-prose table td,.refine-prose table th{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(222 229 237/var(--tw-border-opacity));border-width:1px;color:rgb(20 20 31/var(--tw-text-opacity));padding:.5rem;font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table td),:is(:where([data-theme=dark]) .refine-prose table th){--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity));color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose table th{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600}:is(:where([data-theme=dark]) .refine-prose table th){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose table th,.refine-prose table th code,.text-sm{font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(odd)){--tw-bg-opacity:0.3;background-color:rgb(48 52 80/var(--tw-bg-opacity))}.refine-prose table tbody tr:nth-child(odd){--tw-bg-opacity:0.1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}.bg-gray-50,.refine-prose table tbody tr:nth-child(2n),.refine-prose table thead{--tw-bg-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(2n)){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table thead){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}.refine-prose table thead tr{border-style:none}.refine-prose .table-container{margin-bottom:1rem;margin-top:2rem;max-width:100%;overflow:auto;padding-bottom:1rem}.refine-prose .table-container table{display:table;margin-bottom:0;margin-top:0;table-layout:auto}.refine-toc-item code:after,.refine-toc-item code:before{content:""}.refine-toc-item code{border-radius:.25rem;border-style:none!important;color:inherit!important;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:.125rem .25rem;vertical-align:bottom!important;font-size:12px}:is(:where([data-theme=dark]) .refine-toc-item code){--tw-bg-opacity:0.3;background-color:rgb(71 78 107/var(--tw-bg-opacity));color:inherit!important}a:has(>code){text-decoration:none!important}a:has(>code) code{--tw-text-opacity:1!important;color:rgb(0 128 255/var(--tw-text-opacity))!important;vertical-align:text-bottom!important}:is(:where([data-theme=dark]) a:has(>code) code){--tw-text-opacity:1!important;color:rgb(110 179 247/var(--tw-text-opacity))!important}p:has(>code) code{margin-left:.125rem;margin-right:.125rem;vertical-align:text-bottom!important}li a:has(>code) code{margin-left:0!important;margin-right:0!important;vertical-align:text-bottom!important}.admonition.admonition-caution code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(242 128 13/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution code){--tw-bg-opacity:15%;background-color:#ff99331a}.admonition.admonition-caution a{--tw-text-opacity:1;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution a){--tw-text-opacity:1;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-caution a code{--tw-text-opacity:1!important;color:rgb(204 102 0/var(--tw-text-opacity))!important}:is(:where([data-theme=dark]) .admonition.admonition-caution a code){--tw-text-opacity:1!important;color:rgb(255 153 51/var(--tw-text-opacity))!important}.admonition.admonition-caution li::marker{--tw-text-opacity:0.5;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution li)::marker{--tw-text-opacity:0.5;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-danger code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(255 76 77/var(--tw-bg-opacity))}.admonition.admonition-danger a{--tw-text-opacity:1;color:rgb(255 76 77/var(--tw-text-opacity))}.admonition.admonition-danger a code{--tw-text-opacity:1!important;color:rgb(255 76 77/var(--tw-text-opacity))!important}.admonition.admonition-info code{--tw-bg-opacity:15%;background-color:#0080ff1a}:is(:where([data-theme=dark]) .admonition.admonition-info code){--tw-bg-opacity:15%;background-color:#6eb3f71a}.admonition.admonition-info a,.admonition.admonition-info-tip a{--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info a){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-info li::marker{--tw-text-opacity:0.5;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info li)::marker{--tw-text-opacity:0.5;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-tip code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(31 173 102/var(--tw-bg-opacity))}.admonition.admonition-note code,.bg-\[\#5865F2\],.bg-black,.bg-blue-100,.bg-gray-0,.bg-gray-100,.bg-gray-200,.bg-gray-600,.bg-gray-900,.bg-refine-blue,.bg-tech-purple-03,.bg-violet-800,.bg-white{--tw-bg-opacity:1}.admonition.admonition-tip a{--tw-text-opacity:1;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-tip a code{--tw-text-opacity:1!important;color:rgb(31 173 102/var(--tw-text-opacity))!important}.admonition.admonition-tip li::marker{--tw-text-opacity:0.5;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-note code{--tw-bg-opacity:15%;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-additional a,.admonition.admonition-note a{--tw-text-opacity:1;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-note a code{--tw-text-opacity:1!important;color:rgb(15 189 189/var(--tw-text-opacity))!important}.admonition.admonition-note li::marker{--tw-text-opacity:0.5;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-additional code{--tw-bg-opacity:0.2;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-info-tip code{--tw-bg-opacity:0.2;background-color:rgb(0 128 255/var(--tw-bg-opacity))}.admonition pre.prism-code code,.bg-transparent{background-color:initial}.refine-details>summary+div>div{border-top-width:0;margin-top:0;padding-top:0}.p-4,.refine-details-content{padding:1rem}.refine-details>summary .refine-details-triangle{--tw-rotate:-90deg;transition-duration:.2s;transition-property:transform}.-rotate-180,.-rotate-90,.refine-details>summary .refine-details-triangle,.refine-details[open]>summary .refine-details-triangle,.rotate-0,.scale-100,.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.refine-details[open]>summary .refine-details-triangle,.rotate-0{--tw-rotate:0deg}.max-w-screen-content{max-width:480px}html[data-active-page=index],html[data-active-page=index] body{--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}@keyframes a{0%,35%,to{opacity:0}30%,5%{opacity:1}}.landing-hero-mobile-svg .auth,.landing-hero-mobile-svg .backend,.landing-hero-mobile-svg .framework,.landing-hero-mobile-svg .platform{animation:24s infinite a;opacity:0;will-change:opacity}.landing-hero-mobile-svg .nextjs{animation-delay:0s}.landing-hero-mobile-svg .vite{animation-delay:8s}.landing-hero-mobile-svg .remix{animation-delay:16s}.landing-hero-mobile-svg .mui{animation-delay:-3s}.landing-hero-mobile-svg .antd{animation-delay:5s}.landing-hero-mobile-svg .chakra{animation-delay:13s}.landing-hero-mobile-svg .supabase{animation-delay:-6s}.landing-hero-mobile-svg .nest{animation-delay:2s}.landing-hero-mobile-svg .appwrite{animation-delay:10s}.landing-hero-mobile-svg .google{animation-delay:-9s}.landing-hero-mobile-svg .auth0{animation-delay:-1s}.landing-hero-mobile-svg .strapi{animation-delay:7s}.animation-parent{backface-visibility:hidden;perspective:1000;transform:translateZ(0)}#__docusaurus-base-url-issue-banner-container,.hidden,.sp-icon-standalone[title="Open in CodeSandbox"] svg+span,.sp-preview .sp-custom-loading,.sp-preview .sp-loading,.themedComponent_FXRw,[data-theme=dark] .lightToggleIcon__wwy,[data-theme=light] .darkToggleIcon_iyjK,[hidden],html[data-announcement-bar-initially-dismissed=true] .announcementBar_hbYq{display:none}.sp-preview .sp-loading+.sp-custom-loading{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:calc(var(--sp-zIndices-top) + 1)}button.sp-button.sp-icon-standalone[title="Open in CodeSandbox"]:has(svg+span){padding-left:0;padding-right:4px;width:26px}.admonition-simple .admonition-content :last-child,.admonitionContent_YstZ>:last-child,.collapsibleContent_uFAl p:last-child,.details_GXzP>summary>p:last-child,.mb-0,.refine-tab-content>:last-child{margin-bottom:0}.admonition-simple ul{list-style-position:outside;list-style-type:"-   ";margin:0;padding-left:24px}.admonition-simple *{font-size:.875rem;line-height:1rem}.admonition-simple .admonition-content ul li::marker{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition-simple .admonition-content ul li)::marker{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}h4>del:has(code:only-child){text-decoration-line:none}html h4>del:has(code:only-child){text-decoration:none}h4>del:has(code:only-child) code{text-decoration-line:line-through}.font-\[500\],.font-medium,.sp-tab-button[data-active=true]{font-weight:500}*,:after,:before{border:0 solid #dee5ed}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{display:block;margin-bottom:var(--ifm-spacing-vertical);overflow:auto;border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}.admonitionHeading_wuvZ code,button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}menu,ol,ul{margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a3adc2;opacity:1}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container,.w-full{width:100%}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible,.swiper-slide-invisible-blank{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.right-\[24px\]{right:24px}.top-0{top:0}.top-2{top:.5rem}.top-32{top:8rem}.top-\[24px\]{top:24px}.top-\[67px\]{top:67px}.z-50{z-index:50}.z-\[100\],.z-modal{z-index:100}.z-\[1\]{z-index:1}.z-\[55\]{z-index:55}.m-1{margin:.25rem}.m-6{margin:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[40px\]{margin-bottom:40px}.ml-\[5px\]{margin-left:5px}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.table{display:table}.grid{display:grid}.h-0{height:0}.h-0\.5{height:.125rem}.h-12{height:3rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[120px\]{height:120px}.h-\[12px\]{height:12px}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[40px\]{height:40px}.h-\[4px\]{height:4px}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-\[calc\(100vh-67px\)\]{height:calc(100vh - 67px)}.h-auto,.img_CfaS,.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.h-screen{height:100vh}.max-h-\[180px\]{max-height:180px}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[10px\]{width:10px}.w-\[12px\]{width:12px}.w-\[142px\]{width:142px}.w-\[193px\]{width:193px}.w-\[24px\]{width:24px}.w-\[264px\]{width:264px}.w-\[280px\]{width:280px}.w-\[343px\]{width:343px}.w-\[40px\]{width:40px}.w-\[42\.5px\]{width:42.5px}.w-\[45px\]{width:45px}.w-\[4px\]{width:4px}.w-\[51px\]{width:51px}.w-auto{width:auto}.w-max{width:max-content}.min-w-0{min-width:0}.max-w-\[1600px\]{max-width:1600px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-\[512px\]{max-width:512px}.max-w-\[576px\]{max-width:576px}.max-w-md{max-width:28rem}.max-w-screen-blog-max{max-width:1408px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-rotate-180{--tw-rotate:-180deg}.-rotate-90{--tw-rotate:-90deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.footerContentContainer_DQf_,.itemsContainer_OUc9,.logoContainerStyle_PeVm,.templateItemContainer_lyZ8{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col,.swiper-vertical>.swiper-wrapper{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[16px\]{gap:16px}.gap-\[24px\]{gap:24px}.gap-\[40px\]{gap:40px}.gap-\[4px\]{gap:4px}.gap-\[60px\]{gap:60px}.gap-\[8px\]{gap:8px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border,.border-\[1px\]{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-gray-02{border-color:#1f1f1f}.border-gray-100{--tw-border-opacity:1;border-color:rgb(237 242 247/var(--tw-border-opacity))}.border-white-01{border-color:#fff}.border-l-gray-100{--tw-border-opacity:1;border-left-color:rgb(237 242 247/var(--tw-border-opacity))}.border-t-gray-200{--tw-border-opacity:1;border-top-color:rgb(222 229 237/var(--tw-border-opacity))}.bg-\[\#000000bf\]{background-color:#000000bf}.bg-\[\#5865F2\]{background-color:rgb(88 101 242/var(--tw-bg-opacity))}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.75\)\]{background-color:#ffffffbf}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/\[0\.64\]{background-color:#000000a3}.bg-blue-100{background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-gray-0,.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-01{background-color:#000}.bg-gray-02{background-color:#1f1f1f}.bg-gray-100{background-color:rgb(237 242 247/var(--tw-bg-opacity))}.bg-gray-200{background-color:rgb(222 229 237/var(--tw-bg-opacity))}.bg-gray-600{background-color:rgb(71 78 107/var(--tw-bg-opacity))}.bg-gray-900{background-color:rgb(20 20 31/var(--tw-bg-opacity))}.bg-gray-900\/20{background-color:#14141f33}.bg-gray-900\/70{background-color:#14141fb3}.bg-refine-blue{background-color:rgb(0 128 255/var(--tw-bg-opacity))}.bg-tech-purple-03{background-color:rgb(101 74 236/var(--tw-bg-opacity))}.bg-violet-800{background-color:rgb(91 33 182/var(--tw-bg-opacity))}.bg-white-01{background-color:#fff}.bg-white-09,.hover\:bg-white-09:hover{background-color:#ffffff19}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:.5rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[24px\]{padding-left:24px;padding-right:24px}.px-\[4px\]{padding-left:4px;padding-right:4px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-\[22px\]{padding-bottom:22px;padding-top:22px}.pb-10{padding-bottom:2.5rem}.pb-6{padding-bottom:1.5rem}.pb-\[100px\]{padding-bottom:100px}.pb-\[60px\]{padding-bottom:60px}.pl-1{padding-left:.25rem}.pl-11{padding-left:2.75rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-7{padding-left:1.75rem}.pl-\[32px\]{padding-left:32px}.pr-3{padding-right:.75rem}.pt-6{padding-top:1.5rem}.pt-\[4px\]{padding-top:4px}.align-middle{vertical-align:middle}.font-\[\'Inter\'\]{font-family:Inter}.font-sans{font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.textTitleNumStyle_TEnk,.textTitleNumStyle_h7vB{font-family:Eurostile Becker,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-3xl{font-size:1.875rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.font-\[400\],.font-normal{font-weight:400}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.5\]{line-height:1.5}.leading-\[17px\]{line-height:17px}.leading-\[22px\]{line-height:22px}.leading-\[28px\]{line-height:28px}.\!text-white-04{color:#ffffff80!important}.hover\:text-\[\#0b0c0f\]:hover,.text-\[\#0B0C0F\],.text-\[\#0b0c0f\]{--tw-text-opacity:1;color:rgb(11 12 15/var(--tw-text-opacity))}.text-\[\#1D2129\]{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity))}.text-gray-0,.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-gray-02:hover,.text-gray-02{color:#1f1f1f}.hover\:text-gray-03:hover,.text-gray-03{color:#5c5c5c}.text-gray-100{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}.hover\:text-gray-600:hover,.text-gray-600{--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}.hover\:text-gray-800:hover,.text-gray-800{--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-tech-purple-01{--tw-text-opacity:1;color:rgb(38 24 156/var(--tw-text-opacity))}.text-transparent{color:#0000}.hover\:text-white-01:hover,.text-white-01{color:#fff}.text-white-02{color:#ffffffe6}.hover\:text-white-03:hover,.text-white-03{color:#ffffffc0}.hover\:text-white-04:hover,.text-white-04{color:#ffffff80}.text-opacity-90{--tw-text-opacity:0.9}.faqListAnswer_uzUc a,.underline{text-decoration-line:underline}.baseLinkButtonStyle_PuMK:hover,.basePanelItemContainerStyle_IaDP:hover,.commBottomBtn_pFSF:hover,.hover\:no-underline:hover,.menuItemStyle_SQLa,.menuItemStyle_SQLa:active,.menuItemStyle_SQLa:hover,.menuItemStyle_a3Ir:hover,.no-underline,.operateItemStyle_quc4:hover,.panelItemStyle_VUhY:hover{text-decoration-line:none}.opacity-0{opacity:0}.footerLogoLink_K6r0:hover,.hash-link:focus,.opacity-100,.solutionSelectImageStyle_GSp1,:hover>.hash-link{opacity:1}.backdrop-blur-\[50px\]{--tw-backdrop-blur:blur(50px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.transition-opacity{transition-property:opacity}.transition-transform{transition-property:transform}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:bg-grayBlue-09:hover,.lightPanelItemContainerStyle_OZnY:hover{background-color:#f2f3f5}.hover\:brightness-90:hover{--tw-brightness:brightness(.9)}.basePopoverPanelStyle_y9hq:focus,.focus\:outline-none:focus,.popoverPanelStyle_GNCw:focus{outline:#0000 solid 2px;outline-offset:2px}:is(:where([data-theme=dark]) .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-l-gray-700){--tw-border-opacity:1;border-left-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-t-gray-700){--tw-border-opacity:1;border-top-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-500){--tw-bg-opacity:1;background-color:rgb(108 119 147/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgb(71 78 107/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-0){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-200){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-white-01){color:#fff}:is(:where([data-theme=dark]) .dark\:text-white-04){color:#ffffff80}:is(:where([data-theme=dark]) .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:hover\:text-white-01:hover){color:#fff}:is(:where([data-theme=dark]) .hover\:dark\:text-white-01):hover{color:#fff}[data-theme=dark]{--ifm-color-primary:#9580ff;--ifm-color-primary-dark:#755aff;--ifm-color-primary-darker:#6547ff;--ifm-color-primary-darkest:#350dff;--ifm-color-primary-light:#b5a6ff;--ifm-color-primary-lighter:#c5b9ff;--ifm-color-primary-lightest:#f5f3ff;--ifm-background-color:#0a0a0a;--docusaurus-highlighted-code-line-bg:#0000004d}@font-face{font-family:Eurostile Becker;src:url("/illa-website/assets/fonts/Eurostile Becker Heavy Regular-99fb2b764178f7417346a5e3e15d5947.ttf") format("truetype")}body:not(.navigation-with-keyboard) :not(input):focus{outline:0}.skipToContent_YRel{background-color:var(--ifm-background-surface-color);color:var(--ifm-color-emphasis-900);left:100%;padding:calc(var(--ifm-global-spacing)/2) var(--ifm-global-spacing);position:fixed;top:1rem;z-index:calc(var(--ifm-z-index-fixed) + 1)}.skipToContent_YRel:focus{box-shadow:var(--ifm-global-shadow-md);left:1rem}.closeButton_r_Ma{line-height:0;padding:0}.content_B3zk{font-size:85%;padding:5px 0}.content_B3zk a{color:inherit;text-decoration:underline}.announcementBar_hbYq{align-items:center;background-color:var(--ifm-color-white);border-bottom:1px solid var(--ifm-color-emphasis-100);color:var(--ifm-color-black);display:flex;height:var(--docusaurus-announcement-bar-height)}.announcementBarPlaceholder_nNiq{flex:0 0 10px}.announcementBarClose_S8lM{align-self:stretch;flex:0 0 30px}.toggle_Io7t{height:2rem;width:2rem}.toggleButton_C0po{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;transition:background var(--ifm-transition-fast);width:100%}.toggleButton_C0po:hover{background:var(--ifm-color-emphasis-200)}.toggleButtonDisabled_IHuh{cursor:not-allowed}.darkNavbarColorModeToggle_jx_9:hover{background:var(--ifm-color-gray-800)}[data-theme=dark] .themedComponent--dark_gZs3,[data-theme=light] .themedComponent--light_RIle,html:not([data-theme]) .themedComponent--light_RIle{display:initial}.iconExternalLink_ocOZ{margin-left:.3rem}.dropdownNavbarItemMobile_JUhd:after{margin-left:8px}.iconLanguage_DSK9{display:inline-block;margin-right:5px;vertical-align:text-bottom}@supports selector(:has(*)){.navbarSearchContainer_Pu8E:not(:has(>*)){display:none}}.navbarHideable_QJhM{transition:transform var(--ifm-transition-fast) ease}.navbarHidden_JLKf{transform:translate3d(0,calc(-100% - 2px),0)}.errorBoundaryError_t44J{color:red;white-space:pre-wrap}.errorBoundaryFallback_HTeJ{color:red;padding:.55rem}.footerLogoLink_K6r0{opacity:.5;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.anchorWithStickyNavbar_dXVO{scroll-margin-top:calc(var(--ifm-navbar-height) + .5rem)}.anchorWithHideOnScrollNavbar_ZIVZ{scroll-margin-top:.5rem}.hash-link{opacity:0;padding-left:.5rem;transition:opacity var(--ifm-transition-fast);-webkit-user-select:none;user-select:none}.hash-link:before{content:"#"}.mainWrapper_Xc8_{display:flex;flex:1 0 auto;flex-direction:column}.docusaurus-mt-lg{margin-top:3rem}#__docusaurus{display:flex;flex-direction:column}.menuItemContainerStyle_JXsu,.priceListTitleContainerStyle_MEs5{align-items:center;display:flex;gap:8px}.popoverContainerStyle_ZIFy{display:inline-block;font-weight:500;padding:12px 16px;position:relative;text-align:left}.basePopoverPanelStyle_y9hq,.popoverPanelStyle_GNCw{margin-top:8px;position:absolute;transform-origin:top right;left:0}.popoverItemStyle_wfx7{align-items:center;display:flex;font-size:14px;gap:8px}.popoverPanelStyle_GNCw{--tw-shadow:0px 2px 16px 0px #00000029;--tw-shadow-colored:0px 2px 16px 0px var(--tw-shadow-color);border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:4px;padding-top:4px;right:0}.menuItemStyle_a3Ir{font-size:14px;font-weight:500;padding:12px 16px}.panelItemContainerStyle_xEK2{align-items:center;display:flex;justify-content:center;width:100%}.panelItemStyle_VUhY{font-size:14px;font-weight:500;line-height:40px}.operateItemStyle_quc4{align-items:center;border-radius:20px;display:flex;font-weight:500;gap:8px;justify-content:center;padding:8px 24px}.operateItemStyleBg_neML{border-color:#0000;border-width:1px;color:#fff;background:linear-gradient(90deg,#9734e4,#712eff)}.darkColorStyle_MxJT:hover,.operateItemStyleBg_neML:hover{color:#fff}.popoverItemStyle_WmOV{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left}.basePopoverPanelStyle_y9hq{border-radius:16px;border-width:1px;display:flex;flex-direction:column;gap:24px;padding:24px 16px;width:340px}.darkPopoverPanelStyle_sycJ{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(27 28 29/var(--tw-bg-opacity));border-color:rgb(46 46 48/var(--tw-border-opacity))}.lightPopoverPanelStyle_aRwx{background-color:#fff;border-color:#f2f3f5;box-shadow:0 2px 4px 0 #00000014}.subTitleStyle_GZ4H{font-size:16px;font-weight:700;line-height:24px;padding-left:16px;padding-right:16px;text-align:start}.basePanelItemContainerStyle_IaDP{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:12px 16px;width:100%}.darkPanelItemContainerStyle_JqRZ:hover{background-color:#ffffff0a}.panelItemStyle_w8TD{font-size:14px;font-weight:500;line-height:22px}.footerBottom_L4UB,.footerItem_GsU2,.panelItemDescStyle_zY1Y{font-size:12px;font-weight:400;line-height:16px}.menuItemStyle_SQLa{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;height:40px;width:100%;font-size:16px;font-weight:500}.footerContainer_lS9F{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:100px 20px 20px;width:100%}.footerContentContainer_DQf_{display:grid;justify-content:space-between;row-gap:40px;width:100%}.space_IcLX{background-color:#ffffff1a;height:1px;width:100%}.footerBottom_L4UB{align-items:center;color:#fff;display:flex;flex-direction:column;gap:24px;justify-content:space-between;width:100%}.localSelectContainer_aJ7M .dropdown__menu{bottom:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);top:unset}.lpHeader_rubd{align-items:flex-start;flex-wrap:wrap;gap:40px;justify-content:space-between;padding-top:30px}.lpHeaderLeft_Zvbf,.lpHeader_rubd,.premiumCardContainer_ArgU,.premiumHeaderStyle_yb36{display:flex;flex-direction:column}.lpHeaderLeft_Zvbf{align-items:center;gap:24px;text-align:center}.back_vGuo{--tw-text-opacity:1;align-items:center;color:rgb(101 74 236/var(--tw-text-opacity));cursor:pointer;display:none;flex-direction:row;font-size:18px;font-weight:600;gap:12px;line-height:32px;padding-bottom:12px;padding-top:12px}.headerGo_RttL,.itemImage_FU2S{align-items:center;--tw-bg-opacity:1}.headerTitle_URD5{font-size:40px;font-weight:700;line-height:48px}.headerDesc_zhHJ{font-weight:400;font-weight:16px;line-height:24px}.headerGo_RttL{background-color:rgb(101 74 236/var(--tw-bg-opacity));white-space:nowrap;border-radius:4px;color:#fff;display:flex;font-size:16px;font-weight:400;height:44px;justify-content:center;line-height:20px;padding:12px 16px}.headerGo_RttL:hover{--tw-bg-opacity:1;background-color:rgb(131 104 240/var(--tw-bg-opacity))}.headerGo_RttL:active{--tw-bg-opacity:1;background-color:rgb(66 46 196/var(--tw-bg-opacity))}.lpContainer_Zbon,.lpContainer_yWoG{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity));margin-left:auto;margin-right:auto;max-width:1200px;padding-left:20px;padding-right:20px;width:100%}.tag_oKb5{display:inline-block;margin:.5rem .5rem 0 1rem}.contentTitle_b3GB{font-size:20px;font-weight:600;line-height:28px;margin-top:60px}.itemsContainer_OUc9{display:grid;gap:12px}.item_AuQF{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:16px}.itemBg_GUYW{background:linear-gradient(180deg,#dde1e833,#dde1e800)}.itemImage_FU2S{background-color:rgb(240 232 255/var(--tw-bg-opacity));border-radius:13px;display:flex;height:120px;justify-content:center;width:120px}.itemNameCommon_o16n{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.commBottomDesc_DyZe,.itemDescription_LA9o{-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}.itemNameIntegrations_ZIud{line-height:20px}.itemNameComponents_JcBj{line-height:24px}.itemDescription_LA9o{display:-webkit-box;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.contentContainer_c9t8{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow-x:hidden;padding-top:40px;z-index:31}.contentContainer_c9t8,.content_jfit{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.content_jfit{color:#fff;gap:100px;padding-left:20px;padding-right:20px}.commBottomContainerStyle_CDHK{align-items:center;color:#fff;display:flex;margin-top:100px;width:100%}.allContentContainer_nVOG{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;text-align:center;width:100%}.allContentTitle_K0Y2{font-size:20px;font-weight:700;line-height:24px;text-align:center}.cardContainerStyle_Kvlw,.cardContentContainerStyle_kX6c{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.headerContainerStyle_RgD_{align-items:center;display:flex;flex-direction:column;gap:16px}.textTitleStye_mJAH{color:#fff;font-size:20px;font-weight:700}.textTitleNumStyle_TEnk{font-size:24px;font-weight:400}.textDescStyle_NFkj{font-size:12px;font-weight:400;line-height:16px;max-width:100%;text-align:center}.imgStyle_GNQD{border-radius:8px;height:auto;width:100%}.cardContentItemNormalStyle_f4ow,.cardContentItemReverseStyle_DHTD{flex-direction:column-reverse}.cardIContentItemContainerStyle_rPYn{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:flex-start;background-color:rgb(18 18 18/var(--tw-bg-opacity));border-color:rgb(42 42 42/var(--tw-border-opacity));border-radius:8px;border-width:1px;display:flex;flex-wrap:nowrap;gap:20px;padding:16px}.textContainerStyle_toav{align-items:flex-start;display:flex;flex-direction:column;gap:16px;width:100%}.textTitleStye_u6Ys{color:#fff;font-size:18px;font-weight:700;line-height:22px}.textTitleNumStyle_h7vB{font-size:20px;font-weight:400}.textDescStyle_vwoY{color:#ffffffe6;font-size:12px;font-weight:400;line-height:16px}.swipeMore_QWDA{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;gap:8px;grid-column:1;grid-row:3;height:auto;line-height:17px}.builderListTitleStyle_ul1g,.swipeMore_QWDA,.swipeMore_QWDA:hover{--tw-text-opacity:1;color:rgb(101 74 236/var(--tw-text-opacity))}.buttonGroup_uxJT button,.codeBlockContainer_USIv{background:var(--prism-background-color);color:var(--prism-color)}.codeBlockContainer_USIv{border-radius:var(--ifm-code-border-radius);box-shadow:var(--ifm-global-shadow-lw);margin-bottom:var(--ifm-leading)}.codeBlockContent_PMfr{border-radius:inherit;direction:ltr;position:relative}.codeBlockTitle_jXLV{border-bottom:1px solid var(--ifm-color-emphasis-300);border-top-left-radius:inherit;border-top-right-radius:inherit;font-size:var(--ifm-code-font-size);font-weight:500;padding:.75rem var(--ifm-pre-padding)}.codeBlock_IHkF{--ifm-pre-background:var(--prism-background-color);margin:0;padding:0}.codeBlockTitle_jXLV+.codeBlockContent_PMfr .codeBlock_IHkF{border-top-left-radius:0;border-top-right-radius:0}.codeBlockLines_THA1{float:left;font:inherit;min-width:100%;padding:var(--ifm-pre-padding)}.codeBlockLinesWithNumbering_tjAB{display:table;padding:var(--ifm-pre-padding) 0}.buttonGroup_uxJT{column-gap:.2rem;display:flex;position:absolute;right:calc(var(--ifm-pre-padding)/2);top:calc(var(--ifm-pre-padding)/2)}.buttonGroup_uxJT button{align-items:center;border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-global-radius);display:flex;line-height:0;opacity:0;padding:.4rem;transition:opacity var(--ifm-transition-fast) ease-in-out}.buttonGroup_uxJT button:focus-visible,.buttonGroup_uxJT button:hover{opacity:1!important}.theme-code-block:hover .buttonGroup_uxJT button{opacity:.4}:where(:root){--docusaurus-highlighted-code-line-bg:#484d5b}:where([data-theme=dark]){--docusaurus-highlighted-code-line-bg:#646464}.theme-code-block-highlighted-line{background-color:var(--docusaurus-highlighted-code-line-bg);display:block;margin:0 calc(var(--ifm-pre-padding)*-1);padding:0 var(--ifm-pre-padding)}.codeLine_VZlW{counter-increment:a;display:table-row}.codeLineNumber_UV2B{background:var(--ifm-pre-background);display:table-cell;left:0;overflow-wrap:normal;padding:0 var(--ifm-pre-padding);position:sticky;text-align:right;width:1%}.codeLineNumber_UV2B:before{content:counter(a);opacity:.4}.codeLineContent_gotU{padding-right:var(--ifm-pre-padding)}.theme-code-block:hover .copyButtonCopied_TPRR{opacity:1!important}.copyButtonIcons_LZ6a{height:1.125rem;position:relative;width:1.125rem}.copyButtonIcon_H1v1,.copyButtonSuccessIcon_J5e4{fill:currentColor;height:inherit;left:0;opacity:inherit;position:absolute;top:0;transition:all var(--ifm-transition-fast) ease;width:inherit}.copyButtonSuccessIcon_J5e4{color:#00d600;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(.33)}.copyButtonCopied_TPRR .copyButtonIcon_H1v1{opacity:0;transform:scale(.33)}.copyButtonCopied_TPRR .copyButtonSuccessIcon_J5e4{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:75ms}.wordWrapButtonIcon_dUFy{height:1.2rem;width:1.2rem}.details_GXzP{--docusaurus-details-summary-arrow-size:0.38rem;--docusaurus-details-transition:transform 200ms ease;--docusaurus-details-decoration-color:grey}.details_GXzP>summary{cursor:pointer;padding-left:1rem;position:relative}.details_GXzP>summary::-webkit-details-marker{display:none}.details_GXzP>summary:before{border-color:#0000 #0000 #0000 var(--docusaurus-details-decoration-color);border-style:solid;border-width:var(--docusaurus-details-summary-arrow-size);content:"";left:0;position:absolute;top:.45rem;transform:rotate(0);transform-origin:calc(var(--docusaurus-details-summary-arrow-size)/2) 50%;transition:var(--docusaurus-details-transition)}.collapsibleContent_uFAl{border-top:1px solid var(--docusaurus-details-decoration-color);margin-top:1rem;padding-top:1rem}.details_B91m{--docusaurus-details-decoration-color:var(--ifm-alert-border-color);--docusaurus-details-transition:transform var(--ifm-transition-fast) ease;border:1px solid var(--ifm-alert-border-color);margin:0 0 var(--ifm-spacing-vertical)}:not(.containsTaskList_aqzd>li)>.containsTaskList_aqzd{padding-left:0}.admonition_Ztdk{margin-bottom:1em}.admonitionHeading_wuvZ{font:var(--ifm-heading-font-weight) var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);text-transform:uppercase}.admonitionHeading_wuvZ:not(:last-child){margin-bottom:.3rem}.admonitionIcon_bKMe{display:inline-block;margin-right:.4em;vertical-align:middle}.admonitionIcon_bKMe svg{fill:var(--ifm-alert-foreground-color);display:inline-block;height:1.6em;width:1.6em}.commBottomContainer_rcOJ{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 20px 40px;position:relative}.commBottomBtnBg_ws3H,.commBottomContainer_rcOJ{border-bottom-left-radius:20px;border-bottom-right-radius:20px;width:100%}.commBottomBtnBg_ws3H{bottom:0;position:absolute;z-index:-1}.bottomBg_zy8j{background:linear-gradient(180deg,#654aec00,#654aec80)}.whiteBottomBg_HW9h{background:linear-gradient(180deg,#516ab500,#516ab514)}.commBottomTitle_zpUk{color:#fff;font-size:20px;font-weight:700;line-height:24px;text-align:center}.bottomTitle__Qxb{background:linear-gradient(90deg,#ffffff80,#fff 50%,#ffffff80);-webkit-background-clip:text;background-clip:text}.bottomTitle__Qxb,.whiteBottomTitle_r_oZ{-webkit-text-fill-color:#0000;color:#0000}.learnMore_Lb_l,.templateHeaderLabel_W4fj{color:rgb(101 74 236/var(--tw-text-opacity));--tw-text-opacity:1}.whiteBottomTitle_r_oZ{background:linear-gradient(90deg,#0b0c0f80,#0b0c0f 50%,#0b0c0f80);-webkit-background-clip:text;background-clip:text}.commBottomDesc_DyZe{display:-webkit-box;font-size:14px;font-weight:400;line-height:22px;overflow:hidden;text-align:center;width:100%}.commBottomBtn_pFSF{align-items:center;border-radius:24px;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;gap:10px;justify-content:center;line-height:28px;padding:10px 32px;width:100%}.commBottomBtn_pFSF svg{width:16px}.templateContainer_VElw{gap:20px;padding-bottom:30px}.templateContainer_VElw,.templateHeader_AQwG{display:flex;flex-direction:column;margin-top:30px}.templateHeader_AQwG{align-items:flex-start;gap:16px}.templateItemContainer_lyZ8{display:grid;gap:16px}.templateItem_Ji0p{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center}.templateHeaderLabel_W4fj{font-size:14px;font-weight:600;line-height:32px}.templateHeaderTitle_yMrU{font-size:20px;font-weight:700;line-height:28px}.templateHeaderDesc_XN3P{font-size:14px;font-weight:400;line-height:17px}.templateItemName_yjoV{-webkit-line-clamp:1;font-size:16px;font-weight:600;line-height:24px}.templateItemDesc_NKfB,.templateItemName_yjoV{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.templateItemDesc_NKfB{-webkit-line-clamp:4;font-size:12px;font-weight:400;line-height:16px}.learnMore_Lb_l{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:16px;text-decoration-line:underline}.operatingStyle_cGmQ,.wallContainerStyle_Ny01{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.logoTitleStyle_hhN_{color:#fff;font-size:12px;font-weight:500;line-height:1.5;text-align:center;width:100%}.logoContainerStyle_PeVm{column-gap:12px;display:grid;row-gap:24px;width:100%}.logoStyle_ixBp{height:28px;width:auto}.commentsContainerStyle_ctEM{align-items:center;display:flex;flex-direction:column;gap:24px}.commentsTitleStyle_iQ9i{font-size:20px;font-weight:700;line-height:28px;text-align:center}.commentsItemsContainerStyle_Zw4J{column-count:2;gap:8px;width:100%}.borderStyle_jCx_{background:linear-gradient(0deg,#000,#242424);border-radius:8px;break-inside:avoid;padding:1px;width:100%}.commentsItemStyle_rd1k{--tw-bg-opacity:1;background-color:rgb(20 20 20/var(--tw-bg-opacity));border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:24px}.commentContentStyle_NzjM{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.contentTextStyle_PpXf{color:#ffffffc0;font-size:12px;font-weight:500;line-height:16px}.reverseQuoteStyle_waKq{align-self:flex-end;transform:rotate(180deg)}.userInfoContainerStyle_WdED img{border-radius:50%;flex:none;height:20px;width:20px}.commentUserNameStyle_D4y3{color:#fff;font-size:12px;font-weight:500;line-height:20px}.commentUserCompanyStyle_zWSD{color:#ffffffc0;font-size:10px;font-weight:400;line-height:16px}.mobileGap_cpxI:after{content:"";display:block;padding-bottom:8px}.faqContainer_vbEd{align-items:center;display:flex;flex-direction:column;gap:24px;width:100%}.faqTitle_s89i{font-size:24px;font-weight:700;line-height:28px}.faqListContainer_XW42{align-items:flex-start;display:flex;flex-direction:column;width:100%}.faqListQuestion_Y7ri{border-radius:8px 8px 2px 2px;cursor:pointer;flex-direction:row;font-size:14px;font-weight:500;gap:16px;justify-content:space-between;line-height:22px;padding:4px 24px}.faqListAnswer_uzUc,.faqListQuestion_Y7ri{align-items:center;display:flex;text-align:start;width:100%}.faqListAnswer_uzUc{background-color:#ffffff14;border-radius:2px 2px 8px 8px;font-size:12px;font-weight:400;line-height:16px;padding-bottom:12px;padding-left:24px;padding-right:24px;white-space:pre-line}.direction_IrxQ{height:12px;width:12px}.publicize_vEiD{--tw-text-opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;display:none;font-size:14px;font-weight:400;height:40px;line-height:22px;margin-left:auto;margin-right:auto;min-width:400px;overflow:hidden;padding-left:25px;padding-right:25px;position:relative}.publicizeStyle_C7Y6{align-items:center;background:linear-gradient(90deg,#ea984c,#5c9ac6 45.31%,#687100 91.49%);display:flex;filter:blur(23px);flex-direction:row;height:124px;justify-content:space-between;left:50%;object-fit:none;object-position:center;opacity:.16;position:absolute;top:50%;transform:translate(-50%,-50%);width:402px;z-index:0}.publicIntru_nEWo{align-items:center;display:flex;gap:11px}.bannerContainerStyle__SXx{align-items:center;color:#fff;display:none;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;padding-left:20px;padding-right:20px}.canvasContainerStyle_h8pN{overflow:hidden;position:absolute;width:100%;z-index:-1}.bgStyle_xQ96{height:382px;object-fit:none;object-position:top;position:absolute;top:0;width:100%;z-index:0}.bannerContentContainer_RLp6{gap:186px;padding-top:24px}.bannerContentContainer_RLp6,.bannerTextContainerStyle_O5rS{align-items:center;display:flex;flex-direction:column;justify-content:center}.bannerTextContainerStyle_O5rS{gap:24px;position:relative;width:100%;z-index:2}.sloganStyle_zysD{font-size:56px;font-weight:800;line-height:88px;text-align:center}.descStyle_U78g{font-size:14px;font-weight:400;line-height:22px;padding-left:20px;padding-right:20px;text-align:center;width:100%}.buttonContainerStyle_UkM3,.buttonContainerStyle_ulq9{align-content:space-between;align-items:center;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:24px;line-height:28px}.bannerImageStyle_bakd,.bannerImageStyle_ppqY{align-items:center;display:flex;justify-content:center;padding-top:64px;width:100%}.colorDescAgentStyle_LHLV,.colorDescAgentStyle_x5xU{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff33ba .77%,#ffb7e7 100.77%);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescAppStyle_An_L,.colorDescAppStyle_qG8r{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1effff,#c9ffff);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescFlowStyle_VvqE,.colorDescFlowStyle_y9g7{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8d33ff,#d1adff);background-clip:text;-webkit-background-clip:text;font-weight:600}.solutionContainerStyle_QwBc{display:flex;flex-direction:column;gap:32px;margin-top:62px}.tabsContainerStyle_DETz{--tw-bg-opacity:1;--tw-backdrop-blur:blur(13px);align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgb(22 22 27/var(--tw-bg-opacity));border-color:#ffffff14;border-radius:36px;border-width:1px;display:flex;gap:2px;padding:2px;width:100%}.tabsItemStyle_TXig{align-items:center;border-radius:36px;color:#ffffff80;cursor:pointer;display:flex;flex:1 1 0%;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:20px;padding:14px 24px;position:relative;text-align:center;width:100%}.selectedTabStyle_CyW0{color:#fff;font-weight:600}.splitterItemStyle_gYQ6{background:linear-gradient(0deg,#0003,#0003),linear-gradient(180deg,#3f3849,#262a31);border-radius:34px;height:100%;position:absolute;top:0;width:100%;z-index:0}.solutionImageContainerStyle_LgpU{border-radius:12px;display:flex;flex-direction:row;overflow:hidden;position:relative;width:100%}.contentContainer_kErA svg,.solutionImageContainerStyle_LgpU svg{height:auto;width:100%}.solutionBaseBgStyle_nGRR{flex:none;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.solutionSelectBgStyle_Xioy{opacity:1;position:relative}.solutionUnSelectBgStyle_RZeW{opacity:0;position:absolute;z-index:-1}.solutionBaseImageStyle_APzO{border-radius:8px;bottom:0;box-shadow:0 4px 24px 0 #0000002e;left:50%;opacity:1;position:absolute;transform:translateX(-50%);transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s;z-index:1}.linkButtonStyle_b1Kn{bottom:40px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.pricingMask_W_17{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow:hidden;position:absolute;width:100%;z-index:1}.pricingContainer_Iia_{position:relative;width:100%;z-index:1}.pricingMaskLeft_XgjA{filter:blur(238.125px);left:-525px;opacity:.5;top:-40px;width:1155px}.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj{--tw-bg-opacity:1;background-color:rgb(101 74 236/var(--tw-bg-opacity));display:none;height:453px;position:absolute}.pricingMaskRight_mQEj{filter:blur(238.125px);left:1004px;opacity:.3;top:109px;width:824px}.pricingMaskPhone_eCBF{background:radial-gradient(37% 76.28% at 48.58% 50.06%,#654aec 0,#654aec00 100%);display:block;filter:blur(50px);height:415.69px;left:-204px;opacity:.3;position:absolute;top:46.5px;transform:rotate(2.6deg);width:630px;z-index:-1}.pricingContent_kMON{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin:0 auto;padding-left:20px;padding-right:20px;width:100%}.pricingContentTitleExtra_U6Tm{background:linear-gradient(90deg,#fff0,#ffffff1a 50.38%,#fff0);border-radius:20px;color:#fff;display:block;font-size:14px;font-weight:500;line-height:26px;padding:3px 56px;text-align:center;width:-moz-fit-content;width:fit-content}.pricingContentTitle_tw94{font-size:40px;font-weight:700;justify-self:center;line-height:48px;padding-left:24px;padding-right:24px;text-align:center;width:100%}.cardContainerStyle_frTi{background:radial-gradient(98.85% 129.62% at 6.76% 2.06%,#bac1ff08 0,#dcdfff00 100%),#ffffff0f;border-color:#ffffff19;border-radius:8px;border-width:1px;display:flex;gap:20px;margin-top:8px;padding:24px;width:100%}.premiumCardContainer_ArgU{align-items:flex-start;gap:12px;width:100%}.premiumTitleStyle_pemo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9037ff,#f524ff);background-clip:text;-webkit-background-clip:text;font-size:20px;font-weight:700;line-height:30px}.premiumDescStyle_R6dg{color:#ffffffc0;display:block;font-size:12px;font-weight:400;line-height:15px}.premiumCardContainerStyle_zMC3{bottom:12px;display:flex;flex-direction:column;gap:12px;width:100%}.cardBaseStyle_lN8t{border-radius:8px;height:100%;overflow:hidden;padding:24px;position:relative;width:100%;z-index:1}.priceCardStyle_vDMh{background:linear-gradient(180deg,#ffffff0f,#fff0);display:flex;flex-direction:column;gap:12px}.cardBgStyle_q38d{bottom:0;height:auto;left:0;object-fit:cover;object-position:top;position:absolute;right:0;top:0;width:100%;z-index:-1}.cardIconStyle_UqGN{display:inline-flex;height:16px;width:16px}.agentListTitleStyle_sU8y{--tw-text-opacity:1;color:rgb(255 88 190/var(--tw-text-opacity))}.listIconStyle_TqyE{align-self:flex-start;padding-top:2px}.priceListTitleStyle_v2pp{font-size:16px;font-weight:600;line-height:22px}.priceListStyle_xBIv{display:flex;flex-direction:column;gap:4px}.listItemStyle_Pa3C{align-items:center;display:flex;gap:8px;padding-bottom:4px;padding-top:4px}.listItemNameStyle_YZOo{font-size:14px;font-weight:400;line-height:18px}.priceNumStyle_eiPz{font-size:28px;font-weight:700}.priceNumDescStyle_n2JG{color:#ffffffc0;font-size:12px;font-weight:400;line-height:16px}.upgradeButtonStyle_qpR6{--tw-bg-opacity:1;align-items:center;background-color:rgb(101 74 236/var(--tw-bg-opacity));border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:center;line-height:22px;padding:9px 32px;width:100%}.containerStyle_IK43,.descStyle_uxY4,.textContainerStyle_j9Qp{padding-left:20px;padding-right:20px}.containerStyle_IK43{align-items:center;color:#fff;display:flex;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;height:100%;margin-bottom:60px;overflow:hidden;position:relative}.indexBgStyle_Nusz{display:none;overflow:hidden;position:absolute;width:100%;z-index:-1}.indexBgStyle_Nusz img{bottom:0;height:auto;position:absolute;width:100%}.canvasContainerStyle_tBLh{height:100%;overflow:hidden;position:absolute;width:100%;z-index:-1}.contentContainer_kErA{align-items:center;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:space-between;padding-top:64px;position:relative}.textContainerStyle_LZMZ{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;position:relative;width:100%;z-index:2}.sloganStyle_L8z2{font-size:36px;font-weight:800;line-height:40px;text-align:center}.colorSloganStyle_oMou{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text}.descStyle_uxY4{font-size:14px;font-weight:400;line-height:17px;text-align:center;width:100%}.demoContainerStyle_taMy{bottom:0;height:auto;perspective:1040px;width:100%;z-index:2}.demoImgStyle_SvRF{border-radius:12px 12px 0 0;display:none;max-width:100%;overflow:hidden;position:relative;transform-origin:center;width:100%}.linkButtonStyle_m6Tn{bottom:16px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.baseLinkButtonStyle_PuMK{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:center;line-height:28px;overflow:hidden;position:relative;text-align:center}.smallSizeStyle_AohM{border-radius:32px;font-size:14px;height:48px;min-width:240px}.normalSizeStyle_qzr1{border-radius:24px;font-size:16px;height:56px;min-width:320px}.largeSizeStyle_kJWZ{border-radius:32px;font-size:16px;height:64px;min-width:320px}.darkColorStyle_MxJT{background-color:#0b0c0f;box-shadow:0 4px 8px 0 #15151d73;color:#fff}.lightColorStyle_JCL1{background-color:#fff;box-shadow:0 2px 24.8px 0 #6100ff;color:#0b0c0f}.lightColorStyle_JCL1:hover{color:#0b0c0f}.baseArrowStyle_lXyW{align-items:center;border-radius:9999px;box-shadow:0 4px 8px #23152f9e;display:flex;justify-content:center}.baseArrowStyle_lXyW svg{height:auto;width:16px}.smallArrowStyle_XZaI{height:32px;margin-right:8px;width:32px}.normalArrowStyle_XxGa{height:40px;margin-right:8px;width:40px}.largeArrowStyle_sKWX{height:40px;margin-right:12px;width:40px}.linesStyle_lbFy,.linkButtonBgStyle_WFWO{position:absolute;width:100%;display:flex}.darkArrowStyle_go7n{background:linear-gradient(180deg,#d1ccf2,#fff);color:#0b0c0f}.lightArrowStyle_QtFv{background:linear-gradient(180deg,#312578,#0b0c0f);color:#fff}.linkButtonBgStyle_WFWO{align-items:center;height:100%;justify-content:flex-end;transition:.3s ease-in-out;z-index:0}.swiper-slide,.swiper-wrapper{transition-property:transform;height:100%}.baseLinkButtonStyle_PuMK:hover .linkButtonBgStyle_WFWO{transform:translateX(-10%)}.linesStyle_lbFy{align-items:center;gap:10px;height:100%;z-index:-1}.swiper,.swiper-wrapper{z-index:1;position:relative}.lineContainerStyle_Y3Ta{display:flex;flex:none;height:100%;justify-content:center;transform:rotate(20deg);width:26px}.lineStyle__sNm{background-color:#0b0c0f;height:100%;width:1px}.darkLineStyle__Ris{--tw-bg-opacity:1;background-color:rgb(57 57 62/var(--tw-bg-opacity))}.lightLineStyle_xduB{--tw-bg-opacity:1;background-color:rgb(240 240 244/var(--tw-bg-opacity))}.bannerContainer_oUHl{gap:32px;height:100%;justify-content:center;overflow:hidden;padding-bottom:32px;padding-top:32px;position:relative}.bannerContainer_oUHl,.textContainerStyle_j9Qp{align-items:center;display:flex;flex-direction:column;width:100%}.textContainerStyle_j9Qp{gap:24px}.sloganStyle_XKtE{color:#fff;font-size:36px;font-weight:700;line-height:40px;text-align:center}.contentLabelStyle_dif9,.descStyle_YqnZ{color:#fff;font-size:14px;text-align:center}.descStyle_YqnZ{line-height:17px}.linkGroupItemStyle_KQRV{align-items:center;display:flex;flex-direction:column;gap:8px}.contentContainerStyle_JEhu{align-items:center;display:flex;flex:none;flex-direction:column;gap:12px;padding-left:8px;padding-right:8px}.contentLabelStyle_dif9{font-weight:600;line-height:20px}.swiper-slide{width:320px!important}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;margin-left:auto;margin-right:auto;overflow:hidden;padding:0}.swiper-wrapper{box-sizing:initial;display:flex;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;position:relative}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:1s linear infinite b}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (min-width:360px){.container{max-width:360px}}@media (min-width:480px){.container{max-width:480px}}@media (min-width:640px){.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2.5rem;line-height:3rem;margin-bottom:2rem}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2rem;line-height:2.5rem;margin-bottom:1.5rem}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.33rem;line-height:1.75rem;margin-bottom:1.5rem}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.75rem}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.75rem;line-height:1.0625rem}.admonition-simple *{line-height:1.25rem}.container{max-width:640px}.sm\:h-\[232px\]{height:232px}.sm\:flex-row{flex-direction:row}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:text-2xl{font-size:1.5rem}.sm\:text-sm{font-size:.875rem}}@media (min-width:656px){.container{max-width:656px}}@media (min-width:688px){.blog-sm\:max-w-screen-blog-sm,.container{max-width:688px}.blog-sm\:mb-16{margin-bottom:4rem}.blog-sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.blog-sm\:py-12{padding-bottom:3rem;padding-top:3rem}.blog-sm\:pb-16{padding-bottom:4rem}.blog-sm\:text-4xl{font-size:2.25rem}}@media (min-width:720px){.container{max-width:720px}}@media (min-width:768px){.max-w-screen-content{max-width:656px}.container{max-width:768px}.md\:mb-4{margin-bottom:1rem}.md\:mt-4{margin-top:1rem}.md\:h-64{height:16rem}.md\:w-60{width:15rem}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem}.md\:text-4xl{font-size:2.25rem}.md\:text-base{font-size:1rem}}@media (min-width:864px){.container{max-width:864px}}@media (min-width:944px){.container{max-width:944px}}@media (min-width:960px){.cardContentItemNormalStyle_f4ow,.footerBottom_L4UB,.lg\:flex-row{flex-direction:row}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;line-height:1.125rem}.container{max-width:960px}.lg\:mb-8{margin-bottom:2rem}.lg\:mt-0{margin-top:0}.lg\:mt-\[16px\]{margin-top:16px}.demoImgStyle_SvRF,.lg\:block,.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj,.publicize_vEiD{display:block}.back_vGuo,.bannerContainerStyle__SXx,.lg\:flex{display:flex}.bannerContainer_oUHl,.lg\:hidden,.mobileGap_cpxI:after,.pricingMaskPhone_eCBF{display:none}.itemDescription_LA9o,.templateItemDesc_NKfB{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box}.lg\:h-\[210px\]{height:210px}.lg\:h-\[26px\]{height:26px}.lg\:h-\[40px\],.logoStyle_ixBp{height:40px}.lg\:w-\[1040px\]{width:1040px}.lg\:w-\[550px\]{width:550px}.lg\:w-\[570px\]{width:570px}.lg\:w-\[800px\]{width:800px}.lg\:w-auto{width:auto}.lg\:max-w-\[680px\]{max-width:680px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1040px}.lg\:items-center{align-items:center}.lg\:gap-\[120px\]{gap:120px}.cardContainerStyle_Kvlw,.lg\:gap-\[32px\],.textContainerStyle_toav,.wallContainerStyle_Ny01{gap:32px}.lg\:gap-\[8px\]{gap:8px}.lg\:px-\[40px\]{padding-left:40px;padding-right:40px}.lg\:py-\[16px\]{padding-bottom:16px;padding-top:16px}.lg\:pb-\[100px\]{padding-bottom:100px}.lg\:pb-\[200px\]{padding-bottom:200px}.lg\:pl-\[30px\]{padding-left:30px}.lg\:pt-\[40px\]{padding-top:40px}.lg\:pt-\[48px\]{padding-top:48px}.lg\:text-\[16px\]{font-size:16px}.lg\:text-base{font-size:1rem}.lg\:text-sm{font-size:.875rem}.lg\:leading-\[19px\]{line-height:19px}.footerContainer_lS9F{gap:40px;padding:80px 120px 40px}.footerContentContainer_DQf_{column-gap:40px;flex-wrap:nowrap;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1040px}.footerBottom_L4UB{gap:48px}.footerBottom_L4UB,.footerItem_GsU2,.textDescStyle_vwoY{font-size:14px;line-height:22px}.lpHeader_rubd{flex-direction:row;flex-wrap:nowrap}.lpHeaderLeft_Zvbf{align-items:flex-start;gap:40px;justify-content:flex-start;text-align:left}.headerTitle_URD5{font-size:48px;line-height:56px}.headerGo_RttL{border-radius:8px;font-size:20px;font-weight:500;height:48px;line-height:28px;padding:10px 32px}.lpContainer_Zbon,.lpContainer_yWoG{padding-left:0;padding-right:0}.contentTitle_b3GB{margin-top:100px}.itemsContainer_OUc9{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.item_AuQF{gap:24px;padding:32px}.itemNameCommon_o16n,.templateHeaderLabel_W4fj{font-size:18px}.itemNameIntegrations_ZIud{line-height:26px}.itemDescription_LA9o{font-size:14px;line-height:24px;overflow:hidden}.contentContainer_c9t8{overflow:visible;padding-top:200px}.content_jfit{gap:200px}.commBottomContainerStyle_CDHK{margin-top:200px}.cardContentContainerStyle_kX6c{gap:64px}.textTitleNumStyle_h7vB,.textTitleStye_mJAH{font-size:40px}.textTitleNumStyle_TEnk{font-size:48px}.textDescStyle_NFkj{font-size:14px;line-height:22px;max-width:488px}.imgStyle_GNQD{width:431px}.cardContentItemReverseStyle_DHTD{flex-direction:row-reverse}.cardIContentItemContainerStyle_rPYn{border-radius:16px;gap:40px;padding:48px}.textTitleStye_u6Ys{font-size:36px;line-height:44px}.swipeMore_QWDA{font-size:16px;line-height:19px}.commBottomContainer_rcOJ{border-bottom-left-radius:40px;border-bottom-right-radius:40px;height:410px;padding:120px 120px 80px}.commBottomTitle_zpUk{font-size:40px;line-height:48px}.commBottomDesc_DyZe{width:600px}.commBottomBtn_pFSF{width:320px}.templateContainer_VElw{gap:40px;padding-bottom:100px}.templateHeader_AQwG{gap:24px;margin-top:60px}.templateItemContainer_lyZ8{gap:40px;grid-template-columns:repeat(4,minmax(0,1fr))}.templateItem_Ji0p{gap:24px}.templateHeaderTitle_yMrU{font-size:32px;line-height:56px}.templateHeaderDesc_XN3P{font-size:16px;line-height:24px}.templateItemDesc_NKfB{line-height:20px;overflow:hidden}.learnMore_Lb_l{font-size:14px;gap:8px;line-height:22px}.logoTitleStyle_hhN_{font-size:16px;line-height:28px}.logoContainerStyle_PeVm{align-items:center;column-gap:40px;display:flex;justify-content:center}.commentsContainerStyle_ctEM{gap:48px}.commentsTitleStyle_iQ9i{font-size:40px;line-height:56px}.commentsItemsContainerStyle_Zw4J{column-count:3;gap:16px}.userInfoContainerStyle_WdED img{height:32px;width:32px}.faqContainer_vbEd{gap:48px;width:800px}.faqTitle_s89i{line-height:56px}.faqListQuestion_Y7ri{border-top-left-radius:16px;border-top-right-radius:16px;font-size:16px}.faqListAnswer_uzUc{border-bottom-left-radius:16px;border-bottom-right-radius:16px;font-size:14px;line-height:22px}.publicizeStyle_C7Y6{height:179px;width:579px}.solutionBaseImageStyle_APzO{width:715px}.pricingContent_kMON{gap:24px;max-width:1200px}.pricingContentTitle_tw94{font-size:64px;line-height:72px}.cardContainerStyle_frTi{gap:40px}.premiumCardContainer_ArgU{border-radius:16px;gap:24px}.premiumTitleStyle_pemo{font-size:24px;line-height:28px}.premiumDescStyle_R6dg{line-height:20px}.premiumCardContainerStyle_zMC3{bottom:0;flex-direction:row;gap:24px}.priceCardStyle_vDMh{gap:20px}.operatingStyle_cGmQ{align-items:flex-start;justify-content:flex-start}.upgradeButtonStyle_qpR6{width:208px}.containerStyle_IK43{margin-bottom:120px}.indexBgStyle_Nusz{display:block;min-height:1200px}.indexBgStyle_Nusz img{height:1034px}.contentContainer_kErA{gap:56px;max-width:1040px;min-height:1200px;padding-top:150px}.sloganStyle_L8z2{font-size:56px;line-height:88px}.descStyle_uxY4{line-height:22px;max-width:800px}.demoContainerStyle_taMy{position:relative}.linkButtonStyle_m6Tn{bottom:40px}}@media (min-width:976px){.container{max-width:976px}}@media (min-width:997px){:root{--docusaurus-announcement-bar-height:30px}.announcementBarClose_S8lM,.announcementBarPlaceholder_nNiq{flex-basis:50px}.navbarSearchContainer_Pu8E{padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}}@media (min-width:1000px){.blog-md\:max-w-screen-blog-md,.container{max-width:1000px}.blog-md\:mb-8{margin-bottom:2rem}.blog-md\:block{display:block}.blog-md\:max-w-\[624px\]{max-width:624px}.blog-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-md\:flex-row{flex-direction:row}.blog-md\:border-t{border-top-width:1px}.blog-md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.blog-md\:py-16{padding-bottom:4rem;padding-top:4rem}.blog-md\:pb-8{padding-bottom:2rem}.blog-md\:pt-0{padding-top:0}.blog-md\:pt-12{padding-top:3rem}.blog-md\:pt-16{padding-top:4rem}.blog-md\:text-base{font-size:1rem}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1264px){.container{max-width:1264px}}@media (min-width:1280px){.container{max-width:1280px}.blog-lg\:mb-12{margin-bottom:3rem}.blog-lg\:max-w-screen-content-2xl{max-width:864px}.blog-lg\:gap-12{gap:3rem}.blog-lg\:text-5xl{font-size:3rem}.blog-lg\:text-xl{font-size:1.25rem}}@media (min-width:1296px){.container{max-width:1296px}}@media (min-width:1408px){.container{max-width:1408px}}@media (min-width:1440px){.container{max-width:var(--ifm-container-width-xl);max-width:1440px}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:h-\[152px\]{height:152px}.xl\:h-\[192px\]{height:192px}.xl\:h-\[80px\]{height:80px}.xl\:h-\[96px\]{height:96px}.xl\:w-\[250px\]{width:250px}.xl\:w-\[400px\]{width:400px}.xl\:w-auto{width:auto}.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:px-\[200px\]{padding-left:200px;padding-right:200px}.xl\:text-\[14px\]{font-size:14px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.footerContentContainer_DQf_,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1200px}.content_jfit{padding:0}.allContentContainer_nVOG{gap:64px}.allContentTitle_K0Y2{font-size:40px;line-height:48px}.imgStyle_GNQD{width:532px}.faqTitle_s89i{font-size:48px}.solutionBaseImageStyle_APzO{width:825px}.contentContainer_kErA{max-width:1200px;width:1200px}}@media (min-width:1536px){.refine-prose{font-size:1rem;line-height:1.75}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6em;margin-top:1.6em;padding-left:1em}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.25em;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.875em;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.875em;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;padding:.8571429em 1.1428571em}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.\32xl\:prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.\32xl\:prose-base>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3em;margin-top:3em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(.\32xl\:prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.\32xl\:prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.max-w-screen-content{max-width:864px}.container{max-width:1536px}.\32xl\:mb-6{margin-bottom:1.5rem}.\32xl\:p-6{padding:1.5rem}.\32xl\:text-\[32px\]{font-size:32px}.\32xl\:text-base{font-size:1rem}.\32xl\:text-lg{font-size:1.125rem}.\32xl\:text-xl{font-size:1.25rem}.\32xl\:leading-10{line-height:2.5rem}}@media (min-width:1584px){.container{max-width:1584px}.blog-2xl\:mb-20{margin-bottom:5rem}.blog-2xl\:max-w-screen-blog-md{max-width:1000px}.blog-2xl\:px-0{padding-left:0;padding-right:0}.blog-2xl\:pb-12{padding-bottom:3rem}.blog-2xl\:pt-20{padding-top:5rem}}@media (max-width:996px){.col{--ifm-col-width:100%;flex-basis:var(--ifm-col-width);margin-left:0}.footer{--ifm-footer-padding-horizontal:0}.colorModeToggle_Kblj,.footer__link-separator,.navbar__item{display:none}.footer__col{margin-bottom:calc(var(--ifm-spacing-vertical)*3)}.footer__link-item{display:block}.hero{padding-left:0;padding-right:0}.navbar>.container,.navbar>.container-fluid{padding:0}.navbar__toggle{display:inherit}.navbar__search-input{width:9rem}.pills--block,.tabs--block{flex-direction:column}.navbarSearchContainer_Pu8E{position:absolute;right:var(--ifm-navbar-padding-horizontal)}}@media screen and (max-width:960px){.mobileFooterContainer_tpXD{transform:translateY(0)!important}.linkButtonBgStyle_WFWO{transform:translateX(0)!important}}@media (max-width:576px){.markdown h1:first-child{--ifm-h1-font-size:2rem}.markdown>h2{--ifm-h2-font-size:1.5rem}.markdown>h3{--ifm-h3-font-size:1.25rem}}@media (pointer:fine){.thin-scrollbar{scrollbar-width:thin}.thin-scrollbar::-webkit-scrollbar{height:var(--ifm-scrollbar-size);width:var(--ifm-scrollbar-size)}.thin-scrollbar::-webkit-scrollbar-track{background:var(--ifm-scrollbar-track-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--ifm-scrollbar-thumb-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--ifm-scrollbar-thumb-hover-background-color)}}@media (prefers-reduced-motion:reduce){:root{--ifm-transition-fast:0ms;--ifm-transition-slow:0ms}}@media print{.announcementBar_hbYq,.footer,.menu,.navbar,.pagination-nav,.table-of-contents{display:none}.tabs{page-break-inside:avoid}.codeBlockLines_THA1{white-space:pre-wrap}}
\ No newline at end of file
diff --git a/assets/js/1842627e.682c2cc7.js b/assets/js/1842627e.682c2cc7.js
deleted file mode 100644
index e9a53d484b..0000000000
--- a/assets/js/1842627e.682c2cc7.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5037],{2640:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=t(1527),n=t(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"UI Library",permalink:"/illa-website/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/blog/tags/react"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/blog/build-dashboard"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/blog/nvm-use-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/blog/shadcn-ui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/blog/nvm-use-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/blog/lowcode-vs-traditional",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(o.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,i.jsx)(o.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(o.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(o.ol,{children:["\n",(0,i.jsx)(o.li,{children:"Design"}),"\n",(0,i.jsx)(o.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(o.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(o.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(o.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(o.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(o.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(o.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,i.jsx)(o.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Colors"}),"\n",(0,i.jsx)(o.li,{children:"Border radii"}),"\n",(0,i.jsx)(o.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,i.jsx)(o.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,i.jsx)(o.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(o.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(o.p,{children:"These include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(o.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,i.jsx)(o.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,i.jsx)(o.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(o.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(o.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,i.jsx)(o.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(o.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>r,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function r(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/1842627e.c9c18d2b.js b/assets/js/1842627e.c9c18d2b.js
new file mode 100644
index 0000000000..6f1d19096b
--- /dev/null
+++ b/assets/js/1842627e.c9c18d2b.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5037],{2640:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"UI Library",permalink:"/illa-website/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/blog/tags/react"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/blog/nvm-use-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/blog/lowcode-vs-traditional",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/blog/nvm-use-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",permalink:"/illa-website/blog/shadcn-vs-mui",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.12,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,i.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,i.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,i.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(t.p,{children:"These include:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,i.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/1df93b7f.93c94f4a.js b/assets/js/1df93b7f.c6a8adb1.js
similarity index 84%
rename from de/assets/js/1df93b7f.93c94f4a.js
rename to assets/js/1df93b7f.c6a8adb1.js
index c6426bb606..dfa1a8d870 100644
--- a/de/assets/js/1df93b7f.93c94f4a.js
+++ b/assets/js/1df93b7f.c6a8adb1.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3237],{1641:(e,t,s)=>{s.d(t,{Z:()=>i});var a,l=s(959);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},n.apply(this,arguments)}const i=e=>{let{title:t,titleId:s,...i}=e;return l.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:15,height:13,viewBox:"0 0 15 13",fill:"none","aria-labelledby":s},i),t?l.createElement("title",{id:s},t):null,a||(a=l.createElement("path",{d:"M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},7812:(e,t,s)=>{s.d(t,{Z:()=>u});const a="faqContainer_vbEd",l="faqTitle_s89i",n="faqListQuestion_Y7ri",i="faqListAnswer_uzUc",o="direction_IrxQ";var c=s(3023),r=s(3473),d=s(5341),m=s(1527);const u=e=>{let{title:t,content:s}=e;const u="transform rotate-0",h="transform -rotate-180",p="bg-white/[0.08]";return(0,m.jsxs)("div",{className:a,children:[(0,m.jsx)("h2",{className:l,children:t}),(0,m.jsx)("div",{className:"w-full flex flex-col gap-[8px]",children:s.map((e=>(0,m.jsx)(c.p,{as:"div",className:"w-full",children:t=>{let{open:s}=t;return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(c.p.Button,{className:(0,d.Z)(n,s?`${p}`:""),children:[(0,m.jsx)("span",{children:e.question}),(0,m.jsx)(r.Z,{className:(0,d.Z)(s?`${h}`:`${u}`,o)})]}),s&&(0,m.jsx)(c.p.Panel,{className:i,children:e.answer})]})}},e.question)))})]})}},117:(e,t,s)=>{s.d(t,{Z:()=>A});var a=s(0),l=s(5341);const n="baseLinkButtonStyle_PuMK",i="smallSizeStyle_AohM",o="normalSizeStyle_qzr1",c="largeSizeStyle_kJWZ",r="darkColorStyle_MxJT",d="lightColorStyle_JCL1",m="baseArrowStyle_lXyW",u="smallArrowStyle_XZaI",h="normalArrowStyle_XxGa",p="largeArrowStyle_sKWX",g="darkArrowStyle_go7n",f="lightArrowStyle_QtFv",v="linkButtonBgStyle_WFWO",b="linesStyle_lbFy",w="lineContainerStyle_Y3Ta",y="lineStyle__sNm",_="darkLineStyle__Ris",x="lightLineStyle_xduB";var I=s(1641),j=s(1527);const A=e=>{let{href:t,children:s,size:A,colorType:L,handleClick:S}=e;return(0,j.jsxs)(a.Z,{to:t,onClick:S,className:(0,l.Z)(n,"small"===A&&i,"normal"===A&&o,"large"===A&&c,"dark"===L?r:d),children:[(0,j.jsxs)("span",{className:v,children:[(0,j.jsx)("span",{className:b,children:Array.from({length:10}).map(((e,t)=>(0,j.jsx)("span",{className:w,children:(0,j.jsx)("span",{className:(0,l.Z)(y,"dark"===L?_:x)},t)},t)))}),(0,j.jsx)("span",{className:(0,l.Z)(m,"small"===A&&u,"normal"===A&&h,"large"===A&&p,"dark"===L?g:f),children:(0,j.jsx)(I.Z,{})})]}),(0,j.jsx)("span",{className:"relative z-[1]",children:s})]})}},3090:(e,t,s)=>{s.d(t,{G:()=>l});var a=s(959);const l=(e,t)=>{const s=(0,a.useRef)(null),l=(0,a.useCallback)((()=>{const a=e.current;if(!a)return;const l=a.getContext("2d");a.width=t.current.clientWidth,a.height=t.current.clientHeight;s.current=(l.clearRect(0,0,a.width,a.height),void(()=>{l.strokeStyle="rgba(255, 255, 255, 0.1)";for(let e=0;e<=a.height;e+=56)l.beginPath(),l.moveTo(0,e),l.lineTo(a.width,e),l.stroke();for(let e=0;e<=a.width;e+=56)l.beginPath(),l.moveTo(e,0),l.lineTo(e,a.height),l.stroke()})())}),[e]);(0,a.useEffect)((()=>{const e=t.current,a=new ResizeObserver((()=>{s.current&&cancelAnimationFrame(s.current),l()}));return a.observe(e),l(),()=>{a&&a.unobserve(e)}}),[t,l]),(0,a.useEffect)((()=>()=>{s.current&&cancelAnimationFrame(s.current),s.current=null}),[])}},7518:(e,t,s)=>{s.r(t),s.d(t,{default:()=>Tt});var a=s(4491),l=s(1153),n=s(2204),i=s(7546),o=s(5374);const c={title:(0,o.I)({id:"meta.title",message:"ILLA Cloud | Build AI Driven Business App"}),description:(0,o.I)({id:"meta.description",message:"Empower your team with AI Agent and advanced low-code tools to create business apps"}),keywords:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"},r={title:(0,o.I)({id:"faq.title",message:"Frequently Asked Questions"}),content:[{question:(0,o.I)({id:"faq.content.0.question",message:"What kind of content can I build with ILLA AI?"}),answer:(0,o.I)({id:"faq.content.0.answer",message:"You can build any internal application or AI tool you need, and you can also integrate AI with internal applications. For example, a dashboard, an admin panel, file content management, customer management system, text generation tool, image generation tool, email generation tool, and so on."})},{question:(0,o.I)({id:"faq.content.1.question",message:"Who can use ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.1.answer",message:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."})},{question:(0,o.I)({id:"faq.content.2.question",message:"How can I benefit from ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.2.answer",message:"ILLA AI not only reduces the cost of building your tools but also integrates any AI capabilities you desire, making your work more efficient and enabling you to generate more valuable content in less time."})},{question:(0,o.I)({id:"faq.content.3.question",message:"Can I customize the AI Agent for my specific business needs?"}),answer:(0,o.I)({id:"faq.content.3.answer",message:"Yes, you can! AI Agent is based on a large language model and can be customized to perform specific tasks. You can define the behavior of the AI Agent based on your business requirements. By using ILLA Builder, you can feed data into the AI Agent and train it to accomplish designated tasks such as text processing, image recognition, and natural language processing."})},{question:(0,o.I)({id:"faq.content.4.question",message:"What data sources does ILLA support?"}),answer:(0,o.I)({id:"faq.content.4.answer",message:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."})},{question:(0,o.I)({id:"faq.content.5.question",message:"Is there any technical support available for ILLA Cloud users?"}),answer:(0,o.I)({id:"faq.content.5.answer",message:"Yes, ILLA Cloud offers technical support to its users. If you encounter any issues or have questions about the platform's features, you can reach out to our support team for assistance. We are dedicated to helping you have a seamless experience with ILLA Cloud."})}]},d={"@context":"https://schema.org","@graph":[{"@type":"Organization",name:"ILLA Cloud",url:"https://www.illacloud.com/#organization",logo:"https://www.illacloud.com/#logo",sameAs:["https://twitter.com/illacloudhq","https://github.com/illacloud/illa-builder","https://www.illacloud.com/","https://www.youtube.com/@illacloud","https://www.linkedin.com/company/illacloud/"]},{"@type":"WebSite",name:"ILLA Cloud",url:"https://www.illacloud.com/#Website",potentialAction:{"@type":"SearchAction",target:"https://www.illacloud.com/?search={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage",url:"www.illacloud.com/illadrive/#WebPage",name:"ILLA Cloud",description:"An open-source low-code platform with react component library to build AI native internal applications in minutes."},{"@type":"FAQPage",mainEntity:[{"@type":"Question",name:"What is ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"ILLA Cloud is a low-code platform that inherits multiple capabilities from ILLA Builder and ILLA Drive. It provides a seamless experience by allowing users to log in and register to access its features. With ILLA Cloud, you can effortlessly build internal tools, dashboards, CRUD (create, read, update, delete) applications, and more. The platform significantly improves work efficiency and helps companies save costs."}},{"@type":"Question",name:"Who can use ILLA Cloud",acceptedAnswer:{"@type":"Answer",text:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."}},{"@type":"Question",name:"What kinds of applications can you develop using ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"1. Rapid idea implementation: When enterprises experience a high demand for internal tools during rapid growth, ILLA can significantly accelerate the development speed and quality of your internal applications. This helps expedite your company's growth by quickly addressing the tooling needs. 2. No skill limitations for editors: With ILLA, any individual within the organization can build the tools they need without requiring specialized teams or technical skills. This empowers employees across various roles to create their own solutions, fostering innovation and productivity. 3. Cost reduction: By leveraging ILLA, enterprises can allocate their time, workforce, and financial resources towards core business activities. This results in reduced costs as ILLA streamlines the development process, eliminates the need for specialized teams, and minimizes the investment required for tooling development."}},{"@type":"Question",name:"What problems can ILLA Cloud solve?",acceptedAnswer:{"@type":"Answer",text:"With ILLA Cloud, you can build any application you need, such as commonly used internal tools like Dashboards, Admin Panels, CRUD apps, CRM, CMS, and more. Additionally, you can develop AI applications, such as text-to-image applications with Stable Diffusion, audio-to-text applications with Whisper, and even embed OpenAI's GPT models to assist you in completing various tasks."}},{"@type":"Question",name:"Which data sources does ILLA support?",acceptedAnswer:{"@type":"Answer",text:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."}}]},{"@type":"VideoObject",name:"What is ILLA Cloud",description:"ILLA Cloud is a low-code platform to make users build internal tools faster.",thumbnailUrl:"https://cdn.illacloud.com/official-website/img/home/playVideoCover.png",uploadDate:"2023-06-15",duration:"PT1M20S",contentUrl:"https://cdn.illacloud.com/official-website/img/home/video.webm"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203341.svg",datePublished:"2023-06-15",description:"40+ components in ILLA Cloud",name:"ILLA Cloud components"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340.svg",datePublished:"2023-06-15",description:"SQL Generation based on OpenAI in ILLA Cloud",name:"ILLA Cloud SQL Generation"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340%20(1).svg",datePublished:"2023-06-15",description:"Real-time collaboration based on OpenAI in ILLA Cloud",name:"ILLA Cloud real-time collaboration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/datasource/datasource.svg",datePublished:"2023-06-15",description:"ILLA Cloud supports to connect multiple datasource with GUI mode. No code required. ",name:"ILLA Cloud data source integration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Codepartbgweb.svg",datePublished:"2023-06-15",description:"Build dashboard or any other internal tools with ILLA Cloud in minutes",name:"Build dashboard with ILLA Cloud"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356.svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required",name:"ILLA Drive"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356%20(1).svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required. Support anti-leech links",name:"Storage and share files via ILLA Drive"}]},m="contentContainer_c9t8",u="content_jfit",h="commBottomContainerStyle_CDHK",p="allContentContainer_nVOG",g="allContentTitle_K0Y2";var f=s(1527);const v=()=>(0,f.jsxs)("div",{className:p,children:[(0,f.jsx)("h2",{className:g,children:(0,f.jsx)(o.Z,{id:"content.all.title",children:"ILLA Cloud integrates everything"})}),(0,f.jsx)("img",{className:"w-full h-auto",src:"https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp",alt:"ILLA Cloud integrates everything"})]}),b="cardContentContainerStyle_kX6c",w="headerContainerStyle_RgD_",y="textTitleStye_mJAH",_="textTitleNumStyle_TEnk",x="textDescStyle_NFkj",I="imgStyle_GNQD",j="cardContainerStyle_Kvlw",A={cardContentItemReverseStyle:"cardContentItemReverseStyle_DHTD",cardContentItemNormalStyle:"cardContentItemNormalStyle_f4ow",cardIContentItemContainerStyle:"cardIContentItemContainerStyle_rPYn",textContainerStyle:"textContainerStyle_toav",textTitleStye:"textTitleStye_u6Ys",textTitleNumStyle:"textTitleNumStyle_h7vB",textDescStyle:"textDescStyle_vwoY"},L="swipeMore_QWDA";var S=s(0),N=s(5341),C=s(700),Z=s(1641);const k=e=>{let{href:t,title:s,category:a,leftPadding:l=!1}=e;return(0,f.jsxs)(S.Z,{className:(0,N.Z)(L,l?"lg:pl-[30px]":""),to:t,onClick:()=>{(0,C.l)({action:"click",category:a})},children:[(0,f.jsx)("span",{className:"underline",children:s}),(0,f.jsx)(Z.Z,{})]})};var E=s(5628);const O=e=>{let{imageIcon:t,stepNum:s,title:a,desc:l,moreTitle:n,moreHref:i,reverse:o}=e;const c=(0,E.f)();return(0,f.jsxs)("div",{className:(0,N.Z)(A.cardIContentItemContainerStyle,o?A.cardContentItemReverseStyle:A.cardContentItemNormalStyle),children:[t,(0,f.jsxs)("div",{className:A.textContainerStyle,children:[(0,f.jsxs)("h3",{className:A.textTitleStye,children:[(0,f.jsxs)("span",{className:A.textTitleNumStye,children:[s,"."]}),(0,f.jsx)("br",{}),(0,f.jsx)("span",{children:a})]}),(0,f.jsx)("span",{className:A.textDescStyle,children:l}),(0,f.jsx)(k,{title:n,href:c(i)??""})]})]})};var B=s(8930);const q={title:(0,o.I)({id:"how_to_use.title.3_steps_to_customize",message:"steps to customize your business apps"}),desc:(0,o.I)({id:"how_to_use.description.build_tools_through",message:"Build tools through drag-and-drop components, customize your AI Agent, connect to your data sources, and make AI a smart tool tailored to your needs and data, making your work more intelligent."}),items:[{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step1.webp",className:I}),title:(0,o.I)({id:"how_to_use.step1_title.create_ai_agent_for",message:"Drag and drop components to design UI"}),desc:(0,o.I)({id:"how_to_use.step1_description.you_can_create_an_ai",message:"By dragging and dropping components, you can quickly build the UI of the apps and implement any functionality you desire."}),moreTitle:(0,o.I)({id:"how_to_use.step1_button.ai_agent_marketplace",message:"Start building UI with ILLA"}),moreHref:B.E},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step2.webp",className:I}),title:(0,o.I)({id:"how_to_use.step2_title.build_the_frontend_p",message:"Connect to your data sources"}),desc:(0,o.I)({id:"how_to_use.step2_description.by_dragging_and_drop",message:"Connect to your own data sources, including MySQL, PostgreSQL, and other databases, REST APIs, GraphQL, etc. Build CRUD apps in just one minute."}),moreTitle:(0,o.I)({id:"how_to_use.step2_button.illa_app_marketplace",message:"Start building Apps with your data sources"}),moreHref:B.E,reverse:!0},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step3.webp",className:I}),title:(0,o.I)({id:"how_to_use.step3_title.connect_to_your_data",message:"Configure and connect to AI agents"}),desc:(0,o.I)({id:"how_to_use.step3_description.enable_data_integrat",message:"Integrating AI agents into your app and empower it with AI capabilities such as intelligent analysis, content generation, and more, without AI development skills."}),moreTitle:(0,o.I)({id:"how_to_use.step3_button.supported_data_sourc",message:"Start building AI driven apps"}),moreHref:B.E}]},D=()=>(0,f.jsxs)("div",{className:b,children:[(0,f.jsxs)("div",{className:w,children:[(0,f.jsxs)("h2",{className:y,children:[(0,f.jsx)("span",{className:_,children:"3\xa0"}),q.title]}),(0,f.jsx)("span",{className:x,children:q.desc})]}),(0,f.jsx)("div",{className:j,children:q.items.map(((e,t)=>{let{imageIcon:s,title:a,desc:l,moreHref:n,moreTitle:i,reverse:o}=e;return(0,f.jsx)(O,{imageIcon:s,desc:l,title:a,moreTitle:i,reverse:o,moreHref:n,stepNum:t+1},a)}))})]});var M=s(2330);const T="wallContainerStyle_Ny01",P="logoTitleStyle_hhN_",z="logoContainerStyle_PeVm",V="logoStyle_ixBp";var W,U=s(959);function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},R.apply(this,arguments)}const G=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",R({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,W||(W=U.createElement("path",{d:"M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z",fill:"#fff"})))};var H,Q;function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},F.apply(this,arguments)}const Y=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",F({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,H||(H=U.createElement("g",{clipPath:"url(#metaIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"}),U.createElement("path",{d:"M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"}),U.createElement("path",{d:"M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"}))),Q||(Q=U.createElement("defs",null,U.createElement("clipPath",{id:"metaIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.1)",d:"M0 0h120.8v40H0z"})))))};var X,K;function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},J.apply(this,arguments)}const $=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",J({width:171,height:40,viewBox:"0 0 171 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,X||(X=U.createElement("g",{clipPath:"url(#byteDanceIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"}))),K||(K=U.createElement("defs",null,U.createElement("clipPath",{id:"byteDanceIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h170v40H0z"})))))};var ee,te;function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},se.apply(this,arguments)}const ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",se({width:194,height:40,viewBox:"0 0 194 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ee||(ee=U.createElement("g",{clipPath:"url(#alibaba_svg__a)"},U.createElement("path",{d:"M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z",fill:"#fff"}))),te||(te=U.createElement("defs",null,U.createElement("clipPath",{id:"alibaba_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h193v40H0z"})))))};var le;function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ne.apply(this,arguments)}const ie=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ne({width:41,height:40,viewBox:"0 0 41 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,le||(le=U.createElement("path",{d:"M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z",fill:"#fff"})))};var oe;function ce(){return ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ce.apply(this,arguments)}const re=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ce({width:33,height:40,viewBox:"0 0 33 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,oe||(oe=U.createElement("path",{d:"M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z",fill:"#fff"})))},de=[{id:"google",icon:(0,f.jsx)(G,{className:V})},{id:"meta",icon:(0,f.jsx)(Y,{className:V})},{id:"byteDance",icon:(0,f.jsx)($,{className:V})},{id:"aliBaba",icon:(0,f.jsx)(ae,{className:V})},{id:"iPhone",icon:(0,f.jsx)(ie,{className:V})},{id:"jsDesign",icon:(0,f.jsx)(re,{className:V})}];const me=function(){return(0,f.jsxs)("div",{className:T,children:[(0,f.jsx)("span",{className:P,children:(0,f.jsx)(o.Z,{id:"customer.title",children:"Trusted by thousands of teams"})}),(0,f.jsx)("div",{className:z,children:de.map(((e,t)=>{let{id:s,icon:a}=e;return(0,f.jsx)("span",{className:(0,N.Z)(t%2==0?"flex justify-end":"flex justify-start"),children:a},s)}))})]})},ue="commentsContainerStyle_ctEM",he="commentsTitleStyle_iQ9i",pe="commentsItemsContainerStyle_Zw4J",ge="borderStyle_jCx_",fe="commentsItemStyle_rd1k",ve="commentContentStyle_NzjM",be="contentTextStyle_PpXf",we="reverseQuoteStyle_waKq",ye="commentUserNameStyle_D4y3",_e="commentUserCompanyStyle_zWSD",xe="mobileGap_cpxI";var Ie;function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},je.apply(this,arguments)}const Ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",je({width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,Ie||(Ie=U.createElement("path",{d:"M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z",fill:"#fff",fillOpacity:.5})))},Le={title:(0,o.I)({id:"testimonial.title.user_testimonials",message:"User Testimonials"}),items:[{content:(0,o.I)({id:"testimonial.testimonial1_content.illa_cloud_has_been",message:"ILLA Cloud has been a game-changer for me. It helps me generate highly efficient content in less time. The customized AI Agent and App perfectly cater to my business needs."}),userName:(0,o.I)({id:"testimonial.testimonial1_username.christopher",message:"Christopher"}),company:(0,o.I)({id:"testimonial.testimonial1_usertitle.seo_specialist",message:"SEO Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial2_content.i_think_i_become_a_b",message:"I think I become a BlogMaster now! This tool has revolutionized my content generation process, saving me valuable time. Whether it's generating blog ideas or structuring articles, the AI Agents have been a tremendous asset to me and my team."}),userName:(0,o.I)({id:"testimonial.testimonial2_username.lucas",message:"Lucas"}),company:(0,o.I)({id:"testimonial.testimonial2_usertitle.content_strategist",message:"Content Strategist"})},{content:(0,o.I)({id:"testimonial.testimonial3_content.it_empowers_me_to_pr",message:"It empowers me to provide exceptional customer support with minimal effort. The pre-built AI Agent and App, along with the ability to customize them for our specific needs, have significantly enhanced our team's effectiveness."}),userName:(0,o.I)({id:"testimonial.testimonial3_username.harper",message:"Harper"}),company:(0,o.I)({id:"testimonial.testimonial3_usertitle.customer_service_man",message:"Customer Service Manager"})},{content:(0,o.I)({id:"testimonial.testimonial4_content.ai_agent_low_code",message:"AI Agent & low-code has transformed my email writing process. It streamlines the creation of impactful emails, enabling me to craft engaging and persuasive messages effortlessly. ILLA Cloud has elevated our email communication to new heights."}),userName:(0,o.I)({id:"testimonial.testimonial4_username.abigail",message:"Abigail"}),company:(0,o.I)({id:"testimonial.testimonial4_usertitle.communication_specia",message:"Communication Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial5_content.i_need_to_oversee_va",message:"I need to oversee various aspects of my company. ILLA Cloud provides me with a comprehensive solution. It not only saves me time and effort in development and design but also allows me to manage and monitor my business better. "}),userName:(0,o.I)({id:"testimonial.testimonial5_username.matthew",message:"Matthew"}),company:(0,o.I)({id:"testimonial.testimonial5_usertitle.business_founder",message:"Business Founder"})},{content:(0,o.I)({id:"testimonial.testimonial6_content.using_illa_cloud_to",message:"Using ILLA Cloud to build a management dashboard has been incredibly easy. After just one day of work, we were able to accomplish tasks such as monitoring project progress and allocating resources within this dashboard."}),userName:(0,o.I)({id:"testimonial.testimonial6_username.samuel",message:"Samuel"}),company:(0,o.I)({id:"testimonial.testimonial6_usertitle.website_administrato",message:"Website Administrator"})}]},Se=()=>(0,f.jsxs)("div",{className:ue,children:[(0,f.jsx)("h2",{className:he,children:Le.title}),(0,f.jsx)("div",{className:pe,children:Le.items.map(((e,t)=>{let{content:s,userName:a,company:l}=e;return(0,f.jsx)("div",{className:(0,N.Z)(ge,xe,0!==t?"lg:mt-[16px]":""),children:(0,f.jsxs)("div",{className:fe,children:[(0,f.jsxs)("div",{className:ve,children:[(0,f.jsx)(Ae,{className:"w-[10px]"}),(0,f.jsx)("span",{className:be,children:s}),(0,f.jsx)(Ae,{className:we})]}),(0,f.jsxs)("span",{className:"flex flex-col",children:[(0,f.jsx)("span",{className:ye,children:a}),(0,f.jsx)("span",{className:_e,children:l})]})]})},a)}))})]});var Ne=s(7812);const Ce=()=>(0,f.jsxs)("div",{className:m,children:[(0,f.jsxs)("div",{className:u,children:[(0,f.jsx)(me,{}),(0,f.jsx)(D,{}),(0,f.jsx)(Se,{}),(0,f.jsx)(v,{}),(0,f.jsx)(Ne.Z,{title:r.title,content:r.content})]}),(0,f.jsx)("div",{className:h,children:(0,f.jsx)(M.Z,{scrollStart:.9368,scrollEnd:1})})]}),Ze={publicize:"publicize_vEiD",publicizeStyle:"publicizeStyle_C7Y6",publicIntru:"publicIntru_nEWo"};var ke=s(8848);const Ee=e=>{let{stars:t}=e;return(0,f.jsx)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:"hover:no-underline",children:(0,f.jsxs)("div",{className:Ze.publicize,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_banner_click"})},children:[(0,f.jsx)("span",{className:Ze.publicizeStyle}),(0,f.jsxs)("span",{className:"flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]",children:[(0,f.jsx)("span",{className:"flex flex-row justify-between",children:(0,f.jsxs)("span",{className:Ze.publicIntru,children:[(0,f.jsx)(ke.Z,{className:"h-[24px] w-[24px]"}),(0,f.jsxs)("span",{children:[(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.github",children:"Github"})}),(0,f.jsx)("span",{className:"inline-block w-[45px] text-center",children:t}),(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})})]})]})}),(0,f.jsxs)("span",{className:Ze.publicSlogan,role:"img","aria-label":"star us",children:[(0,f.jsx)(o.Z,{id:"title.star-us",children:"Star us"})," \ud83d\udc49"]})]})]})})};var Oe=s(3090);const Be="bannerContainerStyle__SXx",qe="canvasContainerStyle_h8pN",De="bgStyle_xQ96",Me="bannerContentContainer_RLp6",Te="bannerTextContainerStyle_O5rS",Pe="sloganStyle_zysD",ze="descStyle_U78g",Ve="buttonContainerStyle_ulq9",We="colorDescAgentStyle_LHLV",Ue="colorDescAppStyle_qG8r",Re="colorDescFlowStyle_VvqE";var Ge=s(7224);const He="solutionContainerStyle_QwBc",Qe="tabsContainerStyle_DETz",Fe="tabsItemStyle_TXig",Ye="selectedTabStyle_CyW0",Xe="splitterItemStyle_gYQ6",Ke="solutionImageContainerStyle_LgpU",Je="solutionBaseBgStyle_nGRR",$e="solutionSelectBgStyle_Xioy",et="solutionUnSelectBgStyle_RZeW",tt="solutionBaseImageStyle_APzO",st="solutionSelectImageStyle_GSp1",at="linkButtonStyle_b1Kn",lt=[{label:(0,o.I)({id:"ai_header.solutions_title.dashboard",message:"Data Analysis Dashboard"}),value:0},{label:(0,o.I)({id:"ai_header.solutions_title.image_generator",message:"AI Image Generator"}),value:1},{label:(0,o.I)({id:"ai_header.solutions_title.ai_voice_generator",message:"AI Voice Generator"}),value:2},{label:(0,o.I)({id:"ai_header.solutions_title.cms",message:"Content Management"}),value:3},{label:(0,o.I)({id:"ai_header.solutions_title.crm",message:"Sales CRM"}),value:4},{label:(0,o.I)({id:"ai_header.solutions_title.admin_panel",message:"Admin Panel"}),value:5}],nt=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Xz",value:0},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bc",value:1},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bb",value:2},{contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full"}),appID:"ILAcx4p1C72G",value:3},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7N5",value:4},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Oy",value:5}],it=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp",className:"w-full max-w-[320px]"})}].map(((e,t)=>({...e,...lt[t]})));var ot=s(117),ct=s(8618);const rt=()=>{const[e,t]=(0,U.useState)(0),s=(0,U.useRef)(null),a=(0,E.f)(),l=e=>{const t=(0,ct.M)(`${B.kS}/${e}/detail`,{operateType:"fork"});return a(`${B.E}?redirectURL=${encodeURIComponent(t)}`)};return(0,U.useEffect)((()=>(s.current&&clearInterval(s.current),s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3),()=>{s.current&&clearInterval(s.current)})),[]),(0,f.jsxs)("div",{className:He,children:[(0,f.jsx)("div",{className:Qe,children:lt.map((a=>(0,f.jsxs)("div",{className:(0,N.Z)(Fe,a.value===e&&Ye),onClick:()=>{return e=a.value,t(e),s.current&&clearInterval(s.current),void(s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3));var e},children:[(0,f.jsx)("span",{className:"w-full h-full relative z-[1] text-nowrap",children:a.label}),a.value===e&&(0,f.jsx)(Ge.E.div,{layout:"position",className:Xe,layoutId:"underline"})]},a.value)))}),(0,f.jsx)("div",{className:Ke,children:nt.map((t=>(0,f.jsxs)(U.Fragment,{children:[(0,f.jsxs)("div",{className:(0,N.Z)(Je,e===t.value?$e:et),children:[t.contentBg,(0,f.jsx)("div",{className:(0,N.Z)(tt,e===t.value&&st),children:t.content})]}),(0,f.jsx)("div",{className:at,children:(0,f.jsx)(ot.Z,{href:l(t.appID),size:"small",colorType:"dark",handleClick:()=>{(0,C.l)({action:"solution_try_for_free"})},children:(0,f.jsx)(o.Z,{id:"website_4.solution.use_this_template",children:"Try now"})})})]},t.value)))})]})};var dt=s(3630);const mt=(0,o.I)({id:"description",message:"Build { businessApp } with low code, make automated { flow }, create { AIAgent } easily"}),ut=e=>{const{githubStarts:t}=e,a=(0,E.f)(),l=(0,U.useRef)(null),n=(0,U.useRef)(null);return(0,Oe.G)(l,n),(0,f.jsxs)("div",{ref:n,className:Be,children:[(0,f.jsx)("div",{className:qe,children:(0,f.jsx)("canvas",{ref:l})}),(0,f.jsx)("video",{className:De,loop:!0,autoPlay:!0,muted:!0,children:(0,f.jsx)("source",{src:s(139).Z,type:"video/mp4"})}),(0,f.jsxs)("div",{className:Me,children:[(0,f.jsx)(Ee,{stars:t}),(0,f.jsxs)("div",{className:Te,children:[(0,f.jsxs)("div",{className:"flex flex-col gap-[16px]",children:[(0,f.jsx)("h1",{className:Pe,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:ze,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:We,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ue,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Re,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:mt})})]}),(0,f.jsx)("div",{className:Ve,children:(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"large",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})})]})]}),(0,f.jsx)(rt,{})]})};var ht,pt,gt;function ft(){return ft=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ft.apply(this,arguments)}const vt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ft({width:44,height:44,viewBox:"0 0 88 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ht||(ht=U.createElement("rect",{y:-.001,width:88,height:88,rx:44,fill:"url(#linearGithub_svg__a)"})),pt||(pt=U.createElement("path",{d:"M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z",fill:"#fff"})),gt||(gt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearGithub_svg__a",x1:44,y1:-.001,x2:44,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))};var bt,wt,yt;function _t(){return _t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},_t.apply(this,arguments)}const xt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",_t({width:44,height:44,viewBox:"0 0 89 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,bt||(bt=U.createElement("rect",{x:.5,y:-.001,width:88,height:88,rx:44,fill:"url(#linearDiscord_svg__a)"})),wt||(wt=U.createElement("path",{d:"M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z",fill:"#fff"})),yt||(yt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearDiscord_svg__a",x1:44.5,y1:-.001,x2:44.5,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))},It="bannerContainer_oUHl",jt="textContainerStyle_j9Qp",At="sloganStyle_XKtE",Lt="descStyle_YqnZ",St="linkGroupItemStyle_KQRV",Nt="colorDescAgentStyle_x5xU",Ct="colorDescAppStyle_An_L",Zt="colorDescFlowStyle_y9g7",kt="contentContainerStyle_JEhu",Et="contentLabelStyle_dif9";var Ot=s(5676),Bt=s(929);const qt=()=>(0,f.jsx)(Ot.tq,{modules:[Bt.pt],centeredSlides:!0,slidesPerView:"auto",spaceBetween:0,className:"w-full",autoplay:{delay:3e3},children:it.map((e=>(0,f.jsx)(Ot.o5,{children:(0,f.jsxs)("div",{className:kt,children:[e.content,(0,f.jsx)("span",{className:Et,children:e.label})]})},e.label)))}),Dt=e=>{const[t]=(0,U.useState)(!1),{githubStarts:s}=e,a=(0,E.f)(),l=(0,o.I)({id:"description",message:"Build { businessApp } with low code, make automated { flow }, create { AIAgent } easily"});return(0,U.useEffect)((()=>{document.body.style.overflow=t?"hidden":"auto"}),[t]),(0,f.jsxs)("div",{className:It,children:[(0,f.jsxs)("div",{className:jt,children:[(0,f.jsx)("h1",{className:At,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:Lt,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:Nt,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ct,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Zt,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:l})}),(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"normal",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})]}),(0,f.jsxs)("div",{className:"flex items-center gap-[40px]",children:[(0,f.jsxs)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:St,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_mob_click"})},children:[(0,f.jsx)(vt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsxs)("span",{className:"ml-[5px]",children:[s,(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})]})})]}),(0,f.jsxs)(S.Z,{href:"https://discord.com/invite/illacloud",className:"flex flex-col items-center gap-[8px]",onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_discord_mob_click"})},children:[(0,f.jsx)(xt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsx)("span",{className:"ml-[5px] align-middle",children:(0,f.jsx)(o.Z,{id:"join-community",children:"Join Discord"})})})]})]}),(0,f.jsx)(qt,{})]})},Mt=()=>{const[e,t]=(0,U.useState)(!0),[s,a]=(0,U.useState)(0),l=(0,U.useCallback)((async e=>{try{const t=await fetch("https://api.github.com/repos/illacloud/illa-builder",{signal:e}),s=await t.json();return s?.stargazers_count||1e4}catch{return 1e4}}),[]);return(0,U.useEffect)((()=>{const e=new AbortController;return t(!0),l(e.signal).then((e=>{a(e),t(!1)})),()=>{e.abort()}}),[]),[e,(n=s,`${(n/1e3).toFixed(1)}k`)];var n};function Tt(){const[,e]=Mt();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(a.Z,{children:[(0,f.jsx)("html",{"data-active-page":"index"}),(0,f.jsx)("meta",{name:"twitter:title",content:c.title}),(0,f.jsx)("meta",{name:"twitter:description",content:c.description}),(0,f.jsx)("script",{type:"application/ld+json",children:JSON.stringify(d)})]}),(0,f.jsx)(l.j,{...c,children:(0,f.jsxs)("div",{className:"bg-black overflow-visible w-full relative z-[1] font-sans",children:[(0,f.jsx)(n.f,{}),(0,f.jsx)(ut,{githubStarts:e}),(0,f.jsx)(Dt,{githubStarts:e}),(0,f.jsx)(Ce,{}),(0,f.jsx)(i.Z,{scrollStart:.939,scrollEnd:1})]})})]})}},8618:(e,t,s)=>{s.d(t,{M:()=>a});const a=(e,t)=>{const s=new URL(e);for(const a in t)t[a]&&s.searchParams.append(a,t[a]);return s.toString()}},139:(e,t,s)=>{s.d(t,{Z:()=>a});const a=s.p+"assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4"}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3237],{1641:(e,t,s)=>{s.d(t,{Z:()=>i});var a,l=s(959);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},n.apply(this,arguments)}const i=e=>{let{title:t,titleId:s,...i}=e;return l.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:15,height:13,viewBox:"0 0 15 13",fill:"none","aria-labelledby":s},i),t?l.createElement("title",{id:s},t):null,a||(a=l.createElement("path",{d:"M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},7812:(e,t,s)=>{s.d(t,{Z:()=>u});const a="faqContainer_vbEd",l="faqTitle_s89i",n="faqListQuestion_Y7ri",i="faqListAnswer_uzUc",o="direction_IrxQ";var c=s(3023),r=s(3473),d=s(5341),m=s(1527);const u=e=>{let{title:t,content:s}=e;const u="transform rotate-0",h="transform -rotate-180",p="bg-white/[0.08]";return(0,m.jsxs)("div",{className:a,children:[(0,m.jsx)("h2",{className:l,children:t}),(0,m.jsx)("div",{className:"w-full flex flex-col gap-[8px]",children:s.map((e=>(0,m.jsx)(c.p,{as:"div",className:"w-full",children:t=>{let{open:s}=t;return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(c.p.Button,{className:(0,d.Z)(n,s?`${p}`:""),children:[(0,m.jsx)("span",{children:e.question}),(0,m.jsx)(r.Z,{className:(0,d.Z)(s?`${h}`:`${u}`,o)})]}),s&&(0,m.jsx)(c.p.Panel,{className:i,children:e.answer})]})}},e.question)))})]})}},117:(e,t,s)=>{s.d(t,{Z:()=>A});var a=s(0),l=s(5341);const n="baseLinkButtonStyle_PuMK",i="smallSizeStyle_AohM",o="normalSizeStyle_qzr1",c="largeSizeStyle_kJWZ",r="darkColorStyle_MxJT",d="lightColorStyle_JCL1",m="baseArrowStyle_lXyW",u="smallArrowStyle_XZaI",h="normalArrowStyle_XxGa",p="largeArrowStyle_sKWX",g="darkArrowStyle_go7n",f="lightArrowStyle_QtFv",v="linkButtonBgStyle_WFWO",b="linesStyle_lbFy",w="lineContainerStyle_Y3Ta",y="lineStyle__sNm",_="darkLineStyle__Ris",x="lightLineStyle_xduB";var I=s(1641),j=s(1527);const A=e=>{let{href:t,children:s,size:A,colorType:L,handleClick:S}=e;return(0,j.jsxs)(a.Z,{to:t,onClick:S,className:(0,l.Z)(n,"small"===A&&i,"normal"===A&&o,"large"===A&&c,"dark"===L?r:d),children:[(0,j.jsxs)("span",{className:v,children:[(0,j.jsx)("span",{className:b,children:Array.from({length:10}).map(((e,t)=>(0,j.jsx)("span",{className:w,children:(0,j.jsx)("span",{className:(0,l.Z)(y,"dark"===L?_:x)},t)},t)))}),(0,j.jsx)("span",{className:(0,l.Z)(m,"small"===A&&u,"normal"===A&&h,"large"===A&&p,"dark"===L?g:f),children:(0,j.jsx)(I.Z,{})})]}),(0,j.jsx)("span",{className:"relative z-[1]",children:s})]})}},3090:(e,t,s)=>{s.d(t,{G:()=>l});var a=s(959);const l=(e,t)=>{const s=(0,a.useRef)(null),l=(0,a.useCallback)((()=>{const a=e.current;if(!a)return;const l=a.getContext("2d");a.width=t.current.clientWidth,a.height=t.current.clientHeight;s.current=(l.clearRect(0,0,a.width,a.height),void(()=>{l.strokeStyle="rgba(255, 255, 255, 0.1)";for(let e=0;e<=a.height;e+=56)l.beginPath(),l.moveTo(0,e),l.lineTo(a.width,e),l.stroke();for(let e=0;e<=a.width;e+=56)l.beginPath(),l.moveTo(e,0),l.lineTo(e,a.height),l.stroke()})())}),[e]);(0,a.useEffect)((()=>{const e=t.current,a=new ResizeObserver((()=>{s.current&&cancelAnimationFrame(s.current),l()}));return a.observe(e),l(),()=>{a&&a.unobserve(e)}}),[t,l]),(0,a.useEffect)((()=>()=>{s.current&&cancelAnimationFrame(s.current),s.current=null}),[])}},7518:(e,t,s)=>{s.r(t),s.d(t,{default:()=>Tt});var a=s(4491),l=s(1153),n=s(2204),i=s(7546),o=s(5374);const c={title:(0,o.I)({id:"meta.title",message:"ILLA Cloud | Build AI Driven Business App"}),description:(0,o.I)({id:"meta.description",message:"Empower your team with AI Agent and advanced low-code tools to create business apps"}),keywords:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"},r={title:(0,o.I)({id:"faq.title",message:"Frequently Asked Questions"}),content:[{question:(0,o.I)({id:"faq.content.0.question",message:"What kind of content can I build with ILLA AI?"}),answer:(0,o.I)({id:"faq.content.0.answer",message:"You can build any internal application or AI tool you need, and you can also integrate AI with internal applications. For example, a dashboard, an admin panel, file content management, customer management system, text generation tool, image generation tool, email generation tool, and so on."})},{question:(0,o.I)({id:"faq.content.1.question",message:"Who can use ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.1.answer",message:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."})},{question:(0,o.I)({id:"faq.content.2.question",message:"How can I benefit from ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.2.answer",message:"ILLA AI not only reduces the cost of building your tools but also integrates any AI capabilities you desire, making your work more efficient and enabling you to generate more valuable content in less time."})},{question:(0,o.I)({id:"faq.content.3.question",message:"Can I customize the AI Agent for my specific business needs?"}),answer:(0,o.I)({id:"faq.content.3.answer",message:"Yes, you can! AI Agent is based on a large language model and can be customized to perform specific tasks. You can define the behavior of the AI Agent based on your business requirements. By using ILLA Builder, you can feed data into the AI Agent and train it to accomplish designated tasks such as text processing, image recognition, and natural language processing."})},{question:(0,o.I)({id:"faq.content.4.question",message:"What data sources does ILLA support?"}),answer:(0,o.I)({id:"faq.content.4.answer",message:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."})},{question:(0,o.I)({id:"faq.content.5.question",message:"Is there any technical support available for ILLA Cloud users?"}),answer:(0,o.I)({id:"faq.content.5.answer",message:"Yes, ILLA Cloud offers technical support to its users. If you encounter any issues or have questions about the platform's features, you can reach out to our support team for assistance. We are dedicated to helping you have a seamless experience with ILLA Cloud."})}]},d={"@context":"https://schema.org","@graph":[{"@type":"Organization",name:"ILLA Cloud",url:"https://www.illacloud.com/#organization",logo:"https://www.illacloud.com/#logo",sameAs:["https://twitter.com/illacloudhq","https://github.com/illacloud/illa-builder","https://www.illacloud.com/","https://www.youtube.com/@illacloud","https://www.linkedin.com/company/illacloud/"]},{"@type":"WebSite",name:"ILLA Cloud",url:"https://www.illacloud.com/#Website",potentialAction:{"@type":"SearchAction",target:"https://www.illacloud.com/?search={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage",url:"www.illacloud.com/illadrive/#WebPage",name:"ILLA Cloud",description:"An open-source low-code platform with react component library to build AI native internal applications in minutes."},{"@type":"FAQPage",mainEntity:[{"@type":"Question",name:"What is ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"ILLA Cloud is a low-code platform that inherits multiple capabilities from ILLA Builder and ILLA Drive. It provides a seamless experience by allowing users to log in and register to access its features. With ILLA Cloud, you can effortlessly build internal tools, dashboards, CRUD (create, read, update, delete) applications, and more. The platform significantly improves work efficiency and helps companies save costs."}},{"@type":"Question",name:"Who can use ILLA Cloud",acceptedAnswer:{"@type":"Answer",text:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."}},{"@type":"Question",name:"What kinds of applications can you develop using ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"1. Rapid idea implementation: When enterprises experience a high demand for internal tools during rapid growth, ILLA can significantly accelerate the development speed and quality of your internal applications. This helps expedite your company's growth by quickly addressing the tooling needs. 2. No skill limitations for editors: With ILLA, any individual within the organization can build the tools they need without requiring specialized teams or technical skills. This empowers employees across various roles to create their own solutions, fostering innovation and productivity. 3. Cost reduction: By leveraging ILLA, enterprises can allocate their time, workforce, and financial resources towards core business activities. This results in reduced costs as ILLA streamlines the development process, eliminates the need for specialized teams, and minimizes the investment required for tooling development."}},{"@type":"Question",name:"What problems can ILLA Cloud solve?",acceptedAnswer:{"@type":"Answer",text:"With ILLA Cloud, you can build any application you need, such as commonly used internal tools like Dashboards, Admin Panels, CRUD apps, CRM, CMS, and more. Additionally, you can develop AI applications, such as text-to-image applications with Stable Diffusion, audio-to-text applications with Whisper, and even embed OpenAI's GPT models to assist you in completing various tasks."}},{"@type":"Question",name:"Which data sources does ILLA support?",acceptedAnswer:{"@type":"Answer",text:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."}}]},{"@type":"VideoObject",name:"What is ILLA Cloud",description:"ILLA Cloud is a low-code platform to make users build internal tools faster.",thumbnailUrl:"https://cdn.illacloud.com/official-website/img/home/playVideoCover.png",uploadDate:"2023-06-15",duration:"PT1M20S",contentUrl:"https://cdn.illacloud.com/official-website/img/home/video.webm"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203341.svg",datePublished:"2023-06-15",description:"40+ components in ILLA Cloud",name:"ILLA Cloud components"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340.svg",datePublished:"2023-06-15",description:"SQL Generation based on OpenAI in ILLA Cloud",name:"ILLA Cloud SQL Generation"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340%20(1).svg",datePublished:"2023-06-15",description:"Real-time collaboration based on OpenAI in ILLA Cloud",name:"ILLA Cloud real-time collaboration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/datasource/datasource.svg",datePublished:"2023-06-15",description:"ILLA Cloud supports to connect multiple datasource with GUI mode. No code required. ",name:"ILLA Cloud data source integration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Codepartbgweb.svg",datePublished:"2023-06-15",description:"Build dashboard or any other internal tools with ILLA Cloud in minutes",name:"Build dashboard with ILLA Cloud"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356.svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required",name:"ILLA Drive"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356%20(1).svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required. Support anti-leech links",name:"Storage and share files via ILLA Drive"}]},m="contentContainer_c9t8",u="content_jfit",h="commBottomContainerStyle_CDHK",p="allContentContainer_nVOG",g="allContentTitle_K0Y2";var f=s(1527);const v=()=>(0,f.jsxs)("div",{className:p,children:[(0,f.jsx)("h2",{className:g,children:(0,f.jsx)(o.Z,{id:"content.all.title",children:"ILLA Cloud integrates everything"})}),(0,f.jsx)("img",{className:"w-full h-auto",src:"https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp",alt:"ILLA Cloud integrates everything"})]}),b="cardContentContainerStyle_kX6c",w="headerContainerStyle_RgD_",y="textTitleStye_mJAH",_="textTitleNumStyle_TEnk",x="textDescStyle_NFkj",I="imgStyle_GNQD",j="cardContainerStyle_Kvlw",A={cardContentItemReverseStyle:"cardContentItemReverseStyle_DHTD",cardContentItemNormalStyle:"cardContentItemNormalStyle_f4ow",cardIContentItemContainerStyle:"cardIContentItemContainerStyle_rPYn",textContainerStyle:"textContainerStyle_toav",textTitleStye:"textTitleStye_u6Ys",textTitleNumStyle:"textTitleNumStyle_h7vB",textDescStyle:"textDescStyle_vwoY"},L="swipeMore_QWDA";var S=s(0),N=s(5341),C=s(700),Z=s(1641);const k=e=>{let{href:t,title:s,category:a,leftPadding:l=!1}=e;return(0,f.jsxs)(S.Z,{className:(0,N.Z)(L,l?"lg:pl-[30px]":""),to:t,onClick:()=>{(0,C.l)({action:"click",category:a})},children:[(0,f.jsx)("span",{className:"underline",children:s}),(0,f.jsx)(Z.Z,{})]})};var E=s(5628);const O=e=>{let{imageIcon:t,stepNum:s,title:a,desc:l,moreTitle:n,moreHref:i,reverse:o}=e;const c=(0,E.f)();return(0,f.jsxs)("div",{className:(0,N.Z)(A.cardIContentItemContainerStyle,o?A.cardContentItemReverseStyle:A.cardContentItemNormalStyle),children:[t,(0,f.jsxs)("div",{className:A.textContainerStyle,children:[(0,f.jsxs)("h3",{className:A.textTitleStye,children:[(0,f.jsxs)("span",{className:A.textTitleNumStye,children:[s,"."]}),(0,f.jsx)("br",{}),(0,f.jsx)("span",{children:a})]}),(0,f.jsx)("span",{className:A.textDescStyle,children:l}),(0,f.jsx)(k,{title:n,href:c(i)??""})]})]})};var B=s(8930);const q={title:(0,o.I)({id:"how_to_use.title.3_steps_to_customize",message:"steps to customize your business apps"}),desc:(0,o.I)({id:"how_to_use.description.build_tools_through",message:"Build tools through drag-and-drop components, customize your AI Agent, connect to your data sources, and make AI a smart tool tailored to your needs and data, making your work more intelligent."}),items:[{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step1.webp",className:I}),title:(0,o.I)({id:"how_to_use.step1_title.create_ai_agent_for",message:"Drag and drop components to design UI"}),desc:(0,o.I)({id:"how_to_use.step1_description.you_can_create_an_ai",message:"By dragging and dropping components, you can quickly build the UI of the apps and implement any functionality you desire."}),moreTitle:(0,o.I)({id:"how_to_use.step1_button.ai_agent_marketplace",message:"Start building UI with ILLA"}),moreHref:B.E},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step2.webp",className:I}),title:(0,o.I)({id:"how_to_use.step2_title.build_the_frontend_p",message:"Connect to your data sources"}),desc:(0,o.I)({id:"how_to_use.step2_description.by_dragging_and_drop",message:"Connect to your own data sources, including MySQL, PostgreSQL, and other databases, REST APIs, GraphQL, etc. Build CRUD apps in just one minute."}),moreTitle:(0,o.I)({id:"how_to_use.step2_button.illa_app_marketplace",message:"Start building Apps with your data sources"}),moreHref:B.E,reverse:!0},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step3.webp",className:I}),title:(0,o.I)({id:"how_to_use.step3_title.connect_to_your_data",message:"Configure and connect to AI agents"}),desc:(0,o.I)({id:"how_to_use.step3_description.enable_data_integrat",message:"Integrating AI agents into your app and empower it with AI capabilities such as intelligent analysis, content generation, and more, without AI development skills."}),moreTitle:(0,o.I)({id:"how_to_use.step3_button.supported_data_sourc",message:"Start building AI driven apps"}),moreHref:B.E}]},D=()=>(0,f.jsxs)("div",{className:b,children:[(0,f.jsxs)("div",{className:w,children:[(0,f.jsxs)("h2",{className:y,children:[(0,f.jsx)("span",{className:_,children:"3\xa0"}),q.title]}),(0,f.jsx)("span",{className:x,children:q.desc})]}),(0,f.jsx)("div",{className:j,children:q.items.map(((e,t)=>{let{imageIcon:s,title:a,desc:l,moreHref:n,moreTitle:i,reverse:o}=e;return(0,f.jsx)(O,{imageIcon:s,desc:l,title:a,moreTitle:i,reverse:o,moreHref:n,stepNum:t+1},a)}))})]});var M=s(2330);const T="wallContainerStyle_Ny01",P="logoTitleStyle_hhN_",z="logoContainerStyle_PeVm",V="logoStyle_ixBp";var W,U=s(959);function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},R.apply(this,arguments)}const G=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",R({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,W||(W=U.createElement("path",{d:"M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z",fill:"#fff"})))};var H,Q;function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},F.apply(this,arguments)}const Y=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",F({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,H||(H=U.createElement("g",{clipPath:"url(#metaIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"}),U.createElement("path",{d:"M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"}),U.createElement("path",{d:"M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"}))),Q||(Q=U.createElement("defs",null,U.createElement("clipPath",{id:"metaIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.1)",d:"M0 0h120.8v40H0z"})))))};var X,K;function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},J.apply(this,arguments)}const $=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",J({width:171,height:40,viewBox:"0 0 171 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,X||(X=U.createElement("g",{clipPath:"url(#byteDanceIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"}))),K||(K=U.createElement("defs",null,U.createElement("clipPath",{id:"byteDanceIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h170v40H0z"})))))};var ee,te;function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},se.apply(this,arguments)}const ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",se({width:194,height:40,viewBox:"0 0 194 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ee||(ee=U.createElement("g",{clipPath:"url(#alibaba_svg__a)"},U.createElement("path",{d:"M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z",fill:"#fff"}))),te||(te=U.createElement("defs",null,U.createElement("clipPath",{id:"alibaba_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h193v40H0z"})))))};var le;function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ne.apply(this,arguments)}const ie=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ne({width:41,height:40,viewBox:"0 0 41 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,le||(le=U.createElement("path",{d:"M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z",fill:"#fff"})))};var oe;function ce(){return ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ce.apply(this,arguments)}const re=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ce({width:33,height:40,viewBox:"0 0 33 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,oe||(oe=U.createElement("path",{d:"M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z",fill:"#fff"})))},de=[{id:"google",icon:(0,f.jsx)(G,{className:V})},{id:"meta",icon:(0,f.jsx)(Y,{className:V})},{id:"byteDance",icon:(0,f.jsx)($,{className:V})},{id:"aliBaba",icon:(0,f.jsx)(ae,{className:V})},{id:"iPhone",icon:(0,f.jsx)(ie,{className:V})},{id:"jsDesign",icon:(0,f.jsx)(re,{className:V})}];const me=function(){return(0,f.jsxs)("div",{className:T,children:[(0,f.jsx)("span",{className:P,children:(0,f.jsx)(o.Z,{id:"customer.title",children:"Trusted by thousands of teams"})}),(0,f.jsx)("div",{className:z,children:de.map(((e,t)=>{let{id:s,icon:a}=e;return(0,f.jsx)("span",{className:(0,N.Z)(t%2==0?"flex justify-end":"flex justify-start"),children:a},s)}))})]})},ue="commentsContainerStyle_ctEM",he="commentsTitleStyle_iQ9i",pe="commentsItemsContainerStyle_Zw4J",ge="borderStyle_jCx_",fe="commentsItemStyle_rd1k",ve="commentContentStyle_NzjM",be="contentTextStyle_PpXf",we="reverseQuoteStyle_waKq",ye="commentUserNameStyle_D4y3",_e="commentUserCompanyStyle_zWSD",xe="mobileGap_cpxI";var Ie;function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},je.apply(this,arguments)}const Ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",je({width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,Ie||(Ie=U.createElement("path",{d:"M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z",fill:"#fff",fillOpacity:.5})))},Le={title:(0,o.I)({id:"testimonial.title.user_testimonials",message:"User Testimonials"}),items:[{content:(0,o.I)({id:"testimonial.testimonial1_content.illa_cloud_has_been",message:"ILLA Cloud has been a game-changer for me. It helps me generate highly efficient content in less time. The customized AI Agent and App perfectly cater to my business needs."}),userName:(0,o.I)({id:"testimonial.testimonial1_username.christopher",message:"Christopher"}),company:(0,o.I)({id:"testimonial.testimonial1_usertitle.seo_specialist",message:"SEO Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial2_content.i_think_i_become_a_b",message:"I think I become a BlogMaster now! This tool has revolutionized my content generation process, saving me valuable time. Whether it's generating blog ideas or structuring articles, the AI Agents have been a tremendous asset to me and my team."}),userName:(0,o.I)({id:"testimonial.testimonial2_username.lucas",message:"Lucas"}),company:(0,o.I)({id:"testimonial.testimonial2_usertitle.content_strategist",message:"Content Strategist"})},{content:(0,o.I)({id:"testimonial.testimonial3_content.it_empowers_me_to_pr",message:"It empowers me to provide exceptional customer support with minimal effort. The pre-built AI Agent and App, along with the ability to customize them for our specific needs, have significantly enhanced our team's effectiveness."}),userName:(0,o.I)({id:"testimonial.testimonial3_username.harper",message:"Harper"}),company:(0,o.I)({id:"testimonial.testimonial3_usertitle.customer_service_man",message:"Customer Service Manager"})},{content:(0,o.I)({id:"testimonial.testimonial4_content.ai_agent_low_code",message:"AI Agent & low-code has transformed my email writing process. It streamlines the creation of impactful emails, enabling me to craft engaging and persuasive messages effortlessly. ILLA Cloud has elevated our email communication to new heights."}),userName:(0,o.I)({id:"testimonial.testimonial4_username.abigail",message:"Abigail"}),company:(0,o.I)({id:"testimonial.testimonial4_usertitle.communication_specia",message:"Communication Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial5_content.i_need_to_oversee_va",message:"I need to oversee various aspects of my company. ILLA Cloud provides me with a comprehensive solution. It not only saves me time and effort in development and design but also allows me to manage and monitor my business better. "}),userName:(0,o.I)({id:"testimonial.testimonial5_username.matthew",message:"Matthew"}),company:(0,o.I)({id:"testimonial.testimonial5_usertitle.business_founder",message:"Business Founder"})},{content:(0,o.I)({id:"testimonial.testimonial6_content.using_illa_cloud_to",message:"Using ILLA Cloud to build a management dashboard has been incredibly easy. After just one day of work, we were able to accomplish tasks such as monitoring project progress and allocating resources within this dashboard."}),userName:(0,o.I)({id:"testimonial.testimonial6_username.samuel",message:"Samuel"}),company:(0,o.I)({id:"testimonial.testimonial6_usertitle.website_administrato",message:"Website Administrator"})}]},Se=()=>(0,f.jsxs)("div",{className:ue,children:[(0,f.jsx)("h2",{className:he,children:Le.title}),(0,f.jsx)("div",{className:pe,children:Le.items.map(((e,t)=>{let{content:s,userName:a,company:l}=e;return(0,f.jsx)("div",{className:(0,N.Z)(ge,xe,0!==t?"lg:mt-[16px]":""),children:(0,f.jsxs)("div",{className:fe,children:[(0,f.jsxs)("div",{className:ve,children:[(0,f.jsx)(Ae,{className:"w-[10px]"}),(0,f.jsx)("span",{className:be,children:s}),(0,f.jsx)(Ae,{className:we})]}),(0,f.jsxs)("span",{className:"flex flex-col",children:[(0,f.jsx)("span",{className:ye,children:a}),(0,f.jsx)("span",{className:_e,children:l})]})]})},a)}))})]});var Ne=s(7812);const Ce=()=>(0,f.jsxs)("div",{className:m,children:[(0,f.jsxs)("div",{className:u,children:[(0,f.jsx)(me,{}),(0,f.jsx)(D,{}),(0,f.jsx)(Se,{}),(0,f.jsx)(v,{}),(0,f.jsx)(Ne.Z,{title:r.title,content:r.content})]}),(0,f.jsx)("div",{className:h,children:(0,f.jsx)(M.Z,{scrollStart:.9368,scrollEnd:1})})]}),Ze={publicize:"publicize_vEiD",publicizeStyle:"publicizeStyle_C7Y6",publicIntru:"publicIntru_nEWo"};var ke=s(8848);const Ee=e=>{let{stars:t}=e;return(0,f.jsx)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:"hover:no-underline",children:(0,f.jsxs)("div",{className:Ze.publicize,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_banner_click"})},children:[(0,f.jsx)("span",{className:Ze.publicizeStyle}),(0,f.jsxs)("span",{className:"flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]",children:[(0,f.jsx)("span",{className:"flex flex-row justify-between",children:(0,f.jsxs)("span",{className:Ze.publicIntru,children:[(0,f.jsx)(ke.Z,{className:"h-[24px] w-[24px]"}),(0,f.jsxs)("span",{children:[(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.github",children:"Github"})}),(0,f.jsx)("span",{className:"inline-block w-[45px] text-center",children:t}),(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})})]})]})}),(0,f.jsxs)("span",{className:Ze.publicSlogan,role:"img","aria-label":"star us",children:[(0,f.jsx)(o.Z,{id:"title.star-us",children:"Star us"})," \ud83d\udc49"]})]})]})})};var Oe=s(3090);const Be="bannerContainerStyle__SXx",qe="canvasContainerStyle_h8pN",De="bgStyle_xQ96",Me="bannerContentContainer_RLp6",Te="bannerTextContainerStyle_O5rS",Pe="sloganStyle_zysD",ze="descStyle_U78g",Ve="buttonContainerStyle_ulq9",We="colorDescAgentStyle_LHLV",Ue="colorDescAppStyle_qG8r",Re="colorDescFlowStyle_VvqE";var Ge=s(7224);const He="solutionContainerStyle_QwBc",Qe="tabsContainerStyle_DETz",Fe="tabsItemStyle_TXig",Ye="selectedTabStyle_CyW0",Xe="splitterItemStyle_gYQ6",Ke="solutionImageContainerStyle_LgpU",Je="solutionBaseBgStyle_nGRR",$e="solutionSelectBgStyle_Xioy",et="solutionUnSelectBgStyle_RZeW",tt="solutionBaseImageStyle_APzO",st="solutionSelectImageStyle_GSp1",at="linkButtonStyle_b1Kn",lt=[{label:(0,o.I)({id:"ai_header.solutions_title.dashboard",message:"Data Analysis Dashboard"}),value:0},{label:(0,o.I)({id:"ai_header.solutions_title.image_generator",message:"AI Image Generator"}),value:1},{label:(0,o.I)({id:"ai_header.solutions_title.ai_voice_generator",message:"AI Voice Generator"}),value:2},{label:(0,o.I)({id:"ai_header.solutions_title.cms",message:"Content Management"}),value:3},{label:(0,o.I)({id:"ai_header.solutions_title.crm",message:"Sales CRM"}),value:4},{label:(0,o.I)({id:"ai_header.solutions_title.admin_panel",message:"Admin Panel"}),value:5}],nt=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Xz",value:0},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bc",value:1},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bb",value:2},{contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full"}),appID:"ILAcx4p1C72G",value:3},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7N5",value:4},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Oy",value:5}],it=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp",className:"w-full max-w-[320px]"})}].map(((e,t)=>({...e,...lt[t]})));var ot=s(117),ct=s(8618);const rt=()=>{const[e,t]=(0,U.useState)(0),s=(0,U.useRef)(null),a=(0,E.f)(),l=e=>{const t=(0,ct.M)(`${B.kS}/${e}/detail`,{operateType:"fork"});return a(`${B.E}?redirectURL=${encodeURIComponent(t)}`)};return(0,U.useEffect)((()=>(s.current&&clearInterval(s.current),s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3),()=>{s.current&&clearInterval(s.current)})),[]),(0,f.jsxs)("div",{className:He,children:[(0,f.jsx)("div",{className:Qe,children:lt.map((a=>(0,f.jsxs)("div",{className:(0,N.Z)(Fe,a.value===e&&Ye),onClick:()=>{return e=a.value,t(e),s.current&&clearInterval(s.current),void(s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3));var e},children:[(0,f.jsx)("span",{className:"w-full h-full relative z-[1] text-nowrap",children:a.label}),a.value===e&&(0,f.jsx)(Ge.E.div,{layout:"position",className:Xe,layoutId:"underline"})]},a.value)))}),(0,f.jsx)("div",{className:Ke,children:nt.map((t=>(0,f.jsxs)(U.Fragment,{children:[(0,f.jsxs)("div",{className:(0,N.Z)(Je,e===t.value?$e:et),children:[t.contentBg,(0,f.jsx)("div",{className:(0,N.Z)(tt,e===t.value&&st),children:t.content})]}),(0,f.jsx)("div",{className:at,children:(0,f.jsx)(ot.Z,{href:l(t.appID),size:"small",colorType:"dark",handleClick:()=>{(0,C.l)({action:"solution_try_for_free"})},children:(0,f.jsx)(o.Z,{id:"website_4.solution.use_this_template",children:"Try now"})})})]},t.value)))})]})};var dt=s(3630);const mt=(0,o.I)({id:"description",message:"Build {businessApp} with low code, make automated {flow}, create {AIAgent} easily"}),ut=e=>{const{githubStarts:t}=e,a=(0,E.f)(),l=(0,U.useRef)(null),n=(0,U.useRef)(null);return(0,Oe.G)(l,n),(0,f.jsxs)("div",{ref:n,className:Be,children:[(0,f.jsx)("div",{className:qe,children:(0,f.jsx)("canvas",{ref:l})}),(0,f.jsx)("video",{className:De,loop:!0,autoPlay:!0,muted:!0,children:(0,f.jsx)("source",{src:s(139).Z,type:"video/mp4"})}),(0,f.jsxs)("div",{className:Me,children:[(0,f.jsx)(Ee,{stars:t}),(0,f.jsxs)("div",{className:Te,children:[(0,f.jsxs)("div",{className:"flex flex-col gap-[16px]",children:[(0,f.jsx)("h1",{className:Pe,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:ze,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:We,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ue,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Re,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:mt})})]}),(0,f.jsx)("div",{className:Ve,children:(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"large",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})})]})]}),(0,f.jsx)(rt,{})]})};var ht,pt,gt;function ft(){return ft=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ft.apply(this,arguments)}const vt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ft({width:44,height:44,viewBox:"0 0 88 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ht||(ht=U.createElement("rect",{y:-.001,width:88,height:88,rx:44,fill:"url(#linearGithub_svg__a)"})),pt||(pt=U.createElement("path",{d:"M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z",fill:"#fff"})),gt||(gt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearGithub_svg__a",x1:44,y1:-.001,x2:44,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))};var bt,wt,yt;function _t(){return _t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},_t.apply(this,arguments)}const xt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",_t({width:44,height:44,viewBox:"0 0 89 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,bt||(bt=U.createElement("rect",{x:.5,y:-.001,width:88,height:88,rx:44,fill:"url(#linearDiscord_svg__a)"})),wt||(wt=U.createElement("path",{d:"M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z",fill:"#fff"})),yt||(yt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearDiscord_svg__a",x1:44.5,y1:-.001,x2:44.5,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))},It="bannerContainer_oUHl",jt="textContainerStyle_j9Qp",At="sloganStyle_XKtE",Lt="descStyle_YqnZ",St="linkGroupItemStyle_KQRV",Nt="colorDescAgentStyle_x5xU",Ct="colorDescAppStyle_An_L",Zt="colorDescFlowStyle_y9g7",kt="contentContainerStyle_JEhu",Et="contentLabelStyle_dif9";var Ot=s(5676),Bt=s(929);const qt=()=>(0,f.jsx)(Ot.tq,{modules:[Bt.pt],centeredSlides:!0,slidesPerView:"auto",spaceBetween:0,className:"w-full",autoplay:{delay:3e3},children:it.map((e=>(0,f.jsx)(Ot.o5,{children:(0,f.jsxs)("div",{className:kt,children:[e.content,(0,f.jsx)("span",{className:Et,children:e.label})]})},e.label)))}),Dt=e=>{const[t]=(0,U.useState)(!1),{githubStarts:s}=e,a=(0,E.f)(),l=(0,o.I)({id:"description",message:"Build {businessApp} with low code, make automated {flow}, create {AIAgent} easily"});return(0,U.useEffect)((()=>{document.body.style.overflow=t?"hidden":"auto"}),[t]),(0,f.jsxs)("div",{className:It,children:[(0,f.jsxs)("div",{className:jt,children:[(0,f.jsx)("h1",{className:At,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:Lt,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:Nt,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ct,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Zt,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:l})}),(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"normal",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})]}),(0,f.jsxs)("div",{className:"flex items-center gap-[40px]",children:[(0,f.jsxs)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:St,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_mob_click"})},children:[(0,f.jsx)(vt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsxs)("span",{className:"ml-[5px]",children:[s,(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})]})})]}),(0,f.jsxs)(S.Z,{href:"https://discord.com/invite/illacloud",className:"flex flex-col items-center gap-[8px]",onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_discord_mob_click"})},children:[(0,f.jsx)(xt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsx)("span",{className:"ml-[5px] align-middle",children:(0,f.jsx)(o.Z,{id:"join-community",children:"Join Discord"})})})]})]}),(0,f.jsx)(qt,{})]})},Mt=()=>{const[e,t]=(0,U.useState)(!0),[s,a]=(0,U.useState)(0),l=(0,U.useCallback)((async e=>{try{const t=await fetch("https://api.github.com/repos/illacloud/illa-builder",{signal:e}),s=await t.json();return s?.stargazers_count||1e4}catch{return 1e4}}),[]);return(0,U.useEffect)((()=>{const e=new AbortController;return t(!0),l(e.signal).then((e=>{a(e),t(!1)})),()=>{e.abort()}}),[]),[e,(n=s,`${(n/1e3).toFixed(1)}k`)];var n};function Tt(){const[,e]=Mt();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(a.Z,{children:[(0,f.jsx)("html",{"data-active-page":"index"}),(0,f.jsx)("meta",{name:"twitter:title",content:c.title}),(0,f.jsx)("meta",{name:"twitter:description",content:c.description}),(0,f.jsx)("script",{type:"application/ld+json",children:JSON.stringify(d)})]}),(0,f.jsx)(l.j,{...c,children:(0,f.jsxs)("div",{className:"bg-black overflow-visible w-full relative z-[1] font-sans",children:[(0,f.jsx)(n.f,{}),(0,f.jsx)(ut,{githubStarts:e}),(0,f.jsx)(Dt,{githubStarts:e}),(0,f.jsx)(Ce,{}),(0,f.jsx)(i.Z,{scrollStart:.939,scrollEnd:1})]})})]})}},8618:(e,t,s)=>{s.d(t,{M:()=>a});const a=(e,t)=>{const s=new URL(e);for(const a in t)t[a]&&s.searchParams.append(a,t[a]);return s.toString()}},139:(e,t,s)=>{s.d(t,{Z:()=>a});const a=s.p+"assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4"}}]);
\ No newline at end of file
diff --git a/assets/js/31eafaf9.fed72d30.js b/assets/js/31eafaf9.0793747c.js
similarity index 99%
rename from assets/js/31eafaf9.fed72d30.js
rename to assets/js/31eafaf9.0793747c.js
index 5d6ee23415..62dc9e81ae 100644
--- a/assets/js/31eafaf9.fed72d30.js
+++ b/assets/js/31eafaf9.0793747c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3581],{2040:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"UI Library",permalink:"/illa-website/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3581],{2040:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"UI Library",permalink:"/illa-website/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/354dfbd1.290b3f49.js b/assets/js/354dfbd1.f561733e.js
similarity index 99%
rename from assets/js/354dfbd1.290b3f49.js
rename to assets/js/354dfbd1.f561733e.js
index e3e21ae90b..f4afc2be00 100644
--- a/assets/js/354dfbd1.290b3f49.js
+++ b/assets/js/354dfbd1.f561733e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8248],{5209:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"low-code",permalink:"/illa-website/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8248],{5209:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"low-code",permalink:"/illa-website/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/3dca0203.dcaa8c98.js b/assets/js/3dca0203.83242d7c.js
similarity index 99%
rename from assets/js/3dca0203.dcaa8c98.js
rename to assets/js/3dca0203.83242d7c.js
index 1d94d4339d..c8cf1a12f9 100644
--- a/assets/js/3dca0203.dcaa8c98.js
+++ b/assets/js/3dca0203.83242d7c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5694],{1077:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"low-code",permalink:"/illa-website/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5694],{1077:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"low-code",permalink:"/illa-website/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/4a61f11b.6427c4cb.js b/assets/js/4a61f11b.e71f3135.js
similarity index 72%
rename from assets/js/4a61f11b.6427c4cb.js
rename to assets/js/4a61f11b.e71f3135.js
index e34e7f883e..90037885ea 100644
--- a/assets/js/4a61f11b.6427c4cb.js
+++ b/assets/js/4a61f11b.e71f3135.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9699],{1483:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"shadcn-ui",permalink:"/illa-website/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/blog/tags/react"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/blog/shadcn-vs-mui"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/blog/lowcode-vs-traditional",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/blog/nvm-use-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9699],{1483:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"shadcn-ui",permalink:"/illa-website/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/blog/tags/react"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/blog/shadcn-vs-mui"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/blog/nvm-use-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/blog/lowcode-vs-traditional",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/4a83e123.87ad660d.js b/assets/js/4a83e123.4b7a7c32.js
similarity index 99%
rename from assets/js/4a83e123.87ad660d.js
rename to assets/js/4a83e123.4b7a7c32.js
index 857520c405..2ccd67c181 100644
--- a/assets/js/4a83e123.87ad660d.js
+++ b/assets/js/4a83e123.4b7a7c32.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[6137],{8506:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"UI Library",permalink:"/illa-website/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[6137],{8506:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"UI Library",permalink:"/illa-website/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/5cd65baf.a510e86e.js b/assets/js/5cd65baf.a510e86e.js
deleted file mode 100644
index cff9a20f10..0000000000
--- a/assets/js/5cd65baf.a510e86e.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9239],{9590:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"low code",permalink:"/illa-website/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/blog/backend-create-web-ui"},nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/blog/build-dashboard"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/blog/nvm-use-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/blog/shadcn-ui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/5cd65baf.e6f9c529.js b/assets/js/5cd65baf.e6f9c529.js
new file mode 100644
index 0000000000..967297f883
--- /dev/null
+++ b/assets/js/5cd65baf.e6f9c529.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9239],{9590:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"low code",permalink:"/illa-website/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/blog/mui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/blog/shadcn-ui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/blog/nvm-use-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/5f78ec6a.52e047f0.js b/assets/js/5f78ec6a.eefa2441.js
similarity index 98%
rename from assets/js/5f78ec6a.52e047f0.js
rename to assets/js/5f78ec6a.eefa2441.js
index da0ef1eb56..b249c8364b 100644
--- a/assets/js/5f78ec6a.52e047f0.js
+++ b/assets/js/5f78ec6a.eefa2441.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3096],{2369:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>m,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},a=void 0,l={permalink:"/illa-website/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"nvm",permalink:"/illa-website/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/blog/shadcn-ui-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/blog/lowcode-vs-traditional",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/blog/shadcn-ui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>l,a:()=>a});var s=o(959);const t={},i=s.createContext(t);function a(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3096],{2369:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>m,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},a=void 0,l={permalink:"/illa-website/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"nvm",permalink:"/illa-website/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/blog/shadcn-ui-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/blog/lowcode-vs-traditional",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/blog/shadcn-ui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>l,a:()=>a});var s=o(959);const t={},i=s.createContext(t);function a(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/6d69edbe.6c5927fc.js b/assets/js/6d69edbe.e648c40c.js
similarity index 98%
rename from assets/js/6d69edbe.6c5927fc.js
rename to assets/js/6d69edbe.e648c40c.js
index 1e4a010475..b491f0accb 100644
--- a/assets/js/6d69edbe.6c5927fc.js
+++ b/assets/js/6d69edbe.e648c40c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8876],{5391:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>m,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},a=void 0,l={permalink:"/illa-website/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"nvm",permalink:"/illa-website/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/blog/shadcn-ui-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/blog/lowcode-vs-traditional",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/blog/shadcn-ui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>l,a:()=>a});var s=o(959);const t={},i=s.createContext(t);function a(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8876],{5391:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>m,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},a=void 0,l={permalink:"/illa-website/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"nvm",permalink:"/illa-website/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/blog/shadcn-ui-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/blog/lowcode-vs-traditional",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/blog/shadcn-ui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>l,a:()=>a});var s=o(959);const t={},i=s.createContext(t);function a(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/72d3bf7a.579d4e73.js b/assets/js/72d3bf7a.579d4e73.js
deleted file mode 100644
index 8a5ee46108..0000000000
--- a/assets/js/72d3bf7a.579d4e73.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4808],{2685:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"low code",permalink:"/illa-website/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/blog/backend-create-web-ui"},nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/blog/build-dashboard"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/blog/nvm-use-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/blog/shadcn-ui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/72d3bf7a.d3ba1667.js b/assets/js/72d3bf7a.d3ba1667.js
new file mode 100644
index 0000000000..f12fec00a0
--- /dev/null
+++ b/assets/js/72d3bf7a.d3ba1667.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4808],{2685:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"low code",permalink:"/illa-website/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/blog/mui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/blog/shadcn-ui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/blog/nvm-use-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/88d8af9f.4464c94b.js b/assets/js/88d8af9f.4464c94b.js
deleted file mode 100644
index f6f4f68f0d..0000000000
--- a/assets/js/88d8af9f.4464c94b.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5038],{9129:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=t(1527),n=t(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"UI Library",permalink:"/illa-website/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/blog/tags/react"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/blog/build-dashboard"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/blog/nvm-use-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/blog/shadcn-ui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/blog/nvm-use-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/blog/lowcode-vs-traditional",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(o.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,i.jsx)(o.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(o.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(o.ol,{children:["\n",(0,i.jsx)(o.li,{children:"Design"}),"\n",(0,i.jsx)(o.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(o.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(o.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(o.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(o.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(o.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(o.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,i.jsx)(o.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Colors"}),"\n",(0,i.jsx)(o.li,{children:"Border radii"}),"\n",(0,i.jsx)(o.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,i.jsx)(o.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,i.jsx)(o.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(o.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(o.p,{children:"These include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(o.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,i.jsx)(o.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,i.jsx)(o.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(o.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(o.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,i.jsx)(o.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(o.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>r,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function r(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/88d8af9f.93f1c73b.js b/assets/js/88d8af9f.93f1c73b.js
new file mode 100644
index 0000000000..f44f26047c
--- /dev/null
+++ b/assets/js/88d8af9f.93f1c73b.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5038],{9129:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"UI Library",permalink:"/illa-website/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/blog/tags/react"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/blog/nvm-use-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/blog/lowcode-vs-traditional",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/blog/nvm-use-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",permalink:"/illa-website/blog/shadcn-vs-mui",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.12,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,i.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,i.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,i.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(t.p,{children:"These include:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,i.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/96447363.f6ed57ae.js b/assets/js/96447363.f6ed57ae.js
new file mode 100644
index 0000000000..d3b2d45c9e
--- /dev/null
+++ b/assets/js/96447363.f6ed57ae.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9713],{6100:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"data dashboard",permalink:"/illa-website/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/blog/backend-create-web-ui",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/96447363.f83450d4.js b/assets/js/96447363.f83450d4.js
deleted file mode 100644
index 96ec33ee84..0000000000
--- a/assets/js/96447363.f83450d4.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9713],{6100:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"data dashboard",permalink:"/illa-website/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/blog/lowcode-vs-traditional"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/blog/mui-2024"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/blog/backend-create-web-ui",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/b6eb34d2.fbc47a25.js b/assets/js/b6eb34d2.b839fadc.js
similarity index 72%
rename from assets/js/b6eb34d2.fbc47a25.js
rename to assets/js/b6eb34d2.b839fadc.js
index 81b3b3789c..dd94bbf9ec 100644
--- a/assets/js/b6eb34d2.fbc47a25.js
+++ b/assets/js/b6eb34d2.b839fadc.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5191],{5067:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"shadcn-ui",permalink:"/illa-website/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/blog/tags/react"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/blog/shadcn-vs-mui"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/blog/lowcode-vs-traditional",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/blog/nvm-use-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5191],{5067:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"shadcn-ui",permalink:"/illa-website/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/blog/tags/react"},{label:"javascript",permalink:"/illa-website/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/blog/shadcn-vs-mui"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/blog/nvm-use-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/mui-2024",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/blog/lowcode-vs-traditional",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/bb85b74d.f9f05281.js b/assets/js/bb85b74d.f9f05281.js
deleted file mode 100644
index dffcd06634..0000000000
--- a/assets/js/bb85b74d.f9f05281.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5938],{576:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"data dashboard",permalink:"/illa-website/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/blog/lowcode-vs-traditional"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/blog/mui-2024"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/blog/backend-create-web-ui",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/bb85b74d.fbdb2ae3.js b/assets/js/bb85b74d.fbdb2ae3.js
new file mode 100644
index 0000000000..3d1ee2afee
--- /dev/null
+++ b/assets/js/bb85b74d.fbdb2ae3.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5938],{576:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"data dashboard",permalink:"/illa-website/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/blog/backend-create-web-ui",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/e20c763e.923480b9.js b/assets/js/e20c763e.923480b9.js
deleted file mode 100644
index 23a2d1b83c..0000000000
--- a/assets/js/e20c763e.923480b9.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7599],{8311:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>s,metadata:()=>l,toc:()=>d});var n=t(1527),i=t(7214);const s={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,l={permalink:"/illa-website/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"internal tools",permalink:"/illa-website/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/blog/lowcode-vs-traditional"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/build-dashboard",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,i.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>l,a:()=>o});var n=t(959);const i={},s=n.createContext(i);function o(e){const a=n.useContext(s);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function l(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(s.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/e20c763e.99469908.js b/assets/js/e20c763e.99469908.js
new file mode 100644
index 0000000000..41892c83c3
--- /dev/null
+++ b/assets/js/e20c763e.99469908.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7599],{8311:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>r,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,r={permalink:"/illa-website/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"internal tools",permalink:"/illa-website/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/build-dashboard",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>r,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function r(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/e765f05a.927194e9.js b/assets/js/e765f05a.927194e9.js
new file mode 100644
index 0000000000..cccc7d0020
--- /dev/null
+++ b/assets/js/e765f05a.927194e9.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7272],{26:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>r,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,r={permalink:"/illa-website/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:28:24.000Z",formattedDate:"January 3, 2024",tags:[{label:"internal tools",permalink:"/illa-website/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/build-dashboard",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>r,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function r(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/e765f05a.a65c114c.js b/assets/js/e765f05a.a65c114c.js
deleted file mode 100644
index d26bc711df..0000000000
--- a/assets/js/e765f05a.a65c114c.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7272],{26:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>s,metadata:()=>l,toc:()=>d});var n=t(1527),i=t(7214);const s={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,l={permalink:"/illa-website/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:08:52.000Z",formattedDate:"January 3, 2024",tags:[{label:"internal tools",permalink:"/illa-website/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/blog/lowcode-vs-traditional"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/blog/build-dashboard",formattedDate:"January 3, 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,i.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>l,a:()=>o});var n=t(959);const i={},s=n.createContext(i);function o(e){const a=n.useContext(s);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function l(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),n.createElement(s.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/main.2bb0cb21.js b/assets/js/main.f43b4b78.js
similarity index 96%
rename from assets/js/main.2bb0cb21.js
rename to assets/js/main.f43b4b78.js
index c0b0585d33..d9b62daa19 100644
--- a/assets/js/main.2bb0cb21.js
+++ b/assets/js/main.f43b4b78.js
@@ -1,2 +1,2 @@
-/*! For license information please see main.2bb0cb21.js.LICENSE.txt */
-(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[179],{1422:(e,t,n)=>{var a={"./":1884};function o(e){var t=r(e);return n(t)}function r(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}o.keys=function(){return Object.keys(a)},o.resolve=r,e.exports=o,o.id=1422},6002:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7558),o=n.n(a),r=n(6887);const i={"0104b3a5":[()=>Promise.all([n.e(532),n.e(8592),n.e(1205)]).then(n.bind(n,2048)),"@site/src/pages/components/List/index.tsx",2048],"012c936c":[()=>n.e(1383).then(n.t.bind(n,383,19)),"~blog/default/illa-website-blog-tags-traditional-development-b40.json",383],"01a85c17":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(4013)]).then(n.bind(n,5602)),"@theme/BlogTagsListPage",5602],"01bd692b":[()=>Promise.all([n.e(532),n.e(8592),n.e(8550)]).then(n.bind(n,9451)),"@site/src/pages/components/Switch/index.tsx",9451],"0287bb30":[()=>n.e(5357).then(n.bind(n,5399)),"@site/src/pages/solutions-image-generator.mdx",5399],"03598c98":[()=>Promise.all([n.e(532),n.e(8592),n.e(4530)]).then(n.bind(n,406)),"@site/src/pages/components/Statistics/index.tsx",406],"03d60dda":[()=>Promise.all([n.e(532),n.e(8592),n.e(1618)]).then(n.bind(n,489)),"@site/src/pages/components/Divider/index.tsx",489],"125074f4":[()=>n.e(7919).then(n.t.bind(n,1782,19)),"~blog/default/illa-website-blog-tags-react-a30-list.json",1782],"17fb53e2":[()=>Promise.all([n.e(532),n.e(8592),n.e(4893)]).then(n.bind(n,2439)),"@site/src/pages/integrations/OracleDB/index.tsx",2439],"1842627e":[()=>n.e(5037).then(n.bind(n,2640)),"@site/blog/mui-2024/mui.md",2640],"188c27a7":[()=>Promise.all([n.e(532),n.e(8592),n.e(6921)]).then(n.bind(n,7108)),"@site/src/pages/components/index.tsx",7108],"1b97b52f":[()=>Promise.all([n.e(532),n.e(8592),n.e(2833)]).then(n.bind(n,7880)),"@site/src/pages/components/Input/index.tsx",7880],"1d9dae67":[()=>n.e(4630).then(n.t.bind(n,8064,19)),"~blog/default/illa-website-blog-tags-javascript-8bf-list.json",8064],"1df93b7f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5708),n.e(3237)]).then(n.bind(n,7518)),"@site/src/pages/index.tsx",7518],"1e617043":[()=>n.e(5024).then(n.t.bind(n,5717,19)),"~blog/default/illa-website-blog-tags-mac-7c4.json",5717],"25bbf118":[()=>Promise.all([n.e(532),n.e(8592),n.e(7277)]).then(n.bind(n,5013)),"@site/src/pages/components/Modal/index.tsx",5013],"25ffa5da":[()=>Promise.all([n.e(532),n.e(8592),n.e(4417)]).then(n.bind(n,716)),"@site/src/pages/components/DateRange/index.tsx",716],"279770d6":[()=>Promise.all([n.e(532),n.e(8592),n.e(7654)]).then(n.bind(n,145)),"@site/src/pages/pricing/index.tsx",145],"2864c10f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5923),n.e(3807)]).then(n.bind(n,6641)),"@theme/SolutionsPage",6641],"2937fddb":[()=>Promise.all([n.e(532),n.e(8592),n.e(7559)]).then(n.bind(n,5430)),"@site/src/pages/integrations/HuggingFaceInferenceEndpoint/index.tsx",5430],"2a89cc7d":[()=>n.e(4131).then(n.t.bind(n,5333,19)),"~blog/default/illa-website-blog-tags-ui-library-318-list.json",5333],"2bab37f9":[()=>n.e(8563).then(n.t.bind(n,7859,19)),"~blog/default/illa-website-blog-tags-tags-0b0.json",7859],"2d1ec1f7":[()=>Promise.all([n.e(532),n.e(8592),n.e(4664)]).then(n.bind(n,9400)),"@site/src/pages/integrations/MicrosoftSQLServer/index.tsx",9400],"2f0deb5b":[()=>n.e(3988).then(n.t.bind(n,4916,19)),"~blog/default/illa-website-blog-tags-ui-library-318.json",4916],30834002:[()=>Promise.all([n.e(532),n.e(8592),n.e(7949)]).then(n.bind(n,2150)),"@site/src/pages/components/Tabs/index.tsx",2150],"30da2238":[()=>Promise.all([n.e(532),n.e(8592),n.e(7906)]).then(n.bind(n,7201)),"@site/src/pages/integrations/Clickhouse/index.tsx",7201],"31eafaf9":[()=>n.e(3581).then(n.bind(n,2040)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",2040],"34d0e50f":[()=>n.e(5385).then(n.t.bind(n,5745,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],"354dfbd1":[()=>n.e(8248).then(n.bind(n,5209)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md?truncated=true",5209],"38806fe8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9248)]).then(n.bind(n,7179)),"@site/src/pages/integrations/PostgreSQL/index.tsx",7179],"3ae00f65":[()=>n.e(916).then(n.t.bind(n,6083,19)),"~blog/default/illa-website-blog-tags-internal-tools-465.json",6083],"3d6ccfd0":[()=>Promise.all([n.e(532),n.e(8592),n.e(7543)]).then(n.bind(n,2667)),"@site/src/pages/components/Video/index.tsx",2667],"3dca0203":[()=>n.e(5694).then(n.bind(n,1077)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md",1077],"3fee51a2":[()=>Promise.all([n.e(532),n.e(8592),n.e(7155)]).then(n.bind(n,2974)),"@site/src/pages/components/Form/index.tsx",2974],41685197:[()=>Promise.all([n.e(532),n.e(8592),n.e(4610)]).then(n.bind(n,3608)),"@site/src/pages/integrations/TiDB/index.tsx",3608],"4486a1a1":[()=>n.e(2657).then(n.t.bind(n,3527,19)),"~blog/default/illa-website-blog-tags-traditional-development-b40-list.json",3527],"451bfe05":[()=>Promise.all([n.e(532),n.e(8592),n.e(5162)]).then(n.bind(n,780)),"@site/src/pages/integrations/Hydra/index.tsx",780],45267849:[()=>Promise.all([n.e(532),n.e(8592),n.e(2136)]).then(n.bind(n,7417)),"@site/src/pages/integrations/MySQL/index.tsx",7417],"46a49447":[()=>Promise.all([n.e(532),n.e(8592),n.e(4771)]).then(n.bind(n,2208)),"@site/src/pages/components/CircleProgress/index.tsx",2208],"474ec535":[()=>Promise.all([n.e(532),n.e(8592),n.e(1055)]).then(n.bind(n,3886)),"@site/src/pages/components/PDF/index.tsx",3886],49586834:[()=>Promise.all([n.e(532),n.e(8592),n.e(852)]).then(n.bind(n,8292)),"@site/src/pages/components/Button/index.tsx",8292],"4a61f11b":[()=>n.e(9699).then(n.bind(n,1483)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",1483],"4a83e123":[()=>n.e(6137).then(n.bind(n,8506)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md?truncated=true",8506],"4ac275c7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1679)]).then(n.bind(n,9098)),"@site/src/pages/integrations/CouchDB/index.tsx",9098],"4c3a04f4":[()=>Promise.all([n.e(532),n.e(8592),n.e(2578)]).then(n.bind(n,8532)),"@site/src/pages/components/Chart/index.tsx",8532],"50cfa8ab":[()=>Promise.all([n.e(532),n.e(8592),n.e(9788)]).then(n.bind(n,7779)),"@site/src/pages/components/BarProgress/index.tsx",7779],"53015dc5":[()=>Promise.all([n.e(532),n.e(8592),n.e(8962)]).then(n.bind(n,4118)),"@site/src/pages/components/Menu/index.tsx",4118],"56108f26":[()=>n.e(2841).then(n.bind(n,2291)),"@site/src/pages/solutions-crm.mdx",2291],"56cbb393":[()=>Promise.all([n.e(532),n.e(8592),n.e(7050)]).then(n.bind(n,4515)),"@site/src/pages/components/Select/index.tsx",4515],"5758dffb":[()=>Promise.all([n.e(532),n.e(8592),n.e(9982)]).then(n.bind(n,5421)),"@site/src/pages/components/EditableText/index.tsx",5421],"589eda2e":[()=>Promise.all([n.e(532),n.e(8592),n.e(4556)]).then(n.bind(n,1566)),"@site/src/pages/integrations/AmazonDynamoDB/index.tsx",1566],"5c73698d":[()=>n.e(3625).then(n.t.bind(n,451,19)),"~blog/default/illa-website-blog-tags-shadcn-ui-69b.json",451],"5ca6070c":[()=>Promise.all([n.e(532),n.e(8592),n.e(2056)]).then(n.bind(n,5462)),"@site/src/pages/components/Textarea Input/index.tsx",5462],"5cd65baf":[()=>n.e(9239).then(n.bind(n,9590)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md?truncated=true",9590],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],"5f78ec6a":[()=>n.e(3096).then(n.bind(n,2369)),"@site/blog/nvm-use/nvm-use.md",2369],"6632b8cf":[()=>Promise.all([n.e(532),n.e(8592),n.e(9090)]).then(n.bind(n,786)),"@site/src/pages/components/Icon/index.tsx",786],67346627:[()=>n.e(4423).then(n.bind(n,6082)),"@site/src/pages/solutions-dashboard.mdx",6082],"6875c492":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(8610)]).then(n.bind(n,2304)),"@theme/BlogTagsPostsPage",2304],"68c10dd5":[()=>Promise.all([n.e(532),n.e(8592),n.e(2714)]).then(n.bind(n,5886)),"@site/src/pages/integrations/Neon/index.tsx",5886],"6b7903a8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9324)]).then(n.bind(n,3564)),"@site/src/pages/components/NumberInput/index.tsx",3564],"6d69edbe":[()=>n.e(8876).then(n.bind(n,5391)),"@site/blog/nvm-use/nvm-use.md?truncated=true",5391],"6e91fee9":[()=>Promise.all([n.e(532),n.e(8592),n.e(856)]).then(n.bind(n,2368)),"@site/src/pages/integrations/S3/index.tsx",2368],"7213c8c2":[()=>Promise.all([n.e(532),n.e(8592),n.e(3045)]).then(n.bind(n,9219)),"@site/src/pages/components/Timeline/index.tsx",9219],"72d3bf7a":[()=>n.e(4808).then(n.bind(n,2685)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",2685],"733df29f":[()=>Promise.all([n.e(532),n.e(8592),n.e(8151)]).then(n.bind(n,3538)),"@site/src/pages/integrations/Appwrite/index.tsx",3538],"7b91dc2c":[()=>Promise.all([n.e(532),n.e(8592),n.e(7448)]).then(n.bind(n,5764)),"@site/src/pages/integrations/MariaDB/index.tsx",5764],"7d02bed8":[()=>Promise.all([n.e(532),n.e(8592),n.e(7832)]).then(n.bind(n,9840)),"@site/src/pages/integrations/ElasticSearch/index.tsx",9840],"7d62b9db":[()=>n.e(8741).then(n.t.bind(n,7471,19)),"~blog/default/illa-website-blog-tags-open-source-184-list.json",7471],"7f0a0f20":[()=>Promise.all([n.e(532),n.e(8592),n.e(2377)]).then(n.bind(n,5092)),"@site/src/pages/components/CheckboxGroup/index.tsx",5092],"81c7ed4e":[()=>n.e(500).then(n.t.bind(n,9344,19)),"~blog/default/illa-website-blog-tags-react-a30.json",9344],"837d095b":[()=>Promise.all([n.e(532),n.e(8592),n.e(9211)]).then(n.bind(n,8824)),"@site/src/pages/components/RadioGroup/index.tsx",8824],"83d2f18d":[()=>Promise.all([n.e(532),n.e(8592),n.e(4638)]).then(n.bind(n,6398)),"@site/src/pages/components/Audio/index.tsx",6398],"86953be1":[()=>Promise.all([n.e(532),n.e(8592),n.e(6510)]).then(n.bind(n,7072)),"@site/src/pages/components/Cascader/index.tsx",7072],"88d8af9f":[()=>n.e(5038).then(n.bind(n,9129)),"@site/blog/mui-2024/mui.md?truncated=true",9129],"890684bb":[()=>Promise.all([n.e(532),n.e(8592),n.e(3883)]).then(n.bind(n,9917)),"@site/src/pages/integrations/Redis/index.tsx",9917],"8d9a9c02":[()=>Promise.all([n.e(532),n.e(8592),n.e(3265)]).then(n.bind(n,3893)),"@site/src/pages/components/RadioButton/index.tsx",3893],"921028f2":[()=>Promise.all([n.e(532),n.e(8592),n.e(8922)]).then(n.bind(n,4108)),"@site/src/pages/integrations/RESTAPI/index.tsx",4108],"927b8026":[()=>Promise.all([n.e(532),n.e(8592),n.e(1414)]).then(n.bind(n,4882)),"@site/src/pages/integrations/GraphQL/index.tsx",4882],"94161ec7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1845)]).then(n.bind(n,8521)),"@site/src/pages/integrations/Snowflake/index.tsx",8521],96447363:[()=>n.e(9713).then(n.bind(n,6100)),"@site/blog/build-dashboard/build-dashboard.md",6100],"9784bb0b":[()=>n.e(6057).then(n.t.bind(n,2759,19)),"~blog/default/illa-website-blog-tags-nodejs-05c-list.json",2759],"995fa2e5":[()=>n.e(4595).then(n.t.bind(n,1440,19)),"~blog/default/illa-website-blog-tags-nvm-1de.json",1440],"9de45a08":[()=>Promise.all([n.e(532),n.e(8592),n.e(4640)]).then(n.bind(n,7582)),"@site/src/pages/integrations/SupabaseDB/index.tsx",7582],"9f91eb4c":[()=>Promise.all([n.e(532),n.e(8592),n.e(6290)]).then(n.bind(n,3668)),"@site/src/pages/components/DateTime/index.tsx",3668],a1d5db4a:[()=>n.e(4363).then(n.t.bind(n,252,19)),"~blog/default/illa-website-blog-9c2.json",252],a6aa9e1f:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(3089)]).then(n.bind(n,6336)),"@theme/BlogListPage",6336],a6b4f45f:[()=>Promise.all([n.e(532),n.e(8592),n.e(3102)]).then(n.bind(n,9967)),"@site/src/pages/components/Carousel/index.tsx",9967],a7999644:[()=>n.e(3481).then(n.t.bind(n,6863,19)),"~blog/default/illa-website-blog-tags-data-dashboard-0e2.json",6863],a828f322:[()=>Promise.all([n.e(532),n.e(8592),n.e(8891)]).then(n.bind(n,9216)),"@site/src/pages/integrations/HuggingFaceInferenceAPI/index.tsx",9216],a8a01fb0:[()=>n.e(470).then(n.t.bind(n,347,19)),"~blog/default/illa-website-blog-tags-admin-panel-26e-list.json",347],a9372106:[()=>Promise.all([n.e(532),n.e(8592),n.e(1777)]).then(n.bind(n,7134)),"@site/src/pages/components/Text/index.tsx",7134],a9f9d9a3:[()=>n.e(5431).then(n.bind(n,4479)),"@site/src/pages/solutions-admin-panel.mdx",4479],ac92cbdc:[()=>Promise.all([n.e(532),n.e(8592),n.e(5378)]).then(n.bind(n,5501)),"@site/src/pages/integrations/SMTP/index.tsx",5501],b0677628:[()=>n.e(7844).then(n.bind(n,7074)),"@site/src/pages/solutions-ai-voice-generator.mdx",7074],b3f0800c:[()=>n.e(4225).then(n.t.bind(n,5665,19)),"~blog/default/illa-website-blog-tags-nvm-1de-list.json",5665],b4cd1370:[()=>n.e(3927).then(n.t.bind(n,9471,19)),"~blog/default/illa-website-blog-tags-low-code-931-list.json",9471],b6eb34d2:[()=>n.e(5191).then(n.bind(n,5067)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md?truncated=true",5067],bb85b74d:[()=>n.e(5938).then(n.bind(n,576)),"@site/blog/build-dashboard/build-dashboard.md?truncated=true",576],bb9e3f22:[()=>Promise.all([n.e(532),n.e(8592),n.e(5118)]).then(n.bind(n,4980)),"@site/src/pages/components/Container/index.tsx",4980],be1d629d:[()=>Promise.all([n.e(532),n.e(8592),n.e(545)]).then(n.bind(n,3563)),"@site/src/pages/components/Rate/index.tsx",3563],c133d0bc:[()=>Promise.all([n.e(532),n.e(8592),n.e(7746)]).then(n.bind(n,1814)),"@site/src/pages/components/Image/index.tsx",1814],c45d4b28:[()=>n.e(850).then(n.t.bind(n,5884,19)),"~blog/default/illa-website-blog-tags-low-code-931.json",5884],ca19ac91:[()=>Promise.all([n.e(532),n.e(8592),n.e(7612)]).then(n.bind(n,7690)),"@site/src/pages/integrations/GoogleSheets/index.tsx",7690],ca96679e:[()=>Promise.all([n.e(532),n.e(8592),n.e(2031)]).then(n.bind(n,5014)),"@site/src/pages/components/Tables/index.tsx",5014],ccc49370:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(5923),n.e(4809),n.e(6103)]).then(n.bind(n,9466)),"@theme/BlogPostPage",9466],cd0cf34d:[()=>n.e(2904).then(n.t.bind(n,4381,19)),"~blog/default/illa-website-blog-tags-nodejs-05c.json",4381],d8096fab:[()=>Promise.all([n.e(532),n.e(8592),n.e(6828)]).then(n.bind(n,3769)),"@site/src/pages/integrations/index.tsx",3769],da1593ee:[()=>Promise.all([n.e(532),n.e(8592),n.e(9321)]).then(n.bind(n,1086)),"@site/src/pages/components/Multiselect/index.tsx",1086],da530276:[()=>n.e(1012).then(n.t.bind(n,7274,19)),"~blog/default/illa-website-blog-tags-admin-panel-26e.json",7274],dbd7c721:[()=>n.e(4179).then(n.bind(n,3671)),"@site/src/pages/solutions-cms.mdx",3671],dcf8da52:[()=>n.e(4851).then(n.t.bind(n,9969,19)),"~blog/default/illa-website-blog-tags-mac-7c4-list.json",9969],dd95d1fb:[()=>n.e(2987).then(n.t.bind(n,314,19)),"~blog/default/illa-website-blog-tags-open-source-184.json",314],deb5faec:[()=>Promise.all([n.e(532),n.e(8592),n.e(2224)]).then(n.bind(n,320)),"@site/src/pages/components/Date/index.tsx",320],dfe72411:[()=>n.e(8704).then(n.t.bind(n,8470,19)),"~blog/default/illa-website-blog-tags-javascript-8bf.json",8470],e015af33:[()=>Promise.all([n.e(532),n.e(8592),n.e(8595)]).then(n.bind(n,7818)),"@site/src/pages/integrations/MongoDB/index.tsx",7818],e0cd9918:[()=>Promise.all([n.e(532),n.e(8592),n.e(8155)]).then(n.bind(n,4855)),"@site/src/pages/components/Upload/index.tsx",4855],e20c763e:[()=>n.e(7599).then(n.bind(n,8311)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md?truncated=true",8311],e4e1a4b6:[()=>Promise.all([n.e(532),n.e(8592),n.e(8296)]).then(n.bind(n,5586)),"@site/src/pages/integrations/Airtable/index.tsx",5586],e765f05a:[()=>n.e(7272).then(n.bind(n,26)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md",26],ee6f64f3:[()=>n.e(8345).then(n.t.bind(n,7925,19)),"~blog/default/illa-website-blog-tags-data-dashboard-0e2-list.json",7925],f3cf1707:[()=>Promise.all([n.e(532),n.e(8592),n.e(3072)]).then(n.bind(n,109)),"@site/src/pages/integrations/Firebase/index.tsx",109],f91124a1:[()=>n.e(7432).then(n.t.bind(n,6010,19)),"~blog/default/illa-website-blog-tags-shadcn-ui-69b-list.json",6010],fad6e022:[()=>n.e(4757).then(n.t.bind(n,7355,19)),"~blog/default/illa-website-blog-tags-internal-tools-465-list.json",7355],fc0df049:[()=>n.e(5315).then(n.t.bind(n,4469,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",4469]};var l=n(1527);function s(e){let{error:t,retry:n,pastDelay:a}=e;return t?(0,l.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,l.jsx)("p",{children:String(t)}),(0,l.jsx)("div",{children:(0,l.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):a?(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,l.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,l.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,l.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(4420),u=n(2762);function d(e,t){if("*"===e)return o()({loading:s,loader:()=>Promise.all([n.e(532),n.e(8592),n.e(8245)]).then(n.bind(n,8245)),modules:["@theme/NotFound"],webpack:()=>[8245],render(e,t){const n=e.default;return(0,l.jsx)(u.z,{value:{plugin:{name:"native",id:"default"}},children:(0,l.jsx)(n,{...t})})}});const a=r[`${e}-${t}`],d={},p=[],f=[],g=(0,c.Z)(a);return Object.entries(g).forEach((e=>{let[t,n]=e;const a=i[n];a&&(d[t]=a[0],p.push(a[1]),f.push(a[2]))})),o().Map({loading:s,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(a));Object.entries(t).forEach((t=>{let[n,a]=t;const r=a.default;if(!r)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof r&&"function"!=typeof r||Object.keys(a).filter((e=>"default"!==e)).forEach((e=>{r[e]=a[e]}));let i=o;const l=n.split(".");l.slice(0,-1).forEach((e=>{i=i[e]})),i[l[l.length-1]]=r}));const r=o.__comp;delete o.__comp;const i=o.__context;return delete o.__context,(0,l.jsx)(u.z,{value:i,children:(0,l.jsx)(r,{...o,...n})})}})}const p=[{path:"/illa-website/admin-panel",component:d("/illa-website/admin-panel","090"),exact:!0},{path:"/illa-website/ai-voice-generator",component:d("/illa-website/ai-voice-generator","71b"),exact:!0},{path:"/illa-website/blog",component:d("/illa-website/blog","aaa"),exact:!0},{path:"/illa-website/blog/backend-create-web-ui",component:d("/illa-website/blog/backend-create-web-ui","e6d"),exact:!0},{path:"/illa-website/blog/build-dashboard",component:d("/illa-website/blog/build-dashboard","fb1"),exact:!0},{path:"/illa-website/blog/lowcode-vs-traditional",component:d("/illa-website/blog/lowcode-vs-traditional","6ed"),exact:!0},{path:"/illa-website/blog/mui-2024",component:d("/illa-website/blog/mui-2024","5d5"),exact:!0},{path:"/illa-website/blog/nvm-use-2024",component:d("/illa-website/blog/nvm-use-2024","083"),exact:!0},{path:"/illa-website/blog/shadcn-ui-2024",component:d("/illa-website/blog/shadcn-ui-2024","b65"),exact:!0},{path:"/illa-website/blog/shadcn-vs-mui",component:d("/illa-website/blog/shadcn-vs-mui","2aa"),exact:!0},{path:"/illa-website/blog/tags",component:d("/illa-website/blog/tags","6c4"),exact:!0},{path:"/illa-website/blog/tags/admin-panel",component:d("/illa-website/blog/tags/admin-panel","ecb"),exact:!0},{path:"/illa-website/blog/tags/data-dashboard",component:d("/illa-website/blog/tags/data-dashboard","55e"),exact:!0},{path:"/illa-website/blog/tags/internal-tools",component:d("/illa-website/blog/tags/internal-tools","34b"),exact:!0},{path:"/illa-website/blog/tags/javascript",component:d("/illa-website/blog/tags/javascript","5c4"),exact:!0},{path:"/illa-website/blog/tags/low-code",component:d("/illa-website/blog/tags/low-code","a7c"),exact:!0},{path:"/illa-website/blog/tags/mac",component:d("/illa-website/blog/tags/mac","911"),exact:!0},{path:"/illa-website/blog/tags/nodejs",component:d("/illa-website/blog/tags/nodejs","c59"),exact:!0},{path:"/illa-website/blog/tags/nvm",component:d("/illa-website/blog/tags/nvm","585"),exact:!0},{path:"/illa-website/blog/tags/open-source",component:d("/illa-website/blog/tags/open-source","f4a"),exact:!0},{path:"/illa-website/blog/tags/react",component:d("/illa-website/blog/tags/react","ad3"),exact:!0},{path:"/illa-website/blog/tags/shadcn-ui",component:d("/illa-website/blog/tags/shadcn-ui","459"),exact:!0},{path:"/illa-website/blog/tags/traditional-development",component:d("/illa-website/blog/tags/traditional-development","f03"),exact:!0},{path:"/illa-website/blog/tags/ui-library",component:d("/illa-website/blog/tags/ui-library","174"),exact:!0},{path:"/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024",component:d("/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024","263"),exact:!0},{path:"/illa-website/cms",component:d("/illa-website/cms","026"),exact:!0},{path:"/illa-website/components/",component:d("/illa-website/components/","5b9"),exact:!0},{path:"/illa-website/components/Audio/",component:d("/illa-website/components/Audio/","f19"),exact:!0},{path:"/illa-website/components/BarProgress/",component:d("/illa-website/components/BarProgress/","771"),exact:!0},{path:"/illa-website/components/Button/",component:d("/illa-website/components/Button/","de8"),exact:!0},{path:"/illa-website/components/Carousel/",component:d("/illa-website/components/Carousel/","8c9"),exact:!0},{path:"/illa-website/components/Cascader/",component:d("/illa-website/components/Cascader/","f17"),exact:!0},{path:"/illa-website/components/Chart/",component:d("/illa-website/components/Chart/","d20"),exact:!0},{path:"/illa-website/components/CheckboxGroup/",component:d("/illa-website/components/CheckboxGroup/","2b3"),exact:!0},{path:"/illa-website/components/CircleProgress/",component:d("/illa-website/components/CircleProgress/","1f3"),exact:!0},{path:"/illa-website/components/Container/",component:d("/illa-website/components/Container/","d85"),exact:!0},{path:"/illa-website/components/Date/",component:d("/illa-website/components/Date/","cfa"),exact:!0},{path:"/illa-website/components/DateRange/",component:d("/illa-website/components/DateRange/","c94"),exact:!0},{path:"/illa-website/components/DateTime/",component:d("/illa-website/components/DateTime/","90f"),exact:!0},{path:"/illa-website/components/Divider/",component:d("/illa-website/components/Divider/","7f8"),exact:!0},{path:"/illa-website/components/EditableText/",component:d("/illa-website/components/EditableText/","77f"),exact:!0},{path:"/illa-website/components/Form/",component:d("/illa-website/components/Form/","4f5"),exact:!0},{path:"/illa-website/components/Icon/",component:d("/illa-website/components/Icon/","2b7"),exact:!0},{path:"/illa-website/components/Image/",component:d("/illa-website/components/Image/","81d"),exact:!0},{path:"/illa-website/components/Input/",component:d("/illa-website/components/Input/","d13"),exact:!0},{path:"/illa-website/components/List/",component:d("/illa-website/components/List/","b84"),exact:!0},{path:"/illa-website/components/Menu/",component:d("/illa-website/components/Menu/","17f"),exact:!0},{path:"/illa-website/components/Modal/",component:d("/illa-website/components/Modal/","bb5"),exact:!0},{path:"/illa-website/components/Multiselect/",component:d("/illa-website/components/Multiselect/","7cb"),exact:!0},{path:"/illa-website/components/NumberInput/",component:d("/illa-website/components/NumberInput/","549"),exact:!0},{path:"/illa-website/components/PDF/",component:d("/illa-website/components/PDF/","63e"),exact:!0},{path:"/illa-website/components/RadioButton/",component:d("/illa-website/components/RadioButton/","345"),exact:!0},{path:"/illa-website/components/RadioGroup/",component:d("/illa-website/components/RadioGroup/","988"),exact:!0},{path:"/illa-website/components/Rate/",component:d("/illa-website/components/Rate/","a88"),exact:!0},{path:"/illa-website/components/Select/",component:d("/illa-website/components/Select/","902"),exact:!0},{path:"/illa-website/components/Statistics/",component:d("/illa-website/components/Statistics/","6e4"),exact:!0},{path:"/illa-website/components/Switch/",component:d("/illa-website/components/Switch/","f6f"),exact:!0},{path:"/illa-website/components/Tables/",component:d("/illa-website/components/Tables/","5f6"),exact:!0},{path:"/illa-website/components/Tabs/",component:d("/illa-website/components/Tabs/","e90"),exact:!0},{path:"/illa-website/components/Text/",component:d("/illa-website/components/Text/","25a"),exact:!0},{path:"/illa-website/components/Textarea%20Input/",component:d("/illa-website/components/Textarea%20Input/","44d"),exact:!0},{path:"/illa-website/components/Timeline/",component:d("/illa-website/components/Timeline/","3ae"),exact:!0},{path:"/illa-website/components/Upload/",component:d("/illa-website/components/Upload/","9a0"),exact:!0},{path:"/illa-website/components/Video/",component:d("/illa-website/components/Video/","b95"),exact:!0},{path:"/illa-website/crm",component:d("/illa-website/crm","63f"),exact:!0},{path:"/illa-website/dashboard",component:d("/illa-website/dashboard","5ec"),exact:!0},{path:"/illa-website/image-generator",component:d("/illa-website/image-generator","2aa"),exact:!0},{path:"/illa-website/integrations/",component:d("/illa-website/integrations/","1e5"),exact:!0},{path:"/illa-website/integrations/Airtable/",component:d("/illa-website/integrations/Airtable/","d53"),exact:!0},{path:"/illa-website/integrations/AmazonDynamoDB/",component:d("/illa-website/integrations/AmazonDynamoDB/","c98"),exact:!0},{path:"/illa-website/integrations/Appwrite/",component:d("/illa-website/integrations/Appwrite/","5ea"),exact:!0},{path:"/illa-website/integrations/Clickhouse/",component:d("/illa-website/integrations/Clickhouse/","efd"),exact:!0},{path:"/illa-website/integrations/CouchDB/",component:d("/illa-website/integrations/CouchDB/","912"),exact:!0},{path:"/illa-website/integrations/ElasticSearch/",component:d("/illa-website/integrations/ElasticSearch/","697"),exact:!0},{path:"/illa-website/integrations/Firebase/",component:d("/illa-website/integrations/Firebase/","b8a"),exact:!0},{path:"/illa-website/integrations/GoogleSheets/",component:d("/illa-website/integrations/GoogleSheets/","ee9"),exact:!0},{path:"/illa-website/integrations/GraphQL/",component:d("/illa-website/integrations/GraphQL/","975"),exact:!0},{path:"/illa-website/integrations/HuggingFaceInferenceAPI/",component:d("/illa-website/integrations/HuggingFaceInferenceAPI/","4d1"),exact:!0},{path:"/illa-website/integrations/HuggingFaceInferenceEndpoint/",component:d("/illa-website/integrations/HuggingFaceInferenceEndpoint/","a72"),exact:!0},{path:"/illa-website/integrations/Hydra/",component:d("/illa-website/integrations/Hydra/","cc5"),exact:!0},{path:"/illa-website/integrations/MariaDB/",component:d("/illa-website/integrations/MariaDB/","53c"),exact:!0},{path:"/illa-website/integrations/MicrosoftSQLServer/",component:d("/illa-website/integrations/MicrosoftSQLServer/","933"),exact:!0},{path:"/illa-website/integrations/MongoDB/",component:d("/illa-website/integrations/MongoDB/","640"),exact:!0},{path:"/illa-website/integrations/MySQL/",component:d("/illa-website/integrations/MySQL/","59d"),exact:!0},{path:"/illa-website/integrations/Neon/",component:d("/illa-website/integrations/Neon/","fc8"),exact:!0},{path:"/illa-website/integrations/OracleDB/",component:d("/illa-website/integrations/OracleDB/","a32"),exact:!0},{path:"/illa-website/integrations/PostgreSQL/",component:d("/illa-website/integrations/PostgreSQL/","4b0"),exact:!0},{path:"/illa-website/integrations/Redis/",component:d("/illa-website/integrations/Redis/","acb"),exact:!0},{path:"/illa-website/integrations/RESTAPI/",component:d("/illa-website/integrations/RESTAPI/","8d2"),exact:!0},{path:"/illa-website/integrations/S3/",component:d("/illa-website/integrations/S3/","8f9"),exact:!0},{path:"/illa-website/integrations/SMTP/",component:d("/illa-website/integrations/SMTP/","d8d"),exact:!0},{path:"/illa-website/integrations/Snowflake/",component:d("/illa-website/integrations/Snowflake/","f29"),exact:!0},{path:"/illa-website/integrations/SupabaseDB/",component:d("/illa-website/integrations/SupabaseDB/","ea8"),exact:!0},{path:"/illa-website/integrations/TiDB/",component:d("/illa-website/integrations/TiDB/","cfd"),exact:!0},{path:"/illa-website/pricing/",component:d("/illa-website/pricing/","b2e"),exact:!0},{path:"/illa-website/",component:d("/illa-website/","113"),exact:!0},{path:"*",component:d("*")}]},7752:(e,t,n)=>{"use strict";n.d(t,{_:()=>r,t:()=>i});var a=n(959),o=n(1527);const r=a.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(r.Provider,{value:n,children:t})}},1136:(e,t,n)=>{"use strict";var a=n(959),o=n(4478),r=n(9500),i=n(387),l=n(6047);const s=[n(3852),n(89),n(6070),n(4329),n(962),n(1245)];var c=n(6002),u=n(8903),d=n(6920);function p(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var a=e.path?(0,u.LX)(t,e):n.length?n[n.length-1].match:u.F0.computeRootMatch(t);return a&&(n.push({route:e,match:a}),e.routes&&p(e.routes,t,n)),a})),n}var f=n(1527);function g(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var m=n(4491),h=n(2688),b=n(9925),y=n(2593),v=n(1610),w=n(8224),k=n(864);const x="default";var L=n(6771),C=n(7535);function S(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,h.Z)(),a=(0,w.l)(),o=n[e].htmlLang,r=e=>e.replace("-","_");return(0,f.jsxs)(m.Z,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:r(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:r(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function _(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,h.Z)(),a=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,h.Z)(),{pathname:a}=(0,u.TH)();return e+(0,L.applyTrailingSlash)((0,b.Z)(a),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:a;return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{property:"og:url",content:o}),(0,f.jsx)("link",{rel:"canonical",href:o})]})}function A(){const{i18n:{currentLocale:e}}=(0,h.Z)(),{metadata:t,image:n}=(0,y.L)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:k.h})]}),n&&(0,f.jsx)(v.d,{image:n}),(0,f.jsx)(_,{}),(0,f.jsx)(S,{}),(0,f.jsx)(C.Z,{tag:x,locale:e}),(0,f.jsx)(m.Z,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const P=new Map;function D(e){if(P.has(e.pathname))return{...e,pathname:P.get(e.pathname)};if(p(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return P.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return P.set(e.pathname,t),{...e,pathname:t}}var T=n(7752),I=n(6855),E=n(2827);function j(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];const o=s.map((t=>{const a=t.default?.[e]??t[e];return a?.(...n)}));return()=>o.forEach((e=>e?.()))}const R=function(e){let{children:t,location:n,previousLocation:a}=e;return(0,E.Z)((()=>{a!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const a=t.pathname===n.pathname,o=t.hash===n.hash,r=t.search===n.search;if(a&&o&&!r)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:a}),j("onRouteDidUpdate",{previousLocation:a,location:n}))}),[a,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>p(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class F extends a.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?j("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=j("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(R,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(u.AW,{location:t,render:()=>e})})}}const O=F,M="__docusaurus-base-url-issue-banner-container",B="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function q(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${B}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,h.Z)();return(0,f.jsx)(f.Fragment,{children:!l.Z.canUseDOM&&(0,f.jsx)(m.Z,{children:(0,f.jsx)("script",{children:q(e)})})})}function $(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,h.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?(0,f.jsx)(U,{}):null}function H(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:a,localeConfigs:o}}=(0,h.Z)(),r=(0,b.Z)(e),{htmlLang:i,direction:l}=o[a];return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("html",{lang:i,dir:l}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:r})]})}var G=n(1289),W=n(7111);function Z(){const e=(0,W.Z)();return(0,f.jsx)(m.Z,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}function V(){const e=function(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(u.rs,n,e.map((function(e,n){return a.createElement(u.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,d.Z)({},n,{},t,{route:e})):a.createElement(e.component,(0,d.Z)({},n,t,{route:e}))}})}))):null}(c.Z),t=(0,u.TH)();return(0,f.jsx)(G.Z,{children:(0,f.jsx)(I.M,{children:(0,f.jsxs)(T.t,{children:[(0,f.jsxs)(g,{children:[(0,f.jsx)(H,{}),(0,f.jsx)(A,{}),(0,f.jsx)($,{}),(0,f.jsx)(O,{location:D(t),children:e})]}),(0,f.jsx)(Z,{})]})})})}var Q=n(6887);const Y=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const a=document.createElement("link");a.setAttribute("rel","prefetch"),a.setAttribute("href",e),a.onload=()=>t(),a.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(a)}))}:function(e){return new Promise(((t,n)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.withCredentials=!0,a.onload=()=>{200===a.status?t():n()},a.send(null)}))};var K=n(4420);const X=new Set,J=new Set,ee=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,te={prefetch(e){if(!(e=>!ee()&&!J.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=p(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(Q).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,K.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Y(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!ee()&&!J.has(e))(e)&&(J.add(e),N(e))},ne=Object.freeze(te),ae=Boolean(!0);if(l.Z.canUseDOM){window.docusaurus=ne;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(i.B6,{children:(0,f.jsx)(r.VK,{children:(0,f.jsx)(V,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},l=()=>{if(ae)a.startTransition((()=>{o.hydrateRoot(e,t,{onRecoverableError:n})}));else{const r=o.createRoot(e,{onRecoverableError:n});a.startTransition((()=>{r.render(t)}))}};N(window.location.pathname).then(l)}},6855:(e,t,n)=>{"use strict";n.d(t,{_:()=>d,M:()=>p});var a=n(959),o=n(6809);const r=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-QW745VE33W"],"anonymizeIP":false,"id":"default"}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en","zh","ja","de"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"zh":{"label":"\u4e2d\u6587","direction":"ltr","htmlLang":"zh","calendar":"gregory","path":"zh"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"},"de":{"label":"Deutsch","direction":"ltr","htmlLang":"de","calendar":"gregory","path":"de"}}}');var l=n(7529);const s=JSON.parse('{"docusaurusVersion":"3.0.1","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"3.0.1"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.0.1"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.0.1"},"prefix-svg-ids":{"type":"local"},"docusaurus-tailwindcss":{"type":"local"},"docusaurus-plugin-content-blog":{"type":"project"},"docusaurus-plugin-content-pages":{"type":"project"},"docusaurus-plugin-ILLA-linkedin":{"type":"project"},"docusaurus-plugin-ILLA-twitter":{"type":"project"},"docusaurus-plugin-ILLA-chatwoot":{"type":"project"}}}');var c=n(1527);const u={siteConfig:o.default,siteMetadata:s,globalData:r,i18n:i,codeTranslations:l},d=a.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},1289:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Be});var a=n(959),o=n(6047),r=n(4491),i=n(6771),l=n(5341),s=n(1610),c=n(9920),u=n(421),d=n(864),p=n(7675),f=n(2593),g=n(4288),m=n(5374),h=n(1527);function b(e){let{width:t=21,height:n=21,color:a="currentColor",strokeWidth:o=1.2,className:r,...i}=e;return(0,h.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,h.jsx)("g",{stroke:a,strokeWidth:o,children:(0,h.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const y={closeButton:"closeButton_r_Ma"};function v(e){return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,l.Z)("clean-btn close",y.closeButton,e.className),children:(0,h.jsx)(b,{width:14,height:14,strokeWidth:3.1})})}const w={content:"content_B3zk"};function k(e){const{announcementBar:t}=(0,f.L)(),{content:n}=t;return(0,h.jsx)("div",{...e,className:(0,l.Z)(w.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const x={announcementBar:"announcementBar_hbYq",announcementBarPlaceholder:"announcementBarPlaceholder_nNiq",announcementBarClose:"announcementBarClose_S8lM",announcementBarContent:"announcementBarContent__DAX"};function L(){const{announcementBar:e}=(0,f.L)(),{isActive:t,close:n}=(0,g.nT)();if(!t)return null;const{backgroundColor:a,textColor:o,isCloseable:r}=e;return(0,h.jsxs)("div",{className:x.announcementBar,style:{backgroundColor:a,color:o},role:"banner",children:[r&&(0,h.jsx)("div",{className:x.announcementBarPlaceholder}),(0,h.jsx)(k,{className:x.announcementBarContent}),r&&(0,h.jsx)(v,{onClick:n,className:x.announcementBarClose})]})}var C=n(5580),S=n(5508),_=n(3707);var A=n(1900);function P(e){let{header:t,primaryMenu:n,secondaryMenu:a}=e;const{shown:o}=(0,A.Y)();return(0,h.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,h.jsxs)("div",{className:(0,l.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":o}),children:[(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:a})]})]})}var D=n(1694),T=n(7111);function I(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function E(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const j={toggle:"toggle_Io7t",toggleButton:"toggleButton_C0po",darkToggleIcon:"darkToggleIcon_iyjK",lightToggleIcon:"lightToggleIcon__wwy",toggleButtonDisabled:"toggleButtonDisabled_IHuh"};function R(e){let{className:t,buttonClassName:n,value:a,onChange:o}=e;const r=(0,T.Z)(),i=(0,m.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===a?(0,m.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,m.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,h.jsx)("div",{className:(0,l.Z)(j.toggle,t),children:(0,h.jsxs)("button",{className:(0,l.Z)("clean-btn",j.toggleButton,!r&&j.toggleButtonDisabled,n),type:"button",onClick:()=>o("dark"===a?"light":"dark"),disabled:!r,title:i,"aria-label":i,"aria-live":"polite",children:[(0,h.jsx)(I,{className:(0,l.Z)(j.toggleIcon,j.lightToggleIcon)}),(0,h.jsx)(E,{className:(0,l.Z)(j.toggleIcon,j.darkToggleIcon)})]})})}const N=a.memo(R),F={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_jx_9"};function O(e){let{className:t}=e;const n=(0,f.L)().navbar.style,a=(0,f.L)().colorMode.disableSwitch,{colorMode:o,setColorMode:r}=(0,D.I)();return a?null:(0,h.jsx)(N,{className:t,buttonClassName:"dark"===n?F.darkNavbarColorModeToggle:void 0,value:o,onChange:r})}var M=n(0),B=n(9925),z=n(2688);const q={themedComponent:"themedComponent_FXRw","themedComponent--light":"themedComponent--light_RIle","themedComponent--dark":"themedComponent--dark_gZs3"};function U(e){let{className:t,children:n}=e;const o=(0,T.Z)(),{colorMode:r}=(0,D.I)();return(0,h.jsx)(h.Fragment,{children:(o?"dark"===r?["dark"]:["light"]:["light","dark"]).map((e=>{const o=n({theme:e,className:(0,l.Z)(t,q.themedComponent,q[`themedComponent--${e}`])});return(0,h.jsx)(a.Fragment,{children:o},e)}))})}function $(e){const{sources:t,className:n,alt:a,...o}=e;return(0,h.jsx)(U,{className:n,children:e=>{let{theme:n,className:r}=e;return(0,h.jsx)("img",{src:t[n],alt:a,className:r,...o})}})}function H(e){let{logo:t,alt:n,imageClassName:a}=e;const o={light:(0,B.Z)(t.src),dark:(0,B.Z)(t.srcDark||t.src)},r=(0,h.jsx)($,{className:t.className,sources:o,height:t.height,width:t.width,alt:n,style:t.style});return a?(0,h.jsx)("div",{className:a,children:r}):r}function G(e){const{siteConfig:{title:t}}=(0,z.Z)(),{navbar:{title:n,logo:a}}=(0,f.L)(),{imageClassName:o,titleClassName:r,...i}=e,l=(0,B.Z)(a?.href||"/"),s=n?"":t,c=a?.alt??s;return(0,h.jsxs)(M.Z,{to:l,...i,...a?.target&&{target:a.target},children:[a&&(0,h.jsx)(H,{logo:a,alt:c,imageClassName:o}),null!=n&&(0,h.jsx)("b",{className:r,children:n})]})}function W(){return(0,h.jsx)(G,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Z(){const e=(0,C.e)();return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,h.jsx)(b,{color:"var(--ifm-color-emphasis-600)"})})}function V(){return(0,h.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,h.jsx)(W,{}),(0,h.jsx)(O,{className:"margin-right--md"}),(0,h.jsx)(Z,{})]})}var Q=n(6794);function Y(){const e=(0,C.e)(),t=(0,f.L)().navbar.items;return(0,h.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,a.createElement)(Q.Z,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function K(e){return(0,h.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,h.jsx)(m.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function X(){const e=0===(0,f.L)().navbar.items.length,t=(0,A.Y)();return(0,h.jsxs)(h.Fragment,{children:[!e&&(0,h.jsx)(K,{onClick:()=>t.hide()}),t.content]})}function J(){const e=(0,C.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,a.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,h.jsx)(P,{header:(0,h.jsx)(V,{}),primaryMenu:(0,h.jsx)(Y,{}),secondaryMenu:(0,h.jsx)(X,{})}):null}const ee={navbarHideable:"navbarHideable_QJhM",navbarHidden:"navbarHidden_JLKf"};function te(e){return(0,h.jsx)("div",{role:"presentation",...e,className:(0,l.Z)("navbar-sidebar__backdrop",e.className)})}function ne(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:o}}=(0,f.L)(),r=(0,C.e)(),{navbarRef:i,isNavbarVisible:s}=function(e){const[t,n]=(0,a.useState)(e),o=(0,a.useRef)(!1),r=(0,a.useRef)(0),i=(0,a.useCallback)((e=>{null!==e&&(r.current=e.getBoundingClientRect().height)}),[]);return(0,_.RF)(((t,a)=>{let{scrollY:i}=t;if(!e)return;if(i<r.current)return void n(!0);if(o.current)return void(o.current=!1);const l=a?.scrollY,s=document.documentElement.scrollHeight-r.current,c=window.innerHeight;l&&i>=l?n(!1):i+c<s&&n(!0)})),(0,S.S)((t=>{if(!e)return;const a=t.location.hash;if(a?document.getElementById(a.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,h.jsxs)("nav",{ref:i,"aria-label":(0,m.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,l.Z)("navbar","navbar--fixed-top",n&&[ee.navbarHideable,!s&&ee.navbarHidden],{"navbar--dark":"dark"===o,"navbar--primary":"primary"===o,"navbar-sidebar--show":r.shown}),children:[t,(0,h.jsx)(te,{onClick:r.toggle}),(0,h.jsx)(J,{})]})}var ae=n(809),oe=n(5160),re=n(1603);function ie(e){let{width:t=30,height:n=30,className:a,...o}=e;return(0,h.jsx)("svg",{className:a,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,h.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function le(){const{toggle:e,shown:t}=(0,C.e)();return(0,h.jsx)("button",{onClick:e,"aria-label":(0,m.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,h.jsx)(ie,{})})}var se=n(5243);const ce={colorModeToggle:"colorModeToggle_Kblj"};function ue(e){let{items:t}=e;return(0,h.jsx)(h.Fragment,{children:t.map(((e,t)=>(0,h.jsx)(ae.QW,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,h.jsx)(Q.Z,{...e})},t)))})}function de(e){let{left:t,right:n}=e;return(0,h.jsxs)("div",{className:"navbar__inner",children:[(0,h.jsx)("div",{className:"navbar__items",children:t}),(0,h.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function pe(){const e=(0,C.e)(),t=(0,f.L)().navbar.items,[n,a]=(0,oe.A)(t),o=t.find((e=>"search"===e.type));return(0,h.jsx)(de,{left:(0,h.jsxs)(h.Fragment,{children:[!e.disabled&&(0,h.jsx)(le,{}),(0,h.jsx)(W,{}),(0,h.jsx)(ue,{items:n})]}),right:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(ue,{items:a}),(0,h.jsx)(O,{className:ce.colorModeToggle}),!o&&(0,h.jsx)(se.Z,{children:(0,h.jsx)(re.Z,{})})]})})}function fe(){return(0,h.jsx)(ne,{children:(0,h.jsx)(pe,{})})}var ge=n(8295),me=n(3815);function he(e){let{item:t}=e;const{to:n,href:a,label:o,prependBaseUrlToHref:r,...i}=t,l=(0,B.Z)(n),s=(0,B.Z)(a,{forcePrependBaseUrl:!0});return(0,h.jsxs)(M.Z,{className:"footer__link-item",...a?{href:r?s:a}:{to:l},...i,children:[o,a&&!(0,ge.Z)(a)&&(0,h.jsx)(me.Z,{})]})}function be(e){let{item:t}=e;return t.html?(0,h.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)("li",{className:"footer__item",children:(0,h.jsx)(he,{item:t})},t.href??t.to)}function ye(e){let{column:t}=e;return(0,h.jsxs)("div",{className:"col footer__col",children:[(0,h.jsx)("div",{className:"footer__title",children:t.title}),(0,h.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,h.jsx)(be,{item:e},t)))})]})}function ve(e){let{columns:t}=e;return(0,h.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,h.jsx)(ye,{column:e},t)))})}function we(){return(0,h.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ke(e){let{item:t}=e;return t.html?(0,h.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)(he,{item:t})}function xe(e){let{links:t}=e;return(0,h.jsx)("div",{className:"footer__links text--center",children:(0,h.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,h.jsxs)(a.Fragment,{children:[(0,h.jsx)(ke,{item:e}),t.length!==n+1&&(0,h.jsx)(we,{})]},n)))})})}function Le(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,h.jsx)(ve,{columns:t}):(0,h.jsx)(xe,{links:t})}const Ce={footerLogoLink:"footerLogoLink_K6r0"};function Se(e){let{logo:t}=e;const{withBaseUrl:n}=(0,B.C)(),a={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,h.jsx)($,{className:(0,l.Z)("footer__logo",t.className),alt:t.alt,sources:a,width:t.width,height:t.height,style:t.style})}function _e(e){let{logo:t}=e;return t.href?(0,h.jsx)(M.Z,{href:t.href,className:Ce.footerLogoLink,target:t.target,children:(0,h.jsx)(Se,{logo:t})}):(0,h.jsx)(Se,{logo:t})}function Ae(e){let{copyright:t}=e;return(0,h.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function Pe(e){let{style:t,links:n,logo:a,copyright:o}=e;return(0,h.jsx)("footer",{className:(0,l.Z)("footer",{"footer--dark":"dark"===t}),children:(0,h.jsxs)("div",{className:"container container-fluid",children:[n,(a||o)&&(0,h.jsxs)("div",{className:"footer__bottom text--center",children:[a&&(0,h.jsx)("div",{className:"margin-bottom--sm",children:a}),o]})]})})}function De(){const{footer:e}=(0,f.L)();if(!e)return null;const{copyright:t,links:n,logo:a,style:o}=e;return(0,h.jsx)(Pe,{style:o,links:n&&n.length>0&&(0,h.jsx)(Le,{links:n}),logo:a&&(0,h.jsx)(_e,{logo:a}),copyright:t&&(0,h.jsx)(Ae,{copyright:t})})}const Te=a.memo(De);var Ie=n(5299),Ee=n(2520);const je={mainWrapper:"mainWrapper_Xc8_"};function Re(e){const{children:t,noFooter:n,wrapperClassName:a,title:o,description:r}=e;return(0,d.t)(),(0,h.jsxs)(Ie.Z,{children:[(0,h.jsx)(s.d,{title:o,description:r}),(0,h.jsx)(p.Z,{}),(0,h.jsx)(L,{}),(0,h.jsx)(fe,{}),(0,h.jsx)("div",{id:c.u,className:(0,l.Z)(u.k.wrapper.main,je.mainWrapper,a),children:(0,h.jsx)(Be,{fallback:e=>(0,h.jsx)(Ee.Z,{...e}),children:t})}),!n&&(0,h.jsx)(Te,{})]})}function Ne(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,h.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,h.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,h.jsx)(Fe,{error:t})]})}function Fe(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,h.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function Oe(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)(Be,{fallback:()=>(0,h.jsx)(Ne,{error:t,tryAgain:n}),children:[(0,h.jsx)(r.Z,{children:(0,h.jsx)("title",{children:"Page Error"})}),(0,h.jsx)(Re,{children:(0,h.jsx)(Ne,{error:t,tryAgain:n})})]})}const Me=e=>(0,h.jsx)(Oe,{...e});class Be extends a.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??Me)(e)}return e??null}}},6047:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const a="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:a,canUseEventListeners:a&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:a&&"IntersectionObserver"in window,canUseViewport:a&&"screen"in window}},4491:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});n(959);var a=n(387),o=n(1527);function r(e){return(0,o.jsx)(a.ql,{...e})}},3630:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i,s:()=>r});var a=n(959),o=n(1527);function r(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,a.isValidElement)(e)))?n.map(((e,t)=>(0,a.isValidElement)(e)?a.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}function i(e){let{children:t,values:n}=e;if("string"!=typeof t)throw new Error("The Docusaurus <Interpolate> component only accept simple string values. Received: "+((0,a.isValidElement)(t)?"React element":typeof t));return(0,o.jsx)(o.Fragment,{children:r(t,n)})}},0:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var a=n(959),o=n(9500),r=n(6771),i=n(2688),l=n(8295),s=n(6047),c=n(1527);const u=a.createContext({collectLink:()=>{}});var d=n(9925);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:g,isActive:m,"data-noBrokenLinkCheck":h,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:{trailingSlash:v,baseUrl:w}}=(0,i.Z)(),{withBaseUrl:k}=(0,d.C)(),x=(0,a.useContext)(u),L=(0,a.useRef)(null);(0,a.useImperativeHandle)(t,(()=>L.current));const C=p||f;const S=(0,l.Z)(C),_=C?.replace("pathname://","");let A=void 0!==_?(P=_,b&&(e=>e.startsWith("/"))(P)?k(P):P):void 0;var P;A&&S&&(A=(0,r.applyTrailingSlash)(A,{trailingSlash:v,baseUrl:w}));const D=(0,a.useRef)(!1),T=n?o.OL:o.rU,I=s.Z.canUseIntersectionObserver,E=(0,a.useRef)(),j=()=>{D.current||null==A||(window.docusaurus.preload(A),D.current=!0)};(0,a.useEffect)((()=>(!I&&S&&null!=A&&window.docusaurus.prefetch(A),()=>{I&&E.current&&E.current.disconnect()})),[E,A,I,S]);const R=A?.startsWith("#")??!1,N=!A||!S||R;return N||h||x.collectLink(A),N?(0,c.jsx)("a",{ref:L,href:A,...C&&!S&&{target:"_blank",rel:"noopener noreferrer"},...y}):(0,c.jsx)(T,{...y,onMouseEnter:j,onTouchStart:j,innerRef:e=>{L.current=e,I&&e&&S&&(E.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(E.current.unobserve(e),E.current.disconnect(),null!=A&&window.docusaurus.prefetch(A))}))})),E.current.observe(e))},to:A,...n&&{isActive:m,activeClassName:g}})}const f=a.forwardRef(p)},1603:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const a=()=>null},5374:(e,t,n)=>{"use strict";n.d(t,{I:()=>l,Z:()=>s});n(959);var a=n(3630),o=n(7529),r=n(1527);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return o[t??n]??n??t}function l(e,t){let{message:n,id:o}=e;const r=i({message:n,id:o});return(0,a.s)(r,t)}function s(e){let{children:t,id:n,values:o}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const l=i({message:t,id:n});return(0,r.jsx)(r.Fragment,{children:(0,a.s)(l,o)})}},4684:(e,t,n)=>{"use strict";n.d(t,{m:()=>a});const a="default"},8295:(e,t,n)=>{"use strict";function a(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!a(e)}n.d(t,{Z:()=>o,b:()=>a})},9925:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var a=n(959),o=n(2688),r=n(8295);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,o.Z)(),n=(0,a.useCallback)(((n,a)=>function(e,t,n,a){let{forcePrependBaseUrl:o=!1,absolute:i=!1}=void 0===a?{}:a;if(!n||n.startsWith("#")||(0,r.b)(n))return n;if(o)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,a)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},2688:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(959),o=n(6855);function r(){return(0,a.useContext)(o._)}},7111:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(959),o=n(7752);function r(){return(0,a.useContext)(o._)}},2827:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959);const o=n(6047).Z.canUseDOM?a.useLayoutEffect:a.useEffect},4420:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const a=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[r,i]=n;const l=o?`${o}.${r}`:r;a(i)?e(i,l):t[l]=i}))}(e),t}},2762:(e,t,n)=>{"use strict";n.d(t,{_:()=>r,z:()=>i});var a=n(959),o=n(1527);const r=a.createContext(null);function i(e){let{children:t,value:n}=e;const i=a.useContext(r),l=(0,a.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const a={...t.data,...n?.data};return{plugin:t.plugin,data:a}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(r.Provider,{value:l,children:t})}},9384:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>g,_r:()=>u,zh:()=>d,yW:()=>f,gB:()=>p});var a=n(8903),o=n(2688),r=n(4684);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=function(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,a.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),o=n?.docs.find((e=>!!(0,a.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((a=>{a.id===t&&(n[e.name]=a)}))})),n}(o.id):{}}}const c={},u=()=>i("docusaurus-plugin-content-docs")??c,d=e=>function(e,t,n){void 0===t&&(t=r.m),void 0===n&&(n={});const a=i(e),o=a?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0});function p(e){return d(e).versions}function f(e){const t=d(e);return l(t)}function g(e){const t=d(e),{pathname:n}=(0,a.TH)();return s(t,n)}},3852:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("set","page_path",t.pathname+t.search+t.hash),window.gtag("event","page_view")}))}}},7558:(e,t,n)=>{"use strict";function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}var l=n(959),s=n(507),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(a){var o=d(e[a]);o.loading?t.loading=!0:(t.loaded[a]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[a]=e})).catch((function(e){t.error=e}))}))}catch(a){t.error=a}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return l.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function g(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var g=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),m=null;function h(){return m||(m=e(g.loader)),m.promise}return c.push(h),"function"==typeof g.webpack&&u.push((function(){if((0,g.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return h()})),p=d=function(t){function n(n){var a;return r(o(o(a=t.call(this,n)||this)),"retry",(function(){a.setState({error:null,loading:!0,timedOut:!1}),m=e(g.loader),a._loadModule()})),h(),a.state={error:m.error,pastDelay:!1,timedOut:!1,loading:m.loading,loaded:m.loaded},a}a(n,t),n.preload=function(){return h()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(g.modules)&&g.modules.forEach((function(t){e.context.loadable.report(t)})),m.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof g.delay&&(0===g.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),g.delay)),"number"==typeof g.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),g.timeout));var n=function(){t({error:m.error,loaded:m.loaded,loading:m.loading}),e._clearTimeouts()};m.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?l.createElement(g.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?g.render(this.state.loaded,this.props):null},n}(l.Component),r(d,"contextTypes",{loadable:s.shape({report:s.func.isRequired})}),p}function m(e){return g(d,e)}m.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return g(p,e)};var h=function(e){function t(){return e.apply(this,arguments)||this}a(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return l.Children.only(this.props.children)},t}(l.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}r(h,"propTypes",{report:s.func.isRequired}),r(h,"childContextTypes",{loadable:s.shape({report:s.func.isRequired}).isRequired}),m.Capture=h,m.preloadAll=function(){return new Promise((function(e,t){b(c).then(e,t)}))},m.preloadReady=function(){return new Promise((function(e,t){b(u).then(e,e)}))},e.exports=m},4329:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});var a=n(9981),o=n.n(a);o().configure({showSpinner:!1});const r={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},6070:(e,t,n)=>{"use strict";n.r(t);var a=n(2425),o=n(6809);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:a}=t;globalThis.Prism=e,a.forEach((e=>{"php"===e&&n(1559),n(1422)(`./prism-${e}`)})),delete globalThis.Prism}(a.p1)},2520:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});n(959);var a=n(5374),o=n(809),r=n(6561),i=n(1527);function l(e){let{error:t,tryAgain:n}=e;return(0,i.jsx)("main",{className:"container margin-vert--xl",children:(0,i.jsx)("div",{className:"row",children:(0,i.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,i.jsx)(r.Z,{as:"h1",className:"hero__title",children:(0,i.jsx)(a.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,i.jsx)("div",{className:"margin-vert--lg",children:(0,i.jsx)(o.Cw,{onClick:n,className:"button button--primary shadow--lw"})}),(0,i.jsx)("hr",{}),(0,i.jsx)("div",{className:"margin-vert--md",children:(0,i.jsx)(o.aG,{error:t})})]})})})}},6561:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(5341),o=n(5374),r=n(2593),i=n(0);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_dXVO",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_ZIVZ"};var s=n(1527);function c(e){let{as:t,id:n,...c}=e;const{navbar:{hideOnScroll:u}}=(0,r.L)();if("h1"===t||!n)return(0,s.jsx)(t,{...c,id:void 0});const d=(0,o.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof c.children?c.children:n});return(0,s.jsxs)(t,{...c,className:(0,a.Z)("anchor",u?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,c.className),id:n,children:[c.children,(0,s.jsx)(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":d,title:d,children:"\u200b"})]})}},3815:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});n(959);const a={iconExternalLink:"iconExternalLink_ocOZ"};var o=n(1527);function r(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:a.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},5299:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7399),o=n(1694),r=n(4288),i=n(3707),l=n(1836),s=n(1610),c=n(5160),u=n(1527);const d=(0,a.Qc)([o.S,r.pl,i.OC,l.L5,s.VC,c.V]);function p(e){let{children:t}=e;return(0,u.jsx)(d,{children:t})}},5243:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(5341);const o={navbarSearchContainer:"navbarSearchContainer_Pu8E"};var r=n(1527);function i(e){let{children:t,className:n}=e;return(0,r.jsx)("div",{className:(0,a.Z)(n,o.navbarSearchContainer),children:t})}},6612:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(0),o=n(9925),r=n(8295),i=n(3535),l=n(3815),s=n(1527);function c(e){let{activeBasePath:t,activeBaseRegex:n,to:c,href:u,label:d,html:p,isDropdownLink:f,prependBaseUrlToHref:g,...m}=e;const h=(0,o.Z)(c),b=(0,o.Z)(t),y=(0,o.Z)(u,{forcePrependBaseUrl:!0}),v=d&&u&&!(0,r.Z)(u),w=p?{dangerouslySetInnerHTML:{__html:p}}:{children:(0,s.jsxs)(s.Fragment,{children:[d,v&&(0,s.jsx)(l.Z,{...f&&{width:12,height:12}})]})};return u?(0,s.jsx)(a.Z,{href:g?y:u,...m,...w}):(0,s.jsx)(a.Z,{to:h,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,i.F)(n,t.pathname):t.pathname.startsWith(b)},...m,...w})}},6794:(e,t,n)=>{"use strict";n.d(t,{Z:()=>w});n(959);var a=n(5341),o=n(6612),r=n(1527);function i(e){let{className:t,isDropdownItem:n=!1,...i}=e;const l=(0,r.jsx)(o.Z,{className:(0,a.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...i});return n?(0,r.jsx)("li",{children:l}):l}function l(e){let{className:t,isDropdownItem:n,...i}=e;return(0,r.jsx)("li",{className:"menu__list-item",children:(0,r.jsx)(o.Z,{className:(0,a.Z)("menu__link",t),...i})})}function s(e){let{mobile:t=!1,position:n,...a}=e;const o=t?l:i;return(0,r.jsx)(o,{...a,activeClassName:a.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var c=n(8784),u=n(7412),d=n(1603),p=n(5243);var f=n(9384),g=n(8068);var m=n(1836),h=n(5374),b=n(8903);const y=e=>e.docs.find((t=>t.id===e.mainDocId));const v={default:s,localeDropdown:u.Z,search:function(e){let{mobile:t,className:n}=e;return t?null:(0,r.jsx)(p.Z,{className:n,children:(0,r.jsx)(d.Z,{})})},dropdown:c.Z,html:function(e){let{value:t,className:n,mobile:o=!1,isDropdownItem:i=!1}=e;const l=i?"li":"div";return(0,r.jsx)(l,{className:(0,a.Z)({navbar__item:!o&&!i,"menu__list-item":o},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:a,...o}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.vY)(t,a),c=i?.path===l?.path;return null===l||l.unlisted&&!c?null:(0,r.jsx)(s,{exact:!0,...o,isActive:()=>c||!!i?.sidebar&&i.sidebar===l.sidebar,label:n??l.id,to:l.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:a,...o}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.oz)(t,a).link;if(!l)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,r.jsx)(s,{exact:!0,...o,isActive:()=>i?.sidebar===t,label:n??l.label,to:l.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:a,...o}=e;const i=(0,g.lO)(a)[0],l=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return(0,r.jsx)(s,{...o,label:l,to:c})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:a,dropdownItemsBefore:o,dropdownItemsAfter:i,...l}=e;const{search:u,hash:d}=(0,b.TH)(),p=(0,f.Iw)(n),v=(0,f.gB)(n),{savePreferredVersionName:w}=(0,m.J)(n),k=[...o,...v.map((e=>{const t=p.alternateDocVersions[e.name]??y(e);return{label:e.label,to:`${t.path}${u}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>w(e.name)}})),...i],x=(0,g.lO)(n)[0],L=t&&k.length>1?(0,h.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):x.label,C=t&&k.length>1?void 0:y(x).path;return k.length<=1?(0,r.jsx)(s,{...l,mobile:t,label:L,to:C,isActive:a?()=>!1:void 0}):(0,r.jsx)(c.Z,{...l,mobile:t,label:L,to:C,items:k,isActive:a?()=>!1:void 0})}};function w(e){let{type:t,...n}=e;const a=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=v[a];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,r.jsx)(o,{...n})}},7535:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});n(959);var a=n(4491),o=n(1527);function r(e){let{locale:t,version:n,tag:r}=e;const i=t;return(0,o.jsxs)(a.Z,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),r&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:r}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),r&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:r})]})}},7675:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(9920);const o={skipToContent:"skipToContent_YRel"};var r=n(1527);function i(){return(0,r.jsx)(a.l,{className:o.skipToContent})}},4794:(e,t,n)=>{"use strict";n.d(t,{z:()=>b,u:()=>s});var a=n(959),o=n(6047),r=n(2827);var i=n(1527);const l="ease-in-out";function s(e){let{initialState:t}=e;const[n,o]=(0,a.useState)(t??!1),r=(0,a.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:r}}const c={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?c:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function p(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const r=(0,a.useRef)(!1);(0,a.useEffect)((()=>{const e=t.current;function a(){const t=function(){const t=e.scrollHeight;return{transition:`height ${o?.duration??p(t)}ms ${o?.easing??l}`,height:`${t}px`}}();e.style.transition=t.transition,e.style.height=t.height}if(!r.current)return d(e,n),void(r.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(a(),requestAnimationFrame((()=>{e.style.height=c.height,e.style.overflow=c.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{a()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function g(e){if(!o.Z.canUseDOM)return e?c:u}function m(e){let{as:t="div",collapsed:n,children:o,animation:r,onCollapseTransitionEnd:l,className:s,disableSSRStyle:c}=e;const u=(0,a.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:r}),(0,i.jsx)(t,{ref:u,style:c?void 0:g(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(u.current,n),l?.(n))},className:s,children:o})}function h(e){let{collapsed:t,...n}=e;const[o,l]=(0,a.useState)(!t),[s,c]=(0,a.useState)(t);return(0,r.Z)((()=>{t||l(!0)}),[t]),(0,r.Z)((()=>{o&&c(t)}),[o,t]),o?(0,i.jsx)(m,{...n,collapsed:s}):null}function b(e){let{lazy:t,...n}=e;const a=t?h:m;return(0,i.jsx)(a,{...n})}},4288:(e,t,n)=>{"use strict";n.d(t,{nT:()=>m,pl:()=>g});var a=n(959),o=n(7111),r=n(6340),i=n(7399),l=n(2593),s=n(1527);const c=(0,r.WA)("docusaurus.announcement.dismiss"),u=(0,r.WA)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=a.createContext(null);function g(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,o.Z)(),[n,r]=(0,a.useState)((()=>!!t&&d()));(0,a.useEffect)((()=>{r(d())}),[]);const i=(0,a.useCallback)((()=>{p(!0),r(!0)}),[]);return(0,a.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const a=t!==n;u.set(t),a&&p(!1),!a&&d()||r(!1)}),[e]),(0,a.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,s.jsx)(f.Provider,{value:n,children:t})}function m(){const e=(0,a.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},1694:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>h});var a=n(959),o=n(6047),r=n(7399),i=n(6340),l=n(2593),s=n(1527);const c=a.createContext(void 0),u="theme",d=(0,i.WA)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,g=e=>o.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),m=e=>{d.set(f(e))};function h(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[o,r]=(0,a.useState)(g(e));(0,a.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,a.useCallback)((function(t,a){void 0===a&&(a={});const{persist:o=!0}=a;t?(r(t),o&&m(t)):(r(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,a.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,a.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,a.useRef)(!1);return(0,a.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(a),()=>e.removeListener(a)}),[i,t,n]),(0,a.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,s.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,a.useContext)(c);if(null==e)throw new r.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1836:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b});var a=n(959),o=n(9384),r=n(4684),i=n(2593),l=n(8068),s=n(7399),c=n(6340),u=n(1527);const d=e=>`docs-preferred-version-${e}`,p={save:(e,t,n)=>{(0,c.WA)(d(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(d(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(d(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const g=a.createContext(null);function m(){const e=(0,o._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,a.useMemo)((()=>Object.keys(e)),[e]),[r,l]=(0,a.useState)((()=>f(n)));(0,a.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:a}=e;function o(e){const t=p.read(e,n);return a[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[r,(0,a.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,u.jsx)(g.Provider,{value:n,children:t})}function b(e){let{children:t}=e;return l.cE?(0,u.jsx)(h,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function y(){const e=(0,a.useContext)(g);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=r.m);const t=(0,o.zh)(e),[n,i]=y(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,a.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},5580:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,e:()=>b});var a=n(959),o=n(5195),r=n(6047);const i={desktop:"desktop",mobile:"mobile",ssr:"ssr"},l=996;function s(){const[e,t]=(0,a.useState)((()=>"ssr"));return(0,a.useEffect)((()=>{function e(){t(function(){if(!r.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>l?i.desktop:i.mobile}())}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e}var c=n(8903),u=n(7399);function d(e){!function(e){const t=(0,c.k6)(),n=(0,u.zX)(e);(0,a.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var p=n(2593),f=n(1527);const g=a.createContext(void 0);function m(){const e=function(){const e=(0,o.HY)(),{items:t}=(0,p.L)().navbar;return 0===t.length&&!e.component}(),t=s(),n=!e&&"mobile"===t,[r,i]=(0,a.useState)(!1);d((()=>{if(r)return i(!1),!1}));const l=(0,a.useCallback)((()=>{i((e=>!e))}),[]);return(0,a.useEffect)((()=>{"desktop"===t&&i(!1)}),[t]),(0,a.useMemo)((()=>({disabled:e,shouldRender:n,toggle:l,shown:r})),[e,n,l,r])}function h(e){let{children:t}=e;const n=m();return(0,f.jsx)(g.Provider,{value:n,children:t})}function b(){const e=a.useContext(g);if(void 0===e)throw new u.i6("NavbarMobileSidebarProvider");return e}},5195:(e,t,n)=>{"use strict";n.d(t,{HY:()=>s,n2:()=>l});var a=n(959),o=n(7399),r=n(1527);const i=a.createContext(null);function l(e){let{children:t}=e;const n=(0,a.useState)({component:null,props:null});return(0,r.jsx)(i.Provider,{value:n,children:t})}function s(){const e=(0,a.useContext)(i);if(!e)throw new o.i6("NavbarSecondaryMenuContentProvider");return e[0]}},1900:(e,t,n)=>{"use strict";n.d(t,{P:()=>c,Y:()=>d});var a=n(959),o=n(7399),r=n(5580),i=n(5195),l=n(1527);const s=a.createContext(null);function c(e){let{children:t}=e;const n=function(){const e=(0,r.e)(),t=(0,i.HY)(),[n,l]=(0,a.useState)(!1),s=null!==t.component,c=(0,o.D9)(s);return(0,a.useEffect)((()=>{s&&!c&&l(!0)}),[s,c]),(0,a.useEffect)((()=>{s?e.shown||l(!0):l(!1)}),[e.shown,s]),(0,a.useMemo)((()=>[n,l]),[n])}();return(0,l.jsx)(s.Provider,{value:n,children:t})}function u(e){if(e.component){const t=e.component;return(0,l.jsx)(t,{...e.props})}}function d(){const e=(0,a.useContext)(s);if(!e)throw new o.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,r=(0,a.useCallback)((()=>n(!1)),[n]),l=(0,i.HY)();return(0,a.useMemo)((()=>({shown:t,hide:r,content:u(l)})),[r,l,t])}},864:(e,t,n)=>{"use strict";n.d(t,{h:()=>o,t:()=>r});var a=n(959);const o="navigation-with-keyboard";function r(){(0,a.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},421:(e,t,n)=>{"use strict";n.d(t,{k:()=>a});const a={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},8068:(e,t,n)=>{"use strict";n.d(t,{cE:()=>l,lO:()=>s,vY:()=>u,oz:()=>c});var a=n(959),o=n(9384),r=n(1836);function i(e){return Array.from(new Set(e))}const l=!!o._r;function s(e){const{activeVersion:t}=(0,o.Iw)(e),{preferredVersion:n}=(0,r.J)(e),l=(0,o.yW)(e);return(0,a.useMemo)((()=>i([t,n,l].filter(Boolean))),[t,n,l])}function c(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),a=t.find((t=>t[0]===e));if(!a)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return a[1]}),[e,n])}function u(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),a=t.find((t=>t.id===e));if(!a){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${i(t.map((e=>e.id))).join("\n- ")}`)}return a}),[e,n])}},809:(e,t,n)=>{"use strict";n.d(t,{aG:()=>c,Cw:()=>s,QW:()=>u});var a=n(959),o=n(5374),r=n(6771);const i={errorBoundaryError:"errorBoundaryError_t44J",errorBoundaryFallback:"errorBoundaryFallback_HTeJ"};var l=n(1527);function s(e){return(0,l.jsx)("button",{type:"button",...e,children:(0,l.jsx)(o.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function c(e){let{error:t}=e;const n=(0,r.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{className:i.errorBoundaryError,children:n})}class u extends a.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}},1610:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>d,VC:()=>g});var a=n(959),o=n(5341),r=n(4491),i=n(2762);function l(){const e=a.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(9925),c=n(2688);var u=n(1527);function d(e){let{title:t,description:n,keywords:a,image:o,children:i}=e;const l=function(e){const{siteConfig:t}=(0,c.Z)(),{title:n,titleDelimiter:a}=t;return e?.trim().length?`${e.trim()} ${a} ${n}`:n}(t),{withBaseUrl:d}=(0,s.C)(),p=o?d(o,{absolute:!0}):void 0;return(0,u.jsxs)(r.Z,{children:[t&&(0,u.jsx)("title",{children:l}),t&&(0,u.jsx)("meta",{property:"og:title",content:l}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),a&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(a)?a.join(","):a}),p&&(0,u.jsx)("meta",{property:"og:image",content:p}),p&&(0,u.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=a.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=a.useContext(p),l=(0,o.Z)(i,t);return(0,u.jsxs)(p.Provider,{value:l,children:[(0,u.jsx)(r.Z,{children:(0,u.jsx)("html",{className:l})}),n]})}function g(e){let{children:t}=e;const n=l(),a=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const r=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,o.Z)(a,r),children:t})}},5160:(e,t,n)=>{"use strict";n.d(t,{A:()=>s,V:()=>c});n(959);var a=n(5580),o=n(5195),r=n(1900),i=n(1527);const l="right";function s(e){function t(e){return"left"===(e.position??l)}return[e.filter(t),e.filter((e=>!t(e)))]}function c(e){let{children:t}=e;return(0,i.jsx)(o.n2,{children:(0,i.jsx)(a.M,{children:(0,i.jsx)(r.P,{children:t})})})}},7399:(e,t,n)=>{"use strict";n.d(t,{D9:()=>l,Qc:()=>u,Ql:()=>c,i6:()=>s,zX:()=>i});var a=n(959),o=n(2827),r=n(1527);function i(e){const t=(0,a.useRef)(e);return(0,o.Z)((()=>{t.current=e}),[e]),(0,a.useCallback)((function(){return t.current(...arguments)}),[])}function l(e){const t=(0,a.useRef)();return(0,o.Z)((()=>{t.current=e})),t.current}class s extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,a.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,r.jsx)(r.Fragment,{children:e.reduceRight(((e,t)=>(0,r.jsx)(t,{children:e})),n)})}}},3535:(e,t,n)=>{"use strict";function a(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{F:()=>a})},3707:(e,t,n)=>{"use strict";n.d(t,{OC:()=>s,RF:()=>d});var a=n(959),o=n(6047),r=(n(7111),n(2827),n(7399)),i=n(1527);const l=a.createContext(void 0);function s(e){let{children:t}=e;const n=function(){const e=(0,a.useRef)(!0);return(0,a.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,i.jsx)(l.Provider,{value:n,children:t})}function c(){const e=(0,a.useContext)(l);if(null==e)throw new r.i6("ScrollControllerProvider");return e}const u=()=>o.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),o=(0,a.useRef)(u()),i=(0,r.zX)(e);(0,a.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();i(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[i,n,...t])}},9920:(e,t,n)=>{"use strict";n.d(t,{l:()=>p,u:()=>s});var a=n(959),o=n(8903),r=n(5374),i=n(5508),l=n(1527);const s="__docusaurus_skipToContent_fallback";function c(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function u(){const e=(0,a.useRef)(null),{action:t}=(0,o.k6)(),n=(0,a.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(s);t&&c(t)}),[]);return(0,i.S)((n=>{let{location:a}=n;e.current&&!a.hash&&"PUSH"===t&&c(e.current)})),{containerRef:e,onClick:n}}const d=(0,r.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function p(e){const t=e.children??d,{containerRef:n,onClick:a}=u();return(0,l.jsx)("div",{ref:n,role:"region","aria-label":d,children:(0,l.jsx)("a",{...e,href:`#${s}`,onClick:a,children:t})})}},6340:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(959);const a="localStorage";function o(e){let{key:t,oldValue:n,newValue:a,storage:o}=e;if(n===a)return;const r=document.createEvent("StorageEvent");r.initStorageEvent("storage",!1,!1,t,n,a,window.location.href,o),window.dispatchEvent(r)}function r(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=r(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const a=n.getItem(e);n.setItem(e,t),o({key:e,oldValue:a,newValue:t,storage:n})}catch(a){console.error(`Docusaurus storage error, can't set ${e}=${t}`,a)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),o({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const a=a=>{a.storageArea===n&&a.key===e&&t(a)};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)}catch(a){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,a),()=>{}}}}}},8224:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var a=n(2688),o=n(8903),r=n(6771);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:l}}=(0,a.Z)(),{pathname:s}=(0,o.TH)(),c=(0,r.applyTrailingSlash)(s,{trailingSlash:n,baseUrl:e}),u=l===i?e:e.replace(`/${l}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:a}=e;return`${a?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},5508:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var a=n(959),o=n(8903),r=n(7399);function i(e){const t=(0,o.TH)(),n=(0,r.D9)(t),i=(0,r.zX)(e);(0,a.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},2593:(e,t,n)=>{"use strict";n.d(t,{L:()=>o});var a=n(2688);function o(){return(0,a.Z)().siteConfig.themeConfig}},6115:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:a}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[o]=e.split(/[#?]/),r="/"===o||o===a?o:(i=o,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(o,r)}},6901:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},6771:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var o=n(6115);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return a(o).default}});var r=n(6901);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return r.getErrorCausalChain}})},8784:(e,t,n)=>{"use strict";n.d(t,{Z:()=>h});var a=n(959),o=n(5341),r=n(3535),i=n(4794),l=(n(6002),n(2688));var s=n(8903);var c=n(6612),u=n(6794);const d={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_JUhd"};var p=n(1527);function f(e,t){return e.some((e=>function(e,t){return!!function(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}(e.to,t)||!!(0,r.F)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function g(e){let{items:t,position:n,className:r,onClick:i,...l}=e;const s=(0,a.useRef)(null),[d,f]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{const e=e=>{s.current&&!s.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[s]),(0,p.jsxs)("div",{ref:s,className:(0,o.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":d}),children:[(0,p.jsx)(c.Z,{"aria-haspopup":"true","aria-expanded":d,role:"button",href:l.to?void 0:"#",className:(0,o.Z)("navbar__link",r),...l,onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),f(!d))},children:l.children??l.label}),(0,p.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,a.createElement)(u.Z,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function m(e){let{items:t,className:n,position:r,onClick:g,...m}=e;const h=function(){const{siteConfig:{baseUrl:e}}=(0,l.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),b=f(t,h),{collapsed:y,toggleCollapsed:v,setCollapsed:w}=(0,i.u)({initialState:()=>!b});return(0,a.useEffect)((()=>{b&&w(!b)}),[h,b,w]),(0,p.jsxs)("li",{className:(0,o.Z)("menu__list-item",{"menu__list-item--collapsed":y}),children:[(0,p.jsx)(c.Z,{role:"button",className:(0,o.Z)(d.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...m,onClick:e=>{e.preventDefault(),v()},children:m.children??m.label}),(0,p.jsx)(i.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:y,children:t.map(((e,t)=>(0,a.createElement)(u.Z,{mobile:!0,isDropdownItem:!0,onClick:g,activeClassName:"menu__link--active",...e,key:t})))})]})}function h(e){let{mobile:t=!1,...n}=e;const a=t?m:g;return(0,p.jsx)(a,{...n})}},7412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});n(959);var a=n(2688),o=n(8224),r=n(8903),i=n(8784),l=n(1527);function s(e){let{width:t=20,height:n=20,...a}=e;return(0,l.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...a,children:(0,l.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const c={iconLanguage:"iconLanguage_DSK9"};function u(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:u,queryString:d="",whiteTheme:p=!1,...f}=e;const{i18n:{currentLocale:g,locales:m,localeConfigs:h}}=(0,a.Z)(),b=(0,o.l)(),{search:y,hash:v}=(0,r.TH)(),w=[...n,...m.map((e=>{const n=`${`pathname://${b.createUrl({locale:e,fullyQualified:!1})}`}${y}${v}${d}`;return{label:h[e].label,lang:h[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===g?t?"menu__link--active":"dropdown__link--active":""}})),...u];return(0,l.jsx)(i.Z,{...f,mobile:t,label:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{className:c.iconLanguage}),h[g].label]}),items:w})}},4047:(e,t,n)=>{"use strict";n.d(t,{lX:()=>w,q_:()=>_,ob:()=>f,PP:()=>P,Ep:()=>p});var a=n(6920);function o(e){return"/"===e.charAt(0)}function r(e,t){for(var n=t,a=n+1,o=e.length;a<o;n+=1,a+=1)e[n]=e[a];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,a=e&&e.split("/")||[],i=t&&t.split("/")||[],l=e&&o(e),s=t&&o(t),c=l||s;if(e&&o(e)?i=a:a.length&&(i.pop(),i=i.concat(a)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?r(i,p):".."===f?(r(i,p),d++):d&&(r(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var g=i.join("/");return n&&"/"!==g.substr(-1)&&(g+="/"),g};var l=n(8624);function s(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,a=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(o+="#"===a.charAt(0)?a:"#"+a),o}function f(e,t,n,o){var r;"string"==typeof e?(r=function(e){var t=e||"/",n="",a="",o=t.indexOf("#");-1!==o&&(a=t.substr(o),t=t.substr(0,o));var r=t.indexOf("?");return-1!==r&&(n=t.substr(r),t=t.substr(0,r)),{pathname:t,search:"?"===n?"":n,hash:"#"===a?"":a}}(e),r.state=t):(void 0===(r=(0,a.Z)({},e)).pathname&&(r.pathname=""),r.search?"?"!==r.search.charAt(0)&&(r.search="?"+r.search):r.search="",r.hash?"#"!==r.hash.charAt(0)&&(r.hash="#"+r.hash):r.hash="",void 0!==t&&void 0===r.state&&(r.state=t));try{r.pathname=decodeURI(r.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+r.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(r.key=n),o?r.pathname?"/"!==r.pathname.charAt(0)&&(r.pathname=i(r.pathname,o.pathname)):r.pathname=o.pathname:r.pathname||(r.pathname="/"),r}function g(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,a,o){if(null!=e){var r="function"==typeof e?e(t,n):e;"string"==typeof r?"function"==typeof a?a(r,o):o(!0):o(!1!==r)}else o(!0)},appendListener:function(e){var n=!0;function a(){n&&e.apply(void 0,arguments)}return t.push(a),function(){n=!1,t=t.filter((function(e){return e!==a}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];t.forEach((function(e){return e.apply(void 0,n)}))}}}var m=!("undefined"==typeof window||!window.document||!window.document.createElement);function h(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,r=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,k=i.getUserConfirmation,x=void 0===k?h:k,L=i.keyLength,C=void 0===L?6:L,S=e.basename?d(s(e.basename)):"";function _(e){var t=e||{},n=t.key,a=t.state,o=window.location,r=o.pathname+o.search+o.hash;return S&&(r=u(r,S)),f(r,a,n)}function A(){return Math.random().toString(36).substr(2,C)}var P=g();function D(e){(0,a.Z)(q,e),q.length=n.length,P.notifyListeners(q.location,q.action)}function T(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||j(_(e.state))}function I(){j(_(v()))}var E=!1;function j(e){if(E)E=!1,D();else{P.confirmTransitionTo(e,"POP",x,(function(t){t?D({action:"POP",location:e}):function(e){var t=q.location,n=N.indexOf(t.key);-1===n&&(n=0);var a=N.indexOf(e.key);-1===a&&(a=0);var o=n-a;o&&(E=!0,O(o))}(e)}))}}var R=_(v()),N=[R.key];function F(e){return S+p(e)}function O(e){n.go(e)}var M=0;function B(e){1===(M+=e)&&1===e?(window.addEventListener(b,T),r&&window.addEventListener(y,I)):0===M&&(window.removeEventListener(b,T),r&&window.removeEventListener(y,I))}var z=!1;var q={length:n.length,action:"POP",location:R,createHref:F,push:function(e,t){var a="PUSH",r=f(e,t,A(),q.location);P.confirmTransitionTo(r,a,x,(function(e){if(e){var t=F(r),i=r.key,l=r.state;if(o)if(n.pushState({key:i,state:l},null,t),w)window.location.href=t;else{var s=N.indexOf(q.location.key),c=N.slice(0,s+1);c.push(r.key),N=c,D({action:a,location:r})}else window.location.href=t}}))},replace:function(e,t){var a="REPLACE",r=f(e,t,A(),q.location);P.confirmTransitionTo(r,a,x,(function(e){if(e){var t=F(r),i=r.key,l=r.state;if(o)if(n.replaceState({key:i,state:l},null,t),w)window.location.replace(t);else{var s=N.indexOf(q.location.key);-1!==s&&(N[s]=r.key),D({action:a,location:r})}else window.location.replace(t)}}))},go:O,goBack:function(){O(-1)},goForward:function(){O(1)},block:function(e){void 0===e&&(e=!1);var t=P.setPrompt(e);return z||(B(1),z=!0),function(){return z&&(z=!1,B(-1)),t()}},listen:function(e){var t=P.appendListener(e);return B(1),function(){B(-1),t()}}};return q}var k="hashchange",x={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:s},slash:{encodePath:s,decodePath:s}};function L(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function C(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function S(e){window.location.replace(L(window.location.href)+"#"+e)}function _(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,r=void 0===o?h:o,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(s(e.basename)):"",y=x[c],v=y.encodePath,w=y.decodePath;function _(){var e=w(C());return b&&(e=u(e,b)),f(e)}var A=g();function P(e){(0,a.Z)(z,e),z.length=t.length,A.notifyListeners(z.location,z.action)}var D=!1,T=null;function I(){var e,t,n=C(),a=v(n);if(n!==a)S(a);else{var o=_(),i=z.location;if(!D&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(T===p(o))return;T=null,function(e){if(D)D=!1,P();else{var t="POP";A.confirmTransitionTo(e,t,r,(function(n){n?P({action:t,location:e}):function(e){var t=z.location,n=N.lastIndexOf(p(t));-1===n&&(n=0);var a=N.lastIndexOf(p(e));-1===a&&(a=0);var o=n-a;o&&(D=!0,F(o))}(e)}))}}(o)}}var E=C(),j=v(E);E!==j&&S(j);var R=_(),N=[p(R)];function F(e){t.go(e)}var O=0;function M(e){1===(O+=e)&&1===e?window.addEventListener(k,I):0===O&&window.removeEventListener(k,I)}var B=!1;var z={length:t.length,action:"POP",location:R,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=L(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",a=f(e,void 0,void 0,z.location);A.confirmTransitionTo(a,n,r,(function(e){if(e){var t=p(a),o=v(b+t);if(C()!==o){T=t,function(e){window.location.hash=e}(o);var r=N.lastIndexOf(p(z.location)),i=N.slice(0,r+1);i.push(t),N=i,P({action:n,location:a})}else P()}}))},replace:function(e,t){var n="REPLACE",a=f(e,void 0,void 0,z.location);A.confirmTransitionTo(a,n,r,(function(e){if(e){var t=p(a),o=v(b+t);C()!==o&&(T=t,S(o));var r=N.indexOf(p(z.location));-1!==r&&(N[r]=t),P({action:n,location:a})}}))},go:F,goBack:function(){F(-1)},goForward:function(){F(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return B||(M(1),B=!0),function(){return B&&(B=!1,M(-1)),t()}},listen:function(e){var t=A.appendListener(e);return M(1),function(){M(-1),t()}}};return z}function A(e,t,n){return Math.min(Math.max(e,t),n)}function P(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,r=void 0===o?["/"]:o,i=t.initialIndex,l=void 0===i?0:i,s=t.keyLength,c=void 0===s?6:s,u=g();function d(e){(0,a.Z)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function m(){return Math.random().toString(36).substr(2,c)}var h=A(l,0,r.length-1),b=r.map((function(e){return f(e,void 0,"string"==typeof e?m():e.key||m())})),y=p;function v(e){var t=A(w.index+e,0,w.entries.length-1),a=w.entries[t];u.confirmTransitionTo(a,"POP",n,(function(e){e?d({action:"POP",location:a,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[h],index:h,entries:b,createHref:y,push:function(e,t){var a="PUSH",o=f(e,t,m(),w.location);u.confirmTransitionTo(o,a,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:a,location:o,index:t,entries:n})}}))},replace:function(e,t){var a="REPLACE",o=f(e,t,m(),w.location);u.confirmTransitionTo(o,a,n,(function(e){e&&(w.entries[w.index]=o,d({action:a,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},2535:(e,t,n)=>{"use strict";var a=n(6237),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},r={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return a.isMemo(e)?i:l[e.$$typeof]||o}l[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[a.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,g=Object.prototype;e.exports=function e(t,n,a){if("string"!=typeof n){if(g){var o=f(n);o&&o!==g&&e(t,o,a)}var i=u(n);d&&(i=i.concat(d(n)));for(var l=s(t),m=s(n),h=0;h<i.length;++h){var b=i[h];if(!(r[b]||a&&a[b]||m&&m[b]||l&&l[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},3670:e=>{"use strict";e.exports=function(e,t,n,a,o,r,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,a,o,r,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},901:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},89:(e,t,n)=>{"use strict";n.r(t)},962:(e,t,n)=>{"use strict";n.r(t)},1245:(e,t,n)=>{"use strict";n.r(t)},9981:function(e,t,n){var a,o;a=function(){var e,t,n={version:"0.2.0"},a=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function r(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===a.positionUsing?{transform:"translate3d("+r(e)+"%,0,0)"}:"translate"===a.positionUsing?{transform:"translate("+r(e)+"%,0)"}:{"margin-left":r(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(a[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,a.minimum,1),n.status=1===e?null:e;var r=n.render(!t),c=r.querySelector(a.barSelector),u=a.speed,d=a.easing;return r.offsetWidth,l((function(t){""===a.positionUsing&&(a.positionUsing=n.getPositioningCSS()),s(c,i(e,u,d)),1===e?(s(r,{transition:"none",opacity:1}),r.offsetWidth,setTimeout((function(){s(r,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),a.trickleSpeed)};return a.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*a.trickleRate)},e=0,t=0,n.promise=function(a){return a&&"resolved"!==a.state()?(0===t&&n.start(),e++,t++,a.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=a.template;var o,i=t.querySelector(a.barSelector),l=e?"-100":r(n.status||0),c=document.querySelector(a.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),a.showSpinner||(o=t.querySelector(a.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(a.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function a(t){var n=document.body.style;if(t in n)return t;for(var a,o=e.length,r=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((a=e[o]+r)in n)return a;return t}function o(e){return e=n(e),t[e]||(t[e]=a(e))}function r(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,a,o=arguments;if(2==o.length)for(n in t)void 0!==(a=t[n])&&t.hasOwnProperty(n)&&r(e,n,a);else r(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),a=n+t;c(n,t)||(e.className=a.substring(1))}function d(e,t){var n,a=p(e);c(e,t)&&(n=a.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof a?a.call(t,n,t,e):a)||(e.exports=o)},7720:(e,t,n)=>{var a=n(901);e.exports=f,e.exports.parse=r,e.exports.compile=function(e,t){return l(r(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function r(e,t){for(var n,a=[],r=0,i=0,l="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(l+=e.slice(i,f),i=f+d.length,p)l+=p[1];else{var g=e[i],m=n[2],h=n[3],b=n[4],y=n[5],v=n[6],w=n[7];l&&(a.push(l),l="");var k=null!=m&&null!=g&&g!==m,x="+"===v||"*"===v,L="?"===v||"*"===v,C=n[2]||u,S=b||y;a.push({name:h||r++,prefix:m||"",delimiter:C,optional:L,repeat:x,partial:k,asterisk:!!w,pattern:S?c(S):w?".*":"[^"+s(C)+"]+?"})}}return i<e.length&&(l+=e.substr(i)),l&&a.push(l),a}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function l(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var r="",l=t||{},s=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=l[u.name];if(null==p){if(u.optional){u.partial&&(r+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(a(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=s(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");r+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):s(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');r+=u.prefix+d}}else r+=u}return r}}function s(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){a(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,r=!1!==n.end,i="",l=0;l<e.length;l++){var c=e[l];if("string"==typeof c)i+=s(c);else{var p=s(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var g=s(n.delimiter||"/"),m=i.slice(-g.length)===g;return o||(i=(m?i.slice(0,-g.length):i)+"(?:"+g+"(?=$))?"),i+=r?"$":o&&m?"":"(?="+g+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return a(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var a=0;a<n.length;a++)t.push({name:a,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):a(e)?function(e,t,n){for(var a=[],o=0;o<e.length;o++)a.push(f(e[o],t,n).source);return u(new RegExp("(?:"+a.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(r(e,n),t,n)}(e,t,n)}},1064:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},1884:(e,t,n)=>{const a=n(1064),o=n(6474),r=new Set;function i(e){void 0===e?e=Object.keys(a.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...r,...Object.keys(Prism.languages)];o(a,e,t).load((e=>{if(!(e in a.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(2928).resolve(t)],delete Prism.languages[e],n(2928)(t),r.add(e)}))}i.silent=!1,e.exports=i},1559:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,o,r){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof r&&!r(e))return e;for(var o,l=i.length;-1!==n.code.indexOf(o=t(a,l));)++l;return i[l]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var o=0,r=Object.keys(n.tokenStack);!function i(l){for(var s=0;s<l.length&&!(o>=r.length);s++){var c=l[s];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=r[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(a,u),g=p.indexOf(f);if(g>-1){++o;var m=p.substring(0,g),h=new e.Token(a,e.tokenize(d,n.grammar),"language-"+a,d),b=p.substring(g+f.length),y=[];m&&y.push.apply(y,i([m])),y.push(h),b&&y.push.apply(y,i([b])),"string"==typeof c?l.splice.apply(l,[s,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return l}(n.tokens)}}}})}(Prism)},2928:(e,t,n)=>{var a={"./":1884};function o(e){var t=r(e);return n(t)}function r(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}o.keys=function(){return Object.keys(a)},o.resolve=r,e.exports=o,o.id=2928},6474:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,a=e.length;n<a;n++)t[e[n]]=!0;return t}function a(e){var n={},a=[];function o(a,r){if(!(a in n)){r.push(a);var i=r.indexOf(a);if(i<r.length-1)throw new Error("Circular dependency: "+r.slice(i).join(" -> "));var l={},s=e[a];if(s){function c(t){if(!(t in e))throw new Error(a+" depends on an unknown component "+t);if(!(t in l))for(var i in o(t,r),l[t]=!0,n[t])l[i]=!0}t(s.require,c),t(s.optional,c),t(s.modify,c)}n[a]=l,r.pop()}}return function(e){var t=n[e];return t||(o(e,a),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(r,i,l){var s=function(e){var t={};for(var n in e){var a=e[n];for(var o in a)if("meta"!=o){var r=a[o];t[o]="string"==typeof r?{title:r}:r}}return t}(r),c=function(e){var n;return function(a){if(a in e)return a;if(!n)for(var o in n={},e){var r=e[o];t(r&&r.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[a]||a}}(s);i=i.map(c),l=(l||[]).map(c);var u=n(i),d=n(l);i.forEach((function e(n){var a=s[n];t(a&&a.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=a(s),g=u;o(g);){for(var m in p={},g){var h=s[m];t(h&&h.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in g=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,a,o){var r=o?o.series:void 0,i=o?o.parallel:e,l={},s={};function c(e){if(e in l)return l[e];s[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=a(e);else{var p=i(u.map((function(e){var t=c(e);return delete s[e],t})));r?o=r(p,(function(){return a(e)})):a(e)}return l[e]=o}for(var u in n)c(u);var d=[];for(var p in s)d.push(l[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},4049:(e,t,n)=>{"use strict";var a=n(6257);function o(){}function r(){}r.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,r,i){if(i!==a){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:r,resetWarningCache:o};return n.PropTypes=n,n}},507:(e,t,n)=>{e.exports=n(4049)()},6257:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},3746:(e,t,n)=>{"use strict";var a=n(959),o=n(2962);function r(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,l={};function s(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(l[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},g={};function m(e,t,n,a,o,r,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=a,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=r,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new m(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new m(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new m(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new m(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new m(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new m(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,a){var o=h.hasOwnProperty(t)?h[t]:null;(null!==o?0!==o.type:a||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,a){if(null==t||function(e,t,n,a){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!a&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,a))return!0;if(a)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,a)&&(n=null),a||null===o?function(e){return!!d.call(g,e)||!d.call(f,e)&&(p.test(e)?g[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,a=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,a?e.setAttributeNS(a,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,k=Symbol.for("react.element"),x=Symbol.for("react.portal"),L=Symbol.for("react.fragment"),C=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),_=Symbol.for("react.provider"),A=Symbol.for("react.context"),P=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),E=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var j=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var R=Symbol.iterator;function N(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=R&&e[R]||e["@@iterator"])?e:null}var F,O=Object.assign;function M(e){if(void 0===F)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);F=t&&t[1]||""}return"\n"+F+e}var B=!1;function z(e,t){if(!e||B)return"";B=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var a=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){a=c}e.call(t.prototype)}else{try{throw Error()}catch(c){a=c}e()}}catch(c){if(c&&a&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),r=a.stack.split("\n"),i=o.length-1,l=r.length-1;1<=i&&0<=l&&o[i]!==r[l];)l--;for(;1<=i&&0<=l;i--,l--)if(o[i]!==r[l]){if(1!==i||1!==l)do{if(i--,0>--l||o[i]!==r[l]){var s="\n"+o[i].replace(" at new "," at ");return e.displayName&&s.includes("<anonymous>")&&(s=s.replace("<anonymous>",e.displayName)),s}}while(1<=i&&0<=l);break}}}finally{B=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?M(e):""}function q(e){switch(e.tag){case 5:return M(e.type);case 16:return M("Lazy");case 13:return M("Suspense");case 19:return M("SuspenseList");case 0:case 2:case 15:return e=z(e.type,!1);case 11:return e=z(e.type.render,!1);case 1:return e=z(e.type,!0);default:return""}}function U(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case L:return"Fragment";case x:return"Portal";case S:return"Profiler";case C:return"StrictMode";case D:return"Suspense";case T:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case A:return(e.displayName||"Context")+".Consumer";case _:return(e._context.displayName||"Context")+".Provider";case P:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case I:return null!==(t=e.displayName||null)?t:U(e.type)||"Memo";case E:t=e._payload,e=e._init;try{return U(e(t))}catch(n){}}return null}function $(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return U(t);case 8:return t===C?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function G(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function W(e){e._valueTracker||(e._valueTracker=function(e){var t=G(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),a=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,r=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){a=""+e,r.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(e){a=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function Z(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),a="";return e&&(a=G(e)?e.checked?"true":"false":e.value),(e=a)!==n&&(t.setValue(e),!0)}function V(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return O({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,a=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:a,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function K(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function X(e,t){K(e,t);var n=H(t.value),a=t.type;if(null!=n)"number"===a?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===a||"reset"===a)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function J(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var a=t.type;if(!("submit"!==a&&"reset"!==a||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&V(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,a){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&a&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(a&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function ae(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(r(91));return O({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(r(92));if(te(n)){if(1<n.length)throw Error(r(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function re(e,t){var n=H(t.value),a=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=a&&(e.defaultValue=""+a)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function le(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function se(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?le(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,a){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ge=["Webkit","ms","Moz","O"];function me(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function he(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var a=0===n.indexOf("--"),o=me(n,t[n],a);"float"===n&&(n="cssFloat"),a?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){ge.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=O({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(r(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(r(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(r(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(r(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function ke(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var xe=null,Le=null,Ce=null;function Se(e){if(e=wo(e)){if("function"!=typeof xe)throw Error(r(280));var t=e.stateNode;t&&(t=xo(t),xe(e.stateNode,e.type,t))}}function _e(e){Le?Ce?Ce.push(e):Ce=[e]:Le=e}function Ae(){if(Le){var e=Le,t=Ce;if(Ce=Le=null,Se(e),t)for(e=0;e<t.length;e++)Se(t[e])}}function Pe(e,t){return e(t)}function De(){}var Te=!1;function Ie(e,t,n){if(Te)return e(t,n);Te=!0;try{return Pe(e,t,n)}finally{Te=!1,(null!==Le||null!==Ce)&&(De(),Ae())}}function Ee(e,t){var n=e.stateNode;if(null===n)return null;var a=xo(n);if(null===a)return null;n=a[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(a=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!a;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(r(231,t,typeof n));return n}var je=!1;if(u)try{var Re={};Object.defineProperty(Re,"passive",{get:function(){je=!0}}),window.addEventListener("test",Re,Re),window.removeEventListener("test",Re,Re)}catch(ue){je=!1}function Ne(e,t,n,a,o,r,i,l,s){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var Fe=!1,Oe=null,Me=!1,Be=null,ze={onError:function(e){Fe=!0,Oe=e}};function qe(e,t,n,a,o,r,i,l,s){Fe=!1,Oe=null,Ne.apply(ze,arguments)}function Ue(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function $e(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(Ue(e)!==e)throw Error(r(188))}function Ge(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=Ue(e)))throw Error(r(188));return t!==e?null:e}for(var n=e,a=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(a=o.return)){n=a;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===a)return He(o),t;i=i.sibling}throw Error(r(188))}if(n.return!==a.return)n=o,a=i;else{for(var l=!1,s=o.child;s;){if(s===n){l=!0,n=o,a=i;break}if(s===a){l=!0,a=o,n=i;break}s=s.sibling}if(!l){for(s=i.child;s;){if(s===n){l=!0,n=i,a=o;break}if(s===a){l=!0,a=i,n=o;break}s=s.sibling}if(!l)throw Error(r(189))}}if(n.alternate!==a)throw Error(r(190))}if(3!==n.tag)throw Error(r(188));return n.stateNode.current===n?e:t}(e))?We(e):null}function We(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=We(e);if(null!==t)return t;e=e.sibling}return null}var Ze=o.unstable_scheduleCallback,Ve=o.unstable_cancelCallback,Qe=o.unstable_shouldYield,Ye=o.unstable_requestPaint,Ke=o.unstable_now,Xe=o.unstable_getCurrentPriorityLevel,Je=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,at=o.unstable_IdlePriority,ot=null,rt=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(lt(e)/st|0)|0},lt=Math.log,st=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var a=0,o=e.suspendedLanes,r=e.pingedLanes,i=268435455&n;if(0!==i){var l=i&~o;0!==l?a=dt(l):0!==(r&=i)&&(a=dt(r))}else 0!==(i=n&~o)?a=dt(i):0!==r&&(a=dt(r));if(0===a)return 0;if(0!==t&&t!==a&&0==(t&o)&&((o=a&-a)>=(r=t&-t)||16===o&&0!=(4194240&r)))return t;if(0!=(4&a)&&(a|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=a;0<t;)o=1<<(n=31-it(t)),a|=e[n],t&=~o;return a}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function gt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function mt(){var e=ct;return 0==(4194240&(ct<<=1))&&(ct=64),e}function ht(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var a=31-it(n),o=1<<a;o&t|e[a]&t&&(e[a]|=t),n&=~o}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?0!=(268435455&e)?16:536870912:4:1}var kt,xt,Lt,Ct,St,_t=!1,At=[],Pt=null,Dt=null,Tt=null,It=new Map,Et=new Map,jt=[],Rt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Nt(e,t){switch(e){case"focusin":case"focusout":Pt=null;break;case"dragenter":case"dragleave":Dt=null;break;case"mouseover":case"mouseout":Tt=null;break;case"pointerover":case"pointerout":It.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Et.delete(t.pointerId)}}function Ft(e,t,n,a,o,r){return null===e||e.nativeEvent!==r?(e={blockedOn:t,domEventName:n,eventSystemFlags:a,nativeEvent:r,targetContainers:[o]},null!==t&&(null!==(t=wo(t))&&xt(t)),e):(e.eventSystemFlags|=a,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Ot(e){var t=vo(e.target);if(null!==t){var n=Ue(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=$e(n)))return e.blockedOn=t,void St(e.priority,(function(){Lt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Mt(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=wo(n))&&xt(t),e.blockedOn=n,!1;var a=new(n=e.nativeEvent).constructor(n.type,n);we=a,n.target.dispatchEvent(a),we=null,t.shift()}return!0}function Bt(e,t,n){Mt(e)&&n.delete(t)}function zt(){_t=!1,null!==Pt&&Mt(Pt)&&(Pt=null),null!==Dt&&Mt(Dt)&&(Dt=null),null!==Tt&&Mt(Tt)&&(Tt=null),It.forEach(Bt),Et.forEach(Bt)}function qt(e,t){e.blockedOn===t&&(e.blockedOn=null,_t||(_t=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,zt)))}function Ut(e){function t(t){return qt(t,e)}if(0<At.length){qt(At[0],e);for(var n=1;n<At.length;n++){var a=At[n];a.blockedOn===e&&(a.blockedOn=null)}}for(null!==Pt&&qt(Pt,e),null!==Dt&&qt(Dt,e),null!==Tt&&qt(Tt,e),It.forEach(t),Et.forEach(t),n=0;n<jt.length;n++)(a=jt[n]).blockedOn===e&&(a.blockedOn=null);for(;0<jt.length&&null===(n=jt[0]).blockedOn;)Ot(n),null===n.blockedOn&&jt.shift()}var $t=w.ReactCurrentBatchConfig,Ht=!0;function Gt(e,t,n,a){var o=vt,r=$t.transition;$t.transition=null;try{vt=1,Zt(e,t,n,a)}finally{vt=o,$t.transition=r}}function Wt(e,t,n,a){var o=vt,r=$t.transition;$t.transition=null;try{vt=4,Zt(e,t,n,a)}finally{vt=o,$t.transition=r}}function Zt(e,t,n,a){if(Ht){var o=Qt(e,t,n,a);if(null===o)Ha(e,t,a,Vt,n),Nt(e,a);else if(function(e,t,n,a,o){switch(t){case"focusin":return Pt=Ft(Pt,e,t,n,a,o),!0;case"dragenter":return Dt=Ft(Dt,e,t,n,a,o),!0;case"mouseover":return Tt=Ft(Tt,e,t,n,a,o),!0;case"pointerover":var r=o.pointerId;return It.set(r,Ft(It.get(r)||null,e,t,n,a,o)),!0;case"gotpointercapture":return r=o.pointerId,Et.set(r,Ft(Et.get(r)||null,e,t,n,a,o)),!0}return!1}(o,e,t,n,a))a.stopPropagation();else if(Nt(e,a),4&t&&-1<Rt.indexOf(e)){for(;null!==o;){var r=wo(o);if(null!==r&&kt(r),null===(r=Qt(e,t,n,a))&&Ha(e,t,a,Vt,n),r===o)break;o=r}null!==o&&a.stopPropagation()}else Ha(e,t,a,null,n)}}var Vt=null;function Qt(e,t,n,a){if(Vt=null,null!==(e=vo(e=ke(a))))if(null===(t=Ue(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=$e(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Vt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Xe()){case Je:return 1;case et:return 4;case tt:case nt:return 16;case at:return 536870912;default:return 16}default:return 16}}var Kt=null,Xt=null,Jt=null;function en(){if(Jt)return Jt;var e,t,n=Xt,a=n.length,o="value"in Kt?Kt.value:Kt.textContent,r=o.length;for(e=0;e<a&&n[e]===o[e];e++);var i=a-e;for(t=1;t<=i&&n[a-t]===o[r-t];t++);return Jt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function an(){return!1}function on(e){function t(t,n,a,o,r){for(var i in this._reactName=t,this._targetInst=a,this.type=n,this.nativeEvent=o,this.target=r,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:an,this.isPropagationStopped=an,this}return O(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var rn,ln,sn,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=O({},cn,{view:0,detail:0}),pn=on(dn),fn=O({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Sn,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==sn&&(sn&&"mousemove"===e.type?(rn=e.screenX-sn.screenX,ln=e.screenY-sn.screenY):ln=rn=0,sn=e),rn)},movementY:function(e){return"movementY"in e?e.movementY:ln}}),gn=on(fn),mn=on(O({},fn,{dataTransfer:0})),hn=on(O({},dn,{relatedTarget:0})),bn=on(O({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=O({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(yn),wn=on(O({},cn,{data:0})),kn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},xn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Ln={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Cn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Ln[e])&&!!t[e]}function Sn(){return Cn}var _n=O({},dn,{key:function(e){if(e.key){var t=kn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?xn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Sn,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),An=on(_n),Pn=on(O({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Dn=on(O({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Sn})),Tn=on(O({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),In=O({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),En=on(In),jn=[9,13,27,32],Rn=u&&"CompositionEvent"in window,Nn=null;u&&"documentMode"in document&&(Nn=document.documentMode);var Fn=u&&"TextEvent"in window&&!Nn,On=u&&(!Rn||Nn&&8<Nn&&11>=Nn),Mn=String.fromCharCode(32),Bn=!1;function zn(e,t){switch(e){case"keyup":return-1!==jn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function qn(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Un=!1;var $n={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!$n[e.type]:"textarea"===t}function Gn(e,t,n,a){_e(a),0<(t=Wa(t,"onChange")).length&&(n=new un("onChange","change",null,n,a),e.push({event:n,listeners:t}))}var Wn=null,Zn=null;function Vn(e){Ma(e,0)}function Qn(e){if(Z(ko(e)))return e}function Yn(e,t){if("change"===e)return t}var Kn=!1;if(u){var Xn;if(u){var Jn="oninput"in document;if(!Jn){var ea=document.createElement("div");ea.setAttribute("oninput","return;"),Jn="function"==typeof ea.oninput}Xn=Jn}else Xn=!1;Kn=Xn&&(!document.documentMode||9<document.documentMode)}function ta(){Wn&&(Wn.detachEvent("onpropertychange",na),Zn=Wn=null)}function na(e){if("value"===e.propertyName&&Qn(Zn)){var t=[];Gn(t,Zn,e,ke(e)),Ie(Vn,t)}}function aa(e,t,n){"focusin"===e?(ta(),Zn=n,(Wn=t).attachEvent("onpropertychange",na)):"focusout"===e&&ta()}function oa(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Zn)}function ra(e,t){if("click"===e)return Qn(t)}function ia(e,t){if("input"===e||"change"===e)return Qn(t)}var la="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function sa(e,t){if(la(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++){var o=n[a];if(!d.call(t,o)||!la(e[o],t[o]))return!1}return!0}function ca(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ua(e,t){var n,a=ca(e);for(e=0;a;){if(3===a.nodeType){if(n=e+a.textContent.length,e<=t&&n>=t)return{node:a,offset:t-e};e=n}e:{for(;a;){if(a.nextSibling){a=a.nextSibling;break e}a=a.parentNode}a=void 0}a=ca(a)}}function da(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?da(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pa(){for(var e=window,t=V();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(a){n=!1}if(!n)break;t=V((e=t.contentWindow).document)}return t}function fa(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function ga(e){var t=pa(),n=e.focusedElem,a=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&da(n.ownerDocument.documentElement,n)){if(null!==a&&fa(n))if(t=a.start,void 0===(e=a.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,r=Math.min(a.start,o);a=void 0===a.end?r:Math.min(a.end,o),!e.extend&&r>a&&(o=a,a=r,r=o),o=ua(n,r);var i=ua(n,a);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),r>a?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var ma=u&&"documentMode"in document&&11>=document.documentMode,ha=null,ba=null,ya=null,va=!1;function wa(e,t,n){var a=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;va||null==ha||ha!==V(a)||("selectionStart"in(a=ha)&&fa(a)?a={start:a.selectionStart,end:a.selectionEnd}:a={anchorNode:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset},ya&&sa(ya,a)||(ya=a,0<(a=Wa(ba,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:a}),t.target=ha)))}function ka(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var xa={animationend:ka("Animation","AnimationEnd"),animationiteration:ka("Animation","AnimationIteration"),animationstart:ka("Animation","AnimationStart"),transitionend:ka("Transition","TransitionEnd")},La={},Ca={};function Sa(e){if(La[e])return La[e];if(!xa[e])return e;var t,n=xa[e];for(t in n)if(n.hasOwnProperty(t)&&t in Ca)return La[e]=n[t];return e}u&&(Ca=document.createElement("div").style,"AnimationEvent"in window||(delete xa.animationend.animation,delete xa.animationiteration.animation,delete xa.animationstart.animation),"TransitionEvent"in window||delete xa.transitionend.transition);var _a=Sa("animationend"),Aa=Sa("animationiteration"),Pa=Sa("animationstart"),Da=Sa("transitionend"),Ta=new Map,Ia="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Ea(e,t){Ta.set(e,t),s(t,[e])}for(var ja=0;ja<Ia.length;ja++){var Ra=Ia[ja];Ea(Ra.toLowerCase(),"on"+(Ra[0].toUpperCase()+Ra.slice(1)))}Ea(_a,"onAnimationEnd"),Ea(Aa,"onAnimationIteration"),Ea(Pa,"onAnimationStart"),Ea("dblclick","onDoubleClick"),Ea("focusin","onFocus"),Ea("focusout","onBlur"),Ea(Da,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),s("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),s("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),s("onBeforeInput",["compositionend","keypress","textInput","paste"]),s("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Na="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Fa=new Set("cancel close invalid load scroll toggle".split(" ").concat(Na));function Oa(e,t,n){var a=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,a,o,i,l,s,c){if(qe.apply(this,arguments),Fe){if(!Fe)throw Error(r(198));var u=Oe;Fe=!1,Oe=null,Me||(Me=!0,Be=u)}}(a,t,void 0,e),e.currentTarget=null}function Ma(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var a=e[n],o=a.event;a=a.listeners;e:{var r=void 0;if(t)for(var i=a.length-1;0<=i;i--){var l=a[i],s=l.instance,c=l.currentTarget;if(l=l.listener,s!==r&&o.isPropagationStopped())break e;Oa(o,l,c),r=s}else for(i=0;i<a.length;i++){if(s=(l=a[i]).instance,c=l.currentTarget,l=l.listener,s!==r&&o.isPropagationStopped())break e;Oa(o,l,c),r=s}}}if(Me)throw e=Be,Me=!1,Be=null,e}function Ba(e,t){var n=t[ho];void 0===n&&(n=t[ho]=new Set);var a=e+"__bubble";n.has(a)||($a(t,e,2,!1),n.add(a))}function za(e,t,n){var a=0;t&&(a|=4),$a(n,e,a,t)}var qa="_reactListening"+Math.random().toString(36).slice(2);function Ua(e){if(!e[qa]){e[qa]=!0,i.forEach((function(t){"selectionchange"!==t&&(Fa.has(t)||za(t,!1,e),za(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[qa]||(t[qa]=!0,za("selectionchange",!1,t))}}function $a(e,t,n,a){switch(Yt(t)){case 1:var o=Gt;break;case 4:o=Wt;break;default:o=Zt}n=o.bind(null,t,n,e),o=void 0,!je||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),a?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Ha(e,t,n,a,o){var r=a;if(0==(1&t)&&0==(2&t)&&null!==a)e:for(;;){if(null===a)return;var i=a.tag;if(3===i||4===i){var l=a.stateNode.containerInfo;if(l===o||8===l.nodeType&&l.parentNode===o)break;if(4===i)for(i=a.return;null!==i;){var s=i.tag;if((3===s||4===s)&&((s=i.stateNode.containerInfo)===o||8===s.nodeType&&s.parentNode===o))return;i=i.return}for(;null!==l;){if(null===(i=vo(l)))return;if(5===(s=i.tag)||6===s){a=r=i;continue e}l=l.parentNode}}a=a.return}Ie((function(){var a=r,o=ke(n),i=[];e:{var l=Ta.get(e);if(void 0!==l){var s=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":s=An;break;case"focusin":c="focus",s=hn;break;case"focusout":c="blur",s=hn;break;case"beforeblur":case"afterblur":s=hn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":s=gn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":s=mn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":s=Dn;break;case _a:case Aa:case Pa:s=bn;break;case Da:s=Tn;break;case"scroll":s=pn;break;case"wheel":s=En;break;case"copy":case"cut":case"paste":s=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":s=Pn}var u=0!=(4&t),d=!u&&"scroll"===e,p=u?null!==l?l+"Capture":null:l;u=[];for(var f,g=a;null!==g;){var m=(f=g).stateNode;if(5===f.tag&&null!==m&&(f=m,null!==p&&(null!=(m=Ee(g,p))&&u.push(Ga(g,m,f)))),d)break;g=g.return}0<u.length&&(l=new s(l,c,null,n,o),i.push({event:l,listeners:u}))}}if(0==(7&t)){if(s="mouseout"===e||"pointerout"===e,(!(l="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[mo])&&(s||l)&&(l=o.window===o?o:(l=o.ownerDocument)?l.defaultView||l.parentWindow:window,s?(s=a,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=Ue(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(s=null,c=a),s!==c)){if(u=gn,m="onMouseLeave",p="onMouseEnter",g="mouse","pointerout"!==e&&"pointerover"!==e||(u=Pn,m="onPointerLeave",p="onPointerEnter",g="pointer"),d=null==s?l:ko(s),f=null==c?l:ko(c),(l=new u(m,g+"leave",s,n,o)).target=d,l.relatedTarget=f,m=null,vo(o)===a&&((u=new u(p,g+"enter",c,n,o)).target=f,u.relatedTarget=d,m=u),d=m,s&&c)e:{for(p=c,g=0,f=u=s;f;f=Za(f))g++;for(f=0,m=p;m;m=Za(m))f++;for(;0<g-f;)u=Za(u),g--;for(;0<f-g;)p=Za(p),f--;for(;g--;){if(u===p||null!==p&&u===p.alternate)break e;u=Za(u),p=Za(p)}u=null}else u=null;null!==s&&Va(i,l,s,u,!1),null!==c&&null!==d&&Va(i,d,c,u,!0)}if("select"===(s=(l=a?ko(a):window).nodeName&&l.nodeName.toLowerCase())||"input"===s&&"file"===l.type)var h=Yn;else if(Hn(l))if(Kn)h=ia;else{h=oa;var b=aa}else(s=l.nodeName)&&"input"===s.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(h=ra);switch(h&&(h=h(e,a))?Gn(i,h,n,o):(b&&b(e,l,a),"focusout"===e&&(b=l._wrapperState)&&b.controlled&&"number"===l.type&&ee(l,"number",l.value)),b=a?ko(a):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(ha=b,ba=a,ya=null);break;case"focusout":ya=ba=ha=null;break;case"mousedown":va=!0;break;case"contextmenu":case"mouseup":case"dragend":va=!1,wa(i,n,o);break;case"selectionchange":if(ma)break;case"keydown":case"keyup":wa(i,n,o)}var y;if(Rn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else Un?zn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(On&&"ko"!==n.locale&&(Un||"onCompositionStart"!==v?"onCompositionEnd"===v&&Un&&(y=en()):(Xt="value"in(Kt=o)?Kt.value:Kt.textContent,Un=!0)),0<(b=Wa(a,v)).length&&(v=new wn(v,e,null,n,o),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=qn(n))&&(v.data=y))),(y=Fn?function(e,t){switch(e){case"compositionend":return qn(t);case"keypress":return 32!==t.which?null:(Bn=!0,Mn);case"textInput":return(e=t.data)===Mn&&Bn?null:e;default:return null}}(e,n):function(e,t){if(Un)return"compositionend"===e||!Rn&&zn(e,t)?(e=en(),Jt=Xt=Kt=null,Un=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return On&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(a=Wa(a,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:a}),o.data=y))}Ma(i,t)}))}function Ga(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Wa(e,t){for(var n=t+"Capture",a=[];null!==e;){var o=e,r=o.stateNode;5===o.tag&&null!==r&&(o=r,null!=(r=Ee(e,n))&&a.unshift(Ga(e,r,o)),null!=(r=Ee(e,t))&&a.push(Ga(e,r,o))),e=e.return}return a}function Za(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Va(e,t,n,a,o){for(var r=t._reactName,i=[];null!==n&&n!==a;){var l=n,s=l.alternate,c=l.stateNode;if(null!==s&&s===a)break;5===l.tag&&null!==c&&(l=c,o?null!=(s=Ee(n,r))&&i.unshift(Ga(n,s,l)):o||null!=(s=Ee(n,r))&&i.push(Ga(n,s,l))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qa=/\r\n?/g,Ya=/\u0000|\uFFFD/g;function Ka(e){return("string"==typeof e?e:""+e).replace(Qa,"\n").replace(Ya,"")}function Xa(e,t,n){if(t=Ka(t),Ka(e)!==t&&n)throw Error(r(425))}function Ja(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ao="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ro="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ro?function(e){return ro.resolve(null).then(e).catch(lo)}:ao;function lo(e){setTimeout((function(){throw e}))}function so(e,t){var n=t,a=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===a)return e.removeChild(o),void Ut(t);a--}else"$"!==n&&"$?"!==n&&"$!"!==n||a++;n=o}while(n);Ut(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,go="__reactProps$"+po,mo="__reactContainer$"+po,ho="__reactEvents$"+po,bo="__reactListeners$"+po,yo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[mo]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function wo(e){return!(e=e[fo]||e[mo])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function ko(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(r(33))}function xo(e){return e[go]||null}var Lo=[],Co=-1;function So(e){return{current:e}}function _o(e){0>Co||(e.current=Lo[Co],Lo[Co]=null,Co--)}function Ao(e,t){Co++,Lo[Co]=e.current,e.current=t}var Po={},Do=So(Po),To=So(!1),Io=Po;function Eo(e,t){var n=e.type.contextTypes;if(!n)return Po;var a=e.stateNode;if(a&&a.__reactInternalMemoizedUnmaskedChildContext===t)return a.__reactInternalMemoizedMaskedChildContext;var o,r={};for(o in n)r[o]=t[o];return a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=r),r}function jo(e){return null!=(e=e.childContextTypes)}function Ro(){_o(To),_o(Do)}function No(e,t,n){if(Do.current!==Po)throw Error(r(168));Ao(Do,t),Ao(To,n)}function Fo(e,t,n){var a=e.stateNode;if(t=t.childContextTypes,"function"!=typeof a.getChildContext)return n;for(var o in a=a.getChildContext())if(!(o in t))throw Error(r(108,$(e)||"Unknown",o));return O({},n,a)}function Oo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Po,Io=Do.current,Ao(Do,e),Ao(To,To.current),!0}function Mo(e,t,n){var a=e.stateNode;if(!a)throw Error(r(169));n?(e=Fo(e,t,Io),a.__reactInternalMemoizedMergedChildContext=e,_o(To),_o(Do),Ao(Do,e)):_o(To),Ao(To,n)}var Bo=null,zo=!1,qo=!1;function Uo(e){null===Bo?Bo=[e]:Bo.push(e)}function $o(){if(!qo&&null!==Bo){qo=!0;var e=0,t=vt;try{var n=Bo;for(vt=1;e<n.length;e++){var a=n[e];do{a=a(!0)}while(null!==a)}Bo=null,zo=!1}catch(o){throw null!==Bo&&(Bo=Bo.slice(e+1)),Ze(Je,$o),o}finally{vt=t,qo=!1}}return null}var Ho=[],Go=0,Wo=null,Zo=0,Vo=[],Qo=0,Yo=null,Ko=1,Xo="";function Jo(e,t){Ho[Go++]=Zo,Ho[Go++]=Wo,Wo=e,Zo=t}function er(e,t,n){Vo[Qo++]=Ko,Vo[Qo++]=Xo,Vo[Qo++]=Yo,Yo=e;var a=Ko;e=Xo;var o=32-it(a)-1;a&=~(1<<o),n+=1;var r=32-it(t)+o;if(30<r){var i=o-o%5;r=(a&(1<<i)-1).toString(32),a>>=i,o-=i,Ko=1<<32-it(t)+o|n<<o|a,Xo=r+e}else Ko=1<<r|n<<o|a,Xo=e}function tr(e){null!==e.return&&(Jo(e,1),er(e,1,0))}function nr(e){for(;e===Wo;)Wo=Ho[--Go],Ho[Go]=null,Zo=Ho[--Go],Ho[Go]=null;for(;e===Yo;)Yo=Vo[--Qo],Vo[Qo]=null,Xo=Vo[--Qo],Vo[Qo]=null,Ko=Vo[--Qo],Vo[Qo]=null}var ar=null,or=null,rr=!1,ir=null;function lr(e,t){var n=Ec(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function sr(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ar=e,or=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ar=e,or=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Yo?{id:Ko,overflow:Xo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Ec(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ar=e,or=null,!0);default:return!1}}function cr(e){return 0!=(1&e.mode)&&0==(128&e.flags)}function ur(e){if(rr){var t=or;if(t){var n=t;if(!sr(e,t)){if(cr(e))throw Error(r(418));t=co(n.nextSibling);var a=ar;t&&sr(e,t)?lr(a,n):(e.flags=-4097&e.flags|2,rr=!1,ar=e)}}else{if(cr(e))throw Error(r(418));e.flags=-4097&e.flags|2,rr=!1,ar=e}}}function dr(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ar=e}function pr(e){if(e!==ar)return!1;if(!rr)return dr(e),rr=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=or)){if(cr(e))throw fr(),Error(r(418));for(;t;)lr(e,t),t=co(t.nextSibling)}if(dr(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(r(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){or=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}or=null}}else or=ar?co(e.stateNode.nextSibling):null;return!0}function fr(){for(var e=or;e;)e=co(e.nextSibling)}function gr(){or=ar=null,rr=!1}function mr(e){null===ir?ir=[e]:ir.push(e)}var hr=w.ReactCurrentBatchConfig;function br(e,t){if(e&&e.defaultProps){for(var n in t=O({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var yr=So(null),vr=null,wr=null,kr=null;function xr(){kr=wr=vr=null}function Lr(e){var t=yr.current;_o(yr),e._currentValue=t}function Cr(e,t,n){for(;null!==e;){var a=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==a&&(a.childLanes|=t)):null!==a&&(a.childLanes&t)!==t&&(a.childLanes|=t),e===n)break;e=e.return}}function Sr(e,t){vr=e,kr=wr=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(wl=!0),e.firstContext=null)}function _r(e){var t=e._currentValue;if(kr!==e)if(e={context:e,memoizedValue:t,next:null},null===wr){if(null===vr)throw Error(r(308));wr=e,vr.dependencies={lanes:0,firstContext:e}}else wr=wr.next=e;return t}var Ar=null;function Pr(e){null===Ar?Ar=[e]:Ar.push(e)}function Dr(e,t,n,a){var o=t.interleaved;return null===o?(n.next=n,Pr(t)):(n.next=o.next,o.next=n),t.interleaved=n,Tr(e,a)}function Tr(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Ir=!1;function Er(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function jr(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Rr(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Nr(e,t,n){var a=e.updateQueue;if(null===a)return null;if(a=a.shared,0!=(2&Ds)){var o=a.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),a.pending=t,Tr(e,n)}return null===(o=a.interleaved)?(t.next=t,Pr(a)):(t.next=o.next,o.next=t),a.interleaved=t,Tr(e,n)}function Fr(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,0!=(4194240&n))){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}function Or(e,t){var n=e.updateQueue,a=e.alternate;if(null!==a&&n===(a=a.updateQueue)){var o=null,r=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===r?o=r=i:r=r.next=i,n=n.next}while(null!==n);null===r?o=r=t:r=r.next=t}else o=r=t;return n={baseState:a.baseState,firstBaseUpdate:o,lastBaseUpdate:r,shared:a.shared,effects:a.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Mr(e,t,n,a){var o=e.updateQueue;Ir=!1;var r=o.firstBaseUpdate,i=o.lastBaseUpdate,l=o.shared.pending;if(null!==l){o.shared.pending=null;var s=l,c=s.next;s.next=null,null===i?r=c:i.next=c,i=s;var u=e.alternate;null!==u&&((l=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===l?u.firstBaseUpdate=c:l.next=c,u.lastBaseUpdate=s))}if(null!==r){var d=o.baseState;for(i=0,u=c=s=null,l=r;;){var p=l.lane,f=l.eventTime;if((a&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:l.tag,payload:l.payload,callback:l.callback,next:null});e:{var g=e,m=l;switch(p=t,f=n,m.tag){case 1:if("function"==typeof(g=m.payload)){d=g.call(f,d,p);break e}d=g;break e;case 3:g.flags=-65537&g.flags|128;case 0:if(null==(p="function"==typeof(g=m.payload)?g.call(f,d,p):g))break e;d=O({},d,p);break e;case 2:Ir=!0}}null!==l.callback&&0!==l.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[l]:p.push(l))}else f={eventTime:f,lane:p,tag:l.tag,payload:l.payload,callback:l.callback,next:null},null===u?(c=u=f,s=d):u=u.next=f,i|=p;if(null===(l=l.next)){if(null===(l=o.shared.pending))break;l=(p=l).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(s=d),o.baseState=s,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===r&&(o.shared.lanes=0);Os|=i,e.lanes=i,e.memoizedState=d}}function Br(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var a=e[t],o=a.callback;if(null!==o){if(a.callback=null,a=n,"function"!=typeof o)throw Error(r(191,o));o.call(a)}}}var zr=(new a.Component).refs;function qr(e,t,n,a){n=null==(n=n(a,t=e.memoizedState))?t:O({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var Ur={isMounted:function(e){return!!(e=e._reactInternals)&&Ue(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var a=tc(),o=nc(e),r=Rr(a,o);r.payload=t,null!=n&&(r.callback=n),null!==(t=Nr(e,r,o))&&(ac(t,e,o,a),Fr(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var a=tc(),o=nc(e),r=Rr(a,o);r.tag=1,r.payload=t,null!=n&&(r.callback=n),null!==(t=Nr(e,r,o))&&(ac(t,e,o,a),Fr(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=tc(),a=nc(e),o=Rr(n,a);o.tag=2,null!=t&&(o.callback=t),null!==(t=Nr(e,o,a))&&(ac(t,e,a,n),Fr(t,e,a))}};function $r(e,t,n,a,o,r,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(a,r,i):!t.prototype||!t.prototype.isPureReactComponent||(!sa(n,a)||!sa(o,r))}function Hr(e,t,n){var a=!1,o=Po,r=t.contextType;return"object"==typeof r&&null!==r?r=_r(r):(o=jo(t)?Io:Do.current,r=(a=null!=(a=t.contextTypes))?Eo(e,o):Po),t=new t(n,r),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=Ur,e.stateNode=t,t._reactInternals=e,a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=r),t}function Gr(e,t,n,a){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,a),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,a),t.state!==e&&Ur.enqueueReplaceState(t,t.state,null)}function Wr(e,t,n,a){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=zr,Er(e);var r=t.contextType;"object"==typeof r&&null!==r?o.context=_r(r):(r=jo(t)?Io:Do.current,o.context=Eo(e,r)),o.state=e.memoizedState,"function"==typeof(r=t.getDerivedStateFromProps)&&(qr(e,t,r,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&Ur.enqueueReplaceState(o,o.state,null),Mr(e,n,o,a),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function Zr(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(r(309));var a=n.stateNode}if(!a)throw Error(r(147,e));var o=a,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;t===zr&&(t=o.refs={}),null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(r(284));if(!n._owner)throw Error(r(290,e))}return e}function Vr(e,t){throw e=Object.prototype.toString.call(t),Error(r(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Qr(e){return(0,e._init)(e._payload)}function Yr(e){function t(t,n){if(e){var a=t.deletions;null===a?(t.deletions=[n],t.flags|=16):a.push(n)}}function n(n,a){if(!e)return null;for(;null!==a;)t(n,a),a=a.sibling;return null}function a(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Rc(e,t)).index=0,e.sibling=null,e}function i(t,n,a){return t.index=a,e?null!==(a=t.alternate)?(a=a.index)<n?(t.flags|=2,n):a:(t.flags|=2,n):(t.flags|=1048576,n)}function l(t){return e&&null===t.alternate&&(t.flags|=2),t}function s(e,t,n,a){return null===t||6!==t.tag?((t=Mc(n,e.mode,a)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,a){var r=n.type;return r===L?d(e,t,n.props.children,a,n.key):null!==t&&(t.elementType===r||"object"==typeof r&&null!==r&&r.$$typeof===E&&Qr(r)===t.type)?((a=o(t,n.props)).ref=Zr(e,t,n),a.return=e,a):((a=Nc(n.type,n.key,n.props,null,e.mode,a)).ref=Zr(e,t,n),a.return=e,a)}function u(e,t,n,a){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Bc(n,e.mode,a)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,a,r){return null===t||7!==t.tag?((t=Fc(n,e.mode,a,r)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Mc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case k:return(n=Nc(t.type,t.key,t.props,null,e.mode,n)).ref=Zr(e,null,t),n.return=e,n;case x:return(t=Bc(t,e.mode,n)).return=e,t;case E:return p(e,(0,t._init)(t._payload),n)}if(te(t)||N(t))return(t=Fc(t,e.mode,n,null)).return=e,t;Vr(e,t)}return null}function f(e,t,n,a){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:s(e,t,""+n,a);if("object"==typeof n&&null!==n){switch(n.$$typeof){case k:return n.key===o?c(e,t,n,a):null;case x:return n.key===o?u(e,t,n,a):null;case E:return f(e,t,(o=n._init)(n._payload),a)}if(te(n)||N(n))return null!==o?null:d(e,t,n,a,null);Vr(e,n)}return null}function g(e,t,n,a,o){if("string"==typeof a&&""!==a||"number"==typeof a)return s(t,e=e.get(n)||null,""+a,o);if("object"==typeof a&&null!==a){switch(a.$$typeof){case k:return c(t,e=e.get(null===a.key?n:a.key)||null,a,o);case x:return u(t,e=e.get(null===a.key?n:a.key)||null,a,o);case E:return g(e,t,n,(0,a._init)(a._payload),o)}if(te(a)||N(a))return d(t,e=e.get(n)||null,a,o,null);Vr(t,a)}return null}function m(o,r,l,s){for(var c=null,u=null,d=r,m=r=0,h=null;null!==d&&m<l.length;m++){d.index>m?(h=d,d=null):h=d.sibling;var b=f(o,d,l[m],s);if(null===b){null===d&&(d=h);break}e&&d&&null===b.alternate&&t(o,d),r=i(b,r,m),null===u?c=b:u.sibling=b,u=b,d=h}if(m===l.length)return n(o,d),rr&&Jo(o,m),c;if(null===d){for(;m<l.length;m++)null!==(d=p(o,l[m],s))&&(r=i(d,r,m),null===u?c=d:u.sibling=d,u=d);return rr&&Jo(o,m),c}for(d=a(o,d);m<l.length;m++)null!==(h=g(d,o,m,l[m],s))&&(e&&null!==h.alternate&&d.delete(null===h.key?m:h.key),r=i(h,r,m),null===u?c=h:u.sibling=h,u=h);return e&&d.forEach((function(e){return t(o,e)})),rr&&Jo(o,m),c}function h(o,l,s,c){var u=N(s);if("function"!=typeof u)throw Error(r(150));if(null==(s=u.call(s)))throw Error(r(151));for(var d=u=null,m=l,h=l=0,b=null,y=s.next();null!==m&&!y.done;h++,y=s.next()){m.index>h?(b=m,m=null):b=m.sibling;var v=f(o,m,y.value,c);if(null===v){null===m&&(m=b);break}e&&m&&null===v.alternate&&t(o,m),l=i(v,l,h),null===d?u=v:d.sibling=v,d=v,m=b}if(y.done)return n(o,m),rr&&Jo(o,h),u;if(null===m){for(;!y.done;h++,y=s.next())null!==(y=p(o,y.value,c))&&(l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return rr&&Jo(o,h),u}for(m=a(o,m);!y.done;h++,y=s.next())null!==(y=g(m,o,h,y.value,c))&&(e&&null!==y.alternate&&m.delete(null===y.key?h:y.key),l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return e&&m.forEach((function(e){return t(o,e)})),rr&&Jo(o,h),u}return function e(a,r,i,s){if("object"==typeof i&&null!==i&&i.type===L&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case k:e:{for(var c=i.key,u=r;null!==u;){if(u.key===c){if((c=i.type)===L){if(7===u.tag){n(a,u.sibling),(r=o(u,i.props.children)).return=a,a=r;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===E&&Qr(c)===u.type){n(a,u.sibling),(r=o(u,i.props)).ref=Zr(a,u,i),r.return=a,a=r;break e}n(a,u);break}t(a,u),u=u.sibling}i.type===L?((r=Fc(i.props.children,a.mode,s,i.key)).return=a,a=r):((s=Nc(i.type,i.key,i.props,null,a.mode,s)).ref=Zr(a,r,i),s.return=a,a=s)}return l(a);case x:e:{for(u=i.key;null!==r;){if(r.key===u){if(4===r.tag&&r.stateNode.containerInfo===i.containerInfo&&r.stateNode.implementation===i.implementation){n(a,r.sibling),(r=o(r,i.children||[])).return=a,a=r;break e}n(a,r);break}t(a,r),r=r.sibling}(r=Bc(i,a.mode,s)).return=a,a=r}return l(a);case E:return e(a,r,(u=i._init)(i._payload),s)}if(te(i))return m(a,r,i,s);if(N(i))return h(a,r,i,s);Vr(a,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==r&&6===r.tag?(n(a,r.sibling),(r=o(r,i)).return=a,a=r):(n(a,r),(r=Mc(i,a.mode,s)).return=a,a=r),l(a)):n(a,r)}}var Kr=Yr(!0),Xr=Yr(!1),Jr={},ei=So(Jr),ti=So(Jr),ni=So(Jr);function ai(e){if(e===Jr)throw Error(r(174));return e}function oi(e,t){switch(Ao(ni,t),Ao(ti,e),Ao(ei,Jr),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:se(null,"");break;default:t=se(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}_o(ei),Ao(ei,t)}function ri(){_o(ei),_o(ti),_o(ni)}function ii(e){ai(ni.current);var t=ai(ei.current),n=se(t,e.type);t!==n&&(Ao(ti,e),Ao(ei,n))}function li(e){ti.current===e&&(_o(ei),_o(ti))}var si=So(0);function ci(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(128&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ui=[];function di(){for(var e=0;e<ui.length;e++)ui[e]._workInProgressVersionPrimary=null;ui.length=0}var pi=w.ReactCurrentDispatcher,fi=w.ReactCurrentBatchConfig,gi=0,mi=null,hi=null,bi=null,yi=!1,vi=!1,wi=0,ki=0;function xi(){throw Error(r(321))}function Li(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!la(e[n],t[n]))return!1;return!0}function Ci(e,t,n,a,o,i){if(gi=i,mi=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,pi.current=null===e||null===e.memoizedState?ll:sl,e=n(a,o),vi){i=0;do{if(vi=!1,wi=0,25<=i)throw Error(r(301));i+=1,bi=hi=null,t.updateQueue=null,pi.current=cl,e=n(a,o)}while(vi)}if(pi.current=il,t=null!==hi&&null!==hi.next,gi=0,bi=hi=mi=null,yi=!1,t)throw Error(r(300));return e}function Si(){var e=0!==wi;return wi=0,e}function _i(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===bi?mi.memoizedState=bi=e:bi=bi.next=e,bi}function Ai(){if(null===hi){var e=mi.alternate;e=null!==e?e.memoizedState:null}else e=hi.next;var t=null===bi?mi.memoizedState:bi.next;if(null!==t)bi=t,hi=e;else{if(null===e)throw Error(r(310));e={memoizedState:(hi=e).memoizedState,baseState:hi.baseState,baseQueue:hi.baseQueue,queue:hi.queue,next:null},null===bi?mi.memoizedState=bi=e:bi=bi.next=e}return bi}function Pi(e,t){return"function"==typeof t?t(e):t}function Di(e){var t=Ai(),n=t.queue;if(null===n)throw Error(r(311));n.lastRenderedReducer=e;var a=hi,o=a.baseQueue,i=n.pending;if(null!==i){if(null!==o){var l=o.next;o.next=i.next,i.next=l}a.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,a=a.baseState;var s=l=null,c=null,u=i;do{var d=u.lane;if((gi&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),a=u.hasEagerState?u.eagerState:e(a,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(s=c=p,l=a):c=c.next=p,mi.lanes|=d,Os|=d}u=u.next}while(null!==u&&u!==i);null===c?l=a:c.next=s,la(a,t.memoizedState)||(wl=!0),t.memoizedState=a,t.baseState=l,t.baseQueue=c,n.lastRenderedState=a}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,mi.lanes|=i,Os|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Ti(e){var t=Ai(),n=t.queue;if(null===n)throw Error(r(311));n.lastRenderedReducer=e;var a=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var l=o=o.next;do{i=e(i,l.action),l=l.next}while(l!==o);la(i,t.memoizedState)||(wl=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,a]}function Ii(){}function Ei(e,t){var n=mi,a=Ai(),o=t(),i=!la(a.memoizedState,o);if(i&&(a.memoizedState=o,wl=!0),a=a.queue,Hi(Ni.bind(null,n,a,e),[e]),a.getSnapshot!==t||i||null!==bi&&1&bi.memoizedState.tag){if(n.flags|=2048,Bi(9,Ri.bind(null,n,a,o,t),void 0,null),null===Ts)throw Error(r(349));0!=(30&gi)||ji(n,t,o)}return o}function ji(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Ri(e,t,n,a){t.value=n,t.getSnapshot=a,Fi(t)&&Oi(e)}function Ni(e,t,n){return n((function(){Fi(t)&&Oi(e)}))}function Fi(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!la(e,n)}catch(a){return!0}}function Oi(e){var t=Tr(e,1);null!==t&&ac(t,e,1,-1)}function Mi(e){var t=_i();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Pi,lastRenderedState:e},t.queue=e,e=e.dispatch=nl.bind(null,mi,e),[t.memoizedState,e]}function Bi(e,t,n,a){return e={tag:e,create:t,destroy:n,deps:a,next:null},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(a=n.next,n.next=e,e.next=a,t.lastEffect=e),e}function zi(){return Ai().memoizedState}function qi(e,t,n,a){var o=_i();mi.flags|=e,o.memoizedState=Bi(1|t,n,void 0,void 0===a?null:a)}function Ui(e,t,n,a){var o=Ai();a=void 0===a?null:a;var r=void 0;if(null!==hi){var i=hi.memoizedState;if(r=i.destroy,null!==a&&Li(a,i.deps))return void(o.memoizedState=Bi(t,n,r,a))}mi.flags|=e,o.memoizedState=Bi(1|t,n,r,a)}function $i(e,t){return qi(8390656,8,e,t)}function Hi(e,t){return Ui(2048,8,e,t)}function Gi(e,t){return Ui(4,2,e,t)}function Wi(e,t){return Ui(4,4,e,t)}function Zi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Vi(e,t,n){return n=null!=n?n.concat([e]):null,Ui(4,4,Zi.bind(null,t,e),n)}function Qi(){}function Yi(e,t){var n=Ai();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(n.memoizedState=[e,t],e)}function Ki(e,t){var n=Ai();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(e=e(),n.memoizedState=[e,t],e)}function Xi(e,t,n){return 0==(21&gi)?(e.baseState&&(e.baseState=!1,wl=!0),e.memoizedState=n):(la(n,t)||(n=mt(),mi.lanes|=n,Os|=n,e.baseState=!0),t)}function Ji(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var a=fi.transition;fi.transition={};try{e(!1),t()}finally{vt=n,fi.transition=a}}function el(){return Ai().memoizedState}function tl(e,t,n){var a=nc(e);if(n={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null},al(e))ol(t,n);else if(null!==(n=Dr(e,t,n,a))){ac(n,e,a,tc()),rl(n,t,a)}}function nl(e,t,n){var a=nc(e),o={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null};if(al(e))ol(t,o);else{var r=e.alternate;if(0===e.lanes&&(null===r||0===r.lanes)&&null!==(r=t.lastRenderedReducer))try{var i=t.lastRenderedState,l=r(i,n);if(o.hasEagerState=!0,o.eagerState=l,la(l,i)){var s=t.interleaved;return null===s?(o.next=o,Pr(t)):(o.next=s.next,s.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=Dr(e,t,o,a))&&(ac(n,e,a,o=tc()),rl(n,t,a))}}function al(e){var t=e.alternate;return e===mi||null!==t&&t===mi}function ol(e,t){vi=yi=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function rl(e,t,n){if(0!=(4194240&n)){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}var il={readContext:_r,useCallback:xi,useContext:xi,useEffect:xi,useImperativeHandle:xi,useInsertionEffect:xi,useLayoutEffect:xi,useMemo:xi,useReducer:xi,useRef:xi,useState:xi,useDebugValue:xi,useDeferredValue:xi,useTransition:xi,useMutableSource:xi,useSyncExternalStore:xi,useId:xi,unstable_isNewReconciler:!1},ll={readContext:_r,useCallback:function(e,t){return _i().memoizedState=[e,void 0===t?null:t],e},useContext:_r,useEffect:$i,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,qi(4194308,4,Zi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return qi(4194308,4,e,t)},useInsertionEffect:function(e,t){return qi(4,2,e,t)},useMemo:function(e,t){var n=_i();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var a=_i();return t=void 0!==n?n(t):t,a.memoizedState=a.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},a.queue=e,e=e.dispatch=tl.bind(null,mi,e),[a.memoizedState,e]},useRef:function(e){return e={current:e},_i().memoizedState=e},useState:Mi,useDebugValue:Qi,useDeferredValue:function(e){return _i().memoizedState=e},useTransition:function(){var e=Mi(!1),t=e[0];return e=Ji.bind(null,e[1]),_i().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var a=mi,o=_i();if(rr){if(void 0===n)throw Error(r(407));n=n()}else{if(n=t(),null===Ts)throw Error(r(349));0!=(30&gi)||ji(a,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,$i(Ni.bind(null,a,i,e),[e]),a.flags|=2048,Bi(9,Ri.bind(null,a,i,n,t),void 0,null),n},useId:function(){var e=_i(),t=Ts.identifierPrefix;if(rr){var n=Xo;t=":"+t+"R"+(n=(Ko&~(1<<32-it(Ko)-1)).toString(32)+n),0<(n=wi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=ki++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},sl={readContext:_r,useCallback:Yi,useContext:_r,useEffect:Hi,useImperativeHandle:Vi,useInsertionEffect:Gi,useLayoutEffect:Wi,useMemo:Ki,useReducer:Di,useRef:zi,useState:function(){return Di(Pi)},useDebugValue:Qi,useDeferredValue:function(e){return Xi(Ai(),hi.memoizedState,e)},useTransition:function(){return[Di(Pi)[0],Ai().memoizedState]},useMutableSource:Ii,useSyncExternalStore:Ei,useId:el,unstable_isNewReconciler:!1},cl={readContext:_r,useCallback:Yi,useContext:_r,useEffect:Hi,useImperativeHandle:Vi,useInsertionEffect:Gi,useLayoutEffect:Wi,useMemo:Ki,useReducer:Ti,useRef:zi,useState:function(){return Ti(Pi)},useDebugValue:Qi,useDeferredValue:function(e){var t=Ai();return null===hi?t.memoizedState=e:Xi(t,hi.memoizedState,e)},useTransition:function(){return[Ti(Pi)[0],Ai().memoizedState]},useMutableSource:Ii,useSyncExternalStore:Ei,useId:el,unstable_isNewReconciler:!1};function ul(e,t){try{var n="",a=t;do{n+=q(a),a=a.return}while(a);var o=n}catch(r){o="\nError generating stack: "+r.message+"\n"+r.stack}return{value:e,source:t,stack:o,digest:null}}function dl(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function pl(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var fl="function"==typeof WeakMap?WeakMap:Map;function gl(e,t,n){(n=Rr(-1,n)).tag=3,n.payload={element:null};var a=t.value;return n.callback=function(){Gs||(Gs=!0,Ws=a),pl(0,t)},n}function ml(e,t,n){(n=Rr(-1,n)).tag=3;var a=e.type.getDerivedStateFromError;if("function"==typeof a){var o=t.value;n.payload=function(){return a(o)},n.callback=function(){pl(0,t)}}var r=e.stateNode;return null!==r&&"function"==typeof r.componentDidCatch&&(n.callback=function(){pl(0,t),"function"!=typeof a&&(null===Zs?Zs=new Set([this]):Zs.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hl(e,t,n){var a=e.pingCache;if(null===a){a=e.pingCache=new fl;var o=new Set;a.set(t,o)}else void 0===(o=a.get(t))&&(o=new Set,a.set(t,o));o.has(n)||(o.add(n),e=_c.bind(null,e,t,n),t.then(e,e))}function bl(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function yl(e,t,n,a,o){return 0==(1&e.mode)?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=Rr(-1,1)).tag=2,Nr(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=o,e)}var vl=w.ReactCurrentOwner,wl=!1;function kl(e,t,n,a){t.child=null===e?Xr(t,null,n,a):Kr(t,e.child,n,a)}function xl(e,t,n,a,o){n=n.render;var r=t.ref;return Sr(t,o),a=Ci(e,t,n,a,r,o),n=Si(),null===e||wl?(rr&&n&&tr(t),t.flags|=1,kl(e,t,a,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Gl(e,t,o))}function Ll(e,t,n,a,o){if(null===e){var r=n.type;return"function"!=typeof r||jc(r)||void 0!==r.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Nc(n.type,null,a,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=r,Cl(e,t,r,a,o))}if(r=e.child,0==(e.lanes&o)){var i=r.memoizedProps;if((n=null!==(n=n.compare)?n:sa)(i,a)&&e.ref===t.ref)return Gl(e,t,o)}return t.flags|=1,(e=Rc(r,a)).ref=t.ref,e.return=t,t.child=e}function Cl(e,t,n,a,o){if(null!==e){var r=e.memoizedProps;if(sa(r,a)&&e.ref===t.ref){if(wl=!1,t.pendingProps=a=r,0==(e.lanes&o))return t.lanes=e.lanes,Gl(e,t,o);0!=(131072&e.flags)&&(wl=!0)}}return Al(e,t,n,a,o)}function Sl(e,t,n){var a=t.pendingProps,o=a.children,r=null!==e?e.memoizedState:null;if("hidden"===a.mode)if(0==(1&t.mode))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Ao(Rs,js),js|=n;else{if(0==(1073741824&n))return e=null!==r?r.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Ao(Rs,js),js|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},a=null!==r?r.baseLanes:n,Ao(Rs,js),js|=a}else null!==r?(a=r.baseLanes|n,t.memoizedState=null):a=n,Ao(Rs,js),js|=a;return kl(e,t,o,n),t.child}function _l(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Al(e,t,n,a,o){var r=jo(n)?Io:Do.current;return r=Eo(t,r),Sr(t,o),n=Ci(e,t,n,a,r,o),a=Si(),null===e||wl?(rr&&a&&tr(t),t.flags|=1,kl(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Gl(e,t,o))}function Pl(e,t,n,a,o){if(jo(n)){var r=!0;Oo(t)}else r=!1;if(Sr(t,o),null===t.stateNode)Hl(e,t),Hr(t,n,a),Wr(t,n,a,o),a=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=_r(c):c=Eo(t,c=jo(n)?Io:Do.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==a||s!==c)&&Gr(t,i,a,c),Ir=!1;var p=t.memoizedState;i.state=p,Mr(t,a,i,o),s=t.memoizedState,l!==a||p!==s||To.current||Ir?("function"==typeof u&&(qr(t,n,u,a),s=t.memoizedState),(l=Ir||$r(t,n,l,a,p,s,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=a,t.memoizedState=s),i.props=a,i.state=s,i.context=c,a=l):("function"==typeof i.componentDidMount&&(t.flags|=4194308),a=!1)}else{i=t.stateNode,jr(e,t),l=t.memoizedProps,c=t.type===t.elementType?l:br(t.type,l),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(s=n.contextType)&&null!==s?s=_r(s):s=Eo(t,s=jo(n)?Io:Do.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==d||p!==s)&&Gr(t,i,a,s),Ir=!1,p=t.memoizedState,i.state=p,Mr(t,a,i,o);var g=t.memoizedState;l!==d||p!==g||To.current||Ir?("function"==typeof f&&(qr(t,n,f,a),g=t.memoizedState),(c=Ir||$r(t,n,c,a,p,g,s)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(a,g,s),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(a,g,s)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=a,t.memoizedState=g),i.props=a,i.state=g,i.context=s,a=c):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),a=!1)}return Dl(e,t,n,a,r,o)}function Dl(e,t,n,a,o,r){_l(e,t);var i=0!=(128&t.flags);if(!a&&!i)return o&&Mo(t,n,!1),Gl(e,t,r);a=t.stateNode,vl.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:a.render();return t.flags|=1,null!==e&&i?(t.child=Kr(t,e.child,null,r),t.child=Kr(t,null,l,r)):kl(e,t,l,r),t.memoizedState=a.state,o&&Mo(t,n,!0),t.child}function Tl(e){var t=e.stateNode;t.pendingContext?No(0,t.pendingContext,t.pendingContext!==t.context):t.context&&No(0,t.context,!1),oi(e,t.containerInfo)}function Il(e,t,n,a,o){return gr(),mr(o),t.flags|=256,kl(e,t,n,a),t.child}var El,jl,Rl,Nl,Fl={dehydrated:null,treeContext:null,retryLane:0};function Ol(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ml(e,t,n){var a,o=t.pendingProps,i=si.current,l=!1,s=0!=(128&t.flags);if((a=s)||(a=(null===e||null!==e.memoizedState)&&0!=(2&i)),a?(l=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),Ao(si,1&i),null===e)return ur(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&t.mode)?t.lanes=1:"$!"===e.data?t.lanes=8:t.lanes=1073741824,null):(s=o.children,e=o.fallback,l?(o=t.mode,l=t.child,s={mode:"hidden",children:s},0==(1&o)&&null!==l?(l.childLanes=0,l.pendingProps=s):l=Oc(s,o,0,null),e=Fc(e,o,n,null),l.return=t,e.return=t,l.sibling=e,t.child=l,t.child.memoizedState=Ol(n),t.memoizedState=Fl,e):Bl(t,s));if(null!==(i=e.memoizedState)&&null!==(a=i.dehydrated))return function(e,t,n,a,o,i,l){if(n)return 256&t.flags?(t.flags&=-257,zl(e,t,l,a=dl(Error(r(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=a.fallback,o=t.mode,a=Oc({mode:"visible",children:a.children},o,0,null),(i=Fc(i,o,l,null)).flags|=2,a.return=t,i.return=t,a.sibling=i,t.child=a,0!=(1&t.mode)&&Kr(t,e.child,null,l),t.child.memoizedState=Ol(l),t.memoizedState=Fl,i);if(0==(1&t.mode))return zl(e,t,l,null);if("$!"===o.data){if(a=o.nextSibling&&o.nextSibling.dataset)var s=a.dgst;return a=s,zl(e,t,l,a=dl(i=Error(r(419)),a,void 0))}if(s=0!=(l&e.childLanes),wl||s){if(null!==(a=Ts)){switch(l&-l){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=0!=(o&(a.suspendedLanes|l))?0:o)&&o!==i.retryLane&&(i.retryLane=o,Tr(e,o),ac(a,e,o,-1))}return hc(),zl(e,t,l,a=dl(Error(r(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=Pc.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,or=co(o.nextSibling),ar=t,rr=!0,ir=null,null!==e&&(Vo[Qo++]=Ko,Vo[Qo++]=Xo,Vo[Qo++]=Yo,Ko=e.id,Xo=e.overflow,Yo=t),t=Bl(t,a.children),t.flags|=4096,t)}(e,t,s,o,a,i,n);if(l){l=o.fallback,s=t.mode,a=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 0==(1&s)&&t.child!==i?((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null):(o=Rc(i,c)).subtreeFlags=14680064&i.subtreeFlags,null!==a?l=Rc(a,l):(l=Fc(l,s,n,null)).flags|=2,l.return=t,o.return=t,o.sibling=l,t.child=o,o=l,l=t.child,s=null===(s=e.child.memoizedState)?Ol(n):{baseLanes:s.baseLanes|n,cachePool:null,transitions:s.transitions},l.memoizedState=s,l.childLanes=e.childLanes&~n,t.memoizedState=Fl,o}return e=(l=e.child).sibling,o=Rc(l,{mode:"visible",children:o.children}),0==(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Bl(e,t){return(t=Oc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zl(e,t,n,a){return null!==a&&mr(a),Kr(t,e.child,null,n),(e=Bl(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function ql(e,t,n){e.lanes|=t;var a=e.alternate;null!==a&&(a.lanes|=t),Cr(e.return,t,n)}function Ul(e,t,n,a,o){var r=e.memoizedState;null===r?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:o}:(r.isBackwards=t,r.rendering=null,r.renderingStartTime=0,r.last=a,r.tail=n,r.tailMode=o)}function $l(e,t,n){var a=t.pendingProps,o=a.revealOrder,r=a.tail;if(kl(e,t,a.children,n),0!=(2&(a=si.current)))a=1&a|2,t.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&ql(e,n,t);else if(19===e.tag)ql(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}a&=1}if(Ao(si,a),0==(1&t.mode))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ci(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Ul(t,!1,o,n,r);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ci(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Ul(t,!0,n,null,r);break;case"together":Ul(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Hl(e,t){0==(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Gl(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Os|=t.lanes,0==(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(r(153));if(null!==t.child){for(n=Rc(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Rc(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Wl(e,t){if(!rr)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var a=null;null!==n;)null!==n.alternate&&(a=n),n=n.sibling;null===a?t||null===e.tail?e.tail=null:e.tail.sibling=null:a.sibling=null}}function Zl(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,a=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,a|=14680064&o.subtreeFlags,a|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,a|=o.subtreeFlags,a|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=a,e.childLanes=n,t}function Vl(e,t,n){var a=t.pendingProps;switch(nr(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Zl(t),null;case 1:case 17:return jo(t.type)&&Ro(),Zl(t),null;case 3:return a=t.stateNode,ri(),_o(To),_o(Do),di(),a.pendingContext&&(a.context=a.pendingContext,a.pendingContext=null),null!==e&&null!==e.child||(pr(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&t.flags)||(t.flags|=1024,null!==ir&&(lc(ir),ir=null))),jl(e,t),Zl(t),null;case 5:li(t);var o=ai(ni.current);if(n=t.type,null!==e&&null!=t.stateNode)Rl(e,t,n,a,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!a){if(null===t.stateNode)throw Error(r(166));return Zl(t),null}if(e=ai(ei.current),pr(t)){a=t.stateNode,n=t.type;var i=t.memoizedProps;switch(a[fo]=t,a[go]=i,e=0!=(1&t.mode),n){case"dialog":Ba("cancel",a),Ba("close",a);break;case"iframe":case"object":case"embed":Ba("load",a);break;case"video":case"audio":for(o=0;o<Na.length;o++)Ba(Na[o],a);break;case"source":Ba("error",a);break;case"img":case"image":case"link":Ba("error",a),Ba("load",a);break;case"details":Ba("toggle",a);break;case"input":Y(a,i),Ba("invalid",a);break;case"select":a._wrapperState={wasMultiple:!!i.multiple},Ba("invalid",a);break;case"textarea":oe(a,i),Ba("invalid",a)}for(var s in ye(n,i),o=null,i)if(i.hasOwnProperty(s)){var c=i[s];"children"===s?"string"==typeof c?a.textContent!==c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),o=["children",c]):"number"==typeof c&&a.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),o=["children",""+c]):l.hasOwnProperty(s)&&null!=c&&"onScroll"===s&&Ba("scroll",a)}switch(n){case"input":W(a),J(a,i,!0);break;case"textarea":W(a),ie(a);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(a.onclick=Ja)}a=o,t.updateQueue=a,null!==a&&(t.flags|=4)}else{s=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=le(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=s.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof a.is?e=s.createElement(n,{is:a.is}):(e=s.createElement(n),"select"===n&&(s=e,a.multiple?s.multiple=!0:a.size&&(s.size=a.size))):e=s.createElementNS(e,n),e[fo]=t,e[go]=a,El(e,t,!1,!1),t.stateNode=e;e:{switch(s=ve(n,a),n){case"dialog":Ba("cancel",e),Ba("close",e),o=a;break;case"iframe":case"object":case"embed":Ba("load",e),o=a;break;case"video":case"audio":for(o=0;o<Na.length;o++)Ba(Na[o],e);o=a;break;case"source":Ba("error",e),o=a;break;case"img":case"image":case"link":Ba("error",e),Ba("load",e),o=a;break;case"details":Ba("toggle",e),o=a;break;case"input":Y(e,a),o=Q(e,a),Ba("invalid",e);break;case"option":default:o=a;break;case"select":e._wrapperState={wasMultiple:!!a.multiple},o=O({},a,{value:void 0}),Ba("invalid",e);break;case"textarea":oe(e,a),o=ae(e,a),Ba("invalid",e)}for(i in ye(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?he(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(l.hasOwnProperty(i)?null!=u&&"onScroll"===i&&Ba("scroll",e):null!=u&&v(e,i,u,s))}switch(n){case"input":W(e),J(e,a,!1);break;case"textarea":W(e),ie(e);break;case"option":null!=a.value&&e.setAttribute("value",""+H(a.value));break;case"select":e.multiple=!!a.multiple,null!=(i=a.value)?ne(e,!!a.multiple,i,!1):null!=a.defaultValue&&ne(e,!!a.multiple,a.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Ja)}switch(n){case"button":case"input":case"select":case"textarea":a=!!a.autoFocus;break e;case"img":a=!0;break e;default:a=!1}}a&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Zl(t),null;case 6:if(e&&null!=t.stateNode)Nl(e,t,e.memoizedProps,a);else{if("string"!=typeof a&&null===t.stateNode)throw Error(r(166));if(n=ai(ni.current),ai(ei.current),pr(t)){if(a=t.stateNode,n=t.memoizedProps,a[fo]=t,(i=a.nodeValue!==n)&&null!==(e=ar))switch(e.tag){case 3:Xa(a.nodeValue,n,0!=(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Xa(a.nodeValue,n,0!=(1&e.mode))}i&&(t.flags|=4)}else(a=(9===n.nodeType?n:n.ownerDocument).createTextNode(a))[fo]=t,t.stateNode=a}return Zl(t),null;case 13:if(_o(si),a=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(rr&&null!==or&&0!=(1&t.mode)&&0==(128&t.flags))fr(),gr(),t.flags|=98560,i=!1;else if(i=pr(t),null!==a&&null!==a.dehydrated){if(null===e){if(!i)throw Error(r(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(r(317));i[fo]=t}else gr(),0==(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Zl(t),i=!1}else null!==ir&&(lc(ir),ir=null),i=!0;if(!i)return 65536&t.flags?t:null}return 0!=(128&t.flags)?(t.lanes=n,t):((a=null!==a)!==(null!==e&&null!==e.memoizedState)&&a&&(t.child.flags|=8192,0!=(1&t.mode)&&(null===e||0!=(1&si.current)?0===Ns&&(Ns=3):hc())),null!==t.updateQueue&&(t.flags|=4),Zl(t),null);case 4:return ri(),jl(e,t),null===e&&Ua(t.stateNode.containerInfo),Zl(t),null;case 10:return Lr(t.type._context),Zl(t),null;case 19:if(_o(si),null===(i=t.memoizedState))return Zl(t),null;if(a=0!=(128&t.flags),null===(s=i.rendering))if(a)Wl(i,!1);else{if(0!==Ns||null!==e&&0!=(128&e.flags))for(e=t.child;null!==e;){if(null!==(s=ci(e))){for(t.flags|=128,Wl(i,!1),null!==(a=s.updateQueue)&&(t.updateQueue=a,t.flags|=4),t.subtreeFlags=0,a=n,n=t.child;null!==n;)e=a,(i=n).flags&=14680066,null===(s=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=s.childLanes,i.lanes=s.lanes,i.child=s.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=s.memoizedProps,i.memoizedState=s.memoizedState,i.updateQueue=s.updateQueue,i.type=s.type,e=s.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Ao(si,1&si.current|2),t.child}e=e.sibling}null!==i.tail&&Ke()>$s&&(t.flags|=128,a=!0,Wl(i,!1),t.lanes=4194304)}else{if(!a)if(null!==(e=ci(s))){if(t.flags|=128,a=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Wl(i,!0),null===i.tail&&"hidden"===i.tailMode&&!s.alternate&&!rr)return Zl(t),null}else 2*Ke()-i.renderingStartTime>$s&&1073741824!==n&&(t.flags|=128,a=!0,Wl(i,!1),t.lanes=4194304);i.isBackwards?(s.sibling=t.child,t.child=s):(null!==(n=i.last)?n.sibling=s:t.child=s,i.last=s)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ke(),t.sibling=null,n=si.current,Ao(si,a?1&n|2:1&n),t):(Zl(t),null);case 22:case 23:return pc(),a=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==a&&(t.flags|=8192),a&&0!=(1&t.mode)?0!=(1073741824&js)&&(Zl(t),6&t.subtreeFlags&&(t.flags|=8192)):Zl(t),null;case 24:case 25:return null}throw Error(r(156,t.tag))}function Ql(e,t){switch(nr(t),t.tag){case 1:return jo(t.type)&&Ro(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return ri(),_o(To),_o(Do),di(),0!=(65536&(e=t.flags))&&0==(128&e)?(t.flags=-65537&e|128,t):null;case 5:return li(t),null;case 13:if(_o(si),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(r(340));gr()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return _o(si),null;case 4:return ri(),null;case 10:return Lr(t.type._context),null;case 22:case 23:return pc(),null;default:return null}}El=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},jl=function(){},Rl=function(e,t,n,a){var o=e.memoizedProps;if(o!==a){e=t.stateNode,ai(ei.current);var r,i=null;switch(n){case"input":o=Q(e,o),a=Q(e,a),i=[];break;case"select":o=O({},o,{value:void 0}),a=O({},a,{value:void 0}),i=[];break;case"textarea":o=ae(e,o),a=ae(e,a),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof a.onClick&&(e.onclick=Ja)}for(u in ye(n,a),n=null,o)if(!a.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var s=o[u];for(r in s)s.hasOwnProperty(r)&&(n||(n={}),n[r]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(l.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in a){var c=a[u];if(s=null!=o?o[u]:void 0,a.hasOwnProperty(u)&&c!==s&&(null!=c||null!=s))if("style"===u)if(s){for(r in s)!s.hasOwnProperty(r)||c&&c.hasOwnProperty(r)||(n||(n={}),n[r]="");for(r in c)c.hasOwnProperty(r)&&s[r]!==c[r]&&(n||(n={}),n[r]=c[r])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,s=s?s.__html:void 0,null!=c&&s!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(l.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Ba("scroll",e),i||s===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Nl=function(e,t,n,a){n!==a&&(t.flags|=4)};var Yl=!1,Kl=!1,Xl="function"==typeof WeakSet?WeakSet:Set,Jl=null;function es(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(a){Sc(e,t,a)}else n.current=null}function ts(e,t,n){try{n()}catch(a){Sc(e,t,a)}}var ns=!1;function as(e,t,n){var a=t.updateQueue;if(null!==(a=null!==a?a.lastEffect:null)){var o=a=a.next;do{if((o.tag&e)===e){var r=o.destroy;o.destroy=void 0,void 0!==r&&ts(t,n,r)}o=o.next}while(o!==a)}}function os(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var a=n.create;n.destroy=a()}n=n.next}while(n!==t)}}function rs(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function is(e){var t=e.alternate;null!==t&&(e.alternate=null,is(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[go],delete t[ho],delete t[bo],delete t[yo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ls(e){return 5===e.tag||3===e.tag||4===e.tag}function ss(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||ls(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cs(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Ja));else if(4!==a&&null!==(e=e.child))for(cs(e,t,n),e=e.sibling;null!==e;)cs(e,t,n),e=e.sibling}function us(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==a&&null!==(e=e.child))for(us(e,t,n),e=e.sibling;null!==e;)us(e,t,n),e=e.sibling}var ds=null,ps=!1;function fs(e,t,n){for(n=n.child;null!==n;)gs(e,t,n),n=n.sibling}function gs(e,t,n){if(rt&&"function"==typeof rt.onCommitFiberUnmount)try{rt.onCommitFiberUnmount(ot,n)}catch(l){}switch(n.tag){case 5:Kl||es(n,t);case 6:var a=ds,o=ps;ds=null,fs(e,t,n),ps=o,null!==(ds=a)&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ds.removeChild(n.stateNode));break;case 18:null!==ds&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?so(e.parentNode,n):1===e.nodeType&&so(e,n),Ut(e)):so(ds,n.stateNode));break;case 4:a=ds,o=ps,ds=n.stateNode.containerInfo,ps=!0,fs(e,t,n),ds=a,ps=o;break;case 0:case 11:case 14:case 15:if(!Kl&&(null!==(a=n.updateQueue)&&null!==(a=a.lastEffect))){o=a=a.next;do{var r=o,i=r.destroy;r=r.tag,void 0!==i&&(0!=(2&r)||0!=(4&r))&&ts(n,t,i),o=o.next}while(o!==a)}fs(e,t,n);break;case 1:if(!Kl&&(es(n,t),"function"==typeof(a=n.stateNode).componentWillUnmount))try{a.props=n.memoizedProps,a.state=n.memoizedState,a.componentWillUnmount()}catch(l){Sc(n,t,l)}fs(e,t,n);break;case 21:fs(e,t,n);break;case 22:1&n.mode?(Kl=(a=Kl)||null!==n.memoizedState,fs(e,t,n),Kl=a):fs(e,t,n);break;default:fs(e,t,n)}}function ms(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Xl),t.forEach((function(t){var a=Dc.bind(null,e,t);n.has(t)||(n.add(t),t.then(a,a))}))}}function hs(e,t){var n=t.deletions;if(null!==n)for(var a=0;a<n.length;a++){var o=n[a];try{var i=e,l=t,s=l;e:for(;null!==s;){switch(s.tag){case 5:ds=s.stateNode,ps=!1;break e;case 3:case 4:ds=s.stateNode.containerInfo,ps=!0;break e}s=s.return}if(null===ds)throw Error(r(160));gs(i,l,o),ds=null,ps=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Sc(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)bs(t,e),t=t.sibling}function bs(e,t){var n=e.alternate,a=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hs(t,e),ys(e),4&a){try{as(3,e,e.return),os(3,e)}catch(h){Sc(e,e.return,h)}try{as(5,e,e.return)}catch(h){Sc(e,e.return,h)}}break;case 1:hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return);break;case 5:if(hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(h){Sc(e,e.return,h)}}if(4&a&&null!=(o=e.stateNode)){var i=e.memoizedProps,l=null!==n?n.memoizedProps:i,s=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===s&&"radio"===i.type&&null!=i.name&&K(o,i),ve(s,l);var u=ve(s,i);for(l=0;l<c.length;l+=2){var d=c[l],p=c[l+1];"style"===d?he(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(s){case"input":X(o,i);break;case"textarea":re(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var g=i.value;null!=g?ne(o,!!i.multiple,g,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[go]=i}catch(h){Sc(e,e.return,h)}}break;case 6:if(hs(t,e),ys(e),4&a){if(null===e.stateNode)throw Error(r(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(h){Sc(e,e.return,h)}}break;case 3:if(hs(t,e),ys(e),4&a&&null!==n&&n.memoizedState.isDehydrated)try{Ut(t.containerInfo)}catch(h){Sc(e,e.return,h)}break;case 4:default:hs(t,e),ys(e);break;case 13:hs(t,e),ys(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Us=Ke())),4&a&&ms(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Kl=(u=Kl)||d,hs(t,e),Kl=u):hs(t,e),ys(e),8192&a){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&0!=(1&e.mode))for(Jl=e,d=e.child;null!==d;){for(p=Jl=d;null!==Jl;){switch(g=(f=Jl).child,f.tag){case 0:case 11:case 14:case 15:as(4,f,f.return);break;case 1:es(f,f.return);var m=f.stateNode;if("function"==typeof m.componentWillUnmount){a=f,n=f.return;try{t=a,m.props=t.memoizedProps,m.state=t.memoizedState,m.componentWillUnmount()}catch(h){Sc(a,n,h)}}break;case 5:es(f,f.return);break;case 22:if(null!==f.memoizedState){xs(p);continue}}null!==g?(g.return=f,Jl=g):xs(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(s=p.stateNode,l=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,s.style.display=me("display",l))}catch(h){Sc(e,e.return,h)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(h){Sc(e,e.return,h)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hs(t,e),ys(e),4&a&&ms(e);case 21:}}function ys(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(ls(n)){var a=n;break e}n=n.return}throw Error(r(160))}switch(a.tag){case 5:var o=a.stateNode;32&a.flags&&(pe(o,""),a.flags&=-33),us(e,ss(e),o);break;case 3:case 4:var i=a.stateNode.containerInfo;cs(e,ss(e),i);break;default:throw Error(r(161))}}catch(l){Sc(e,e.return,l)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function vs(e,t,n){Jl=e,ws(e,t,n)}function ws(e,t,n){for(var a=0!=(1&e.mode);null!==Jl;){var o=Jl,r=o.child;if(22===o.tag&&a){var i=null!==o.memoizedState||Yl;if(!i){var l=o.alternate,s=null!==l&&null!==l.memoizedState||Kl;l=Yl;var c=Kl;if(Yl=i,(Kl=s)&&!c)for(Jl=o;null!==Jl;)s=(i=Jl).child,22===i.tag&&null!==i.memoizedState?Ls(o):null!==s?(s.return=i,Jl=s):Ls(o);for(;null!==r;)Jl=r,ws(r,t,n),r=r.sibling;Jl=o,Yl=l,Kl=c}ks(e)}else 0!=(8772&o.subtreeFlags)&&null!==r?(r.return=o,Jl=r):ks(e)}}function ks(e){for(;null!==Jl;){var t=Jl;if(0!=(8772&t.flags)){var n=t.alternate;try{if(0!=(8772&t.flags))switch(t.tag){case 0:case 11:case 15:Kl||os(5,t);break;case 1:var a=t.stateNode;if(4&t.flags&&!Kl)if(null===n)a.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:br(t.type,n.memoizedProps);a.componentDidUpdate(o,n.memoizedState,a.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Br(t,i,a);break;case 3:var l=t.updateQueue;if(null!==l){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Br(t,l,n)}break;case 5:var s=t.stateNode;if(null===n&&4&t.flags){n=s;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&Ut(p)}}}break;default:throw Error(r(163))}Kl||512&t.flags&&rs(t)}catch(f){Sc(t,t.return,f)}}if(t===e){Jl=null;break}if(null!==(n=t.sibling)){n.return=t.return,Jl=n;break}Jl=t.return}}function xs(e){for(;null!==Jl;){var t=Jl;if(t===e){Jl=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Jl=n;break}Jl=t.return}}function Ls(e){for(;null!==Jl;){var t=Jl;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{os(4,t)}catch(s){Sc(t,n,s)}break;case 1:var a=t.stateNode;if("function"==typeof a.componentDidMount){var o=t.return;try{a.componentDidMount()}catch(s){Sc(t,o,s)}}var r=t.return;try{rs(t)}catch(s){Sc(t,r,s)}break;case 5:var i=t.return;try{rs(t)}catch(s){Sc(t,i,s)}}}catch(s){Sc(t,t.return,s)}if(t===e){Jl=null;break}var l=t.sibling;if(null!==l){l.return=t.return,Jl=l;break}Jl=t.return}}var Cs,Ss=Math.ceil,_s=w.ReactCurrentDispatcher,As=w.ReactCurrentOwner,Ps=w.ReactCurrentBatchConfig,Ds=0,Ts=null,Is=null,Es=0,js=0,Rs=So(0),Ns=0,Fs=null,Os=0,Ms=0,Bs=0,zs=null,qs=null,Us=0,$s=1/0,Hs=null,Gs=!1,Ws=null,Zs=null,Vs=!1,Qs=null,Ys=0,Ks=0,Xs=null,Js=-1,ec=0;function tc(){return 0!=(6&Ds)?Ke():-1!==Js?Js:Js=Ke()}function nc(e){return 0==(1&e.mode)?1:0!=(2&Ds)&&0!==Es?Es&-Es:null!==hr.transition?(0===ec&&(ec=mt()),ec):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type)}function ac(e,t,n,a){if(50<Ks)throw Ks=0,Xs=null,Error(r(185));bt(e,n,a),0!=(2&Ds)&&e===Ts||(e===Ts&&(0==(2&Ds)&&(Ms|=n),4===Ns&&sc(e,Es)),oc(e,a),1===n&&0===Ds&&0==(1&t.mode)&&($s=Ke()+500,zo&&$o()))}function oc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,a=e.pingedLanes,o=e.expirationTimes,r=e.pendingLanes;0<r;){var i=31-it(r),l=1<<i,s=o[i];-1===s?0!=(l&n)&&0==(l&a)||(o[i]=ft(l,t)):s<=t&&(e.expiredLanes|=l),r&=~l}}(e,t);var a=pt(e,e===Ts?Es:0);if(0===a)null!==n&&Ve(n),e.callbackNode=null,e.callbackPriority=0;else if(t=a&-a,e.callbackPriority!==t){if(null!=n&&Ve(n),1===t)0===e.tag?function(e){zo=!0,Uo(e)}(cc.bind(null,e)):Uo(cc.bind(null,e)),io((function(){0==(6&Ds)&&$o()})),n=null;else{switch(wt(a)){case 1:n=Je;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=at}n=Tc(n,rc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function rc(e,t){if(Js=-1,ec=0,0!=(6&Ds))throw Error(r(327));var n=e.callbackNode;if(Lc()&&e.callbackNode!==n)return null;var a=pt(e,e===Ts?Es:0);if(0===a)return null;if(0!=(30&a)||0!=(a&e.expiredLanes)||t)t=bc(e,a);else{t=a;var o=Ds;Ds|=2;var i=mc();for(Ts===e&&Es===t||(Hs=null,$s=Ke()+500,fc(e,t));;)try{vc();break}catch(s){gc(e,s)}xr(),_s.current=i,Ds=o,null!==Is?t=0:(Ts=null,Es=0,t=Ns)}if(0!==t){if(2===t&&(0!==(o=gt(e))&&(a=o,t=ic(e,o))),1===t)throw n=Fs,fc(e,0),sc(e,a),oc(e,Ke()),n;if(6===t)sc(e,a);else{if(o=e.current.alternate,0==(30&a)&&!function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var a=0;a<n.length;a++){var o=n[a],r=o.getSnapshot;o=o.value;try{if(!la(r(),o))return!1}catch(l){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)&&(2===(t=bc(e,a))&&(0!==(i=gt(e))&&(a=i,t=ic(e,i))),1===t))throw n=Fs,fc(e,0),sc(e,a),oc(e,Ke()),n;switch(e.finishedWork=o,e.finishedLanes=a,t){case 0:case 1:throw Error(r(345));case 2:case 5:xc(e,qs,Hs);break;case 3:if(sc(e,a),(130023424&a)===a&&10<(t=Us+500-Ke())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&a)!==a){tc(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ao(xc.bind(null,e,qs,Hs),t);break}xc(e,qs,Hs);break;case 4:if(sc(e,a),(4194240&a)===a)break;for(t=e.eventTimes,o=-1;0<a;){var l=31-it(a);i=1<<l,(l=t[l])>o&&(o=l),a&=~i}if(a=o,10<(a=(120>(a=Ke()-a)?120:480>a?480:1080>a?1080:1920>a?1920:3e3>a?3e3:4320>a?4320:1960*Ss(a/1960))-a)){e.timeoutHandle=ao(xc.bind(null,e,qs,Hs),a);break}xc(e,qs,Hs);break;default:throw Error(r(329))}}}return oc(e,Ke()),e.callbackNode===n?rc.bind(null,e):null}function ic(e,t){var n=zs;return e.current.memoizedState.isDehydrated&&(fc(e,t).flags|=256),2!==(e=bc(e,t))&&(t=qs,qs=n,null!==t&&lc(t)),e}function lc(e){null===qs?qs=e:qs.push.apply(qs,e)}function sc(e,t){for(t&=~Bs,t&=~Ms,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),a=1<<n;e[n]=-1,t&=~a}}function cc(e){if(0!=(6&Ds))throw Error(r(327));Lc();var t=pt(e,0);if(0==(1&t))return oc(e,Ke()),null;var n=bc(e,t);if(0!==e.tag&&2===n){var a=gt(e);0!==a&&(t=a,n=ic(e,a))}if(1===n)throw n=Fs,fc(e,0),sc(e,t),oc(e,Ke()),n;if(6===n)throw Error(r(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,xc(e,qs,Hs),oc(e,Ke()),null}function uc(e,t){var n=Ds;Ds|=1;try{return e(t)}finally{0===(Ds=n)&&($s=Ke()+500,zo&&$o())}}function dc(e){null!==Qs&&0===Qs.tag&&0==(6&Ds)&&Lc();var t=Ds;Ds|=1;var n=Ps.transition,a=vt;try{if(Ps.transition=null,vt=1,e)return e()}finally{vt=a,Ps.transition=n,0==(6&(Ds=t))&&$o()}}function pc(){js=Rs.current,_o(Rs)}function fc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Is)for(n=Is.return;null!==n;){var a=n;switch(nr(a),a.tag){case 1:null!=(a=a.type.childContextTypes)&&Ro();break;case 3:ri(),_o(To),_o(Do),di();break;case 5:li(a);break;case 4:ri();break;case 13:case 19:_o(si);break;case 10:Lr(a.type._context);break;case 22:case 23:pc()}n=n.return}if(Ts=e,Is=e=Rc(e.current,null),Es=js=t,Ns=0,Fs=null,Bs=Ms=Os=0,qs=zs=null,null!==Ar){for(t=0;t<Ar.length;t++)if(null!==(a=(n=Ar[t]).interleaved)){n.interleaved=null;var o=a.next,r=n.pending;if(null!==r){var i=r.next;r.next=o,a.next=i}n.pending=a}Ar=null}return e}function gc(e,t){for(;;){var n=Is;try{if(xr(),pi.current=il,yi){for(var a=mi.memoizedState;null!==a;){var o=a.queue;null!==o&&(o.pending=null),a=a.next}yi=!1}if(gi=0,bi=hi=mi=null,vi=!1,wi=0,As.current=null,null===n||null===n.return){Ns=1,Fs=t,Is=null;break}e:{var i=e,l=n.return,s=n,c=t;if(t=Es,s.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=s,p=d.tag;if(0==(1&d.mode)&&(0===p||11===p||15===p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var g=bl(l);if(null!==g){g.flags&=-257,yl(g,l,s,0,t),1&g.mode&&hl(i,u,t),c=u;var m=(t=g).updateQueue;if(null===m){var h=new Set;h.add(c),t.updateQueue=h}else m.add(c);break e}if(0==(1&t)){hl(i,u,t),hc();break e}c=Error(r(426))}else if(rr&&1&s.mode){var b=bl(l);if(null!==b){0==(65536&b.flags)&&(b.flags|=256),yl(b,l,s,0,t),mr(ul(c,s));break e}}i=c=ul(c,s),4!==Ns&&(Ns=2),null===zs?zs=[i]:zs.push(i),i=l;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,Or(i,gl(0,c,t));break e;case 1:s=c;var y=i.type,v=i.stateNode;if(0==(128&i.flags)&&("function"==typeof y.getDerivedStateFromError||null!==v&&"function"==typeof v.componentDidCatch&&(null===Zs||!Zs.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,Or(i,ml(i,s,t));break e}}i=i.return}while(null!==i)}kc(n)}catch(w){t=w,Is===n&&null!==n&&(Is=n=n.return);continue}break}}function mc(){var e=_s.current;return _s.current=il,null===e?il:e}function hc(){0!==Ns&&3!==Ns&&2!==Ns||(Ns=4),null===Ts||0==(268435455&Os)&&0==(268435455&Ms)||sc(Ts,Es)}function bc(e,t){var n=Ds;Ds|=2;var a=mc();for(Ts===e&&Es===t||(Hs=null,fc(e,t));;)try{yc();break}catch(o){gc(e,o)}if(xr(),Ds=n,_s.current=a,null!==Is)throw Error(r(261));return Ts=null,Es=0,Ns}function yc(){for(;null!==Is;)wc(Is)}function vc(){for(;null!==Is&&!Qe();)wc(Is)}function wc(e){var t=Cs(e.alternate,e,js);e.memoizedProps=e.pendingProps,null===t?kc(e):Is=t,As.current=null}function kc(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(32768&t.flags)){if(null!==(n=Vl(n,t,js)))return void(Is=n)}else{if(null!==(n=Ql(n,t)))return n.flags&=32767,void(Is=n);if(null===e)return Ns=6,void(Is=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}if(null!==(t=t.sibling))return void(Is=t);Is=t=e}while(null!==t);0===Ns&&(Ns=5)}function xc(e,t,n){var a=vt,o=Ps.transition;try{Ps.transition=null,vt=1,function(e,t,n,a){do{Lc()}while(null!==Qs);if(0!=(6&Ds))throw Error(r(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(r(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var a=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),r=1<<o;t[o]=0,a[o]=-1,e[o]=-1,n&=~r}}(e,i),e===Ts&&(Is=Ts=null,Es=0),0==(2064&n.subtreeFlags)&&0==(2064&n.flags)||Vs||(Vs=!0,Tc(tt,(function(){return Lc(),null}))),i=0!=(15990&n.flags),0!=(15990&n.subtreeFlags)||i){i=Ps.transition,Ps.transition=null;var l=vt;vt=1;var s=Ds;Ds|=4,As.current=null,function(e,t){if(eo=Ht,fa(e=pa())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var a=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(a&&0!==a.rangeCount){n=a.anchorNode;var o=a.anchorOffset,i=a.focusNode;a=a.focusOffset;try{n.nodeType,i.nodeType}catch(k){n=null;break e}var l=0,s=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var g;p!==n||0!==o&&3!==p.nodeType||(s=l+o),p!==i||0!==a&&3!==p.nodeType||(c=l+a),3===p.nodeType&&(l+=p.nodeValue.length),null!==(g=p.firstChild);)f=p,p=g;for(;;){if(p===e)break t;if(f===n&&++u===o&&(s=l),f===i&&++d===a&&(c=l),null!==(g=p.nextSibling))break;f=(p=f).parentNode}p=g}n=-1===s||-1===c?null:{start:s,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Jl=t;null!==Jl;)if(e=(t=Jl).child,0!=(1028&t.subtreeFlags)&&null!==e)e.return=t,Jl=e;else for(;null!==Jl;){t=Jl;try{var m=t.alternate;if(0!=(1024&t.flags))switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==m){var h=m.memoizedProps,b=m.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?h:br(t.type,h),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(r(163))}}catch(k){Sc(t,t.return,k)}if(null!==(e=t.sibling)){e.return=t.return,Jl=e;break}Jl=t.return}m=ns,ns=!1}(e,n),bs(n,e),ga(to),Ht=!!eo,to=eo=null,e.current=n,vs(n,e,o),Ye(),Ds=s,vt=l,Ps.transition=i}else e.current=n;if(Vs&&(Vs=!1,Qs=e,Ys=o),i=e.pendingLanes,0===i&&(Zs=null),function(e){if(rt&&"function"==typeof rt.onCommitFiberRoot)try{rt.onCommitFiberRoot(ot,e,void 0,128==(128&e.current.flags))}catch(t){}}(n.stateNode),oc(e,Ke()),null!==t)for(a=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],a(o.value,{componentStack:o.stack,digest:o.digest});if(Gs)throw Gs=!1,e=Ws,Ws=null,e;0!=(1&Ys)&&0!==e.tag&&Lc(),i=e.pendingLanes,0!=(1&i)?e===Xs?Ks++:(Ks=0,Xs=e):Ks=0,$o()}(e,t,n,a)}finally{Ps.transition=o,vt=a}return null}function Lc(){if(null!==Qs){var e=wt(Ys),t=Ps.transition,n=vt;try{if(Ps.transition=null,vt=16>e?16:e,null===Qs)var a=!1;else{if(e=Qs,Qs=null,Ys=0,0!=(6&Ds))throw Error(r(331));var o=Ds;for(Ds|=4,Jl=e.current;null!==Jl;){var i=Jl,l=i.child;if(0!=(16&Jl.flags)){var s=i.deletions;if(null!==s){for(var c=0;c<s.length;c++){var u=s[c];for(Jl=u;null!==Jl;){var d=Jl;switch(d.tag){case 0:case 11:case 15:as(8,d,i)}var p=d.child;if(null!==p)p.return=d,Jl=p;else for(;null!==Jl;){var f=(d=Jl).sibling,g=d.return;if(is(d),d===u){Jl=null;break}if(null!==f){f.return=g,Jl=f;break}Jl=g}}}var m=i.alternate;if(null!==m){var h=m.child;if(null!==h){m.child=null;do{var b=h.sibling;h.sibling=null,h=b}while(null!==h)}}Jl=i}}if(0!=(2064&i.subtreeFlags)&&null!==l)l.return=i,Jl=l;else e:for(;null!==Jl;){if(0!=(2048&(i=Jl).flags))switch(i.tag){case 0:case 11:case 15:as(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Jl=y;break e}Jl=i.return}}var v=e.current;for(Jl=v;null!==Jl;){var w=(l=Jl).child;if(0!=(2064&l.subtreeFlags)&&null!==w)w.return=l,Jl=w;else e:for(l=v;null!==Jl;){if(0!=(2048&(s=Jl).flags))try{switch(s.tag){case 0:case 11:case 15:os(9,s)}}catch(x){Sc(s,s.return,x)}if(s===l){Jl=null;break e}var k=s.sibling;if(null!==k){k.return=s.return,Jl=k;break e}Jl=s.return}}if(Ds=o,$o(),rt&&"function"==typeof rt.onPostCommitFiberRoot)try{rt.onPostCommitFiberRoot(ot,e)}catch(x){}a=!0}return a}finally{vt=n,Ps.transition=t}}return!1}function Cc(e,t,n){e=Nr(e,t=gl(0,t=ul(n,t),1),1),t=tc(),null!==e&&(bt(e,1,t),oc(e,t))}function Sc(e,t,n){if(3===e.tag)Cc(e,e,n);else for(;null!==t;){if(3===t.tag){Cc(t,e,n);break}if(1===t.tag){var a=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof a.componentDidCatch&&(null===Zs||!Zs.has(a))){t=Nr(t,e=ml(t,e=ul(n,e),1),1),e=tc(),null!==t&&(bt(t,1,e),oc(t,e));break}}t=t.return}}function _c(e,t,n){var a=e.pingCache;null!==a&&a.delete(t),t=tc(),e.pingedLanes|=e.suspendedLanes&n,Ts===e&&(Es&n)===n&&(4===Ns||3===Ns&&(130023424&Es)===Es&&500>Ke()-Us?fc(e,0):Bs|=n),oc(e,t)}function Ac(e,t){0===t&&(0==(1&e.mode)?t=1:(t=ut,0==(130023424&(ut<<=1))&&(ut=4194304)));var n=tc();null!==(e=Tr(e,t))&&(bt(e,t,n),oc(e,n))}function Pc(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Ac(e,n)}function Dc(e,t){var n=0;switch(e.tag){case 13:var a=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:a=e.stateNode;break;default:throw Error(r(314))}null!==a&&a.delete(t),Ac(e,n)}function Tc(e,t){return Ze(e,t)}function Ic(e,t,n,a){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ec(e,t,n,a){return new Ic(e,t,n,a)}function jc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Rc(e,t){var n=e.alternate;return null===n?((n=Ec(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Nc(e,t,n,a,o,i){var l=2;if(a=e,"function"==typeof e)jc(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case L:return Fc(n.children,o,i,t);case C:l=8,o|=8;break;case S:return(e=Ec(12,n,t,2|o)).elementType=S,e.lanes=i,e;case D:return(e=Ec(13,n,t,o)).elementType=D,e.lanes=i,e;case T:return(e=Ec(19,n,t,o)).elementType=T,e.lanes=i,e;case j:return Oc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case _:l=10;break e;case A:l=9;break e;case P:l=11;break e;case I:l=14;break e;case E:l=16,a=null;break e}throw Error(r(130,null==e?e:typeof e,""))}return(t=Ec(l,n,t,o)).elementType=e,t.type=a,t.lanes=i,t}function Fc(e,t,n,a){return(e=Ec(7,e,a,t)).lanes=n,e}function Oc(e,t,n,a){return(e=Ec(22,e,a,t)).elementType=j,e.lanes=n,e.stateNode={isHidden:!1},e}function Mc(e,t,n){return(e=Ec(6,e,null,t)).lanes=n,e}function Bc(e,t,n){return(t=Ec(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,a,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ht(0),this.expirationTimes=ht(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ht(0),this.identifierPrefix=a,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function qc(e,t,n,a,o,r,i,l,s){return e=new zc(e,t,n,l,s),1===t?(t=1,!0===r&&(t|=8)):t=0,r=Ec(3,null,null,t),e.current=r,r.stateNode=e,r.memoizedState={element:a,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Er(r),e}function Uc(e){if(!e)return Po;e:{if(Ue(e=e._reactInternals)!==e||1!==e.tag)throw Error(r(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(jo(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(r(171))}if(1===e.tag){var n=e.type;if(jo(n))return Fo(e,n,t)}return t}function $c(e,t,n,a,o,r,i,l,s){return(e=qc(n,a,!0,e,0,r,0,l,s)).context=Uc(null),n=e.current,(r=Rr(a=tc(),o=nc(n))).callback=null!=t?t:null,Nr(n,r,o),e.current.lanes=o,bt(e,o,a),oc(e,a),e}function Hc(e,t,n,a){var o=t.current,r=tc(),i=nc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=Rr(r,i)).payload={element:e},null!==(a=void 0===a?null:a)&&(t.callback=a),null!==(e=Nr(o,t,i))&&(ac(e,o,i,r),Fr(e,o,i)),i}function Gc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Wc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Zc(e,t){Wc(e,t),(e=e.alternate)&&Wc(e,t)}Cs=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||To.current)wl=!0;else{if(0==(e.lanes&n)&&0==(128&t.flags))return wl=!1,function(e,t,n){switch(t.tag){case 3:Tl(t),gr();break;case 5:ii(t);break;case 1:jo(t.type)&&Oo(t);break;case 4:oi(t,t.stateNode.containerInfo);break;case 10:var a=t.type._context,o=t.memoizedProps.value;Ao(yr,a._currentValue),a._currentValue=o;break;case 13:if(null!==(a=t.memoizedState))return null!==a.dehydrated?(Ao(si,1&si.current),t.flags|=128,null):0!=(n&t.child.childLanes)?Ml(e,t,n):(Ao(si,1&si.current),null!==(e=Gl(e,t,n))?e.sibling:null);Ao(si,1&si.current);break;case 19:if(a=0!=(n&t.childLanes),0!=(128&e.flags)){if(a)return $l(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),Ao(si,si.current),a)break;return null;case 22:case 23:return t.lanes=0,Sl(e,t,n)}return Gl(e,t,n)}(e,t,n);wl=0!=(131072&e.flags)}else wl=!1,rr&&0!=(1048576&t.flags)&&er(t,Zo,t.index);switch(t.lanes=0,t.tag){case 2:var a=t.type;Hl(e,t),e=t.pendingProps;var o=Eo(t,Do.current);Sr(t,n),o=Ci(null,t,a,e,o,n);var i=Si();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,jo(a)?(i=!0,Oo(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,Er(t),o.updater=Ur,t.stateNode=o,o._reactInternals=t,Wr(t,a,e,n),t=Dl(null,t,a,!0,i,n)):(t.tag=0,rr&&i&&tr(t),kl(null,t,o,n),t=t.child),t;case 16:a=t.elementType;e:{switch(Hl(e,t),e=t.pendingProps,a=(o=a._init)(a._payload),t.type=a,o=t.tag=function(e){if("function"==typeof e)return jc(e)?1:0;if(null!=e){if((e=e.$$typeof)===P)return 11;if(e===I)return 14}return 2}(a),e=br(a,e),o){case 0:t=Al(null,t,a,e,n);break e;case 1:t=Pl(null,t,a,e,n);break e;case 11:t=xl(null,t,a,e,n);break e;case 14:t=Ll(null,t,a,br(a.type,e),n);break e}throw Error(r(306,a,""))}return t;case 0:return a=t.type,o=t.pendingProps,Al(e,t,a,o=t.elementType===a?o:br(a,o),n);case 1:return a=t.type,o=t.pendingProps,Pl(e,t,a,o=t.elementType===a?o:br(a,o),n);case 3:e:{if(Tl(t),null===e)throw Error(r(387));a=t.pendingProps,o=(i=t.memoizedState).element,jr(e,t),Mr(t,a,null,n);var l=t.memoizedState;if(a=l.element,i.isDehydrated){if(i={element:a,isDehydrated:!1,cache:l.cache,pendingSuspenseBoundaries:l.pendingSuspenseBoundaries,transitions:l.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Il(e,t,a,n,o=ul(Error(r(423)),t));break e}if(a!==o){t=Il(e,t,a,n,o=ul(Error(r(424)),t));break e}for(or=co(t.stateNode.containerInfo.firstChild),ar=t,rr=!0,ir=null,n=Xr(t,null,a,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(gr(),a===o){t=Gl(e,t,n);break e}kl(e,t,a,n)}t=t.child}return t;case 5:return ii(t),null===e&&ur(t),a=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,l=o.children,no(a,o)?l=null:null!==i&&no(a,i)&&(t.flags|=32),_l(e,t),kl(e,t,l,n),t.child;case 6:return null===e&&ur(t),null;case 13:return Ml(e,t,n);case 4:return oi(t,t.stateNode.containerInfo),a=t.pendingProps,null===e?t.child=Kr(t,null,a,n):kl(e,t,a,n),t.child;case 11:return a=t.type,o=t.pendingProps,xl(e,t,a,o=t.elementType===a?o:br(a,o),n);case 7:return kl(e,t,t.pendingProps,n),t.child;case 8:case 12:return kl(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(a=t.type._context,o=t.pendingProps,i=t.memoizedProps,l=o.value,Ao(yr,a._currentValue),a._currentValue=l,null!==i)if(la(i.value,l)){if(i.children===o.children&&!To.current){t=Gl(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var s=i.dependencies;if(null!==s){l=i.child;for(var c=s.firstContext;null!==c;){if(c.context===a){if(1===i.tag){(c=Rr(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Cr(i.return,n,t),s.lanes|=n;break}c=c.next}}else if(10===i.tag)l=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(l=i.return))throw Error(r(341));l.lanes|=n,null!==(s=l.alternate)&&(s.lanes|=n),Cr(l,n,t),l=i.sibling}else l=i.child;if(null!==l)l.return=i;else for(l=i;null!==l;){if(l===t){l=null;break}if(null!==(i=l.sibling)){i.return=l.return,l=i;break}l=l.return}i=l}kl(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,a=t.pendingProps.children,Sr(t,n),a=a(o=_r(o)),t.flags|=1,kl(e,t,a,n),t.child;case 14:return o=br(a=t.type,t.pendingProps),Ll(e,t,a,o=br(a.type,o),n);case 15:return Cl(e,t,t.type,t.pendingProps,n);case 17:return a=t.type,o=t.pendingProps,o=t.elementType===a?o:br(a,o),Hl(e,t),t.tag=1,jo(a)?(e=!0,Oo(t)):e=!1,Sr(t,n),Hr(t,a,o),Wr(t,a,o,n),Dl(null,t,a,!0,e,n);case 19:return $l(e,t,n);case 22:return Sl(e,t,n)}throw Error(r(156,t.tag))};var Vc="function"==typeof reportError?reportError:function(e){console.error(e)};function Qc(e){this._internalRoot=e}function Yc(e){this._internalRoot=e}function Kc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Xc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function eu(e,t,n,a,o){var r=n._reactRootContainer;if(r){var i=r;if("function"==typeof o){var l=o;o=function(){var e=Gc(i);l.call(e)}}Hc(t,i,e,o)}else i=function(e,t,n,a,o){if(o){if("function"==typeof a){var r=a;a=function(){var e=Gc(i);r.call(e)}}var i=$c(t,a,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[mo]=i.current,Ua(8===e.nodeType?e.parentNode:e),dc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof a){var l=a;a=function(){var e=Gc(s);l.call(e)}}var s=qc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=s,e[mo]=s.current,Ua(8===e.nodeType?e.parentNode:e),dc((function(){Hc(t,s,n,a)})),s}(n,t,e,o,a);return Gc(i)}Yc.prototype.render=Qc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(r(409));Hc(e,t,null,null)},Yc.prototype.unmount=Qc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;dc((function(){Hc(null,e,null,null)})),t[mo]=null}},Yc.prototype.unstable_scheduleHydration=function(e){if(e){var t=Ct();e={blockedOn:null,target:e,priority:t};for(var n=0;n<jt.length&&0!==t&&t<jt[n].priority;n++);jt.splice(n,0,e),0===n&&Ot(e)}},kt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),oc(t,Ke()),0==(6&Ds)&&($s=Ke()+500,$o()))}break;case 13:dc((function(){var t=Tr(e,1);if(null!==t){var n=tc();ac(t,e,1,n)}})),Zc(e,1)}},xt=function(e){if(13===e.tag){var t=Tr(e,134217728);if(null!==t)ac(t,e,134217728,tc());Zc(e,134217728)}},Lt=function(e){if(13===e.tag){var t=nc(e),n=Tr(e,t);if(null!==n)ac(n,e,t,tc());Zc(e,t)}},Ct=function(){return vt},St=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},xe=function(e,t,n){switch(t){case"input":if(X(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var a=n[t];if(a!==e&&a.form===e.form){var o=xo(a);if(!o)throw Error(r(90));Z(a),X(a,o)}}}break;case"textarea":re(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Pe=uc,De=dc;var tu={usingClientEntryPoint:!1,Events:[wo,ko,xo,_e,Ae,uc]},nu={findFiberByHostInstance:vo,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},au={bundleType:nu.bundleType,version:nu.version,rendererPackageName:nu.rendererPackageName,rendererConfig:nu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ge(e))?null:e.stateNode},findFiberByHostInstance:nu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0-next-9e3b772b8-20220608"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ou=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ou.isDisabled&&ou.supportsFiber)try{ot=ou.inject(au),rt=ou}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=tu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Kc(t))throw Error(r(200));return function(e,t,n){var a=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:x,key:null==a?null:""+a,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Kc(e))throw Error(r(299));var n=!1,a="",o=Vc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(a=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=qc(e,1,!1,null,0,n,0,a,o),e[mo]=t.current,Ua(8===e.nodeType?e.parentNode:e),new Qc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(r(188));throw e=Object.keys(e).join(","),Error(r(268,e))}return e=null===(e=Ge(t))?null:e.stateNode},t.flushSync=function(e){return dc(e)},t.hydrate=function(e,t,n){if(!Xc(t))throw Error(r(200));return eu(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Kc(e))throw Error(r(405));var a=null!=n&&n.hydratedSources||null,o=!1,i="",l=Vc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(l=n.onRecoverableError)),t=$c(t,null,e,1,null!=n?n:null,o,0,i,l),e[mo]=t.current,Ua(e),a)for(e=0;e<a.length;e++)o=(o=(n=a[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Yc(t)},t.render=function(e,t,n){if(!Xc(t))throw Error(r(200));return eu(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Xc(e))throw Error(r(40));return!!e._reactRootContainer&&(dc((function(){eu(null,null,e,!1,(function(){e._reactRootContainer=null,e[mo]=null}))})),!0)},t.unstable_batchedUpdates=uc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,a){if(!Xc(n))throw Error(r(200));if(null==e||void 0===e._reactInternals)throw Error(r(38));return eu(e,t,n,!1,a)},t.version="18.2.0-next-9e3b772b8-20220608"},4478:(e,t,n)=>{"use strict";var a=n(422);t.createRoot=a.createRoot,t.hydrateRoot=a.hydrateRoot},422:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(3746)},5154:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,a="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function r(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var l,s,c,u;if(Array.isArray(e)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(!r(e[s],i[s]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;for(u=e.entries();!(s=u.next()).done;)if(!r(s.value[1],i.get(s.value[0])))return!1;return!0}if(a&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(e[s]!==i[s])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((l=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(i,c[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==c[s]&&"__v"!==c[s]&&"__o"!==c[s]||!e.$$typeof)&&!r(e[c[s]],i[c[s]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return r(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},387:(e,t,n)=>{"use strict";n.d(t,{B6:()=>G,ql:()=>J});var a=n(959),o=n(507),r=n.n(o),i=n(5154),l=n.n(i),s=n(3670),c=n.n(s),u=n(631),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,g(e,t)}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function m(e,t){if(null==e)return{};var n,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)t.indexOf(n=r[a])>=0||(o[n]=e[n]);return o}var h={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(h).map((function(e){return h[e]})),k={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},x=Object.keys(k).reduce((function(e,t){return e[k[t]]=t,e}),{}),L=function(e,t){for(var n=e.length-1;n>=0;n-=1){var a=e[n];if(Object.prototype.hasOwnProperty.call(a,t))return a[t]}return null},C=function(e){var t=L(e,h.TITLE),n=L(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var a=L(e,"defaultTitle");return t||a||void 0},S=function(e){return L(e,"onChangeClientState")||function(){}},_=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},A=function(e,t){return t.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var a=Object.keys(n),o=0;o<a.length;o+=1){var r=a[o].toLowerCase();if(-1!==e.indexOf(r)&&n[r])return t.concat(n)}return t}),[])},P=function(e,t,n){var a={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,r=Object.keys(e),i=0;i<r.length;i+=1){var l=r[i],s=l.toLowerCase();-1===t.indexOf(s)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===s&&"stylesheet"===e[s].toLowerCase()||(n=s),-1===t.indexOf(l)||"innerHTML"!==l&&"cssText"!==l&&"itemprop"!==l||(n=l)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return a[n]||(a[n]={}),o[n]||(o[n]={}),!a[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var r=Object.keys(o),i=0;i<r.length;i+=1){var l=r[i],s=p({},a[l],o[l]);a[l]=s}return e}),[]).reverse()},D=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},T=function(e){return Array.isArray(e)?e.join(""):e},I=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),a=0;a<n.length;a+=1)if(t[n[a]]&&t[n[a]].includes(e[n[a]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},E=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},j=[h.NOSCRIPT,h.SCRIPT,h.STYLE],R=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},N=function(e){return Object.keys(e).reduce((function(t,n){var a=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+a:a}),"")},F=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[k[n]||n]=e[n],t}),t)},O=function(e,t){return t.map((function(t,n){var o,r=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=k[e]||e;"innerHTML"===n||"cssText"===n?r.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:r[n]=t[e]})),a.createElement(e,r)}))},M=function(e,t,n){switch(e){case h.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,r=F(n,o),[a.createElement(h.TITLE,r,e)];var e,n,o,r},toString:function(){return function(e,t,n,a){var o=N(n),r=T(t);return o?"<"+e+' data-rh="true" '+o+">"+R(r,a)+"</"+e+">":"<"+e+' data-rh="true">'+R(r,a)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return F(t)},toString:function(){return N(t)}};default:return{toComponent:function(){return O(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,a){var o=Object.keys(a).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===a[t]?t:t+'="'+R(a[t],n)+'"';return e?e+" "+o:o}),""),r=a.innerHTML||a.cssText||"",i=-1===j.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+r+"</"+e+">")}),"")}(e,t,n)}}}},B=function(e){var t=e.baseTag,n=e.bodyAttributes,a=e.encode,o=e.htmlAttributes,r=e.noscriptTags,i=e.styleTags,l=e.title,s=void 0===l?"":l,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var g=function(e){var t=e.linkTags,n=e.scriptTags,a=e.encode,o=I(e.metaTags,v),r=I(t,b),i=I(n,y);return{priorityMethods:{toComponent:function(){return[].concat(O(h.META,o.priority),O(h.LINK,r.priority),O(h.SCRIPT,i.priority))},toString:function(){return M(h.META,o.priority,a)+" "+M(h.LINK,r.priority,a)+" "+M(h.SCRIPT,i.priority,a)}},metaTags:o.default,linkTags:r.default,scriptTags:i.default}}(e);f=g.priorityMethods,u=g.linkTags,d=g.metaTags,p=g.scriptTags}return{priority:f,base:M(h.BASE,t,a),bodyAttributes:M("bodyAttributes",n,a),htmlAttributes:M("htmlAttributes",o,a),link:M(h.LINK,u,a),meta:M(h.META,d,a),noscript:M(h.NOSCRIPT,r,a),script:M(h.SCRIPT,p,a),style:M(h.STYLE,i,a),title:M(h.TITLE,{title:s,titleAttributes:c},a)}},z=[],q=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?z:n.instances},add:function(e){(n.canUseDOM?z:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?z:n.instances).indexOf(e);(n.canUseDOM?z:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=B({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},U=a.createContext({}),$=r().shape({setHelmet:r().func,helmetInstances:r().shape({get:r().func,add:r().func,remove:r().func})}),H="undefined"!=typeof document,G=function(e){function t(n){var a;return(a=e.call(this,n)||this).helmetData=new q(a.props.context,t.canUseDOM),a}return f(t,e),t.prototype.render=function(){return a.createElement(U.Provider,{value:this.helmetData.value},this.props.children)},t}(a.Component);G.canUseDOM=H,G.propTypes={context:r().shape({helmet:r().shape()}),children:r().node.isRequired},G.defaultProps={context:{}},G.displayName="HelmetProvider";var W=function(e,t){var n,a=document.head||document.querySelector(h.HEAD),o=a.querySelectorAll(e+"[data-rh]"),r=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var a=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?a.innerHTML=t.innerHTML:"cssText"===o?a.styleSheet?a.styleSheet.cssText=t.cssText:a.appendChild(document.createTextNode(t.cssText)):a.setAttribute(o,void 0===t[o]?"":t[o]));a.setAttribute("data-rh","true"),r.some((function(e,t){return n=t,a.isEqualNode(e)}))?r.splice(n,1):i.push(a)})),r.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return a.appendChild(e)})),{oldTags:r,newTags:i}},Z=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var a=n.getAttribute("data-rh"),o=a?a.split(","):[],r=[].concat(o),i=Object.keys(t),l=0;l<i.length;l+=1){var s=i[l],c=t[s]||"";n.getAttribute(s)!==c&&n.setAttribute(s,c),-1===o.indexOf(s)&&o.push(s);var u=r.indexOf(s);-1!==u&&r.splice(u,1)}for(var d=r.length-1;d>=0;d-=1)n.removeAttribute(r[d]);o.length===r.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},V=function(e,t){var n=e.baseTag,a=e.htmlAttributes,o=e.linkTags,r=e.metaTags,i=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;Z(h.BODY,e.bodyAttributes),Z(h.HTML,a),function(e,t){void 0!==e&&document.title!==e&&(document.title=T(e)),Z(h.TITLE,t)}(u,d);var p={baseTag:W(h.BASE,n),linkTags:W(h.LINK,o),metaTags:W(h.META,r),noscriptTags:W(h.NOSCRIPT,i),scriptTags:W(h.SCRIPT,s),styleTags:W(h.STYLE,c)},f={},g={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,a=t.oldTags;n.length&&(f[e]=n),a.length&&(g[e]=p[e].oldTags)})),t&&t(),l(e,f,g)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(t=e.call.apply(e,[this].concat(a))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,a=n.setHelmet,o=null,r=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:A(["href"],e),bodyAttributes:_("bodyAttributes",e),defer:L(e,"defer"),encode:L(e,"encodeSpecialCharacters"),htmlAttributes:_("htmlAttributes",e),linkTags:P(h.LINK,["rel","href"],e),metaTags:P(h.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:P(h.NOSCRIPT,["innerHTML"],e),onChangeClientState:S(e),scriptTags:P(h.SCRIPT,["src","innerHTML"],e),styleTags:P(h.STYLE,["cssText"],e),title:C(e),titleAttributes:_("titleAttributes",e),prioritizeSeoTags:D(e,"prioritizeSeoTags")});G.canUseDOM?(t=r,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){V(t,(function(){Q=null}))})):(V(t),Q=null)):B&&(o=B(r)),a(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(a.Component);Y.propTypes={context:$.isRequired},Y.displayName="HelmetDispatcher";var K=["children"],X=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!l()(E(this.props,"helmetData"),E(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case h.SCRIPT:case h.NOSCRIPT:return{innerHTML:t};case h.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,a=e.arrayTypeChildren;return p({},a,((t={})[n.type]=[].concat(a[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,a=e.child,o=e.newProps,r=e.newChildProps,i=e.nestedChildren;switch(a.type){case h.TITLE:return p({},o,((t={})[a.type]=i,t.titleAttributes=p({},r),t));case h.BODY:return p({},o,{bodyAttributes:p({},r)});case h.HTML:return p({},o,{htmlAttributes:p({},r)});default:return p({},o,((n={})[a.type]=p({},r),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var a;n=p({},n,((a={})[t]=e[t],a))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return a.Children.forEach(e,(function(e){if(e&&e.props){var a=e.props,r=a.children,i=m(a,K),l=Object.keys(i).reduce((function(e,t){return e[x[t]||t]=i[t],e}),{}),s=e.type;switch("symbol"==typeof s?s=s.toString():n.warnOnInvalidChildren(e,r),s){case h.FRAGMENT:t=n.mapChildrenToProps(r,t);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:l,nestedChildren:r});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:l,nestedChildren:r})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=m(e,X),o=p({},n),r=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!r||r instanceof q||(r=new q(r.context,r.instances)),r?a.createElement(Y,p({},o,{context:r.value,helmetData:void 0})):a.createElement(U.Consumer,null,(function(e){return a.createElement(Y,p({},o,{context:e}))}))},t}(a.Component);J.propTypes={base:r().object,bodyAttributes:r().object,children:r().oneOfType([r().arrayOf(r().node),r().node]),defaultTitle:r().string,defer:r().bool,encodeSpecialCharacters:r().bool,htmlAttributes:r().object,link:r().arrayOf(r().object),meta:r().arrayOf(r().object),noscript:r().arrayOf(r().object),onChangeClientState:r().func,script:r().arrayOf(r().object),style:r().arrayOf(r().object),title:r().string,titleAttributes:r().object,titleTemplate:r().string,prioritizeSeoTags:r().bool,helmetData:r().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},198:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,a=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,r=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,g=n?Symbol.for("react.suspense_list"):60120,m=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function k(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case u:case d:case r:case l:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case m:case s:return e;default:return t}}case o:return t}}}function x(e){return k(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=s,t.Element=a,t.ForwardRef=p,t.Fragment=r,t.Lazy=h,t.Memo=m,t.Portal=o,t.Profiler=l,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return x(e)||k(e)===u},t.isConcurrentMode=x,t.isContextConsumer=function(e){return k(e)===c},t.isContextProvider=function(e){return k(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return k(e)===p},t.isFragment=function(e){return k(e)===r},t.isLazy=function(e){return k(e)===h},t.isMemo=function(e){return k(e)===m},t.isPortal=function(e){return k(e)===o},t.isProfiler=function(e){return k(e)===l},t.isStrictMode=function(e){return k(e)===i},t.isSuspense=function(e){return k(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===d||e===l||e===i||e===f||e===g||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=k},6237:(e,t,n)=>{"use strict";e.exports=n(198)},9500:(e,t,n)=>{"use strict";n.d(t,{OL:()=>v,VK:()=>u,rU:()=>h});var a=n(8903),o=n(2666),r=n(959),i=n(4047),l=n(6920),s=n(3804),c=n(8624),u=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(t=e.call.apply(e,[this].concat(a))||this).history=(0,i.lX)(t.props),t}return(0,o.Z)(t,e),t.prototype.render=function(){return r.createElement(a.F0,{history:this.history,children:this.props.children})},t}(r.Component);r.Component;var d=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},f=function(e){return e},g=r.forwardRef;void 0===g&&(g=f);var m=g((function(e,t){var n=e.innerRef,a=e.navigate,o=e.onClick,i=(0,s.Z)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,l.Z)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),a())}});return u.ref=f!==g&&t||n,r.createElement("a",u)}));var h=g((function(e,t){var n=e.component,o=void 0===n?m:n,u=e.replace,h=e.to,b=e.innerRef,y=(0,s.Z)(e,["component","replace","to","innerRef"]);return r.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=e.history,a=p(d(h,e.location),e.location),s=a?n.createHref(a):"",m=(0,l.Z)({},y,{href:s,navigate:function(){var t=d(h,e.location),a=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(u||a?n.replace:n.push)(t)}});return f!==g?m.ref=t||b:m.innerRef=b,r.createElement(o,m)}))})),b=function(e){return e},y=r.forwardRef;void 0===y&&(y=b);var v=y((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,g=e.className,m=e.exact,v=e.isActive,w=e.location,k=e.sensitive,x=e.strict,L=e.style,C=e.to,S=e.innerRef,_=(0,s.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return r.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=w||e.location,i=p(d(C,n),n),s=i.pathname,A=s&&s.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),P=A?(0,a.LX)(n.pathname,{path:A,exact:m,sensitive:k,strict:x}):null,D=!!(v?v(P,n):P),T="function"==typeof g?g(D):g,I="function"==typeof L?L(D):L;D&&(T=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(T,u),I=(0,l.Z)({},I,f));var E=(0,l.Z)({"aria-current":D&&o||null,className:T,style:I,to:i},_);return b!==y?E.ref=t||S:E.innerRef=S,r.createElement(h,E)}))}))},8903:(e,t,n)=>{"use strict";n.d(t,{AW:()=>C,F0:()=>v,LX:()=>L,TH:()=>j,k6:()=>E,rs:()=>T,s6:()=>y});var a=n(2666),o=n(959),r=n(507),i=n.n(r),l=n(4047),s=n(8624),c=n(6920),u=n(7720),d=n.n(u),p=(n(6237),n(3804)),f=(n(2535),1073741823),g="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var m=o.createContext||function(e,t){var n,r,l="__create-react-context-"+function(){var e="__global_unique_id__";return g[e]=(g[e]||0)+1}()+"__",s=function(e){function n(){for(var t,n,a,o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return(t=e.call.apply(e,[this].concat(r))||this).emitter=(n=t.props.value,a=[],{on:function(e){a.push(e)},off:function(e){a=a.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,a.forEach((function(e){return e(n,t)}))}}),t}(0,a.Z)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[l]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,a=this.props.value,o=e.value;((r=a)===(i=o)?0!==r||1/r==1/i:r!=r&&i!=i)?n=0:(n="function"==typeof t?t(a,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var r,i},o.render=function(){return this.props.children},n}(o.Component);s.childContextTypes=((n={})[l]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(e=t.call.apply(t,[this].concat(a))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,a.Z)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[l]&&this.context[l].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[l]&&this.context[l].off(this.onUpdate)},o.getValue=function(){return this.context[l]?this.context[l].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((r={})[l]=i().object,r),{Provider:s,Consumer:c}},h=function(e){var t=m();return t.displayName=e,t},b=h("Router-History"),y=h("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,a.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var w={},k=1e4,x=0;function L(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,a=n.path,o=n.exact,r=void 0!==o&&o,i=n.strict,l=void 0!==i&&i,s=n.sensitive,c=void 0!==s&&s;return[].concat(a).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var a=function(e,t){var n=""+t.end+t.strict+t.sensitive,a=w[n]||(w[n]={});if(a[e])return a[e];var o=[],r={regexp:d()(e,o,t),keys:o};return x<k&&(a[e]=r,x++),r}(n,{end:r,strict:l,sensitive:c}),o=a.regexp,i=a.keys,s=o.exec(e);if(!s)return null;var u=s[0],p=s.slice(1),f=e===u;return r&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var C=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n=e.props.location||t.location,a=e.props.computedMatch?e.props.computedMatch:e.props.path?L(n.pathname,e.props):t.match,r=(0,c.Z)({},t,{location:n,match:a}),i=e.props,l=i.children,u=i.component,d=i.render;return Array.isArray(l)&&function(e){return 0===o.Children.count(e)}(l)&&(l=null),o.createElement(y.Provider,{value:r},r.match?l?"function"==typeof l?l(r):l:u?o.createElement(u,r):d?d(r):null:"function"==typeof l?l(r):null)}))},t}(o.Component);function S(e){return"/"===e.charAt(0)?e:"/"+e}function _(e,t){if(!e)return t;var n=S(e);return 0!==t.pathname.indexOf(n)?t:(0,c.Z)({},t,{pathname:t.pathname.substr(n.length)})}function A(e){return"string"==typeof e?e:(0,l.Ep)(e)}function P(e){return function(){(0,s.Z)(!1)}}function D(){}o.Component;var T=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n,a,r=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==a&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;a=i?L(r.pathname,(0,c.Z)({},e.props,{path:i})):t.match}})),a?o.cloneElement(n,{location:r,computedMatch:a}):null}))},t}(o.Component);var I=o.useContext;function E(){return I(b)}function j(){return I(y).location}},3354:(e,t,n)=>{"use strict";var a=n(959),o=Symbol.for("react.element"),r=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var a,r={},c=null,u=null;for(a in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,a)&&!s.hasOwnProperty(a)&&(r[a]=t[a]);if(e&&e.defaultProps)for(a in t=e.defaultProps)void 0===r[a]&&(r[a]=t[a]);return{$$typeof:o,type:e,key:c,ref:u,props:r,_owner:l.current}}t.Fragment=r,t.jsx=c,t.jsxs=c},5257:(e,t)=>{"use strict";var n=Symbol.for("react.element"),a=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),s=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var g={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,h={};function b(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,m(w,b.prototype),w.isPureReactComponent=!0;var k=Array.isArray,x=Object.prototype.hasOwnProperty,L={current:null},C={key:!0,ref:!0,__self:!0,__source:!0};function S(e,t,a){var o,r={},i=null,l=null;if(null!=t)for(o in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)x.call(t,o)&&!C.hasOwnProperty(o)&&(r[o]=t[o]);var s=arguments.length-2;if(1===s)r.children=a;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];r.children=c}if(e&&e.defaultProps)for(o in s=e.defaultProps)void 0===r[o]&&(r[o]=s[o]);return{$$typeof:n,type:e,key:i,ref:l,props:r,_owner:L.current}}function _(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var A=/\/+/g;function P(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function D(e,t,o,r,i){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case n:case a:s=!0}}if(s)return i=i(s=e),e=""===r?"."+P(s,0):r,k(i)?(o="",null!=e&&(o=e.replace(A,"$&/")+"/"),D(i,t,o,"",(function(e){return e}))):null!=i&&(_(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||s&&s.key===i.key?"":(""+i.key).replace(A,"$&/")+"/")+e)),t.push(i)),1;if(s=0,r=""===r?".":r+":",k(e))for(var c=0;c<e.length;c++){var u=r+P(l=e[c],c);s+=D(l,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(l=e.next()).done;)s+=D(l=l.value,t,o,u=r+P(l,c++),i);else if("object"===l)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return s}function T(e,t,n){if(null==e)return e;var a=[],o=0;return D(e,a,"","",(function(e){return t.call(n,e,o++)})),a}function I(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var E={current:null},j={transition:null},R={ReactCurrentDispatcher:E,ReactCurrentBatchConfig:j,ReactCurrentOwner:L};t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!_(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=r,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=R,t.cloneElement=function(e,t,a){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=m({},e.props),r=e.key,i=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,l=L.current),void 0!==t.key&&(r=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(c in t)x.call(t,c)&&!C.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==s?s[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=a;else if(1<c){s=Array(c);for(var u=0;u<c;u++)s[u]=arguments[u+2];o.children=s}return{$$typeof:n,type:e.type,key:r,ref:i,props:o,_owner:l}},t.createContext=function(e){return(e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:l,_context:e},e.Consumer=e},t.createElement=S,t.createFactory=function(e){var t=S.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=_,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:I}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=j.transition;j.transition={};try{e()}finally{j.transition=t}},t.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},t.useCallback=function(e,t){return E.current.useCallback(e,t)},t.useContext=function(e){return E.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return E.current.useDeferredValue(e)},t.useEffect=function(e,t){return E.current.useEffect(e,t)},t.useId=function(){return E.current.useId()},t.useImperativeHandle=function(e,t,n){return E.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return E.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return E.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return E.current.useMemo(e,t)},t.useReducer=function(e,t,n){return E.current.useReducer(e,t,n)},t.useRef=function(e){return E.current.useRef(e)},t.useState=function(e){return E.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return E.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return E.current.useTransition()},t.version="18.2.0"},959:(e,t,n)=>{"use strict";e.exports=n(5257)},1527:(e,t,n)=>{"use strict";e.exports=n(3354)},5568:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var a=n-1>>>1,o=e[a];if(!(0<r(o,t)))break e;e[a]=t,e[n]=o,n=a}}function a(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var a=0,o=e.length,i=o>>>1;a<i;){var l=2*(a+1)-1,s=e[l],c=l+1,u=e[c];if(0>r(s,n))c<o&&0>r(u,s)?(e[a]=u,e[c]=n,a=c):(e[a]=s,e[l]=n,a=l);else{if(!(c<o&&0>r(u,n)))break e;e[a]=u,e[c]=n,a=c}}}return t}function r(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var l=Date,s=l.now();t.unstable_now=function(){return l.now()-s}}var c=[],u=[],d=1,p=null,f=3,g=!1,m=!1,h=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=a(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=a(u)}}function k(e){if(h=!1,w(e),!m)if(null!==a(c))m=!0,j(x);else{var t=a(u);null!==t&&R(k,t.startTime-e)}}function x(e,n){m=!1,h&&(h=!1,y(_),_=-1),g=!0;var r=f;try{for(w(n),p=a(c);null!==p&&(!(p.expirationTime>n)||e&&!D());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var l=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof l?p.callback=l:p===a(c)&&o(c),w(n)}else o(c);p=a(c)}if(null!==p)var s=!0;else{var d=a(u);null!==d&&R(k,d.startTime-n),s=!1}return s}finally{p=null,f=r,g=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var L,C=!1,S=null,_=-1,A=5,P=-1;function D(){return!(t.unstable_now()-P<A)}function T(){if(null!==S){var e=t.unstable_now();P=e;var n=!0;try{n=S(!0,e)}finally{n?L():(C=!1,S=null)}}else C=!1}if("function"==typeof v)L=function(){v(T)};else if("undefined"!=typeof MessageChannel){var I=new MessageChannel,E=I.port2;I.port1.onmessage=T,L=function(){E.postMessage(null)}}else L=function(){b(T,0)};function j(e){S=e,C||(C=!0,L())}function R(e,n){_=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){m||g||(m=!0,j(x))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):A=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return a(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,r){var i=t.unstable_now();switch("object"==typeof r&&null!==r?r="number"==typeof(r=r.delay)&&0<r?i+r:i:r=i,e){case 1:var l=-1;break;case 2:l=250;break;case 5:l=1073741823;break;case 4:l=1e4;break;default:l=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:r,expirationTime:l=r+l,sortIndex:-1},r>i?(e.sortIndex=r,n(u,e),null===a(c)&&e===a(u)&&(h?(y(_),_=-1):h=!0,R(k,r-i))):(e.sortIndex=l,n(c,e),m||g||(m=!0,j(x))),e},t.unstable_shouldYield=D,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},2962:(e,t,n)=>{"use strict";e.exports=n(5568)},631:e=>{e.exports=function(e,t,n,a){var o=n?n.call(a,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;for(var l=Object.prototype.hasOwnProperty.bind(t),s=0;s<r.length;s++){var c=r[s];if(!l(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(a,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},6809:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={title:"ILLA Cloud",tagline:"Dinosaurs are cool",favicon:"img/public/favicon.ico",url:"https://illacloud.github.io",baseUrl:"/illa-website/",organizationName:"illacloud",projectName:"illa-website",staticDirectories:["public","static"],onBrokenLinks:"warn",onBrokenMarkdownLinks:"warn",i18n:{defaultLocale:"en",locales:["en","zh","ja","de"],path:"i18n",localeConfigs:{}},presets:[["classic",{docs:!1,blog:!1,pages:!1,theme:{customCss:["./src/ILLATheme/css/custom.css","./src/css/custom.css"]},gtag:{trackingID:"G-QW745VE33W"}}]],themeConfig:{image:"img/social-card-large.png",colorMode:{defaultMode:"dark",disableSwitch:!1,respectPrefersColorScheme:!1},metadata:[{name:"og:type",content:"website"},{name:"twitter:card",content:"summary_large_image"},{name:"twitter:site",content:"@illaCloudHQ"},{name:"twitter:creator",content:"@illaCloudHQ"},{name:"keywords",content:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"}],prism:{theme:{plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},docs:{versionPersistence:"localStorage",sidebar:{hideable:!1,autoCollapseCategories:!1}},navbar:{hideOnScroll:!1,items:[]},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},plugins:[null,null,["./plugins/blog-plugin.js",{blogTitle:"Blog",blogDescription:"A resource for ILLA, front-end ecosystem, and web development",routeBasePath:"/blog",postsPerPage:12,blogSidebarTitle:"All posts",blogSidebarCount:0,feedOptions:{type:"all",copyright:"Copyright \xa9 2024 ILLA."}}],"./plugins/solution-plugin.js","./plugins/linkedin.js","./plugins/twitter.js","./plugins/chatwoot.js"],baseUrlIssueBanner:!0,onDuplicateRoutes:"warn",customFields:{},themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0}}}},6920:(e,t,n)=>{"use strict";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},a.apply(this,arguments)}n.d(t,{Z:()=>a})},2666:(e,t,n)=>{"use strict";function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,a(e,t)}n.d(t,{Z:()=>o})},3804:(e,t,n)=>{"use strict";function a(e,t){if(null==e)return{};var n,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(o[n]=e[n]);return o}n.d(t,{Z:()=>a})},5341:(e,t,n)=>{"use strict";function a(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=a(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}n.d(t,{Z:()=>o});const o=function(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=a(e))&&(o&&(o+=" "),o+=t);return o}},2425:(e,t,n)=>{"use strict";n.d(t,{p1:()=>A,y$:()=>ee});var a,o,r,i,l,s,c,u=n(959),d=n(5341),p=Object.create,f=Object.defineProperty,g=Object.defineProperties,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertyNames,y=Object.getOwnPropertySymbols,v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,x=(e,t,n)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,L=(e,t)=>{for(var n in t||(t={}))w.call(t,n)&&x(e,n,t[n]);if(y)for(var n of y(t))k.call(t,n)&&x(e,n,t[n]);return e},C=(e,t)=>g(e,h(t)),S=(e,t)=>{var n={};for(var a in e)w.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&y)for(var a of y(e))t.indexOf(a)<0&&k.call(e,a)&&(n[a]=e[a]);return n},_=(a={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},a={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,r;switch(n=n||{},a.util.type(t)){case"Object":if(r=a.util.objId(t),n[r])return n[r];for(var i in o={},n[r]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return r=a.util.objId(t),n[r]?n[r]:(o=[],n[r]=o,t.forEach((function(t,a){o[a]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var a="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=a.util.clone(a.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var r=(o=o||a.languages)[e],i={};for(var l in r)if(r.hasOwnProperty(l)){if(l==t)for(var s in n)n.hasOwnProperty(s)&&(i[s]=n[s]);n.hasOwnProperty(l)||(i[l]=r[l])}var c=o[e];return o[e]=i,a.languages.DFS(a.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,r){r=r||{};var i=a.util.objId;for(var l in t)if(t.hasOwnProperty(l)){n.call(t,l,t[l],o||l);var s=t[l],c=a.util.type(s);"Object"!==c||r[i(s)]?"Array"!==c||r[i(s)]||(r[i(s)]=!0,e(s,n,l,r)):(r[i(s)]=!0,e(s,n,null,r))}}},plugins:{},highlight:function(e,t,n){var r={code:e,grammar:t,language:n};if(a.hooks.run("before-tokenize",r),!r.grammar)throw new Error('The language "'+r.language+'" has no grammar.');return r.tokens=a.tokenize(r.code,r.grammar),a.hooks.run("after-tokenize",r),o.stringify(a.util.encode(r.tokens),r.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var o=new l;return s(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=a.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=a.hooks.all[e];if(n&&n.length)for(var o,r=0;o=n[r++];)o(t)}},Token:o};function o(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function r(e,t,n,a){e.lastIndex=t;var o=e.exec(n);if(o&&a&&o[1]){var r=o[1].length;o.index+=r,o[0]=o[0].slice(r)}return o}function i(e,t,n,l,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var g=0;g<f.length;++g){if(d&&d.cause==p+","+g)return;var m=f[g],h=m.inside,b=!!m.lookbehind,y=!!m.greedy,v=m.alias;if(y&&!m.pattern.global){var w=m.pattern.toString().match(/[imsuy]*$/)[0];m.pattern=RegExp(m.pattern.source,w+"g")}for(var k=m.pattern||m,x=l.next,L=u;x!==t.tail&&!(d&&L>=d.reach);L+=x.value.length,x=x.next){var C=x.value;if(t.length>e.length)return;if(!(C instanceof o)){var S,_=1;if(y){if(!(S=r(k,L,e,b))||S.index>=e.length)break;var A=S.index,P=S.index+S[0].length,D=L;for(D+=x.value.length;A>=D;)D+=(x=x.next).value.length;if(L=D-=x.value.length,x.value instanceof o)continue;for(var T=x;T!==t.tail&&(D<P||"string"==typeof T.value);T=T.next)_++,D+=T.value.length;_--,C=e.slice(L,D),S.index-=L}else if(!(S=r(k,0,C,b)))continue;A=S.index;var I=S[0],E=C.slice(0,A),j=C.slice(A+I.length),R=L+C.length;d&&R>d.reach&&(d.reach=R);var N=x.prev;if(E&&(N=s(t,N,E),L+=E.length),c(t,N,_),x=s(t,N,new o(p,h?a.tokenize(I,h):I,v,I)),j&&s(t,x,j),_>1){var F={cause:p+","+g,reach:R};i(e,t,n,x.prev,L,F),d&&F.reach>d.reach&&(d.reach=F.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var a=t.next,o={value:n,prev:t,next:a};return t.next=o,a.prev=o,e.length++,o}function c(e,t,n){for(var a=t.next,o=0;o<n&&a!==e.tail;o++)a=a.next;t.next=a,a.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var r={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(r.classes,i):r.classes.push(i)),a.hooks.run("wrap",r);var l="";for(var s in r.attributes)l+=" "+s+'="'+(r.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+r.tag+' class="'+r.classes.join(" ")+'"'+l+">"+r.content+"</"+r.tag+">"},a}();t.exports=n,n.default=n}},function(){return o||(0,a[b(a)[0]])((o={exports:{}}).exports,o),o.exports}),A=((e,t,n)=>(n=null!=e?p(v(e)):{},((e,t,n,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of b(t))w.call(e,o)||o===n||f(e,o,{get:()=>t[o],enumerable:!(a=m(t,o))||a.enumerable});return e})(!t&&e&&e.__esModule?n:f(n,"default",{value:e,enumerable:!0}),e)))(_());A.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},A.languages.markup.tag.inside["attr-value"].inside.entity=A.languages.markup.entity,A.languages.markup.doctype.inside["internal-subset"].inside=A.languages.markup,A.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(A.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:A.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:A.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},A.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(A.languages.markup.tag,"addAttribute",{value:function(e,t){A.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:A.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),A.languages.html=A.languages.markup,A.languages.mathml=A.languages.markup,A.languages.svg=A.languages.markup,A.languages.xml=A.languages.extend("markup",{}),A.languages.ssml=A.languages.xml,A.languages.atom=A.languages.xml,A.languages.rss=A.languages.xml,r=A,i={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},s="(?:[^\\\\-]|"+(l=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/).source+")",s=RegExp(s+"-"+s),c={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"},r.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:s,inside:{escape:l,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":i,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:l}},"special-escape":i,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":c}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:l,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":c}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}},A.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},A.languages.javascript=A.languages.extend("clike",{"class-name":[A.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),A.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,A.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:A.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:A.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:A.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:A.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:A.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),A.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:A.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),A.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),A.languages.markup&&(A.languages.markup.tag.addInlined("script","javascript"),A.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),A.languages.js=A.languages.javascript,A.languages.actionscript=A.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),A.languages.actionscript["class-name"].alias="function",delete A.languages.actionscript.parameter,delete A.languages.actionscript["literal-property"],A.languages.markup&&A.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:A.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(A),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var a=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(r=e.languages[t]){var r,i=r[o];if((i=i||(r=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=r[o]={pattern:i}),Array.isArray(i))for(var l=0,s=i.length;l<s;l++)i[l]instanceof RegExp&&(i[l]={pattern:i[l]}),a(i[l]);else a(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(A),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(A),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(A),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,a="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),r=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return a}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+r+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(r),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(A),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var a=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return a})),r=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+r+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+r+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(a),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+r+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(a),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,a=t.length;n<a;n++){var o,r=t[n];"code"!==r.type?e(r.content):(o=r.content[1],r=r.content[3],o&&r&&"code-language"===o.type&&"code-block"===r.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),r.alias?"string"==typeof r.alias?r.alias=[r.alias,o]:r.alias.push(o):r.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",a=0,o=t.classes.length;a<o;a++){var r=t.classes[a];if(r=/language-(.+)/.exec(r)){n=r[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),s(n)):l[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),l={amp:"&",lt:"<",gt:">",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(A),A.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:A.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},A.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var a=t[n++];if("keyword"===a.type&&"mutation"===a.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var r=p(/^\($/,/^\)$/);if(-1===r)continue;for(;n<r;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=r+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var l=p(/^\{$/,/^\}$/);if(-1!==l)for(var s=n;s<l;s++){var c=t[s];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var a=u(n+t);if(!a||a.type!==e[n])return}return 1}function p(e,a){for(var o=1,r=n;r<t.length;r++){var i=t[r],l=i.content;if("punctuation"===i.type&&"string"==typeof l)if(e.test(l))o++;else if(a.test(l)&&0==--o)return r}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),A.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,a=t.inside.interpolation,o=a.inside["interpolation-punctuation"],r=a.pattern.source;function i(t,a){if(e.languages[t])return{pattern:RegExp("((?:"+a+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(t,n,a){return t={code:t,grammar:n,language:a},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function s(t,n,i){var s=e.tokenize(t,{interpolation:{pattern:RegExp(r),lookbehind:!0}}),c=0,u={},d=(s=l(s.map((function(e){if("string"==typeof e)return e;var n,a;for(e=e.content;-1!==t.indexOf((a=c++,n="___"+i.toUpperCase()+"_"+a+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var r=0;r<n.length;r++){if(c>=d.length)return;var i,s,p,f,g,m,h,b=n[r];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(h=(m="string"==typeof b?b:b.content).indexOf(i))&&(++c,s=m.substring(0,h),g=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(g,f)).length&&((p=[1,1]).push.apply(p,l(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,a.alias,g),f=m.substring(h+i.length),g=[],s&&g.push(s),g.push(p),f&&(t(m=[f]),g.push.apply(g,m)),"string"==typeof b?(n.splice.apply(n,[r,1].concat(g)),r+=g.length-1):b.content=g)):(h=b.content,Array.isArray(h)?t(h):t([h]))}}(s),new e.Token(i,s,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var a=0,o=n.length;a<o;a++){var r,i,l,c=n[a];"string"!=typeof c&&(r=c.content,Array.isArray(r)?"template-string"===c.type?(c=r[1],3===r.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,l=e.languages[c])&&(r[1]=s(i,l,c))):t(r):"string"!=typeof r&&t([r]))}}(t.tokens)}))}(A),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(A),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,a="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(a+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(a+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(A),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(A),A.languages.n4js=A.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),A.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),A.languages.n4jsd=A.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],a=0;a<n.length;a++){var o=n[a],r=e.languages.javascript[o];o=(r="RegExp"===e.util.type(r)?e.languages.javascript[o]={pattern:r}:r).inside||{};(r.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(A),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,a=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function r(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return a})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],a=0;a<t.length;a++){var o=t[a],r=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===l(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:l(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:r=!0),(r||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(r=l(o),a<t.length-1&&("string"==typeof t[a+1]||"plain-text"===t[a+1].type)&&(r+=l(t[a+1]),t.splice(a+1,1)),0<a&&("string"==typeof t[a-1]||"plain-text"===t[a-1].type)&&(r=l(t[a-1])+r,t.splice(a-1,1),a--),t[a]=new e.Token("plain-text",r,null,r)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=r(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=r(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:r(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:r(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var l=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(l).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(A),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(A),A.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},A.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=A.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(A),A.languages.c=A.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),A.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),A.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},A.languages.c.string],char:A.languages.c.char,comment:A.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:A.languages.c}}}}),A.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete A.languages.c.boolean,A.languages.objectivec=A.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete A.languages.objectivec["class-name"],A.languages.objc=A.languages.objectivec,A.languages.reason=A.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),A.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete A.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(A),A.languages.go=A.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),A.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete A.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(A),A.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},A.languages.python["string-interpolation"].inside.interpolation.inside.rest=A.languages.python,A.languages.py=A.languages.python;((e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>P,duotoneDark:()=>D,duotoneLight:()=>T,github:()=>I,jettwaveDark:()=>H,jettwaveLight:()=>G,nightOwl:()=>E,nightOwlLight:()=>j,oceanicNext:()=>F,okaidia:()=>O,oneDark:()=>W,oneLight:()=>Z,palenight:()=>M,shadesOfPurple:()=>B,synthwave84:()=>z,ultramin:()=>q,vsDark:()=>U,vsLight:()=>$});var P={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},D={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},T={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},I={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},E={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},j={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},R="#c5a5c5",N="#8dc891",F={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:R}},{types:["attr-value"],style:{color:N}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:N}},{types:["punctuation"],style:{color:N}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:R}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},O={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},M={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},B={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},z={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},q={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},U={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},$={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},H={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},G={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},W={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},Z={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},V=(e,t)=>{const{plain:n}=e,a=e.styles.reduce(((e,n)=>{const{languages:a,style:o}=n;return a&&!a.includes(t)||n.types.forEach((t=>{const n=L(L({},e[t]),o);e[t]=n})),e}),{});return a.root=n,a.plain=C(L({},n),{backgroundColor:void 0}),a},Q=/\r\n|\r|\n/,Y=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},K=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},X=e=>{const t=[[]],n=[e],a=[0],o=[e.length];let r=0,i=0,l=[];const s=[l];for(;i>-1;){for(;(r=a[i]++)<o[i];){let e,c=t[i];const u=n[i][r];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=K(c,u.type),u.alias&&(c=K(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),a.push(0),o.push(e.length);continue}const d=e.split(Q),p=d.length;l.push({types:c,content:d[0]});for(let t=1;t<p;t++)Y(l),s.push(l=[]),l.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),a.pop(),o.pop()}return Y(l),s},J=({children:e,language:t,code:n,theme:a,prism:o})=>{const r=t.toLowerCase(),i=((e,t)=>{const[n,a]=(0,u.useState)(V(t,e)),o=(0,u.useRef)(),r=(0,u.useRef)();return(0,u.useEffect)((()=>{t===o.current&&e===r.current||(o.current=t,r.current=e,a(V(t,e)))}),[e,t]),n})(r,a),l=(e=>(0,u.useCallback)((t=>{var n=t,{className:a,style:o,line:r}=n,i=S(n,["className","style","line"]);const l=C(L({},i),{className:(0,d.Z)("token-line",a)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof o&&(l.style=L(L({},l.style||{}),o)),l}),[e]))(i),s=(e=>{const t=(0,u.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,u.useCallback)((e=>{var n=e,{token:a,className:o,style:r}=n,i=S(n,["token","className","style"]);const l=C(L({},i),{className:(0,d.Z)("token",...a.types,o),children:a.content,style:t(a)});return null!=r&&(l.style=L(L({},l.style||{}),r)),l}),[t])})(i),c=(({prism:e,code:t,grammar:n,language:a})=>{const o=(0,u.useRef)(e);return(0,u.useMemo)((()=>{if(null==n)return X([t]);const e={code:t,grammar:n,language:a,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),X(e.tokens)}),[t,n,a])})({prism:o,language:r,code:n,grammar:o.languages[r]});return e({tokens:c,className:`prism-code language-${r}`,style:null!=i?i.root:{},getLineProps:l,getTokenProps:s})},ee=e=>(0,u.createElement)(J,C(L({},e),{prism:e.prism||A,theme:e.theme||U,code:e.code,language:e.language}))},8624:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=!0,o="Invariant failed";function r(e,t){if(!e){if(a)throw new Error(o);var n="function"==typeof t?t():t,r=n?"".concat(o,": ").concat(n):o;throw new Error(r)}}},7529:e=>{"use strict";e.exports=JSON.parse('{"footer.status":"Status","footer.roadmap":"Roadmap","footer.changelog":"Changelog","footer.media":"Media Kit","ai_header.solutions_title.image_generator":"AI Image Generator","ai_header.solutions_title.ai_voice_generator":"AI Voice Generator","ai_header.solutions_title.dashboard":"Data Analysis Dashboard","ai_header.solutions_title.cms":"Content Management","ai_header.solutions_title.crm":"Sales CRM","ai_header.solutions_title.admin_panel":"Admin Panel","footer.table":"Table","footer.chart":"Chart","footer.upload":"Upload","footer.switch":"Switch","footer.select":"Select","footer.radio_group":"Radio Group","footer.checkbox_group":"Checkbox Group","footer.pdf":"PDF","footer.video":"Video","footer.mysql":"MySQL","footer.postgre":"PostgreSQL","footer.mongodb":"MongoDB","footer.firebase":"Firebase","footer.elasticsearch":"Elastic Search","footer.mssql":"Microsoft SQL Server","footer.supabase":"Supabase","footer.dynamo":"DynamoDB","footer.hf":"Hugging Face Inference API","footer.components":"Components","footer.integrations":"Integrations","ai_header.solutions_title.solutions":"Solutions","footer.company":"Company","footer.community":"Community","slogan-1":"Build AI Driven Business App","footer.privacy-policy":"Privacy policy","footer.terms-of-service":"Terms of service","ai_header.solutions_sub_title.solutions_by_use_case":"Solutions by use case","ai_header.solutions_description.image_generator":"Generate images with AI. Make the communication of ideas more efficient.","ai_header.solutions_description.ai_voice_generator":"Translation and redubbing, enabling efficient production of video content for diverse language regions.","ai_header.solutions_description.dashboard":"Build comprehensive data analysis dashboards and drive your business growth with minimal investment.","ai_header.solutions_description.cms":"Deliver consistent content experiences across any platform, web or mobile app","ai_header.solutions_description.crm":"Better sales CRM solution to close deals faster","ai_header.solutions_description.admin_panel":"Build admin panels at 10x speed to manage data or perform operations","nav.resource":"Resource","sub_nav.resource.integrations":"Integrations","sub_nav.resource.components":"Components","nav.pricing":"Pricing","nav.doc":"Doc","nav.blog":"Blog","nav.login":"Login","nav.signup":"Get started for free","blog.scroll_down":"Build AI Driven Business Apps with ILLA Cloud","blog.blog_desc_left_title":"Struggling with internal tools?","blog.blog_desc_left_desc":"Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!","pricing.sub-title":"Build AI Driven Business App","pricing.title":"Pricing","pricing.page-desc":"With the launch of ILLA Cloud Billing, you\'ll gain access to exclusive features such as Audit Logs and Public App. Our billing system is based on members with editing rights, including owner, admin, and editor roles. Once you subscribe, you can add unlimited viewers at no extra cost.","blog.meta.title":"ILLA Blogs","blog.meta.description":"A stellar repository of knowledge for developers, encompassing a wide spectrum of subjects such as frontend and backend development, AI, low-code, and ILLA Cloud, etc. Here, you can immerse yourself in cutting-edge technologies, delve into emerging trends, and engage in a vibrant exchange of experiences.","meta.title":"ILLA Cloud | Build AI Driven Business App","meta.description":"Empower your team with AI Agent and advanced low-code tools to create business apps","faq.title":"Frequently Asked Questions","faq.content.0.question":"What kind of content can I build with ILLA AI?","faq.content.0.answer":"You can build any internal application or AI tool you need, and you can also integrate AI with internal applications. For example, a dashboard, an admin panel, file content management, customer management system, text generation tool, image generation tool, email generation tool, and so on.","faq.content.1.question":"Who can use ILLA Cloud?","faq.content.1.answer":"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don\'t need to be a tech expert to create your own applications.","faq.content.2.question":"How can I benefit from ILLA Cloud?","faq.content.2.answer":"ILLA AI not only reduces the cost of building your tools but also integrates any AI capabilities you desire, making your work more efficient and enabling you to generate more valuable content in less time.","faq.content.3.question":"Can I customize the AI Agent for my specific business needs?","faq.content.3.answer":"Yes, you can! AI Agent is based on a large language model and can be customized to perform specific tasks. You can define the behavior of the AI Agent based on your business requirements. By using ILLA Builder, you can feed data into the AI Agent and train it to accomplish designated tasks such as text processing, image recognition, and natural language processing.","faq.content.4.question":"What data sources does ILLA support?","faq.content.4.answer":"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data.","faq.content.5.question":"Is there any technical support available for ILLA Cloud users?","faq.content.5.answer":"Yes, ILLA Cloud offers technical support to its users. If you encounter any issues or have questions about the platform\'s features, you can reach out to our support team for assistance. We are dedicated to helping you have a seamless experience with ILLA Cloud.","pricing.meta-desc":"Start free with all the features individual developers or small teams need to build internal applications.","pricing.billing.pricing.premium.feature.builder.viewer":"FREE for unlimited viewers","pricing.billing.pricing.premium.feature.builder.audit_log":"Audit logs","pricing.billing.pricing.premium.feature.builder.public":"App public","pricing.billing.pricing.premium.feature.builder.sql":"AI SQL Generation","pricing.billing.pricing.premium.feature.builder.history":"Backup editing history & restore","pricing.billing.pricing.premium.feature.builder.theme":"Custom themes for your apps ( coming soon )","pricing.billing.pricing.premium.feature.builder.multi_environment":"Multi-environment ( coming soon )","pricing.billing.pricing.premium.feature.builder.deployed_version":"Keep deployed versions & revert ( coming soon )","pricing.billing.pricing.premium.feature.agent.gpt":"Access to more models such as GPT-4, \\nGPT-3.5-turbo-16k","pricing.billing.pricing.colla.feature.storage":"Storage","pricing.billing.pricing.colla.feature.traffic":"Traffic","pricing.billing.pricing.colla.feature.token":"AI Agent","pricing.faq.title":"Frequently Asked Questions","pricing.faq.content.0.question":"Who are the users that are charged for the product?","pricing.faq.content.0.answer":"Users with editing permissions (editor) are charged for the product.","pricing.faq.content.1.question":"What are the different types of editors?","pricing.faq.content.1.answer":"The different types of editors are owner, admin, and editor.","pricing.faq.content.2.question":"Are viewers charged for using the product?","pricing.faq.content.2.answer":"No, viewers are not charged for using the product.","pricing.faq.content.3.question":"How to invite a viewer?","pricing.faq.content.3.answer":"To invite a viewer, you need to upgrade the team to any of the Plus, Premium, or Enterprise plans and invite the user via email or link.","pricing.faq.content.4.question":"What services does ILLA Cloud provide?","pricing.faq.content.4.answer":"ILLA Builder, ILLA Drive and AI Agent.","pricing.faq.content.5.question":"What is ILLA Drive?","pricing.faq.content.5.answer":"ILLA Drive is a CDN (Content Delivery Network) that allows storing any files and distributing them to users through the company\'s websites or other products. Usage of storage and traffic is billed separately.","pricing.faq.content.6.question":"What is AI Agent?","pricing.faq.content.6.answer":"We provide an open-source AI Agent community with thousands of AI Agents provided by prompt experts and enthusiasts. Everyone can run or modify these AI Agents.","pricing.faq.content.7.question":"How is billing done for AI Agent usage?","pricing.faq.content.7.answer":"Billing for AI Agent usage is based on Colla, which is a billing concept within ILLA. Colla measures the resources consumed during the runtime of AI Agents.","landingPage.components.meta.title":"ILLA Cloud Components","landingPage.components.meta.description":"Learn how to use the prebuilt components to customize your app in ILLA Cloud.","landingPage.components.headerContent.title":"Library of built-in components","landingPage.components.headerContent.description":"ILLA provides a range of commonly used front-end development components, enabling users to easily build front-end interfaces and respond to user actions and display data through simple drag-and-drop operations. Users can construct complex components such as tables, charts, forms, lists, and more through ILLA.","landingPage.components.headerContent.btnText":"Try for Free","landingPage.components.classify.inputs.title":"Inputs","landingPage.components.classify.inputs.upload.title":"Upload","landingPage.components.classify.inputs.upload.description":"The \'Upload\' component in ILLA Cloud provides a way for users to upload any type of files to their application.","landingPage.components.classify.inputs.switch.title":"Switch","landingPage.components.classify.inputs.switch.description":"The \'Switch\' component in ILLA Cloud provides a toggle switch that allows users to turn on or turn off a particular setting or feature.","landingPage.components.classify.inputs.select.title":"Select","landingPage.components.classify.inputs.select.description":"The \'Select\' component in ILLA Cloud is a drop-down selector that allows users to choose from a list of options, providing a user-friendly and space-efficient way to input data.","landingPage.components.classify.inputs.radioGroup.title":"Radio group","landingPage.components.classify.inputs.radioGroup.description":"The \'Radio Group\' component in ILLA Cloud is a radio selector that allows users to choose one option from a list of choices, providing a simple and clear way to input and manage data.","landingPage.components.classify.inputs.checkboxGroup.title":"CheckboxGroup","landingPage.components.classify.inputs.checkboxGroup.description":"The \'Checkbox Group\' component in ILLA Cloud is a checkbox selector that allows users to select multiple options from a list, providing a simple and efficient way to manage data.","landingPage.components.classify.data.title":"Data","landingPage.components.classify.inputs.chart.title":"Chart","landingPage.components.classify.inputs.chart.description":"The \'Chart\' component in ILLA Cloud displays multiple types of charts based on linked data, providing users with clear and visually appealing representations of complex data.","landingPage.components.classify.inputs.tables.title":"Tables","landingPage.components.classify.inputs.tables.description":"The \'Table\' component in ILLA Cloud displays data from a database in a tabular format, making it easy for users to view, sort, and analyze large amounts of information at a glance.","landingPage.components.classify.Presentation.title":"Presentation","landingPage.components.classify.inputs.pdf.title":"PDF","landingPage.components.classify.inputs.pdf.description":"The \'PDF\' component in ILLA Cloud is a display element that allows users to view and interact with PDF files within the application.","landingPage.components.classify.inputs.video.title":"Video","landingPage.components.classify.inputs.video.description":"The \'Video\' component in ILLA Cloud is a display element that allows users to play and interact with videos within the application.","landingPage.integrations.meta.title":"ILLA Cloud Integrations","landingPage.integrations.meta.description":"Learn how to use the integrations to access and work with data resource.","landingPage.integrations.headerContent.title":"Connect to any data source","landingPage.integrations.headerContent.description":"With the ability to connect to mainstream databases or any data connected through APIs, ILLA Cloud allows developers to tightly integrate data obtained from the back-end with front-end components. This enables developers to easily write data calls and achieve extensive information interaction by adding resources and actions to response to user events.","landingPage.integrations.headerContent.btnText":"Try for Free","landingPage.integrations.classify.database.title":"Database Integrations","landingPage.integrations.classify.database.mysql.description":"An open-source relational database management system that enables efficient storage and retrieval of data.","landingPage.integrations.classify.database.postgreSQL.description":"An advanced open-source relational database management system known for its stability and reliability.","landingPage.integrations.classify.database.mariadb.description":"A community-driven open-source fork of MySQL with enhanced features and performance improvements.","landingPage.integrations.classify.database.tidb.description":"A distributed SQL database that supports both SQL and NoSQL workloads with horizontal scalability and fault tolerance.","landingPage.integrations.classify.database.redis.description":"An in-memory data structure store often used as a database, cache, and message broker.","landingPage.integrations.classify.database.appwrite.description":"An open-source backend server platform that provides authentication, database, and storage services for web and mobile applications.","landingPage.integrations.classify.database.mongodb.description":"A NoSQL document database that stores data in flexible, JSON-like documents.","landingPage.integrations.classify.database.oracleDB.description":"A high-performance, scalable relational database management system that offers a comprehensive set of features and tools.","landingPage.integrations.classify.database.elasticSearch.description":"A distributed, RESTful search and analytics engine capable of handling large volumes of data.","landingPage.integrations.classify.database.couchDB.description":"A NoSQL document-oriented database that provides a distributed architecture with incremental replication and conflict detection.","landingPage.integrations.classify.database.firebase.description":"A platform that offers backend services, including a real-time database, authentication, cloud messaging, and more, for mobile and web applications.","landingPage.integrations.classify.database.mssql.description":"A relational database management system developed by Microsoft that supports transaction processing, business intelligence, and analytics applications.","landingPage.integrations.classify.database.supabaseDB.description":"An open-source column-oriented database management system designed for online analytical processing (OLAP) workloads.","landingPage.integrations.classify.database.neon.description":"The fully managed multi-cloud Postgres with a generous free tier. We separated storage and compute to offer autoscaling, branching, and bottomless storage.","landingPage.integrations.classify.database.hydra.description":"An open source, column-oriented RDBMS built on Postgres","landingPage.integrations.classify.database.dynamoDB.description":"A fully managed NoSQL database service that offers high performance, scalability, and reliability.","landingPage.integrations.classify.database.snowflake.description":"A cloud-based data warehousing platform designed for large-scale data storage and analysis.","landingPage.integrations.classify.api.title":"API Integrations","landingPage.integrations.classify.api.hfAPI.description":"An API that offers easy-to-use pre-trained natural language processing models for inference tasks.","landingPage.integrations.classify.api.hfEndpoint.description":"An endpoint that allows for easy deployment and scaling of Hugging Face models for inference tasks.","landingPage.integrations.classify.api.restAPI.description":"A web-based architectural style for building web services that use HTTP protocols to exchange data between client and server.","landingPage.integrations.classify.api.s3.description":"A cloud-based object storage service that provides scalable, secure, and durable data storage for various use cases.","landingPage.integrations.classify.api.smtp.description":"A protocol used for sending and receiving email messages over the internet.","landingPage.integrations.classify.api.graphQL.description":"A query language for APIs that provides a more efficient, powerful, and flexible alternative to traditional REST APIs.","landingPage.integrations.classify.api.googleSheets.description":"A cloud-based spreadsheet software that enables users to create and edit spreadsheets online while collaborating with others in real-time.","landingPage.integrations.classify.api.airtable.description":"A flexible and collaborative platform for managing projects, data, and teams seamlessly.","theme.blog.paginator.navAriaLabel":"Blog list page navigation","theme.blog.paginator.newerEntries":"Newer Entries","theme.blog.paginator.olderEntries":"Older Entries","blog.all_posts":"All Posts","blog.all_posts_desc_bold":"ILLA Blogs","blog.all_posts_desc":"\uff5cA stellar repository of knowledge for developers, encompassing a wide spectrum of subjects such as frontend and backend development, AI, low-code, and ILLA Cloud, etc. Here, you can immerse yourself in cutting-edge technologies, delve into emerging trends, and engage in a vibrant exchange of experiences.","theme.blog.post.plurals":"One post|{count} posts","theme.blog.tagTitle":"{nPosts} tagged with \\"{tagName}\\"","theme.blog.posts_tagged_with":"Posts tagged with","theme.NotFound.title":"Page Not Found","footer.less":"Show less","footer.more":"Show more","nav.contact":"Book demo","website_4.solution.use_this_template":"Try now","theme.blog.post.readingTime.plurals":"One min read|{readingTime} min read","call-to-action.title":"Start Building Apps with ILLA Cloud","call-to-action.desc":"Any internal tool you need can be built using ILLA Cloud in 1 minute.","call-to-action.button-1":"Try Cloud for free","call-to-action.button-2":"sign in with GitHub","title.github":"Github","title.stars":"Stars","title.star-us":"Star us","learn_more":"Learn more","pricing.billing.pricing.premium.desc":"Upgrade your team to access advanced features","pricing.billing.pricing.premium.price":"/month/editor","pricing.billing.pricing.colla.desc":"Used to pay for value-added services in ILLA Cloud","pricing.billing.pricing.colla.price":"/month/5k Colla","pricing.billing.plus-btn":"Upgrade","landingPageDetail.audio.name":"Audio","landingPageDetail.audio.title":"Use the Audio Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.audio.description":"The \'Video\' component in ILLA Cloud allows users to play and interact with videos and audio within the application, providing an efficient and convenient way to access multimedia content.For example, a user can use the Video component to watch a tutorial video while working on a project, saving time and increasing productivity by having all necessary information readily available within the application.","landingPageDetail.audio.metaTitle":"ILLA Cloud | Audio Component","landingPageDetail.audio.metaDescription":"Learn how to use the Audio component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.barProgress.name":"Bar progress","landingPageDetail.barProgress.title":"Use the Bar Progress Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.barProgress.description":"The Bar Progress component in ILLA Cloud visually represents progress on a bar with a 100% scale, making it easy for users to track their progress quickly and efficiently. By providing a clear and concise visual representation of progress, users can easily understand how far along they are on a particular task or project without having to spend time calculating the percentage of completion, saving valuable time and allowing them to focus on more important tasks.","landingPageDetail.barProgress.metaTitle":"ILLA Cloud Bar Progress Component - Visualize Data Progress","landingPageDetail.barProgress.metaDescription":"Learn how to use Bar progress component to create dashboards, reports, surveys, and more with ILLA Cloud.","landingPageDetail.button.name":"Button","landingPageDetail.button.title":"Use the Button Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.button.description":"The Button component in ILLA Cloud is a versatile tool that can be used to trigger actions and enhance user experience by providing a clear and intuitive way to interact with the application. For example, a user can create a \'Save\' button that triggers a database update when clicked, streamlining the workflow and saving the user time in manually updating the database.","landingPageDetail.button.metaTitle":"ILLA Cloud | Button Component","landingPageDetail.button.metaDescription":"Learn how to use the Button component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.carousel.name":"Carousel","landingPageDetail.carousel.title":"Use the Carousel Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.carousel.description":"The \'Carousel\' component in ILLA Cloud displays multiple images or media in a single interface, saving users time by eliminating the need to navigate through separate pages or windows. Users can interact with the carousel to view and engage with the displayed content, such as images or videos, all within the same interface, providing a seamless and efficient user experience.","landingPageDetail.carousel.metaTitle":"ILLA Cloud | Carousel Component","landingPageDetail.carousel.metaDescription":"Learn how to use the Carousel component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.cascader.name":"Cascader","landingPageDetail.cascader.title":"Use the Cascader Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.cascader.description":"The Cascader component in ILLA Cloud enables users to select one option from multiple layers of choices, providing a hierarchical and efficient approach to data input and management. For example, a user can create a form for product selection and use the \'Cascader\' component to allow users to choose their preferred product category, brand, and model, improving the accuracy and efficiency of data collection.","landingPageDetail.cascader.metaTitle":"ILLA Cloud Cascader Component | ILLA Cloud","landingPageDetail.cascader.metaDescription":"Learn how to use Cascader component in ILLA Cloud to select options from cascading menus.","landingPageDetail.chart.name":"Chart","landingPageDetail.chart.title":"Use the Chart Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.chart.description":"The \'Chart\' component in ILLA Cloud displays various chart types based on linked data, providing a clear and visually appealing way to analyze complex information. Users can easily compare data points and identify trends, making it an efficient tool for decision-making. For example, a sales team can use a chart to visualize their revenue and identify areas for improvement. Overall, the Chart component can save users time by simplifying the process of data analysis and presenting information in an easily understandable format.","landingPageDetail.chart.metaTitle":"ILLA Cloud Chart Component - Visualize Data as Graphs and Charts","landingPageDetail.chart.metaDescription":"Learn how to use chart component to create dashboards, reports, surveys, and more with ILLA Cloud.","landingPageDetail.checkboxGroup.name":"Checkbox Group","landingPageDetail.checkboxGroup.title":"Use the Checkbox Group Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.checkboxGroup.description":"The Checkbox Group component in ILLA Cloud provides users with a convenient and efficient way to select multiple options from a list, saving time and effort. For example, a user can create a form for product preferences and use the \'Checkbox Group\' component to allow users to select multiple options, such as color or size, streamlining the data collection process.","landingPageDetail.checkboxGroup.metaTitle":"ILLA Cloud | Checkbox Group Component","landingPageDetail.checkboxGroup.metaDescription":"Learn how to use the Checkbox Group component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.circleProgress.name":"Circle Progress","landingPageDetail.circleProgress.title":"Use the Circle Progress Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.circleProgress.description":"The Circle Progress component in ILLA Cloud is designed to show progress on a circular shape, providing users with a visually appealing way to track progress. This component can save users time by allowing them to quickly and easily see the progress of a task or project without having to manually calculate the percentage, helping them to identify areas that may need additional attention or resources and communicate progress to team members and stakeholders in a clear and concise manner.","landingPageDetail.circleProgress.metaTitle":"ILLA Cloud Circle Progress Component - Display and Manage Data Progress in a Circular Bar","landingPageDetail.circleProgress.metaDescription":"Learn how to use Circular progress component in ILLA Cloud to displays the progress of data in a circular bar.","landingPageDetail.container.name":"Container","landingPageDetail.container.title":"Use the Container Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.container.description":"The \'Container\' component in ILLA Cloud groups multiple components together, making it easier for users to organize and manage content. For example, a user can group a set of input fields together in a container, simplifying the process of collecting and submitting data. This can save time by streamlining workflows and improving overall efficiency.","landingPageDetail.container.metaTitle":"ILLA Cloud | Container Component","landingPageDetail.container.metaDescription":"Learn how to use the Container component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.date.name":"Date","landingPageDetail.date.title":"Use the Date Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.date.description":"The Date component in ILLA Cloud simplifies date selection by providing a calendar-based interface, improving the efficiency and accuracy of date-related data management. For example, a user can create a form for event registration and use the Date component to allow users to select the event date, reducing the potential for date-related errors and streamlining the registration process.","landingPageDetail.date.metaTitle":"ILLA Cloud | Date Component","landingPageDetail.date.metaDescription":"Learn how to use the Date component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.dateRange.name":"Date Range","landingPageDetail.dateRange.title":"Use the Date Range Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.dateRange.description":"The \'Date Range\' component in ILLA Cloud streamlines the selection of date ranges by providing a calendar-based interface, saving users\' time and effort. For example, a user can create a report and use the \'Date Range\' component to allow users to select a date range for data analysis, simplifying the process and increasing efficiency.","landingPageDetail.dateRange.metaTitle":"ILLA Cloud | Date Range Component","landingPageDetail.dateRange.metaDescription":"Learn how to use the Date Range component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.dateTime.name":"Date Time","landingPageDetail.dateTime.title":"Use the Date Time Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.dateTime.description":"The Date Time component in ILLA Cloud simplifies date and time selection by providing a calendar-based interface, improving the efficiency and accuracy of data management. For example, a user can create a form for appointment scheduling and use the \'Date Time\' component to allow users to select the specific date and time, reducing the potential for scheduling errors and streamlining the process.","landingPageDetail.dateTime.metaTitle":"ILLA Cloud Date Time Component - Select and Display Date and Time","landingPageDetail.dateTime.metaDescription":"Learn how to use date time component to create forms, surveys, dashboards, and more with ILLA Cloud.","landingPageDetail.divider.name":"Divider","landingPageDetail.divider.title":"Use the Divider Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.divider.description":"The \'Divider\' component in ILLA Cloud is a visual element that creates clear distinctions between different sections of content, improving navigation and organization. By using dividers, users can save time by quickly finding the information they need without having to search through cluttered or disorganized content, improving the user experience.","landingPageDetail.divider.metaTitle":"ILLA Cloud | Divider Component","landingPageDetail.divider.metaDescription":"Learn how to use the Divider component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.editableText.name":"Editable text","landingPageDetail.editableText.title":"Use the Editable Text Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.editableText.description":"The Editable Text component in ILLA Cloud allows users to input and edit text in a one line text input box, and the input text can be shown as hovered. This component can save users\' time by providing a quick and easy way to edit text. For example, a user can create a form that collects user feedback and use the \'Editable Text\' component to allow users to edit their comments before submitting. This can help businesses improve their efficiency by reducing the need for back-and-forth communication.","landingPageDetail.editableText.metaTitle":"ILLA Cloud | Editable Text Component","landingPageDetail.editableText.metaDescription":"Learn how to use the Editable Text component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.form.name":"Form","landingPageDetail.form.title":"Use the Form Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.form.description":"The \'Form\' component in ILLA Cloud lets users input and submit required information, providing an efficient way to collect and process data. It can save time by standardizing the data entry process, reducing errors, and making it easier to organize and analyze the data. For example, a company can use a Form component to collect employee information, such as contact details and job position, and easily organize the data for HR purposes.","landingPageDetail.form.metaTitle":"ILLA Cloud | Form Component","landingPageDetail.form.metaDescription":"Learn how to use the Form component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.icon.name":"Icon","landingPageDetail.icon.title":"Use the Icon Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.icon.description":"The Icon component in ILLA Cloud provides a quick and easy way for users to insert pre-built icons, improving the visual appeal and usability of the application. For example, a user can insert a shopping cart icon to represent a shopping cart feature in an e-commerce application, saving time and effort in creating a custom icon and improving the user experience.","landingPageDetail.icon.metaTitle":"ILLA Cloud | Icon Component","landingPageDetail.icon.metaDescription":"Learn how to use the Icon component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.image.name":"Image","landingPageDetail.image.title":"Use the Image Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.image.description":"The Image component in ILLA Cloud provides a straightforward way for users to display images, enhancing the visual appeal and accessibility of information. For example, a user can use the \'Image\' component to display product images in an e-commerce application, saving time and effort in providing a clear and attractive representation of products.","landingPageDetail.image.metaTitle":"ILLA Cloud Image Component - Display and Manage Images within Your App","landingPageDetail.image.metaDescription":"Learn how to use image component to create galleries, sliders, thumbnails, and more with ILLA Cloud.","landingPageDetail.input.name":"Input","landingPageDetail.input.title":"Use the Input Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.input.description":"In ILLA Cloud, the Input component with a left label eliminates manual data entry, saving time and increasing efficiency. It allows users to easily provide the required information for further processing. For example, it can be used to collect customer contact information, streamlining data collection and processing workflows. The collected data can be utilized for customer segmentation, targeted marketing campaigns, and customer support, providing an efficient and time-saving solution.","landingPageDetail.input.metaTitle":"ILLA Cloud | Input Component ","landingPageDetail.input.metaDescription":"Learn how to use the Input component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.list.name":"List","landingPageDetail.list.title":"Use the List Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.list.description":"The List component provides an organized and efficient way to view and manage data, saving users time by allowing them to quickly access and manipulate information. For example, a sales manager can use the List component to view and track customer orders, quickly identifying trends and making data-driven decisions. Overall, the List component can improve productivity and enhance data analysis.","landingPageDetail.list.metaTitle":"ILLA Cloud List Component - Create Repeatable Rows of Data","landingPageDetail.list.metaDescription":"Learn how to use list component to create galleries, sliders, tables, and more with ILLA Cloud.","landingPageDetail.menu.name":"Menu","landingPageDetail.menu.title":"Use the Menu Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.menu.description":"By utilizing the Menu component, users can quickly access different options without having to navigate through multiple pages, saving time and increasing efficiency. For example, a user can use the Menu component to access various features of a software application, allowing them to easily access frequently used functions and streamline their workflow.","landingPageDetail.menu.metaTitle":"ILLA Cloud Menu Component - Display and Manage Page Structure","landingPageDetail.menu.metaDescription":"Learn how to use menu component to create navigation bars, sidebars, dropdown menus, and more with ILLA Cloud.","landingPageDetail.modal.name":"Modal","landingPageDetail.modal.title":"Use the Modal Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.modal.description":"The \'Modal\' component in ILLA Cloud is a user interface element that enables the display of content or prompts for user interaction without navigating away from the current page or interrupting the user\'s workflow. It creates a floating layer on top of the existing page to gather user feedback, display information, or prompt for input. This allows for a more seamless and streamlined user experience, as users can stay within the same context while still being able to interact with the application.","landingPageDetail.modal.metaTitle":"ILLA Cloud | Modal Component","landingPageDetail.modal.metaDescription":"Learn how to use the Modal component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.multiselect.name":"Multiselect","landingPageDetail.multiselect.title":"Use the MultiSelect Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.multiselect.description":"The Multi Select component in ILLA Cloud provides users with a convenient and efficient way to select multiple options from a list, saving time and effort. For example, a user can create a survey form and use the \'Multi Select\' component to allow users to select multiple options, such as their preferred products or services, streamlining the data collection process.","landingPageDetail.multiselect.metaTitle":"ILLA Cloud | Multiselect Component","landingPageDetail.multiselect.metaDescription":"Learn how to use the Multiselect component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.numberInput.name":"Number input","landingPageDetail.numberInput.title":"Use the Number Input Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.numberInput.description":"In ILLA Cloud, the Number Input component with a left label allows users to enter numerical values, providing a streamlined interface for quick and easy input. This component can save users\' time by eliminating the need for manual data entry. For example, a user can create an order form that includes a \'Number Input\' component to collect the quantity and price of each item. This can help businesses save time and reduce errors when processing orders.","landingPageDetail.numberInput.metaTitle":"ILLA Cloud | Number Input Component","landingPageDetail.numberInput.metaDescription":"Learn how to use the Number Input component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.pdf.name":"PDF","landingPageDetail.pdf.title":"Use the PDF Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.pdf.description":"The \'PDF\' component in ILLA Cloud allows users to view and interact with PDF files within the app, saving time and streamlining document management. For example, a user can easily access and annotate PDF documents without having to switch between different software or applications, improving productivity and workflow efficiency.","landingPageDetail.pdf.metaTitle":"ILLA Cloud | PDF Component","landingPageDetail.pdf.metaDescription":"Learn how to use the PDF component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.radioButton.name":"Radio Button","landingPageDetail.radioButton.title":"Use the Radio Button Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.radioButton.description":"The Radio Button component is a quick and efficient way for users to select one option from multiple choices, avoiding confusion and streamlining the decision-making process. For example, a survey form could use the Radio Button component to allow users to select their age group, gender, or preferred method of contact, saving time by simplifying the data input process.","landingPageDetail.radioButton.metaTitle":"ILLA Cloud | Radio Button Component","landingPageDetail.radioButton.metaDescription":" Learn how to use the Radio Button component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.radioGroup.name":"Radio group","landingPageDetail.radioGroup.title":"Use the Radio Group Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.radioGroup.description":"The Radio Group component in ILLA Cloud provides a straightforward and efficient way for users to select one option from a list, saving time and reducing errors. For example, a user can create a form for event registration and use the \'Radio Group\' component to allow users to select their preferred event, simplifying the registration process and improving efficiency.","landingPageDetail.radioGroup.metaTitle":"ILLA Cloud Radio Group Component - Build Internal Tools with Ease","landingPageDetail.radioGroup.metaDescription":"Learn how to use this component to create forms, surveys, dashboards, and more with ILLA Cloud.","landingPageDetail.rate.name":"Rate","landingPageDetail.rate.title":"Use the Rate Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.rate.description":"The \'Rate\' component in ILLA Cloud provides a quick and easy way for users to rate products, services or experiences, saving time in providing feedback. For example, a user can use the Rate component to rate a recent purchase or experience, helping businesses improve their products and services based on customer feedback.","landingPageDetail.rate.metaTitle":"ILLA Cloud | Rate Component","landingPageDetail.rate.metaDescription":"Learn how to use the Rate component in ILLA Cloud, a low-code platform for building internal tools. ","landingPageDetail.select.name":"Select","landingPageDetail.select.title":"Use the Select Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.select.description":"The Select component in ILLA Cloud allows users to select from a list of options, providing a user-friendly and space-efficient way to input data, which can save users\' time and increase efficiency. For example, a user can create a survey form and use the \'Select\' component to provide a range of options for users to choose from, simplifying the process and ensuring accurate data collection.","landingPageDetail.select.metaTitle":"ILLA Cloud Select Component - Select One Option from a List of Choices with Ease","landingPageDetail.select.metaDescription":"Learn how to use select component in ILLA Cloud to choose from a list of options.","landingPageDetail.statistics.name":"Statistics","landingPageDetail.statistics.title":"Use the Statistics Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.statistics.description":"The \'Statistics\' component in ILLA Cloud is designed to help users display numerical data in a visually appealing and easy-to-understand way, improving data analysis and decision-making. For example, a user can use the Statistics component to create a dashboard that displays sales data in various visual formats such as bar charts, pie charts, and line charts, saving time in creating customized visualizations and providing a quick and clear overview of the data.","landingPageDetail.statistics.metaTitle":"ILLA Cloud | Statistics Component","landingPageDetail.statistics.metaDescription":"Learn how to use the Statistics component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.switch.name":"Switch","landingPageDetail.switch.title":"Use the Switch Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.switch.description":"The Switch component in ILLA Cloud provides an intuitive and user-friendly way for users to turn on or turn off specific settings or features, saving time and increasing efficiency. For example, a user can create a notification system and use the \'Switch\' component to allow users to turn on or turn off notifications for specific events, such as new messages or updates, reducing unnecessary interruptions.","landingPageDetail.switch.metaTitle":"ILLA Cloud | Switch Component","landingPageDetail.switch.metaDescription":"Learn how to use the Switch component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.tables.name":"Tables","landingPageDetail.tables.title":"Use the Table Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.tables.description":"The \'Table\' component in ILLA Cloud displays database data in a tabular format, allowing users to quickly analyze large amounts of information. With features like sorting, searching, and filtering, the Table component can save users time by enabling them to easily find and manipulate the data they need. Additionally, tables can be customized with different column types, colors, and formatting options, making it possible to create visually appealing and easy-to-understand representations of complex data.","landingPageDetail.tables.metaTitle":"ILLA Cloud | Tables Component","landingPageDetail.tables.metaDescription":"Learn how to use the Tables component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.tabs.name":"Tabs","landingPageDetail.tabs.title":"Use the Tab Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.tabs.description":"The \'Tab\' component in ILLA Cloud saves users time by allowing them to easily switch between different sections of content without the need for extensive scrolling. For example, a user can use Tabs to switch between different views or modes in a software application, improving usability and productivity.","landingPageDetail.tabs.metaTitle":"ILLA Cloud Tabs Component - Categorize and Display Content","landingPageDetail.tabs.metaDescription":"Learn how to use tabs component to create dashboards, reports, forms, and more with ILLA Cloud.","landingPageDetail.text.name":"Text","landingPageDetail.text.title":"Use the Text Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.text.description":"The Text component in ILLA Cloud provides a straightforward way for users to display text, improving the readability and accessibility of information. For example, a user can use the \'Text\' component to display important instructions or information, such as contact details or product descriptions, saving time and effort in conveying important information.","landingPageDetail.text.metaTitle":"ILLA Cloud | Text Component","landingPageDetail.text.metaDescription":"Learn how to use the Text component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.textareaInput.name":"Textarea input","landingPageDetail.textareaInput.title":"Use the Textarea Input Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.textareaInput.description":"The Textarea Input component in ILLA Cloud is a user-friendly tool that enables users to input and edit multiple lines of text with ease. For example, a user can create a contact form that includes a \'Textarea Input\' component to allow users to enter detailed messages, saving time and streamlining the communication process.","landingPageDetail.textareaInput.metaTitle":"ILLA Cloud | Textarea Input Component","landingPageDetail.textareaInput.metaDescription":"Learn how to use the Textarea Input component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.timeline.name":"Timeline","landingPageDetail.timeline.title":"Use the Timeline Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.timeline.description":"The Timeline component in ILLA Cloud can save users time by providing a clear and organized visual representation of a project\'s progress or history. For example, a project manager can use the Timeline component to create a visual representation of a project\'s milestones, deadlines, and deliverables, saving time in creating and communicating a project\'s timeline to team members and stakeholders.","landingPageDetail.timeline.metaTitle":"ILLA Cloud | Timeline Component","landingPageDetail.timeline.metaDescription":"Learn how to use the Timeline component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.upload.name":"Upload","landingPageDetail.upload.title":"Use the Upload Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.upload.description":"The Upload component in ILLA Cloud enables users to easily upload any type of files to their application, providing a convenient and streamlined approach to data management. For example, a user can create an online store and use the \'Upload\' component to allow customers to upload images or other files when submitting orders, saving time and increasing efficiency.","landingPageDetail.upload.metaTitle":"ILLA Cloud | Upload Component","landingPageDetail.upload.metaDescription":"Learn how to use the Upload component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.video.name":"Video","landingPageDetail.video.title":"Use the Video Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.video.description":"The \'Video\' component in ILLA Cloud plays and interacts with videos within the application, saving time by allowing users to easily view and interact with video content without the need to switch to an external video player. For example, a user can use the Video component to watch training videos or product demos within the application, improving productivity and efficiency.","landingPageDetail.video.metaTitle":"ILLA Cloud Video Component - Interact with Videos in Your App","landingPageDetail.video.metaDescription":"Learn how to use video component to create training videos, product demos, tutorials, and more with ILLA Cloud.","landingPageDetail.airtable.name":"Airtable","landingPageDetail.airtable.title":"Connect to Airtable with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.airtable.description":"\\"With ILLA Cloud\'s Airtable integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows. The integration simplifies data management by leveraging Airtable\'s API endpoints, allowing you to easily manipulate data from your Airtable databases, storage and authentication services. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks. For example, you can retrieve data from an Airtable database and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Airtable integration, you can streamline your data management process and leverage the powerful capabilities of Airtable to enhance your productivity.\\"","landingPageDetail.airtable.metaTitle":"Airtable","landingPageDetail.airtable.metaDescription":"A flexible and collaborative platform for managing projects, data, and teams seamlessly.","landingPageDetail.appwrite.name":"Appwrite","landingPageDetail.appwrite.title":"Connect to Appwrite with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.appwrite.description":"With ILLA Cloud\'s Appwrite integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows.The integration simplifies data management by leveraging Appwrite\'s API endpoints, allowing you to easily manipulate data from your Appwrite databases, storage and authentication services. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve data from an Appwrite database and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Appwrite integration, you can streamline your data management process and leverage the powerful capabilities of Appwrite to enhance your productivity.","landingPageDetail.appwrite.metaTitle":"ILLA Cloud Appwrite Integration - Connect and Manage Your Appwrite Data","landingPageDetail.appwrite.metaDescription":"Learn how to use Appwrite integration to create applications that leverage the power of Appwrite with ILLA Cloud.","landingPageDetail.clickhouse.name":"Clickhouse","landingPageDetail.clickhouse.title":"Connect to Clickhouse with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.clickhouse.description":"With ILLA Cloud\'s ClickHouse integration, you can quickly configure and connect to your ClickHouse database to optimize your data management and streamline your workflows.The integration simplifies data management using ClickHouse queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a ClickHouse table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s ClickHouse integration, you can streamline your data management process and leverage the powerful capabilities of ClickHouse to enhance your productivity.","landingPageDetail.clickhouse.metaTitle":"ILLA Cloud | ClickHouse Integration","landingPageDetail.clickhouse.metaDescription":"Learn how to connect and interact with any ClickHouse database using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.couchdb.name":"CouchDB","landingPageDetail.couchdb.title":"Connect to CouchDB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.couchdb.description":"With ILLA Cloud\'s CouchDB integration, you can quickly configure and connect to your CouchDB database to optimize your data management and streamline your workflows.The integration simplifies data management using CouchDB queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a CouchDB database and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s CouchDB integration, you can streamline your data management process and leverage the powerful capabilities of CouchDB to enhance your productivity.","landingPageDetail.couchdb.metaTitle":"ILLA Cloud | CouchDB Integration","landingPageDetail.couchdb.metaDescription":"Learn how to connect your CouchDB database to ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.dynamodb.name":"Amazon DynamoDB","landingPageDetail.dynamodb.title":"Connect to Amazon DynamoDB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.dynamodb.description":"With ILLA Cloud\'s Amazon DynamoDB integration, you can quickly configure and connect to your DynamoDB database to optimize your data management and streamline your workflows.The integration simplifies data management using DynamoDB queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a DynamoDB table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s Amazon DynamoDB integration, you can streamline your data management process and leverage the powerful capabilities of DynamoDB to enhance your productivity.","landingPageDetail.dynamodb.metaTitle":"ILLA Cloud | Amazon DynamoDB Integration","landingPageDetail.dynamodb.metaDescription":"Learn how to connect your Amazon DynamoDB database to ILLA Cloud, a low-code platform for building internal tools. ","landingPageDetail.elasticsearch.name":"Elastic Search","landingPageDetail.elasticsearch.title":"Connect to Elastic Search with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.elasticsearch.description":"With ILLA Cloud\'s Elastic Search integration, you can quickly configure and connect to your Elastic Search cluster to optimize your data management and enhance your workflows.The integration simplifies data management using Elastic Search queries, allowing you to search and retrieve data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from an Elastic Search index and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s Elastic Search integration, you can streamline your data management process and leverage the powerful capabilities of Elastic Search to enhance your productivity.","landingPageDetail.elasticsearch.metaTitle":"ILLA Cloud | Elastic Search Integration","landingPageDetail.elasticsearch.metaDescription":"Learn how to connect and interact with your Elastic Search database using ILLA Cloud, the open-source low-code platform for building internal tools. ","landingPageDetail.firebase.name":"Firebase","landingPageDetail.firebase.title":"Connect to Firebase with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.firebase.description":"With ILLA Cloud\'s Firebase integration, you can quickly configure and connect to your Firebase database to optimize your data management and streamline your workflows.The integration simplifies data management using Firebase queries and API calls, allowing you to easily manipulate data and perform complex operations. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a Firebase collection and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Firebase integration, you can streamline your data management process and leverage the powerful capabilities of Firebase to enhance your productivity.","landingPageDetail.firebase.metaTitle":"ILLA Cloud | Firebase Integration","landingPageDetail.firebase.metaDescription":"Learn how to connect your Firebase database to ILLA Cloud, a low-code platform for building internal tools. ","landingPageDetail.googlesheets.name":"Google Sheets","landingPageDetail.googlesheets.title":"Connect to Google Sheets with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.googlesheets.description":"With ILLA Cloud\'s Google Sheets integration, you can quickly and easily connect to your Google Sheets spreadsheets to optimize your data management and streamline your workflows.The integration simplifies data management by allowing you to read, write and manipulate data from your Google Sheets spreadsheets using Google Sheets API. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve data from a Google Sheets spreadsheet and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Google Sheets integration, you can streamline your data management process and leverage the powerful capabilities of Google Sheets to enhance your productivity.","landingPageDetail.googlesheets.metaTitle":"ILLA Cloud Google Sheets Integration - Connect and Manage Your Google Sheets Data","landingPageDetail.googlesheets.metaDescription":"Learn how to use Google sheet integration to create dashboards, reports, forms, and more with ILLA Cloud.","landingPageDetail.graphql.name":"GraphQL","landingPageDetail.graphql.title":"Connect to GraphQL with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.graphql.description":"With ILLA Cloud\'s GraphQL integration, you can quickly and easily configure and connect to your GraphQL APIs to optimize your data management and streamline your workflows.The integration simplifies data management by allowing you to easily retrieve and manipulate data from your GraphQL APIs. You can safely add or write data by providing input, including necessary GraphQL queries, and incorporating app-based validation checks.For example, you can retrieve data from a GraphQL API and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s GraphQL integration, you can streamline your data management process and leverage the powerful capabilities of GraphQL to enhance your productivity.","landingPageDetail.graphql.metaTitle":"ILLA Cloud | GraphQL Integration","landingPageDetail.graphql.metaDescription":"Learn how to connect your GraphQL API to ILLA Cloud, a low-code platform for building internal tools. ","landingPageDetail.huggingface.name":"Hugging Face Inference API","landingPageDetail.huggingface.title":"Connect to Hugging Face Inference API with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.huggingface.description":"With ILLA Cloud\'s Hugging Face Inference API integration, you can quickly and easily connect to Hugging Face\'s powerful natural language processing models to optimize your data management and streamline your workflows.The integration simplifies data management by leveraging Hugging Face\'s API endpoints, allowing you to retrieve and manipulate data with ease. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve text data from an external source and pass it through a Hugging Face API call to perform sentiment analysis or language translation. With ILLA Cloud\'s Hugging Face Inference API integration, you can streamline your data management process and leverage the powerful capabilities of Hugging Face\'s natural language processing models to enhance your productivity.","landingPageDetail.huggingface.metaTitle":"ILLA Cloud Hugging Face Inference API Integration - Connect and Use ML Models","landingPageDetail.huggingface.metaDescription":"The Hugging Face Inference API integration in ILLA Cloud allows users to connect and use over 130,000 machine learning models. ","landingPageDetail.huggingfaceendpoint.name":"Hugging Face Inference Endpoint","landingPageDetail.huggingfaceendpoint.title":"Connect to Hugging Face Inference Endpoint with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.huggingfaceendpoint.description":"With ILLA Cloud\'s Hugging Face Inference Endpoint integration, you can quickly and easily configure and connect to Hugging Face\'s powerful natural language processing models to optimize your data management and streamline your workflows.The integration simplifies data management by leveraging Hugging Face\'s API endpoints, allowing you to retrieve and manipulate data with ease. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve text data from an external source and pass it through a Hugging Face inference endpoint to perform sentiment analysis or language translation. With ILLA Cloud\'s Hugging Face Inference Endpoint integration, you can streamline your data management process and leverage the powerful capabilities of Hugging Face\'s natural language processing models to enhance your productivity.","landingPageDetail.huggingfaceendpoint.metaTitle":"ILLA Cloud | Hugging Face Inference Endpoint Integration","landingPageDetail.huggingfaceendpoint.metaDescription":"Learn how to connect and interact with any Hugging Face Inference Endpoint using ILLA Cloud, the open-source low-code platform for building internal tools. ","landingPageDetail.hydra.name":"Hydra","landingPageDetail.hydra.title":"Connect to Hydra with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.hydra.description":"\\"With ILLA Cloud\'s Hydra integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows.\\r\\nThe integration simplifies data management by leveraging Hydra\'s API endpoints, allowing you to easily manipulate data from your Hydra databases, storage and authentication services. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.\\r\\nFor example, you can retrieve data from an Hydra database and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Hydra integration, you can streamline your data management process and leverage the powerful capabilities of Hydra to enhance your productivity.\\"","landingPageDetail.hydra.metaTitle":"Hydra","landingPageDetail.hydra.metaDescription":"An open source, column-oriented RDBMS built on Postgres","landingPageDetail.mariadb.name":"MariaDB","landingPageDetail.mariadb.title":"Connect to MariaDB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.mariadb.description":"With ILLA Cloud\'s MariaDB integration, you can quickly and easily configure and connect to your MariaDB database to optimize your data management and streamline your workflows.The integration simplifies data management using SQL, allowing you to manipulate tables, retrieve data and perform complex queries with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can fetch data for an employee from a MariaDB table and add a button that, when clicked, runs an SQL query to update the employee\'s information or approve a request. With ILLA Cloud\'s MariaDB integration, you can maximize the potential of your data source and enhance your productivity with minimal effort.","landingPageDetail.mariadb.metaTitle":"ILLA Cloud | MariaDB Integration","landingPageDetail.mariadb.metaDescription":"Learn how to connect and interact with your MariaDB database using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.mongodb.name":"MongoDB","landingPageDetail.mongodb.title":"Connect to MongoDB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.mongodb.description":"With ILLA Cloud\'s MongoDB integration, you can quickly configure and connect to your MongoDB database to optimize your data management and streamline your workflows.The integration simplifies data management using MongoDB queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a MongoDB collection and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s MongoDB integration, you can streamline your data management process and leverage the powerful capabilities of MongoDB to enhance your productivity.","landingPageDetail.mongodb.metaTitle":"ILLA Cloud | MongoDB Integration","landingPageDetail.mongodb.metaDescription":"Learn how to connect and interact with your MongoDB database using ILLA Cloud, the open-source low-code platform for building internal tools. ","landingPageDetail.mssql.name":"Microsoft SQL Server","landingPageDetail.mssql.title":"Connect to Microsoft SQL Server with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.mssql.description":"With ILLA Cloud\'s Microsoft SQL Server integration, you can quickly configure and connect to your SQL Server database to optimize your data management and streamline your workflows.The integration simplifies data management using SQL queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a SQL Server table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s Microsoft SQL Server integration, you can streamline your data management process and leverage the powerful capabilities of SQL Server to enhance your productivity.","landingPageDetail.mssql.metaTitle":"ILLA Cloud | Microsoft SQL Server Integration","landingPageDetail.mssql.metaDescription":"Learn how to connect your Microsoft SQL Server database to ILLA Cloud, a low-code platform for building internal tools. ","landingPageDetail.mysql.name":"MySQL","landingPageDetail.mysql.title":"Connect to MySQL with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.mysql.description":"Integrating ILLA Cloud with MySQL can greatly enhance your workflow and streamline your processes. With just a few simple steps, you can connect ILLA Cloud to your MySQL databases, enabling you to create user interfaces that interact with your data in powerful new ways. Whether you need to read data into a table grid, create dashboards, or add custom actions that run SQL queries to write to your database, ILLA Cloud makes it easy to do so safely and efficiently.By connecting to your MySQL data with ILLA Cloud, you can avoid unintentional deletes and other costly errors. For example, if you\'re managing employee expenses with a MySQL table, you can use ILLA Cloud to read your data into a dashboard and even add an action that writes back to your database to update the approval status for each expense. And with ILLA Cloud\'s simple interface, you can define the actions you want to take in a clear and systematic way, making it easy to optimize your workflow and streamline your processes.","landingPageDetail.mysql.metaTitle":"ILLA Cloud | MySQL Integration","landingPageDetail.mysql.metaDescription":"Learn how to connect your MySQL database to ILLA Cloud, a low-code platform for building internal tools. ","landingPageDetail.neon.name":"Neon","landingPageDetail.neon.title":"Connect to Neon with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.neon.description":"The fully managed multi-cloud Postgres with a generous free tier. We separated storage and compute to offer autoscaling, branching, and bottomless storage.","landingPageDetail.neon.metaTitle":"ILLA Cloud Neon Integration - Connect to the multi-cloud Postgres","landingPageDetail.neon.metaDescription":"Learn how to connect your Neon database to ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.oracledb.name":"Oracle DB","landingPageDetail.oracledb.title":"Connect to Oracle DB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.oracledb.description":"With ILLA Cloud\'s Oracle DB integration, you can quickly configure and connect to your Oracle database to optimize your data management and streamline your workflows.The integration simplifies data management using SQL queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from an Oracle database table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s Oracle DB integration, you can streamline your data management process and leverage the powerful capabilities of Oracle DB to enhance your productivity.","landingPageDetail.oracledb.metaTitle":"ILLA Cloud | Oracle DB Integration","landingPageDetail.oracledb.metaDescription":"Learn how to use the Oracle DB integration in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.postgresql.name":"PostgreSQL","landingPageDetail.postgresql.title":"Connect to PostgreSQL with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.postgresql.description":"With ILLA Cloud\'s PostgreSQL integration, you can quickly configure and connect to your PostgreSQL database to optimize your data source with reliable performance.The integration simplifies data management with SQL, allowing you to easily manipulate tables and perform complex queries. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For instance, suppose you want to retrieve employee data from a PostgreSQL table and approve a leave request with a single click. In that case, you can create a button that runs an SQL query, marking the employee\'s request as approved. With ILLA Cloud\'s PostgreSQL integration, you can streamline your data management process with ease and confidence.","landingPageDetail.postgresql.metaTitle":"ILLA Cloud | PostgreSQL Database Integration","landingPageDetail.postgresql.metaDescription":"Learn how to connect and interact with any PostgreSQL database using ILLA Cloud, the open-source low-code platform for building internal tools. ","landingPageDetail.redis.name":"Redis","landingPageDetail.redis.title":"Connect to Redis with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.redis.description":"With ILLA Cloud\'s Redis integration, you can quickly configure and connect to your Redis database to optimize your data management and enhance your workflows.The integration simplifies data management using Redis commands, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary commands, and incorporating app-based validation checks.For example, you can retrieve data from a Redis database and add a button that, when clicked, performs a Redis command to update the data or approve a request. With ILLA Cloud\'s Redis integration, you can streamline your data management process and leverage the powerful capabilities of Redis to enhance your productivity.","landingPageDetail.redis.metaTitle":"ILLA Cloud Redis Integration - Connect and Manage Your Redis Database","landingPageDetail.redis.metaDescription":"Learn how to use Redis integration to manipulate data using Redis commands, create dashboards, reports, forms, and more with ILLA Cloud.","landingPageDetail.restapi.name":"REST API","landingPageDetail.restapi.title":"Connect to Any RESTful API and Build Custom Tools with ILLA Cloud in Minutes","landingPageDetail.restapi.description":"With ILLA Cloud\'s REST API integration, you can quickly and easily connect to any RESTful API to optimize your data management and streamline your workflows.The integration simplifies data management using RESTful API endpoints, allowing you to retrieve and manipulate data with ease. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve data from an external RESTful API and add a button that, when clicked, performs a call to update the data or approve a request. With ILLA Cloud\'s REST API integration, you can streamline your data management process and leverage the powerful capabilities of RESTful APIs to enhance your productivity.","landingPageDetail.restapi.metaTitle":"ILLA Cloud | REST API Integration","landingPageDetail.restapi.metaDescription":"Learn how to connect and interact with any REST API endpoint using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.s3.name":"S3","landingPageDetail.s3.title":"Connect to Amazon S3 with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.s3.description":"With ILLA Cloud\'s Amazon S3 integration, you can quickly and easily configure and connect to your Amazon S3 storage to optimize your data management and streamline your workflows.The integration simplifies data management by leveraging S3 API endpoints, allowing you to read, write and manipulate data from your S3 buckets with ease. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve data from an S3 bucket and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Amazon S3 integration, you can streamline your data management process and leverage the powerful capabilities of Amazon S3 storage to enhance your productivity.","landingPageDetail.s3.metaTitle":"ILLA Cloud | S3 Integration","landingPageDetail.s3.metaDescription":"Learn how to use the S3 component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.smtp.name":"SMTP","landingPageDetail.smtp.title":"Connect to SMTP with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.smtp.description":"With ILLA Cloud\'s SMTP integration, you can quickly and easily configure and connect to your SMTP server to optimize your email management and streamline your workflows.The integration simplifies email management by allowing you to send and receive emails directly from your ILLA Cloud application. You can safely send emails by providing input, including necessary SMTP parameters, and incorporating app-based validation checks.For example, you can send automated emails to users when a certain event is triggered in your application. With ILLA Cloud\'s SMTP integration, you can streamline your email management process and leverage the powerful capabilities of SMTP to enhance your productivity.","landingPageDetail.smtp.metaTitle":"ILLA Cloud | SMTP Integration","landingPageDetail.smtp.metaDescription":"Learn how to connect and interact with any SMTP server using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.snowflake.name":"Snowflake","landingPageDetail.snowflake.title":"Connect to Snowflake with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.snowflake.description":"With ILLA Cloud\'s Snowflake integration, you can quickly configure and connect to your Snowflake data warehouse to optimize your data management and streamline your workflows.The integration simplifies data management using Snowflake SQL queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a Snowflake table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s Snowflake integration, you can streamline your data management process and leverage the powerful capabilities of Snowflake to enhance your productivity.","landingPageDetail.snowflake.metaTitle":"ILLA Cloud | Snowflake Integration","landingPageDetail.snowflake.metaDescription":"Learn how to connect and interact with your Snowflake database using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.supabaseDB.name":"Supabase DB","landingPageDetail.supabaseDB.title":"Connect to SupabaseDB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.supabaseDB.description":"With ILLA Cloud\'s SupabaseDB integration, you can quickly configure and connect to your SupabaseDB database to optimize your data management and streamline your workflows.The integration simplifies data management using SupabaseDB queries and API calls, allowing you to easily manipulate data and perform complex operations. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a SupabaseDB table and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s SupabaseDB integration, you can streamline your data management process and leverage the powerful capabilities of SupabaseDB to enhance your productivity.","landingPageDetail.supabaseDB.metaTitle":"ILLA Cloud | Supabase DB Integration","landingPageDetail.supabaseDB.metaDescription":"Learn how to connect and interact with any Supabase DB using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.tiDB.name":"TiDB","landingPageDetail.tiDB.title":"Connect to TiDB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.tiDB.description":"With ILLA Cloud\'s TiDB integration, you can seamlessly configure and connect to your TiDB database to optimize your data management and enhance your workflows.The integration simplifies data management using SQL, allowing you to manipulate tables, retrieve data and perform complex queries with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For instance, you can retrieve data for an employee from a TiDB table and add a button that runs an SQL query to update the employee\'s information or approve a request. With ILLA Cloud\'s TiDB integration, you can streamline your data management process and unlock the full potential of your data source with confidence.","landingPageDetail.tiDB.metaTitle":"ILLA Cloud | TiDB Integration","landingPageDetail.tiDB.metaDescription":"Learn how to connect and interact with your TiDB database using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPage.build_with":"Build with {name}","landingPage.back_to_components":"Back to components","theme.NotFound.p1":"We could not find what you were looking for.","theme.NotFound.p2":"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.","content.all.title":"ILLA Cloud integrates everything","how_to_use.title.3_steps_to_customize":"steps to customize your business apps","how_to_use.description.build_tools_through":"Build tools through drag-and-drop components, customize your AI Agent, connect to your data sources, and make AI a smart tool tailored to your needs and data, making your work more intelligent.","how_to_use.step1_title.create_ai_agent_for":"Drag and drop components to design UI","how_to_use.step1_description.you_can_create_an_ai":"By dragging and dropping components, you can quickly build the UI of the apps and implement any functionality you desire.","how_to_use.step1_button.ai_agent_marketplace":"Start building UI with ILLA","how_to_use.step2_title.build_the_frontend_p":"Connect to your data sources","how_to_use.step2_description.by_dragging_and_drop":"Connect to your own data sources, including MySQL, PostgreSQL, and other databases, REST APIs, GraphQL, etc. Build CRUD apps in just one minute.","how_to_use.step2_button.illa_app_marketplace":"Start building Apps with your data sources","how_to_use.step3_title.connect_to_your_data":"Configure and connect to AI agents","how_to_use.step3_description.enable_data_integrat":"Integrating AI agents into your app and empower it with AI capabilities such as intelligent analysis, content generation, and more, without AI development skills.","how_to_use.step3_button.supported_data_sourc":"Start building AI driven apps","testimonial.title.user_testimonials":"User Testimonials","testimonial.testimonial1_content.illa_cloud_has_been":"ILLA Cloud has been a game-changer for me. It helps me generate highly efficient content in less time. The customized AI Agent and App perfectly cater to my business needs.","testimonial.testimonial1_username.christopher":"Christopher","testimonial.testimonial1_usertitle.seo_specialist":"SEO Specialist","testimonial.testimonial2_content.i_think_i_become_a_b":"I think I become a BlogMaster now! This tool has revolutionized my content generation process, saving me valuable time. Whether it\'s generating blog ideas or structuring articles, the AI Agents have been a tremendous asset to me and my team.","testimonial.testimonial2_username.lucas":"Lucas","testimonial.testimonial2_usertitle.content_strategist":"Content Strategist","testimonial.testimonial3_content.it_empowers_me_to_pr":"It empowers me to provide exceptional customer support with minimal effort. The pre-built AI Agent and App, along with the ability to customize them for our specific needs, have significantly enhanced our team\'s effectiveness.","testimonial.testimonial3_username.harper":"Harper","testimonial.testimonial3_usertitle.customer_service_man":"Customer Service Manager","testimonial.testimonial4_content.ai_agent_low_code":"AI Agent & low-code has transformed my email writing process. It streamlines the creation of impactful emails, enabling me to craft engaging and persuasive messages effortlessly. ILLA Cloud has elevated our email communication to new heights.","testimonial.testimonial4_username.abigail":"Abigail","testimonial.testimonial4_usertitle.communication_specia":"Communication Specialist","testimonial.testimonial5_content.i_need_to_oversee_va":"I need to oversee various aspects of my company. ILLA Cloud provides me with a comprehensive solution. It not only saves me time and effort in development and design but also allows me to manage and monitor my business better. ","testimonial.testimonial5_username.matthew":"Matthew","testimonial.testimonial5_usertitle.business_founder":"Business Founder","testimonial.testimonial6_content.using_illa_cloud_to":"Using ILLA Cloud to build a management dashboard has been incredibly easy. After just one day of work, we were able to accomplish tasks such as monitoring project progress and allocating resources within this dashboard.","testimonial.testimonial6_username.samuel":"Samuel","testimonial.testimonial6_usertitle.website_administrato":"Website Administrator","customer.title":"Trusted by thousands of teams","description":"Build { businessApp } with low code, make automated { flow }, create { AIAgent } easily","website_4.description.ai_agent":"AI Agent","website_4.description.business_app":"website&app","website_4.description.flow":"flow","first_button":"Get started","join-community":"Join Discord","theme.blog.post.readMore":"Read More","theme.blog.post.readMoreLabel":"Read more about {title}","theme.ErrorPageContent.title":"This page crashed.","theme.BackToTopButton.buttonAriaLabel":"Scroll back to top","theme.blog.archive.title":"Archive","theme.blog.archive.description":"Archive","theme.blog.post.paginator.navAriaLabel":"Blog post page navigation","theme.blog.post.paginator.newerPost":"Newer Post","theme.blog.post.paginator.olderPost":"Older Post","theme.tags.tagsPageLink":"View All Tags","theme.colorToggle.ariaLabel":"Switch between dark and light mode (currently {mode})","theme.colorToggle.ariaLabel.mode.dark":"dark mode","theme.colorToggle.ariaLabel.mode.light":"light mode","theme.docs.breadcrumbs.navAriaLabel":"Breadcrumbs","theme.docs.DocCard.categoryDescription":"{count} items","theme.docs.paginator.navAriaLabel":"Docs pages","theme.docs.paginator.previous":"Previous","theme.docs.paginator.next":"Next","theme.docs.tagDocListPageTitle.nDocsTagged":"One doc tagged|{count} docs tagged","theme.docs.tagDocListPageTitle":"{nDocsTagged} with \\"{tagName}\\"","theme.docs.versionBadge.label":"Version: {versionLabel}","theme.docs.versions.unreleasedVersionLabel":"This is unreleased documentation for {siteTitle} {versionLabel} version.","theme.docs.versions.unmaintainedVersionLabel":"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.","theme.docs.versions.latestVersionSuggestionLabel":"For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).","theme.docs.versions.latestVersionLinkLabel":"latest version","theme.common.editThisPage":"Edit this page","theme.common.headingLinkTitle":"Direct link to {heading}","theme.lastUpdated.atDate":" on {date}","theme.lastUpdated.byUser":" by {user}","theme.lastUpdated.lastUpdatedAtBy":"Last updated{atDate}{byUser}","theme.navbar.mobileVersionsDropdown.label":"Versions","theme.tags.tagsListLabel":"Tags:","theme.admonition.caution":"caution","theme.admonition.danger":"danger","theme.admonition.info":"info","theme.admonition.note":"note","theme.admonition.tip":"tip","theme.admonition.warning":"warning","theme.AnnouncementBar.closeButtonAriaLabel":"Close","theme.blog.sidebar.navAriaLabel":"Blog recent posts navigation","theme.CodeBlock.copied":"Copied","theme.CodeBlock.copyButtonAriaLabel":"Copy code to clipboard","theme.CodeBlock.copy":"Copy","theme.CodeBlock.wordWrapToggle":"Toggle word wrap","theme.DocSidebarItem.expandCategoryAriaLabel":"Expand sidebar category \'{label}\'","theme.DocSidebarItem.collapseCategoryAriaLabel":"Collapse sidebar category \'{label}\'","theme.NavBar.navAriaLabel":"Main","theme.navbar.mobileLanguageDropdown.label":"Languages","theme.TOCCollapsible.toggleButtonLabel":"On this page","theme.docs.breadcrumbs.home":"Home page","theme.docs.sidebar.collapseButtonTitle":"Collapse sidebar","theme.docs.sidebar.collapseButtonAriaLabel":"Collapse sidebar","theme.docs.sidebar.navAriaLabel":"Docs sidebar","theme.docs.sidebar.closeSidebarButtonAriaLabel":"Close navigation bar","theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel":"\u2190 Back to main menu","theme.docs.sidebar.toggleSidebarButtonAriaLabel":"Toggle navigation bar","theme.docs.sidebar.expandButtonTitle":"Expand sidebar","theme.docs.sidebar.expandButtonAriaLabel":"Expand sidebar","theme.ErrorPageContent.tryAgain":"Try again","theme.common.skipToMainContent":"Skip to main content","theme.tags.tagsPageTitle":"Tags","theme.unlistedContent.title":"Unlisted page","theme.unlistedContent.message":"This page is unlisted. Search engines will not index it, and only users having a direct link can access it."}')},6887:e=>{"use strict";e.exports=JSON.parse('{"/illa-website/admin-panel-090":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"a9f9d9a3"},"/illa-website/ai-voice-generator-71b":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"b0677628"},"/illa-website/blog-aaa":{"__comp":"a6aa9e1f","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"},{"content":"4a83e123"},{"content":"354dfbd1"},{"content":"e20c763e"},{"content":"5cd65baf"},{"content":"bb85b74d"}],"metadata":"a1d5db4a","tags":"2bab37f9"},"/illa-website/blog/backend-create-web-ui-e6d":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"e765f05a"},"/illa-website/blog/build-dashboard-fb1":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"96447363"},"/illa-website/blog/lowcode-vs-traditional-6ed":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"72d3bf7a"},"/illa-website/blog/mui-2024-5d5":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"1842627e"},"/illa-website/blog/nvm-use-2024-083":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"5f78ec6a"},"/illa-website/blog/shadcn-ui-2024-b65":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"4a61f11b"},"/illa-website/blog/shadcn-vs-mui-2aa":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"31eafaf9"},"/illa-website/blog/tags-6c4":{"__comp":"01a85c17","__context":{"plugin":"fc0df049"},"tags":"2bab37f9"},"/illa-website/blog/tags/admin-panel-ecb":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"da530276","tags":"2bab37f9","listMetadata":"a8a01fb0"},"/illa-website/blog/tags/data-dashboard-55e":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"},{"content":"bb85b74d"}],"tag":"a7999644","tags":"2bab37f9","listMetadata":"ee6f64f3"},"/illa-website/blog/tags/internal-tools-34b":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"3ae00f65","tags":"2bab37f9","listMetadata":"fad6e022"},"/illa-website/blog/tags/javascript-5c4":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"}],"tag":"dfe72411","tags":"2bab37f9","listMetadata":"1d9dae67"},"/illa-website/blog/tags/low-code-a7c":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"354dfbd1"}],"tag":"c45d4b28","tags":"2bab37f9","listMetadata":"b4cd1370"},"/illa-website/blog/tags/mac-911":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"1e617043","tags":"2bab37f9","listMetadata":"dcf8da52"},"/illa-website/blog/tags/nodejs-c59":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"cd0cf34d","tags":"2bab37f9","listMetadata":"9784bb0b"},"/illa-website/blog/tags/nvm-585":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"995fa2e5","tags":"2bab37f9","listMetadata":"b3f0800c"},"/illa-website/blog/tags/open-source-f4a":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"354dfbd1"}],"tag":"dd95d1fb","tags":"2bab37f9","listMetadata":"7d62b9db"},"/illa-website/blog/tags/react-ad3":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"81c7ed4e","tags":"2bab37f9","listMetadata":"125074f4"},"/illa-website/blog/tags/shadcn-ui-459":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"5c73698d","tags":"2bab37f9","listMetadata":"f91124a1"},"/illa-website/blog/tags/traditional-development-f03":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"}],"tag":"012c936c","tags":"2bab37f9","listMetadata":"4486a1a1"},"/illa-website/blog/tags/ui-library-174":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"4a83e123"}],"tag":"2f0deb5b","tags":"2bab37f9","listMetadata":"2a89cc7d"},"/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024-263":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"3dca0203"},"/illa-website/cms-026":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"dbd7c721"},"/illa-website/components/-5b9":{"__comp":"188c27a7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Audio/-f19":{"__comp":"83d2f18d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/BarProgress/-771":{"__comp":"50cfa8ab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Button/-de8":{"__comp":"49586834","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Carousel/-8c9":{"__comp":"a6b4f45f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Cascader/-f17":{"__comp":"86953be1","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Chart/-d20":{"__comp":"4c3a04f4","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/CheckboxGroup/-2b3":{"__comp":"7f0a0f20","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/CircleProgress/-1f3":{"__comp":"46a49447","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Container/-d85":{"__comp":"bb9e3f22","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Date/-cfa":{"__comp":"deb5faec","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/DateRange/-c94":{"__comp":"25ffa5da","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/DateTime/-90f":{"__comp":"9f91eb4c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Divider/-7f8":{"__comp":"03d60dda","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/EditableText/-77f":{"__comp":"5758dffb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Form/-4f5":{"__comp":"3fee51a2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Icon/-2b7":{"__comp":"6632b8cf","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Image/-81d":{"__comp":"c133d0bc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Input/-d13":{"__comp":"1b97b52f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/List/-b84":{"__comp":"0104b3a5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Menu/-17f":{"__comp":"53015dc5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Modal/-bb5":{"__comp":"25bbf118","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Multiselect/-7cb":{"__comp":"da1593ee","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/NumberInput/-549":{"__comp":"6b7903a8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/PDF/-63e":{"__comp":"474ec535","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/RadioButton/-345":{"__comp":"8d9a9c02","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/RadioGroup/-988":{"__comp":"837d095b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Rate/-a88":{"__comp":"be1d629d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Select/-902":{"__comp":"56cbb393","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Statistics/-6e4":{"__comp":"03598c98","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Switch/-f6f":{"__comp":"01bd692b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Tables/-5f6":{"__comp":"ca96679e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Tabs/-e90":{"__comp":"30834002","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Text/-25a":{"__comp":"a9372106","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Textarea%20Input/-44d":{"__comp":"5ca6070c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Timeline/-3ae":{"__comp":"7213c8c2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Upload/-9a0":{"__comp":"e0cd9918","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Video/-b95":{"__comp":"3d6ccfd0","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/crm-63f":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"56108f26"},"/illa-website/dashboard-5ec":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"67346627"},"/illa-website/image-generator-2aa":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"0287bb30"},"/illa-website/integrations/-1e5":{"__comp":"d8096fab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Airtable/-d53":{"__comp":"e4e1a4b6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/AmazonDynamoDB/-c98":{"__comp":"589eda2e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Appwrite/-5ea":{"__comp":"733df29f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Clickhouse/-efd":{"__comp":"30da2238","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/CouchDB/-912":{"__comp":"4ac275c7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/ElasticSearch/-697":{"__comp":"7d02bed8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Firebase/-b8a":{"__comp":"f3cf1707","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/GoogleSheets/-ee9":{"__comp":"ca19ac91","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/GraphQL/-975":{"__comp":"927b8026","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/HuggingFaceInferenceAPI/-4d1":{"__comp":"a828f322","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/HuggingFaceInferenceEndpoint/-a72":{"__comp":"2937fddb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Hydra/-cc5":{"__comp":"451bfe05","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/MariaDB/-53c":{"__comp":"7b91dc2c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/MicrosoftSQLServer/-933":{"__comp":"2d1ec1f7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/MongoDB/-640":{"__comp":"e015af33","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/MySQL/-59d":{"__comp":"45267849","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Neon/-fc8":{"__comp":"68c10dd5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/OracleDB/-a32":{"__comp":"17fb53e2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/PostgreSQL/-4b0":{"__comp":"38806fe8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Redis/-acb":{"__comp":"890684bb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/RESTAPI/-8d2":{"__comp":"921028f2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/S3/-8f9":{"__comp":"6e91fee9","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/SMTP/-d8d":{"__comp":"ac92cbdc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Snowflake/-f29":{"__comp":"94161ec7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/SupabaseDB/-ea8":{"__comp":"9de45a08","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/TiDB/-cfd":{"__comp":"41685197","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/pricing/-b2e":{"__comp":"279770d6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/-113":{"__comp":"1df93b7f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[532],(()=>{return t=1136,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
+/*! For license information please see main.f43b4b78.js.LICENSE.txt */
+(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[179],{1422:(e,t,n)=>{var a={"./":1884};function o(e){var t=r(e);return n(t)}function r(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}o.keys=function(){return Object.keys(a)},o.resolve=r,e.exports=o,o.id=1422},6002:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7558),o=n.n(a),r=n(6887);const i={"0104b3a5":[()=>Promise.all([n.e(532),n.e(8592),n.e(1205)]).then(n.bind(n,2048)),"@site/src/pages/components/List/index.tsx",2048],"012c936c":[()=>n.e(1383).then(n.t.bind(n,383,19)),"~blog/default/illa-website-blog-tags-traditional-development-b40.json",383],"01a85c17":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(4013)]).then(n.bind(n,5602)),"@theme/BlogTagsListPage",5602],"01bd692b":[()=>Promise.all([n.e(532),n.e(8592),n.e(8550)]).then(n.bind(n,9451)),"@site/src/pages/components/Switch/index.tsx",9451],"0287bb30":[()=>n.e(5357).then(n.bind(n,5399)),"@site/src/pages/solutions-image-generator.mdx",5399],"03598c98":[()=>Promise.all([n.e(532),n.e(8592),n.e(4530)]).then(n.bind(n,406)),"@site/src/pages/components/Statistics/index.tsx",406],"03d60dda":[()=>Promise.all([n.e(532),n.e(8592),n.e(1618)]).then(n.bind(n,489)),"@site/src/pages/components/Divider/index.tsx",489],"125074f4":[()=>n.e(7919).then(n.t.bind(n,1782,19)),"~blog/default/illa-website-blog-tags-react-a30-list.json",1782],"17fb53e2":[()=>Promise.all([n.e(532),n.e(8592),n.e(4893)]).then(n.bind(n,2439)),"@site/src/pages/integrations/OracleDB/index.tsx",2439],"1842627e":[()=>n.e(5037).then(n.bind(n,2640)),"@site/blog/mui-2024/mui.md",2640],"188c27a7":[()=>Promise.all([n.e(532),n.e(8592),n.e(6921)]).then(n.bind(n,7108)),"@site/src/pages/components/index.tsx",7108],"1b97b52f":[()=>Promise.all([n.e(532),n.e(8592),n.e(2833)]).then(n.bind(n,7880)),"@site/src/pages/components/Input/index.tsx",7880],"1d9dae67":[()=>n.e(4630).then(n.t.bind(n,8064,19)),"~blog/default/illa-website-blog-tags-javascript-8bf-list.json",8064],"1df93b7f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5708),n.e(3237)]).then(n.bind(n,7518)),"@site/src/pages/index.tsx",7518],"1e617043":[()=>n.e(5024).then(n.t.bind(n,5717,19)),"~blog/default/illa-website-blog-tags-mac-7c4.json",5717],"25bbf118":[()=>Promise.all([n.e(532),n.e(8592),n.e(7277)]).then(n.bind(n,5013)),"@site/src/pages/components/Modal/index.tsx",5013],"25ffa5da":[()=>Promise.all([n.e(532),n.e(8592),n.e(4417)]).then(n.bind(n,716)),"@site/src/pages/components/DateRange/index.tsx",716],"279770d6":[()=>Promise.all([n.e(532),n.e(8592),n.e(7654)]).then(n.bind(n,145)),"@site/src/pages/pricing/index.tsx",145],"2864c10f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5923),n.e(3807)]).then(n.bind(n,6641)),"@theme/SolutionsPage",6641],"2937fddb":[()=>Promise.all([n.e(532),n.e(8592),n.e(7559)]).then(n.bind(n,5430)),"@site/src/pages/integrations/HuggingFaceInferenceEndpoint/index.tsx",5430],"2a89cc7d":[()=>n.e(4131).then(n.t.bind(n,5333,19)),"~blog/default/illa-website-blog-tags-ui-library-318-list.json",5333],"2bab37f9":[()=>n.e(8563).then(n.t.bind(n,7859,19)),"~blog/default/illa-website-blog-tags-tags-0b0.json",7859],"2d1ec1f7":[()=>Promise.all([n.e(532),n.e(8592),n.e(4664)]).then(n.bind(n,9400)),"@site/src/pages/integrations/MicrosoftSQLServer/index.tsx",9400],"2f0deb5b":[()=>n.e(3988).then(n.t.bind(n,4916,19)),"~blog/default/illa-website-blog-tags-ui-library-318.json",4916],30834002:[()=>Promise.all([n.e(532),n.e(8592),n.e(7949)]).then(n.bind(n,2150)),"@site/src/pages/components/Tabs/index.tsx",2150],"30da2238":[()=>Promise.all([n.e(532),n.e(8592),n.e(7906)]).then(n.bind(n,7201)),"@site/src/pages/integrations/Clickhouse/index.tsx",7201],"31eafaf9":[()=>n.e(3581).then(n.bind(n,2040)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",2040],"34d0e50f":[()=>n.e(5385).then(n.t.bind(n,5745,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],"354dfbd1":[()=>n.e(8248).then(n.bind(n,5209)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md?truncated=true",5209],"38806fe8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9248)]).then(n.bind(n,7179)),"@site/src/pages/integrations/PostgreSQL/index.tsx",7179],"3ae00f65":[()=>n.e(916).then(n.t.bind(n,6083,19)),"~blog/default/illa-website-blog-tags-internal-tools-465.json",6083],"3d6ccfd0":[()=>Promise.all([n.e(532),n.e(8592),n.e(7543)]).then(n.bind(n,2667)),"@site/src/pages/components/Video/index.tsx",2667],"3dca0203":[()=>n.e(5694).then(n.bind(n,1077)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md",1077],"3fee51a2":[()=>Promise.all([n.e(532),n.e(8592),n.e(7155)]).then(n.bind(n,2974)),"@site/src/pages/components/Form/index.tsx",2974],41685197:[()=>Promise.all([n.e(532),n.e(8592),n.e(4610)]).then(n.bind(n,3608)),"@site/src/pages/integrations/TiDB/index.tsx",3608],"4486a1a1":[()=>n.e(2657).then(n.t.bind(n,3527,19)),"~blog/default/illa-website-blog-tags-traditional-development-b40-list.json",3527],"451bfe05":[()=>Promise.all([n.e(532),n.e(8592),n.e(5162)]).then(n.bind(n,780)),"@site/src/pages/integrations/Hydra/index.tsx",780],45267849:[()=>Promise.all([n.e(532),n.e(8592),n.e(2136)]).then(n.bind(n,7417)),"@site/src/pages/integrations/MySQL/index.tsx",7417],"46a49447":[()=>Promise.all([n.e(532),n.e(8592),n.e(4771)]).then(n.bind(n,2208)),"@site/src/pages/components/CircleProgress/index.tsx",2208],"474ec535":[()=>Promise.all([n.e(532),n.e(8592),n.e(1055)]).then(n.bind(n,3886)),"@site/src/pages/components/PDF/index.tsx",3886],49586834:[()=>Promise.all([n.e(532),n.e(8592),n.e(852)]).then(n.bind(n,8292)),"@site/src/pages/components/Button/index.tsx",8292],"4a61f11b":[()=>n.e(9699).then(n.bind(n,1483)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",1483],"4a83e123":[()=>n.e(6137).then(n.bind(n,8506)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md?truncated=true",8506],"4ac275c7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1679)]).then(n.bind(n,9098)),"@site/src/pages/integrations/CouchDB/index.tsx",9098],"4c3a04f4":[()=>Promise.all([n.e(532),n.e(8592),n.e(2578)]).then(n.bind(n,8532)),"@site/src/pages/components/Chart/index.tsx",8532],"50cfa8ab":[()=>Promise.all([n.e(532),n.e(8592),n.e(9788)]).then(n.bind(n,7779)),"@site/src/pages/components/BarProgress/index.tsx",7779],"53015dc5":[()=>Promise.all([n.e(532),n.e(8592),n.e(8962)]).then(n.bind(n,4118)),"@site/src/pages/components/Menu/index.tsx",4118],"56108f26":[()=>n.e(2841).then(n.bind(n,2291)),"@site/src/pages/solutions-crm.mdx",2291],"56cbb393":[()=>Promise.all([n.e(532),n.e(8592),n.e(7050)]).then(n.bind(n,4515)),"@site/src/pages/components/Select/index.tsx",4515],"5758dffb":[()=>Promise.all([n.e(532),n.e(8592),n.e(9982)]).then(n.bind(n,5421)),"@site/src/pages/components/EditableText/index.tsx",5421],"589eda2e":[()=>Promise.all([n.e(532),n.e(8592),n.e(4556)]).then(n.bind(n,1566)),"@site/src/pages/integrations/AmazonDynamoDB/index.tsx",1566],"5c73698d":[()=>n.e(3625).then(n.t.bind(n,451,19)),"~blog/default/illa-website-blog-tags-shadcn-ui-69b.json",451],"5ca6070c":[()=>Promise.all([n.e(532),n.e(8592),n.e(2056)]).then(n.bind(n,5462)),"@site/src/pages/components/Textarea Input/index.tsx",5462],"5cd65baf":[()=>n.e(9239).then(n.bind(n,9590)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md?truncated=true",9590],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],"5f78ec6a":[()=>n.e(3096).then(n.bind(n,2369)),"@site/blog/nvm-use/nvm-use.md",2369],"6632b8cf":[()=>Promise.all([n.e(532),n.e(8592),n.e(9090)]).then(n.bind(n,786)),"@site/src/pages/components/Icon/index.tsx",786],67346627:[()=>n.e(4423).then(n.bind(n,6082)),"@site/src/pages/solutions-dashboard.mdx",6082],"6875c492":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(8610)]).then(n.bind(n,2304)),"@theme/BlogTagsPostsPage",2304],"68c10dd5":[()=>Promise.all([n.e(532),n.e(8592),n.e(2714)]).then(n.bind(n,5886)),"@site/src/pages/integrations/Neon/index.tsx",5886],"6b7903a8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9324)]).then(n.bind(n,3564)),"@site/src/pages/components/NumberInput/index.tsx",3564],"6d69edbe":[()=>n.e(8876).then(n.bind(n,5391)),"@site/blog/nvm-use/nvm-use.md?truncated=true",5391],"6e91fee9":[()=>Promise.all([n.e(532),n.e(8592),n.e(856)]).then(n.bind(n,2368)),"@site/src/pages/integrations/S3/index.tsx",2368],"7213c8c2":[()=>Promise.all([n.e(532),n.e(8592),n.e(3045)]).then(n.bind(n,9219)),"@site/src/pages/components/Timeline/index.tsx",9219],"72d3bf7a":[()=>n.e(4808).then(n.bind(n,2685)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",2685],"733df29f":[()=>Promise.all([n.e(532),n.e(8592),n.e(8151)]).then(n.bind(n,3538)),"@site/src/pages/integrations/Appwrite/index.tsx",3538],"7b91dc2c":[()=>Promise.all([n.e(532),n.e(8592),n.e(7448)]).then(n.bind(n,5764)),"@site/src/pages/integrations/MariaDB/index.tsx",5764],"7d02bed8":[()=>Promise.all([n.e(532),n.e(8592),n.e(7832)]).then(n.bind(n,9840)),"@site/src/pages/integrations/ElasticSearch/index.tsx",9840],"7d62b9db":[()=>n.e(8741).then(n.t.bind(n,7471,19)),"~blog/default/illa-website-blog-tags-open-source-184-list.json",7471],"7f0a0f20":[()=>Promise.all([n.e(532),n.e(8592),n.e(2377)]).then(n.bind(n,5092)),"@site/src/pages/components/CheckboxGroup/index.tsx",5092],"81c7ed4e":[()=>n.e(500).then(n.t.bind(n,9344,19)),"~blog/default/illa-website-blog-tags-react-a30.json",9344],"837d095b":[()=>Promise.all([n.e(532),n.e(8592),n.e(9211)]).then(n.bind(n,8824)),"@site/src/pages/components/RadioGroup/index.tsx",8824],"83d2f18d":[()=>Promise.all([n.e(532),n.e(8592),n.e(4638)]).then(n.bind(n,6398)),"@site/src/pages/components/Audio/index.tsx",6398],"86953be1":[()=>Promise.all([n.e(532),n.e(8592),n.e(6510)]).then(n.bind(n,7072)),"@site/src/pages/components/Cascader/index.tsx",7072],"88d8af9f":[()=>n.e(5038).then(n.bind(n,9129)),"@site/blog/mui-2024/mui.md?truncated=true",9129],"890684bb":[()=>Promise.all([n.e(532),n.e(8592),n.e(3883)]).then(n.bind(n,9917)),"@site/src/pages/integrations/Redis/index.tsx",9917],"8d9a9c02":[()=>Promise.all([n.e(532),n.e(8592),n.e(3265)]).then(n.bind(n,3893)),"@site/src/pages/components/RadioButton/index.tsx",3893],"921028f2":[()=>Promise.all([n.e(532),n.e(8592),n.e(8922)]).then(n.bind(n,4108)),"@site/src/pages/integrations/RESTAPI/index.tsx",4108],"927b8026":[()=>Promise.all([n.e(532),n.e(8592),n.e(1414)]).then(n.bind(n,4882)),"@site/src/pages/integrations/GraphQL/index.tsx",4882],"94161ec7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1845)]).then(n.bind(n,8521)),"@site/src/pages/integrations/Snowflake/index.tsx",8521],96447363:[()=>n.e(9713).then(n.bind(n,6100)),"@site/blog/build-dashboard/build-dashboard.md",6100],"9784bb0b":[()=>n.e(6057).then(n.t.bind(n,2759,19)),"~blog/default/illa-website-blog-tags-nodejs-05c-list.json",2759],"995fa2e5":[()=>n.e(4595).then(n.t.bind(n,1440,19)),"~blog/default/illa-website-blog-tags-nvm-1de.json",1440],"9de45a08":[()=>Promise.all([n.e(532),n.e(8592),n.e(4640)]).then(n.bind(n,7582)),"@site/src/pages/integrations/SupabaseDB/index.tsx",7582],"9f91eb4c":[()=>Promise.all([n.e(532),n.e(8592),n.e(6290)]).then(n.bind(n,3668)),"@site/src/pages/components/DateTime/index.tsx",3668],a1d5db4a:[()=>n.e(4363).then(n.t.bind(n,252,19)),"~blog/default/illa-website-blog-9c2.json",252],a6aa9e1f:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(3089)]).then(n.bind(n,6336)),"@theme/BlogListPage",6336],a6b4f45f:[()=>Promise.all([n.e(532),n.e(8592),n.e(3102)]).then(n.bind(n,9967)),"@site/src/pages/components/Carousel/index.tsx",9967],a7999644:[()=>n.e(3481).then(n.t.bind(n,6863,19)),"~blog/default/illa-website-blog-tags-data-dashboard-0e2.json",6863],a828f322:[()=>Promise.all([n.e(532),n.e(8592),n.e(8891)]).then(n.bind(n,9216)),"@site/src/pages/integrations/HuggingFaceInferenceAPI/index.tsx",9216],a8a01fb0:[()=>n.e(470).then(n.t.bind(n,347,19)),"~blog/default/illa-website-blog-tags-admin-panel-26e-list.json",347],a9372106:[()=>Promise.all([n.e(532),n.e(8592),n.e(1777)]).then(n.bind(n,7134)),"@site/src/pages/components/Text/index.tsx",7134],a9f9d9a3:[()=>n.e(5431).then(n.bind(n,4479)),"@site/src/pages/solutions-admin-panel.mdx",4479],ac92cbdc:[()=>Promise.all([n.e(532),n.e(8592),n.e(5378)]).then(n.bind(n,5501)),"@site/src/pages/integrations/SMTP/index.tsx",5501],b0677628:[()=>n.e(7844).then(n.bind(n,7074)),"@site/src/pages/solutions-ai-voice-generator.mdx",7074],b3f0800c:[()=>n.e(4225).then(n.t.bind(n,5665,19)),"~blog/default/illa-website-blog-tags-nvm-1de-list.json",5665],b4cd1370:[()=>n.e(3927).then(n.t.bind(n,9471,19)),"~blog/default/illa-website-blog-tags-low-code-931-list.json",9471],b6eb34d2:[()=>n.e(5191).then(n.bind(n,5067)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md?truncated=true",5067],bb85b74d:[()=>n.e(5938).then(n.bind(n,576)),"@site/blog/build-dashboard/build-dashboard.md?truncated=true",576],bb9e3f22:[()=>Promise.all([n.e(532),n.e(8592),n.e(5118)]).then(n.bind(n,4980)),"@site/src/pages/components/Container/index.tsx",4980],be1d629d:[()=>Promise.all([n.e(532),n.e(8592),n.e(545)]).then(n.bind(n,3563)),"@site/src/pages/components/Rate/index.tsx",3563],c133d0bc:[()=>Promise.all([n.e(532),n.e(8592),n.e(7746)]).then(n.bind(n,1814)),"@site/src/pages/components/Image/index.tsx",1814],c45d4b28:[()=>n.e(850).then(n.t.bind(n,5884,19)),"~blog/default/illa-website-blog-tags-low-code-931.json",5884],ca19ac91:[()=>Promise.all([n.e(532),n.e(8592),n.e(7612)]).then(n.bind(n,7690)),"@site/src/pages/integrations/GoogleSheets/index.tsx",7690],ca96679e:[()=>Promise.all([n.e(532),n.e(8592),n.e(2031)]).then(n.bind(n,5014)),"@site/src/pages/components/Tables/index.tsx",5014],ccc49370:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(5923),n.e(4809),n.e(6103)]).then(n.bind(n,9466)),"@theme/BlogPostPage",9466],cd0cf34d:[()=>n.e(2904).then(n.t.bind(n,4381,19)),"~blog/default/illa-website-blog-tags-nodejs-05c.json",4381],d8096fab:[()=>Promise.all([n.e(532),n.e(8592),n.e(6828)]).then(n.bind(n,3769)),"@site/src/pages/integrations/index.tsx",3769],da1593ee:[()=>Promise.all([n.e(532),n.e(8592),n.e(9321)]).then(n.bind(n,1086)),"@site/src/pages/components/Multiselect/index.tsx",1086],da530276:[()=>n.e(1012).then(n.t.bind(n,7274,19)),"~blog/default/illa-website-blog-tags-admin-panel-26e.json",7274],dbd7c721:[()=>n.e(4179).then(n.bind(n,3671)),"@site/src/pages/solutions-cms.mdx",3671],dcf8da52:[()=>n.e(4851).then(n.t.bind(n,9969,19)),"~blog/default/illa-website-blog-tags-mac-7c4-list.json",9969],dd95d1fb:[()=>n.e(2987).then(n.t.bind(n,314,19)),"~blog/default/illa-website-blog-tags-open-source-184.json",314],deb5faec:[()=>Promise.all([n.e(532),n.e(8592),n.e(2224)]).then(n.bind(n,320)),"@site/src/pages/components/Date/index.tsx",320],dfe72411:[()=>n.e(8704).then(n.t.bind(n,8470,19)),"~blog/default/illa-website-blog-tags-javascript-8bf.json",8470],e015af33:[()=>Promise.all([n.e(532),n.e(8592),n.e(8595)]).then(n.bind(n,7818)),"@site/src/pages/integrations/MongoDB/index.tsx",7818],e0cd9918:[()=>Promise.all([n.e(532),n.e(8592),n.e(8155)]).then(n.bind(n,4855)),"@site/src/pages/components/Upload/index.tsx",4855],e20c763e:[()=>n.e(7599).then(n.bind(n,8311)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md?truncated=true",8311],e4e1a4b6:[()=>Promise.all([n.e(532),n.e(8592),n.e(8296)]).then(n.bind(n,5586)),"@site/src/pages/integrations/Airtable/index.tsx",5586],e765f05a:[()=>n.e(7272).then(n.bind(n,26)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md",26],ee6f64f3:[()=>n.e(8345).then(n.t.bind(n,7925,19)),"~blog/default/illa-website-blog-tags-data-dashboard-0e2-list.json",7925],f3cf1707:[()=>Promise.all([n.e(532),n.e(8592),n.e(3072)]).then(n.bind(n,109)),"@site/src/pages/integrations/Firebase/index.tsx",109],f91124a1:[()=>n.e(7432).then(n.t.bind(n,6010,19)),"~blog/default/illa-website-blog-tags-shadcn-ui-69b-list.json",6010],fad6e022:[()=>n.e(4757).then(n.t.bind(n,7355,19)),"~blog/default/illa-website-blog-tags-internal-tools-465-list.json",7355],fc0df049:[()=>n.e(5315).then(n.t.bind(n,4469,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",4469]};var l=n(1527);function s(e){let{error:t,retry:n,pastDelay:a}=e;return t?(0,l.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,l.jsx)("p",{children:String(t)}),(0,l.jsx)("div",{children:(0,l.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):a?(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,l.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,l.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,l.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(4420),u=n(2762);function d(e,t){if("*"===e)return o()({loading:s,loader:()=>Promise.all([n.e(532),n.e(8592),n.e(8245)]).then(n.bind(n,8245)),modules:["@theme/NotFound"],webpack:()=>[8245],render(e,t){const n=e.default;return(0,l.jsx)(u.z,{value:{plugin:{name:"native",id:"default"}},children:(0,l.jsx)(n,{...t})})}});const a=r[`${e}-${t}`],d={},p=[],f=[],g=(0,c.Z)(a);return Object.entries(g).forEach((e=>{let[t,n]=e;const a=i[n];a&&(d[t]=a[0],p.push(a[1]),f.push(a[2]))})),o().Map({loading:s,loader:d,modules:p,webpack:()=>f,render(t,n){const o=JSON.parse(JSON.stringify(a));Object.entries(t).forEach((t=>{let[n,a]=t;const r=a.default;if(!r)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof r&&"function"!=typeof r||Object.keys(a).filter((e=>"default"!==e)).forEach((e=>{r[e]=a[e]}));let i=o;const l=n.split(".");l.slice(0,-1).forEach((e=>{i=i[e]})),i[l[l.length-1]]=r}));const r=o.__comp;delete o.__comp;const i=o.__context;return delete o.__context,(0,l.jsx)(u.z,{value:i,children:(0,l.jsx)(r,{...o,...n})})}})}const p=[{path:"/illa-website/admin-panel",component:d("/illa-website/admin-panel","090"),exact:!0},{path:"/illa-website/ai-voice-generator",component:d("/illa-website/ai-voice-generator","71b"),exact:!0},{path:"/illa-website/blog",component:d("/illa-website/blog","c44"),exact:!0},{path:"/illa-website/blog/backend-create-web-ui",component:d("/illa-website/blog/backend-create-web-ui","e6d"),exact:!0},{path:"/illa-website/blog/build-dashboard",component:d("/illa-website/blog/build-dashboard","fb1"),exact:!0},{path:"/illa-website/blog/lowcode-vs-traditional",component:d("/illa-website/blog/lowcode-vs-traditional","6ed"),exact:!0},{path:"/illa-website/blog/mui-2024",component:d("/illa-website/blog/mui-2024","5d5"),exact:!0},{path:"/illa-website/blog/nvm-use-2024",component:d("/illa-website/blog/nvm-use-2024","083"),exact:!0},{path:"/illa-website/blog/shadcn-ui-2024",component:d("/illa-website/blog/shadcn-ui-2024","b65"),exact:!0},{path:"/illa-website/blog/shadcn-vs-mui",component:d("/illa-website/blog/shadcn-vs-mui","2aa"),exact:!0},{path:"/illa-website/blog/tags",component:d("/illa-website/blog/tags","6c4"),exact:!0},{path:"/illa-website/blog/tags/admin-panel",component:d("/illa-website/blog/tags/admin-panel","ecb"),exact:!0},{path:"/illa-website/blog/tags/data-dashboard",component:d("/illa-website/blog/tags/data-dashboard","55e"),exact:!0},{path:"/illa-website/blog/tags/internal-tools",component:d("/illa-website/blog/tags/internal-tools","34b"),exact:!0},{path:"/illa-website/blog/tags/javascript",component:d("/illa-website/blog/tags/javascript","5c4"),exact:!0},{path:"/illa-website/blog/tags/low-code",component:d("/illa-website/blog/tags/low-code","a7c"),exact:!0},{path:"/illa-website/blog/tags/mac",component:d("/illa-website/blog/tags/mac","911"),exact:!0},{path:"/illa-website/blog/tags/nodejs",component:d("/illa-website/blog/tags/nodejs","c59"),exact:!0},{path:"/illa-website/blog/tags/nvm",component:d("/illa-website/blog/tags/nvm","585"),exact:!0},{path:"/illa-website/blog/tags/open-source",component:d("/illa-website/blog/tags/open-source","f4a"),exact:!0},{path:"/illa-website/blog/tags/react",component:d("/illa-website/blog/tags/react","ad3"),exact:!0},{path:"/illa-website/blog/tags/shadcn-ui",component:d("/illa-website/blog/tags/shadcn-ui","459"),exact:!0},{path:"/illa-website/blog/tags/traditional-development",component:d("/illa-website/blog/tags/traditional-development","f03"),exact:!0},{path:"/illa-website/blog/tags/ui-library",component:d("/illa-website/blog/tags/ui-library","174"),exact:!0},{path:"/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024",component:d("/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024","263"),exact:!0},{path:"/illa-website/cms",component:d("/illa-website/cms","026"),exact:!0},{path:"/illa-website/components/",component:d("/illa-website/components/","5b9"),exact:!0},{path:"/illa-website/components/Audio/",component:d("/illa-website/components/Audio/","f19"),exact:!0},{path:"/illa-website/components/BarProgress/",component:d("/illa-website/components/BarProgress/","771"),exact:!0},{path:"/illa-website/components/Button/",component:d("/illa-website/components/Button/","de8"),exact:!0},{path:"/illa-website/components/Carousel/",component:d("/illa-website/components/Carousel/","8c9"),exact:!0},{path:"/illa-website/components/Cascader/",component:d("/illa-website/components/Cascader/","f17"),exact:!0},{path:"/illa-website/components/Chart/",component:d("/illa-website/components/Chart/","d20"),exact:!0},{path:"/illa-website/components/CheckboxGroup/",component:d("/illa-website/components/CheckboxGroup/","2b3"),exact:!0},{path:"/illa-website/components/CircleProgress/",component:d("/illa-website/components/CircleProgress/","1f3"),exact:!0},{path:"/illa-website/components/Container/",component:d("/illa-website/components/Container/","d85"),exact:!0},{path:"/illa-website/components/Date/",component:d("/illa-website/components/Date/","cfa"),exact:!0},{path:"/illa-website/components/DateRange/",component:d("/illa-website/components/DateRange/","c94"),exact:!0},{path:"/illa-website/components/DateTime/",component:d("/illa-website/components/DateTime/","90f"),exact:!0},{path:"/illa-website/components/Divider/",component:d("/illa-website/components/Divider/","7f8"),exact:!0},{path:"/illa-website/components/EditableText/",component:d("/illa-website/components/EditableText/","77f"),exact:!0},{path:"/illa-website/components/Form/",component:d("/illa-website/components/Form/","4f5"),exact:!0},{path:"/illa-website/components/Icon/",component:d("/illa-website/components/Icon/","2b7"),exact:!0},{path:"/illa-website/components/Image/",component:d("/illa-website/components/Image/","81d"),exact:!0},{path:"/illa-website/components/Input/",component:d("/illa-website/components/Input/","d13"),exact:!0},{path:"/illa-website/components/List/",component:d("/illa-website/components/List/","b84"),exact:!0},{path:"/illa-website/components/Menu/",component:d("/illa-website/components/Menu/","17f"),exact:!0},{path:"/illa-website/components/Modal/",component:d("/illa-website/components/Modal/","bb5"),exact:!0},{path:"/illa-website/components/Multiselect/",component:d("/illa-website/components/Multiselect/","7cb"),exact:!0},{path:"/illa-website/components/NumberInput/",component:d("/illa-website/components/NumberInput/","549"),exact:!0},{path:"/illa-website/components/PDF/",component:d("/illa-website/components/PDF/","63e"),exact:!0},{path:"/illa-website/components/RadioButton/",component:d("/illa-website/components/RadioButton/","345"),exact:!0},{path:"/illa-website/components/RadioGroup/",component:d("/illa-website/components/RadioGroup/","988"),exact:!0},{path:"/illa-website/components/Rate/",component:d("/illa-website/components/Rate/","a88"),exact:!0},{path:"/illa-website/components/Select/",component:d("/illa-website/components/Select/","902"),exact:!0},{path:"/illa-website/components/Statistics/",component:d("/illa-website/components/Statistics/","6e4"),exact:!0},{path:"/illa-website/components/Switch/",component:d("/illa-website/components/Switch/","f6f"),exact:!0},{path:"/illa-website/components/Tables/",component:d("/illa-website/components/Tables/","5f6"),exact:!0},{path:"/illa-website/components/Tabs/",component:d("/illa-website/components/Tabs/","e90"),exact:!0},{path:"/illa-website/components/Text/",component:d("/illa-website/components/Text/","25a"),exact:!0},{path:"/illa-website/components/Textarea%20Input/",component:d("/illa-website/components/Textarea%20Input/","44d"),exact:!0},{path:"/illa-website/components/Timeline/",component:d("/illa-website/components/Timeline/","3ae"),exact:!0},{path:"/illa-website/components/Upload/",component:d("/illa-website/components/Upload/","9a0"),exact:!0},{path:"/illa-website/components/Video/",component:d("/illa-website/components/Video/","b95"),exact:!0},{path:"/illa-website/crm",component:d("/illa-website/crm","63f"),exact:!0},{path:"/illa-website/dashboard",component:d("/illa-website/dashboard","5ec"),exact:!0},{path:"/illa-website/image-generator",component:d("/illa-website/image-generator","2aa"),exact:!0},{path:"/illa-website/integrations/",component:d("/illa-website/integrations/","1e5"),exact:!0},{path:"/illa-website/integrations/Airtable/",component:d("/illa-website/integrations/Airtable/","d53"),exact:!0},{path:"/illa-website/integrations/AmazonDynamoDB/",component:d("/illa-website/integrations/AmazonDynamoDB/","c98"),exact:!0},{path:"/illa-website/integrations/Appwrite/",component:d("/illa-website/integrations/Appwrite/","5ea"),exact:!0},{path:"/illa-website/integrations/Clickhouse/",component:d("/illa-website/integrations/Clickhouse/","efd"),exact:!0},{path:"/illa-website/integrations/CouchDB/",component:d("/illa-website/integrations/CouchDB/","912"),exact:!0},{path:"/illa-website/integrations/ElasticSearch/",component:d("/illa-website/integrations/ElasticSearch/","697"),exact:!0},{path:"/illa-website/integrations/Firebase/",component:d("/illa-website/integrations/Firebase/","b8a"),exact:!0},{path:"/illa-website/integrations/GoogleSheets/",component:d("/illa-website/integrations/GoogleSheets/","ee9"),exact:!0},{path:"/illa-website/integrations/GraphQL/",component:d("/illa-website/integrations/GraphQL/","975"),exact:!0},{path:"/illa-website/integrations/HuggingFaceInferenceAPI/",component:d("/illa-website/integrations/HuggingFaceInferenceAPI/","4d1"),exact:!0},{path:"/illa-website/integrations/HuggingFaceInferenceEndpoint/",component:d("/illa-website/integrations/HuggingFaceInferenceEndpoint/","a72"),exact:!0},{path:"/illa-website/integrations/Hydra/",component:d("/illa-website/integrations/Hydra/","cc5"),exact:!0},{path:"/illa-website/integrations/MariaDB/",component:d("/illa-website/integrations/MariaDB/","53c"),exact:!0},{path:"/illa-website/integrations/MicrosoftSQLServer/",component:d("/illa-website/integrations/MicrosoftSQLServer/","933"),exact:!0},{path:"/illa-website/integrations/MongoDB/",component:d("/illa-website/integrations/MongoDB/","640"),exact:!0},{path:"/illa-website/integrations/MySQL/",component:d("/illa-website/integrations/MySQL/","59d"),exact:!0},{path:"/illa-website/integrations/Neon/",component:d("/illa-website/integrations/Neon/","fc8"),exact:!0},{path:"/illa-website/integrations/OracleDB/",component:d("/illa-website/integrations/OracleDB/","a32"),exact:!0},{path:"/illa-website/integrations/PostgreSQL/",component:d("/illa-website/integrations/PostgreSQL/","4b0"),exact:!0},{path:"/illa-website/integrations/Redis/",component:d("/illa-website/integrations/Redis/","acb"),exact:!0},{path:"/illa-website/integrations/RESTAPI/",component:d("/illa-website/integrations/RESTAPI/","8d2"),exact:!0},{path:"/illa-website/integrations/S3/",component:d("/illa-website/integrations/S3/","8f9"),exact:!0},{path:"/illa-website/integrations/SMTP/",component:d("/illa-website/integrations/SMTP/","d8d"),exact:!0},{path:"/illa-website/integrations/Snowflake/",component:d("/illa-website/integrations/Snowflake/","f29"),exact:!0},{path:"/illa-website/integrations/SupabaseDB/",component:d("/illa-website/integrations/SupabaseDB/","ea8"),exact:!0},{path:"/illa-website/integrations/TiDB/",component:d("/illa-website/integrations/TiDB/","cfd"),exact:!0},{path:"/illa-website/pricing/",component:d("/illa-website/pricing/","b2e"),exact:!0},{path:"/illa-website/",component:d("/illa-website/","113"),exact:!0},{path:"*",component:d("*")}]},7752:(e,t,n)=>{"use strict";n.d(t,{_:()=>r,t:()=>i});var a=n(959),o=n(1527);const r=a.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{i(!0)}),[]),(0,o.jsx)(r.Provider,{value:n,children:t})}},1136:(e,t,n)=>{"use strict";var a=n(959),o=n(4478),r=n(9500),i=n(387),l=n(6047);const s=[n(3852),n(89),n(6070),n(4329),n(962),n(1245)];var c=n(6002),u=n(8903),d=n(6920);function p(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var a=e.path?(0,u.LX)(t,e):n.length?n[n.length-1].match:u.F0.computeRootMatch(t);return a&&(n.push({route:e,match:a}),e.routes&&p(e.routes,t,n)),a})),n}var f=n(1527);function g(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var m=n(4491),h=n(2688),b=n(9925),y=n(2593),v=n(1610),w=n(8224),k=n(864);const x="default";var L=n(6771),C=n(7535);function S(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,h.Z)(),a=(0,w.l)(),o=n[e].htmlLang,r=e=>e.replace("-","_");return(0,f.jsxs)(m.Z,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:r(o)}),Object.values(n).filter((e=>o!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:r(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function _(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,h.Z)(),a=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,h.Z)(),{pathname:a}=(0,u.TH)();return e+(0,L.applyTrailingSlash)((0,b.Z)(a),{trailingSlash:n,baseUrl:t})}(),o=t?`${n}${t}`:a;return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{property:"og:url",content:o}),(0,f.jsx)("link",{rel:"canonical",href:o})]})}function A(){const{i18n:{currentLocale:e}}=(0,h.Z)(),{metadata:t,image:n}=(0,y.L)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:k.h})]}),n&&(0,f.jsx)(v.d,{image:n}),(0,f.jsx)(_,{}),(0,f.jsx)(S,{}),(0,f.jsx)(C.Z,{tag:x,locale:e}),(0,f.jsx)(m.Z,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const P=new Map;function D(e){if(P.has(e.pathname))return{...e,pathname:P.get(e.pathname)};if(p(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return P.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return P.set(e.pathname,t),{...e,pathname:t}}var T=n(7752),I=n(6855),E=n(2827);function j(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];const o=s.map((t=>{const a=t.default?.[e]??t[e];return a?.(...n)}));return()=>o.forEach((e=>e?.()))}const R=function(e){let{children:t,location:n,previousLocation:a}=e;return(0,E.Z)((()=>{a!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const a=t.pathname===n.pathname,o=t.hash===n.hash,r=t.search===n.search;if(a&&o&&!r)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:a}),j("onRouteDidUpdate",{previousLocation:a,location:n}))}),[a,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>p(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class F extends a.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?j("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=j("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(R,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(u.AW,{location:t,render:()=>e})})}}const O=F,M="__docusaurus-base-url-issue-banner-container",B="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function q(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${B}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function U(){const{siteConfig:{baseUrl:e}}=(0,h.Z)();return(0,f.jsx)(f.Fragment,{children:!l.Z.canUseDOM&&(0,f.jsx)(m.Z,{children:(0,f.jsx)("script",{children:q(e)})})})}function $(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,h.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?(0,f.jsx)(U,{}):null}function H(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:a,localeConfigs:o}}=(0,h.Z)(),r=(0,b.Z)(e),{htmlLang:i,direction:l}=o[a];return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("html",{lang:i,dir:l}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:r})]})}var G=n(1289),W=n(7111);function Z(){const e=(0,W.Z)();return(0,f.jsx)(m.Z,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}function V(){const e=function(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(u.rs,n,e.map((function(e,n){return a.createElement(u.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,d.Z)({},n,{},t,{route:e})):a.createElement(e.component,(0,d.Z)({},n,t,{route:e}))}})}))):null}(c.Z),t=(0,u.TH)();return(0,f.jsx)(G.Z,{children:(0,f.jsx)(I.M,{children:(0,f.jsxs)(T.t,{children:[(0,f.jsxs)(g,{children:[(0,f.jsx)(H,{}),(0,f.jsx)(A,{}),(0,f.jsx)($,{}),(0,f.jsx)(O,{location:D(t),children:e})]}),(0,f.jsx)(Z,{})]})})})}var Q=n(6887);const Y=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const a=document.createElement("link");a.setAttribute("rel","prefetch"),a.setAttribute("href",e),a.onload=()=>t(),a.onerror=()=>n();const o=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;o?.appendChild(a)}))}:function(e){return new Promise(((t,n)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.withCredentials=!0,a.onload=()=>{200===a.status?t():n()},a.send(null)}))};var K=n(4420);const X=new Set,J=new Set,ee=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,te={prefetch(e){if(!(e=>!ee()&&!J.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=p(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(Q).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,K.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Y(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!ee()&&!J.has(e))(e)&&(J.add(e),N(e))},ne=Object.freeze(te),ae=Boolean(!0);if(l.Z.canUseDOM){window.docusaurus=ne;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(i.B6,{children:(0,f.jsx)(r.VK,{children:(0,f.jsx)(V,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},l=()=>{if(ae)a.startTransition((()=>{o.hydrateRoot(e,t,{onRecoverableError:n})}));else{const r=o.createRoot(e,{onRecoverableError:n});a.startTransition((()=>{r.render(t)}))}};N(window.location.pathname).then(l)}},6855:(e,t,n)=>{"use strict";n.d(t,{_:()=>d,M:()=>p});var a=n(959),o=n(6809);const r=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-QW745VE33W"],"anonymizeIP":false,"id":"default"}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en","zh","ja","de"],"path":"i18n","currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"zh":{"label":"\u4e2d\u6587","direction":"ltr","htmlLang":"zh","calendar":"gregory","path":"zh"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"},"de":{"label":"Deutsch","direction":"ltr","htmlLang":"de","calendar":"gregory","path":"de"}}}');var l=n(7529);const s=JSON.parse('{"docusaurusVersion":"3.0.1","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"3.0.1"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.0.1"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.0.1"},"prefix-svg-ids":{"type":"local"},"docusaurus-tailwindcss":{"type":"local"},"docusaurus-plugin-content-blog":{"type":"project"},"docusaurus-plugin-content-pages":{"type":"project"},"docusaurus-plugin-ILLA-linkedin":{"type":"project"},"docusaurus-plugin-ILLA-twitter":{"type":"project"},"docusaurus-plugin-ILLA-chatwoot":{"type":"project"}}}');var c=n(1527);const u={siteConfig:o.default,siteMetadata:s,globalData:r,i18n:i,codeTranslations:l},d=a.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},1289:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Be});var a=n(959),o=n(6047),r=n(4491),i=n(6771),l=n(5341),s=n(1610),c=n(9920),u=n(421),d=n(864),p=n(7675),f=n(2593),g=n(4288),m=n(5374),h=n(1527);function b(e){let{width:t=21,height:n=21,color:a="currentColor",strokeWidth:o=1.2,className:r,...i}=e;return(0,h.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,h.jsx)("g",{stroke:a,strokeWidth:o,children:(0,h.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const y={closeButton:"closeButton_r_Ma"};function v(e){return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,l.Z)("clean-btn close",y.closeButton,e.className),children:(0,h.jsx)(b,{width:14,height:14,strokeWidth:3.1})})}const w={content:"content_B3zk"};function k(e){const{announcementBar:t}=(0,f.L)(),{content:n}=t;return(0,h.jsx)("div",{...e,className:(0,l.Z)(w.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const x={announcementBar:"announcementBar_hbYq",announcementBarPlaceholder:"announcementBarPlaceholder_nNiq",announcementBarClose:"announcementBarClose_S8lM",announcementBarContent:"announcementBarContent__DAX"};function L(){const{announcementBar:e}=(0,f.L)(),{isActive:t,close:n}=(0,g.nT)();if(!t)return null;const{backgroundColor:a,textColor:o,isCloseable:r}=e;return(0,h.jsxs)("div",{className:x.announcementBar,style:{backgroundColor:a,color:o},role:"banner",children:[r&&(0,h.jsx)("div",{className:x.announcementBarPlaceholder}),(0,h.jsx)(k,{className:x.announcementBarContent}),r&&(0,h.jsx)(v,{onClick:n,className:x.announcementBarClose})]})}var C=n(5580),S=n(5508),_=n(3707);var A=n(1900);function P(e){let{header:t,primaryMenu:n,secondaryMenu:a}=e;const{shown:o}=(0,A.Y)();return(0,h.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,h.jsxs)("div",{className:(0,l.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":o}),children:[(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:a})]})]})}var D=n(1694),T=n(7111);function I(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function E(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const j={toggle:"toggle_Io7t",toggleButton:"toggleButton_C0po",darkToggleIcon:"darkToggleIcon_iyjK",lightToggleIcon:"lightToggleIcon__wwy",toggleButtonDisabled:"toggleButtonDisabled_IHuh"};function R(e){let{className:t,buttonClassName:n,value:a,onChange:o}=e;const r=(0,T.Z)(),i=(0,m.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===a?(0,m.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,m.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,h.jsx)("div",{className:(0,l.Z)(j.toggle,t),children:(0,h.jsxs)("button",{className:(0,l.Z)("clean-btn",j.toggleButton,!r&&j.toggleButtonDisabled,n),type:"button",onClick:()=>o("dark"===a?"light":"dark"),disabled:!r,title:i,"aria-label":i,"aria-live":"polite",children:[(0,h.jsx)(I,{className:(0,l.Z)(j.toggleIcon,j.lightToggleIcon)}),(0,h.jsx)(E,{className:(0,l.Z)(j.toggleIcon,j.darkToggleIcon)})]})})}const N=a.memo(R),F={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_jx_9"};function O(e){let{className:t}=e;const n=(0,f.L)().navbar.style,a=(0,f.L)().colorMode.disableSwitch,{colorMode:o,setColorMode:r}=(0,D.I)();return a?null:(0,h.jsx)(N,{className:t,buttonClassName:"dark"===n?F.darkNavbarColorModeToggle:void 0,value:o,onChange:r})}var M=n(0),B=n(9925),z=n(2688);const q={themedComponent:"themedComponent_FXRw","themedComponent--light":"themedComponent--light_RIle","themedComponent--dark":"themedComponent--dark_gZs3"};function U(e){let{className:t,children:n}=e;const o=(0,T.Z)(),{colorMode:r}=(0,D.I)();return(0,h.jsx)(h.Fragment,{children:(o?"dark"===r?["dark"]:["light"]:["light","dark"]).map((e=>{const o=n({theme:e,className:(0,l.Z)(t,q.themedComponent,q[`themedComponent--${e}`])});return(0,h.jsx)(a.Fragment,{children:o},e)}))})}function $(e){const{sources:t,className:n,alt:a,...o}=e;return(0,h.jsx)(U,{className:n,children:e=>{let{theme:n,className:r}=e;return(0,h.jsx)("img",{src:t[n],alt:a,className:r,...o})}})}function H(e){let{logo:t,alt:n,imageClassName:a}=e;const o={light:(0,B.Z)(t.src),dark:(0,B.Z)(t.srcDark||t.src)},r=(0,h.jsx)($,{className:t.className,sources:o,height:t.height,width:t.width,alt:n,style:t.style});return a?(0,h.jsx)("div",{className:a,children:r}):r}function G(e){const{siteConfig:{title:t}}=(0,z.Z)(),{navbar:{title:n,logo:a}}=(0,f.L)(),{imageClassName:o,titleClassName:r,...i}=e,l=(0,B.Z)(a?.href||"/"),s=n?"":t,c=a?.alt??s;return(0,h.jsxs)(M.Z,{to:l,...i,...a?.target&&{target:a.target},children:[a&&(0,h.jsx)(H,{logo:a,alt:c,imageClassName:o}),null!=n&&(0,h.jsx)("b",{className:r,children:n})]})}function W(){return(0,h.jsx)(G,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function Z(){const e=(0,C.e)();return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,h.jsx)(b,{color:"var(--ifm-color-emphasis-600)"})})}function V(){return(0,h.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,h.jsx)(W,{}),(0,h.jsx)(O,{className:"margin-right--md"}),(0,h.jsx)(Z,{})]})}var Q=n(6794);function Y(){const e=(0,C.e)(),t=(0,f.L)().navbar.items;return(0,h.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,a.createElement)(Q.Z,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function K(e){return(0,h.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,h.jsx)(m.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function X(){const e=0===(0,f.L)().navbar.items.length,t=(0,A.Y)();return(0,h.jsxs)(h.Fragment,{children:[!e&&(0,h.jsx)(K,{onClick:()=>t.hide()}),t.content]})}function J(){const e=(0,C.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,a.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,h.jsx)(P,{header:(0,h.jsx)(V,{}),primaryMenu:(0,h.jsx)(Y,{}),secondaryMenu:(0,h.jsx)(X,{})}):null}const ee={navbarHideable:"navbarHideable_QJhM",navbarHidden:"navbarHidden_JLKf"};function te(e){return(0,h.jsx)("div",{role:"presentation",...e,className:(0,l.Z)("navbar-sidebar__backdrop",e.className)})}function ne(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:o}}=(0,f.L)(),r=(0,C.e)(),{navbarRef:i,isNavbarVisible:s}=function(e){const[t,n]=(0,a.useState)(e),o=(0,a.useRef)(!1),r=(0,a.useRef)(0),i=(0,a.useCallback)((e=>{null!==e&&(r.current=e.getBoundingClientRect().height)}),[]);return(0,_.RF)(((t,a)=>{let{scrollY:i}=t;if(!e)return;if(i<r.current)return void n(!0);if(o.current)return void(o.current=!1);const l=a?.scrollY,s=document.documentElement.scrollHeight-r.current,c=window.innerHeight;l&&i>=l?n(!1):i+c<s&&n(!0)})),(0,S.S)((t=>{if(!e)return;const a=t.location.hash;if(a?document.getElementById(a.substring(1)):void 0)return o.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,h.jsxs)("nav",{ref:i,"aria-label":(0,m.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,l.Z)("navbar","navbar--fixed-top",n&&[ee.navbarHideable,!s&&ee.navbarHidden],{"navbar--dark":"dark"===o,"navbar--primary":"primary"===o,"navbar-sidebar--show":r.shown}),children:[t,(0,h.jsx)(te,{onClick:r.toggle}),(0,h.jsx)(J,{})]})}var ae=n(809),oe=n(5160),re=n(1603);function ie(e){let{width:t=30,height:n=30,className:a,...o}=e;return(0,h.jsx)("svg",{className:a,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...o,children:(0,h.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function le(){const{toggle:e,shown:t}=(0,C.e)();return(0,h.jsx)("button",{onClick:e,"aria-label":(0,m.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,h.jsx)(ie,{})})}var se=n(5243);const ce={colorModeToggle:"colorModeToggle_Kblj"};function ue(e){let{items:t}=e;return(0,h.jsx)(h.Fragment,{children:t.map(((e,t)=>(0,h.jsx)(ae.QW,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,h.jsx)(Q.Z,{...e})},t)))})}function de(e){let{left:t,right:n}=e;return(0,h.jsxs)("div",{className:"navbar__inner",children:[(0,h.jsx)("div",{className:"navbar__items",children:t}),(0,h.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function pe(){const e=(0,C.e)(),t=(0,f.L)().navbar.items,[n,a]=(0,oe.A)(t),o=t.find((e=>"search"===e.type));return(0,h.jsx)(de,{left:(0,h.jsxs)(h.Fragment,{children:[!e.disabled&&(0,h.jsx)(le,{}),(0,h.jsx)(W,{}),(0,h.jsx)(ue,{items:n})]}),right:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(ue,{items:a}),(0,h.jsx)(O,{className:ce.colorModeToggle}),!o&&(0,h.jsx)(se.Z,{children:(0,h.jsx)(re.Z,{})})]})})}function fe(){return(0,h.jsx)(ne,{children:(0,h.jsx)(pe,{})})}var ge=n(8295),me=n(3815);function he(e){let{item:t}=e;const{to:n,href:a,label:o,prependBaseUrlToHref:r,...i}=t,l=(0,B.Z)(n),s=(0,B.Z)(a,{forcePrependBaseUrl:!0});return(0,h.jsxs)(M.Z,{className:"footer__link-item",...a?{href:r?s:a}:{to:l},...i,children:[o,a&&!(0,ge.Z)(a)&&(0,h.jsx)(me.Z,{})]})}function be(e){let{item:t}=e;return t.html?(0,h.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)("li",{className:"footer__item",children:(0,h.jsx)(he,{item:t})},t.href??t.to)}function ye(e){let{column:t}=e;return(0,h.jsxs)("div",{className:"col footer__col",children:[(0,h.jsx)("div",{className:"footer__title",children:t.title}),(0,h.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,h.jsx)(be,{item:e},t)))})]})}function ve(e){let{columns:t}=e;return(0,h.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,h.jsx)(ye,{column:e},t)))})}function we(){return(0,h.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function ke(e){let{item:t}=e;return t.html?(0,h.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)(he,{item:t})}function xe(e){let{links:t}=e;return(0,h.jsx)("div",{className:"footer__links text--center",children:(0,h.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,h.jsxs)(a.Fragment,{children:[(0,h.jsx)(ke,{item:e}),t.length!==n+1&&(0,h.jsx)(we,{})]},n)))})})}function Le(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,h.jsx)(ve,{columns:t}):(0,h.jsx)(xe,{links:t})}const Ce={footerLogoLink:"footerLogoLink_K6r0"};function Se(e){let{logo:t}=e;const{withBaseUrl:n}=(0,B.C)(),a={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,h.jsx)($,{className:(0,l.Z)("footer__logo",t.className),alt:t.alt,sources:a,width:t.width,height:t.height,style:t.style})}function _e(e){let{logo:t}=e;return t.href?(0,h.jsx)(M.Z,{href:t.href,className:Ce.footerLogoLink,target:t.target,children:(0,h.jsx)(Se,{logo:t})}):(0,h.jsx)(Se,{logo:t})}function Ae(e){let{copyright:t}=e;return(0,h.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function Pe(e){let{style:t,links:n,logo:a,copyright:o}=e;return(0,h.jsx)("footer",{className:(0,l.Z)("footer",{"footer--dark":"dark"===t}),children:(0,h.jsxs)("div",{className:"container container-fluid",children:[n,(a||o)&&(0,h.jsxs)("div",{className:"footer__bottom text--center",children:[a&&(0,h.jsx)("div",{className:"margin-bottom--sm",children:a}),o]})]})})}function De(){const{footer:e}=(0,f.L)();if(!e)return null;const{copyright:t,links:n,logo:a,style:o}=e;return(0,h.jsx)(Pe,{style:o,links:n&&n.length>0&&(0,h.jsx)(Le,{links:n}),logo:a&&(0,h.jsx)(_e,{logo:a}),copyright:t&&(0,h.jsx)(Ae,{copyright:t})})}const Te=a.memo(De);var Ie=n(5299),Ee=n(2520);const je={mainWrapper:"mainWrapper_Xc8_"};function Re(e){const{children:t,noFooter:n,wrapperClassName:a,title:o,description:r}=e;return(0,d.t)(),(0,h.jsxs)(Ie.Z,{children:[(0,h.jsx)(s.d,{title:o,description:r}),(0,h.jsx)(p.Z,{}),(0,h.jsx)(L,{}),(0,h.jsx)(fe,{}),(0,h.jsx)("div",{id:c.u,className:(0,l.Z)(u.k.wrapper.main,je.mainWrapper,a),children:(0,h.jsx)(Be,{fallback:e=>(0,h.jsx)(Ee.Z,{...e}),children:t})}),!n&&(0,h.jsx)(Te,{})]})}function Ne(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,h.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,h.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,h.jsx)(Fe,{error:t})]})}function Fe(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,h.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function Oe(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)(Be,{fallback:()=>(0,h.jsx)(Ne,{error:t,tryAgain:n}),children:[(0,h.jsx)(r.Z,{children:(0,h.jsx)("title",{children:"Page Error"})}),(0,h.jsx)(Re,{children:(0,h.jsx)(Ne,{error:t,tryAgain:n})})]})}const Me=e=>(0,h.jsx)(Oe,{...e});class Be extends a.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){o.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??Me)(e)}return e??null}}},6047:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const a="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,o={canUseDOM:a,canUseEventListeners:a&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:a&&"IntersectionObserver"in window,canUseViewport:a&&"screen"in window}},4491:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});n(959);var a=n(387),o=n(1527);function r(e){return(0,o.jsx)(a.ql,{...e})}},3630:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i,s:()=>r});var a=n(959),o=n(1527);function r(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,a.isValidElement)(e)))?n.map(((e,t)=>(0,a.isValidElement)(e)?a.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}function i(e){let{children:t,values:n}=e;if("string"!=typeof t)throw new Error("The Docusaurus <Interpolate> component only accept simple string values. Received: "+((0,a.isValidElement)(t)?"React element":typeof t));return(0,o.jsx)(o.Fragment,{children:r(t,n)})}},0:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var a=n(959),o=n(9500),r=n(6771),i=n(2688),l=n(8295),s=n(6047),c=n(1527);const u=a.createContext({collectLink:()=>{}});var d=n(9925);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:g,isActive:m,"data-noBrokenLinkCheck":h,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:{trailingSlash:v,baseUrl:w}}=(0,i.Z)(),{withBaseUrl:k}=(0,d.C)(),x=(0,a.useContext)(u),L=(0,a.useRef)(null);(0,a.useImperativeHandle)(t,(()=>L.current));const C=p||f;const S=(0,l.Z)(C),_=C?.replace("pathname://","");let A=void 0!==_?(P=_,b&&(e=>e.startsWith("/"))(P)?k(P):P):void 0;var P;A&&S&&(A=(0,r.applyTrailingSlash)(A,{trailingSlash:v,baseUrl:w}));const D=(0,a.useRef)(!1),T=n?o.OL:o.rU,I=s.Z.canUseIntersectionObserver,E=(0,a.useRef)(),j=()=>{D.current||null==A||(window.docusaurus.preload(A),D.current=!0)};(0,a.useEffect)((()=>(!I&&S&&null!=A&&window.docusaurus.prefetch(A),()=>{I&&E.current&&E.current.disconnect()})),[E,A,I,S]);const R=A?.startsWith("#")??!1,N=!A||!S||R;return N||h||x.collectLink(A),N?(0,c.jsx)("a",{ref:L,href:A,...C&&!S&&{target:"_blank",rel:"noopener noreferrer"},...y}):(0,c.jsx)(T,{...y,onMouseEnter:j,onTouchStart:j,innerRef:e=>{L.current=e,I&&e&&S&&(E.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(E.current.unobserve(e),E.current.disconnect(),null!=A&&window.docusaurus.prefetch(A))}))})),E.current.observe(e))},to:A,...n&&{isActive:m,activeClassName:g}})}const f=a.forwardRef(p)},1603:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const a=()=>null},5374:(e,t,n)=>{"use strict";n.d(t,{I:()=>l,Z:()=>s});n(959);var a=n(3630),o=n(7529),r=n(1527);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return o[t??n]??n??t}function l(e,t){let{message:n,id:o}=e;const r=i({message:n,id:o});return(0,a.s)(r,t)}function s(e){let{children:t,id:n,values:o}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const l=i({message:t,id:n});return(0,r.jsx)(r.Fragment,{children:(0,a.s)(l,o)})}},4684:(e,t,n)=>{"use strict";n.d(t,{m:()=>a});const a="default"},8295:(e,t,n)=>{"use strict";function a(e){return/^(?:\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!a(e)}n.d(t,{Z:()=>o,b:()=>a})},9925:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var a=n(959),o=n(2688),r=n(8295);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,o.Z)(),n=(0,a.useCallback)(((n,a)=>function(e,t,n,a){let{forcePrependBaseUrl:o=!1,absolute:i=!1}=void 0===a?{}:a;if(!n||n.startsWith("#")||(0,r.b)(n))return n;if(o)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,a)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},2688:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(959),o=n(6855);function r(){return(0,a.useContext)(o._)}},7111:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(959),o=n(7752);function r(){return(0,a.useContext)(o._)}},2827:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959);const o=n(6047).Z.canUseDOM?a.useLayoutEffect:a.useEffect},4420:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});const a=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function o(e){const t={};return function e(n,o){Object.entries(n).forEach((n=>{let[r,i]=n;const l=o?`${o}.${r}`:r;a(i)?e(i,l):t[l]=i}))}(e),t}},2762:(e,t,n)=>{"use strict";n.d(t,{_:()=>r,z:()=>i});var a=n(959),o=n(1527);const r=a.createContext(null);function i(e){let{children:t,value:n}=e;const i=a.useContext(r),l=(0,a.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const a={...t.data,...n?.data};return{plugin:t.plugin,data:a}}({parent:i,value:n})),[i,n]);return(0,o.jsx)(r.Provider,{value:l,children:t})}},9384:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>g,_r:()=>u,zh:()=>d,yW:()=>f,gB:()=>p});var a=n(8903),o=n(2688),r=n(4684);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,o.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=function(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,a.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),o=n?.docs.find((e=>!!(0,a.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:o,alternateDocVersions:o?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((a=>{a.id===t&&(n[e.name]=a)}))})),n}(o.id):{}}}const c={},u=()=>i("docusaurus-plugin-content-docs")??c,d=e=>function(e,t,n){void 0===t&&(t=r.m),void 0===n&&(n={});const a=i(e),o=a?.[t];if(!o&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return o}("docusaurus-plugin-content-docs",e,{failfast:!0});function p(e){return d(e).versions}function f(e){const t=d(e);return l(t)}function g(e){const t=d(e),{pathname:n}=(0,a.TH)();return s(t,n)}},3852:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("set","page_path",t.pathname+t.search+t.hash),window.gtag("event","page_view")}))}}},7558:(e,t,n)=>{"use strict";function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}var l=n(959),s=n(507),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(a){var o=d(e[a]);o.loading?t.loading=!0:(t.loaded[a]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[a]=e})).catch((function(e){t.error=e}))}))}catch(a){t.error=a}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return l.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function g(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var g=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),m=null;function h(){return m||(m=e(g.loader)),m.promise}return c.push(h),"function"==typeof g.webpack&&u.push((function(){if((0,g.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return h()})),p=d=function(t){function n(n){var a;return r(o(o(a=t.call(this,n)||this)),"retry",(function(){a.setState({error:null,loading:!0,timedOut:!1}),m=e(g.loader),a._loadModule()})),h(),a.state={error:m.error,pastDelay:!1,timedOut:!1,loading:m.loading,loaded:m.loaded},a}a(n,t),n.preload=function(){return h()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(g.modules)&&g.modules.forEach((function(t){e.context.loadable.report(t)})),m.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof g.delay&&(0===g.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),g.delay)),"number"==typeof g.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),g.timeout));var n=function(){t({error:m.error,loaded:m.loaded,loading:m.loading}),e._clearTimeouts()};m.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?l.createElement(g.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?g.render(this.state.loaded,this.props):null},n}(l.Component),r(d,"contextTypes",{loadable:s.shape({report:s.func.isRequired})}),p}function m(e){return g(d,e)}m.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return g(p,e)};var h=function(e){function t(){return e.apply(this,arguments)||this}a(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return l.Children.only(this.props.children)},t}(l.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}r(h,"propTypes",{report:s.func.isRequired}),r(h,"childContextTypes",{loadable:s.shape({report:s.func.isRequired}).isRequired}),m.Capture=h,m.preloadAll=function(){return new Promise((function(e,t){b(c).then(e,t)}))},m.preloadReady=function(){return new Promise((function(e,t){b(u).then(e,e)}))},e.exports=m},4329:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});var a=n(9981),o=n.n(a);o().configure({showSpinner:!1});const r={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{o().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){o().done()}}},6070:(e,t,n)=>{"use strict";n.r(t);var a=n(2425),o=n(6809);!function(e){const{themeConfig:{prism:t}}=o.default,{additionalLanguages:a}=t;globalThis.Prism=e,a.forEach((e=>{"php"===e&&n(1559),n(1422)(`./prism-${e}`)})),delete globalThis.Prism}(a.p1)},2520:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});n(959);var a=n(5374),o=n(809),r=n(6561),i=n(1527);function l(e){let{error:t,tryAgain:n}=e;return(0,i.jsx)("main",{className:"container margin-vert--xl",children:(0,i.jsx)("div",{className:"row",children:(0,i.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,i.jsx)(r.Z,{as:"h1",className:"hero__title",children:(0,i.jsx)(a.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,i.jsx)("div",{className:"margin-vert--lg",children:(0,i.jsx)(o.Cw,{onClick:n,className:"button button--primary shadow--lw"})}),(0,i.jsx)("hr",{}),(0,i.jsx)("div",{className:"margin-vert--md",children:(0,i.jsx)(o.aG,{error:t})})]})})})}},6561:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(5341),o=n(5374),r=n(2593),i=n(0);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_dXVO",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_ZIVZ"};var s=n(1527);function c(e){let{as:t,id:n,...c}=e;const{navbar:{hideOnScroll:u}}=(0,r.L)();if("h1"===t||!n)return(0,s.jsx)(t,{...c,id:void 0});const d=(0,o.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof c.children?c.children:n});return(0,s.jsxs)(t,{...c,className:(0,a.Z)("anchor",u?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,c.className),id:n,children:[c.children,(0,s.jsx)(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":d,title:d,children:"\u200b"})]})}},3815:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});n(959);const a={iconExternalLink:"iconExternalLink_ocOZ"};var o=n(1527);function r(e){let{width:t=13.5,height:n=13.5}=e;return(0,o.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:a.iconExternalLink,children:(0,o.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},5299:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7399),o=n(1694),r=n(4288),i=n(3707),l=n(1836),s=n(1610),c=n(5160),u=n(1527);const d=(0,a.Qc)([o.S,r.pl,i.OC,l.L5,s.VC,c.V]);function p(e){let{children:t}=e;return(0,u.jsx)(d,{children:t})}},5243:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(5341);const o={navbarSearchContainer:"navbarSearchContainer_Pu8E"};var r=n(1527);function i(e){let{children:t,className:n}=e;return(0,r.jsx)("div",{className:(0,a.Z)(n,o.navbarSearchContainer),children:t})}},6612:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(0),o=n(9925),r=n(8295),i=n(3535),l=n(3815),s=n(1527);function c(e){let{activeBasePath:t,activeBaseRegex:n,to:c,href:u,label:d,html:p,isDropdownLink:f,prependBaseUrlToHref:g,...m}=e;const h=(0,o.Z)(c),b=(0,o.Z)(t),y=(0,o.Z)(u,{forcePrependBaseUrl:!0}),v=d&&u&&!(0,r.Z)(u),w=p?{dangerouslySetInnerHTML:{__html:p}}:{children:(0,s.jsxs)(s.Fragment,{children:[d,v&&(0,s.jsx)(l.Z,{...f&&{width:12,height:12}})]})};return u?(0,s.jsx)(a.Z,{href:g?y:u,...m,...w}):(0,s.jsx)(a.Z,{to:h,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,i.F)(n,t.pathname):t.pathname.startsWith(b)},...m,...w})}},6794:(e,t,n)=>{"use strict";n.d(t,{Z:()=>w});n(959);var a=n(5341),o=n(6612),r=n(1527);function i(e){let{className:t,isDropdownItem:n=!1,...i}=e;const l=(0,r.jsx)(o.Z,{className:(0,a.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...i});return n?(0,r.jsx)("li",{children:l}):l}function l(e){let{className:t,isDropdownItem:n,...i}=e;return(0,r.jsx)("li",{className:"menu__list-item",children:(0,r.jsx)(o.Z,{className:(0,a.Z)("menu__link",t),...i})})}function s(e){let{mobile:t=!1,position:n,...a}=e;const o=t?l:i;return(0,r.jsx)(o,{...a,activeClassName:a.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var c=n(8784),u=n(7412),d=n(1603),p=n(5243);var f=n(9384),g=n(8068);var m=n(1836),h=n(5374),b=n(8903);const y=e=>e.docs.find((t=>t.id===e.mainDocId));const v={default:s,localeDropdown:u.Z,search:function(e){let{mobile:t,className:n}=e;return t?null:(0,r.jsx)(p.Z,{className:n,children:(0,r.jsx)(d.Z,{})})},dropdown:c.Z,html:function(e){let{value:t,className:n,mobile:o=!1,isDropdownItem:i=!1}=e;const l=i?"li":"div";return(0,r.jsx)(l,{className:(0,a.Z)({navbar__item:!o&&!i,"menu__list-item":o},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:a,...o}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.vY)(t,a),c=i?.path===l?.path;return null===l||l.unlisted&&!c?null:(0,r.jsx)(s,{exact:!0,...o,isActive:()=>c||!!i?.sidebar&&i.sidebar===l.sidebar,label:n??l.id,to:l.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:a,...o}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.oz)(t,a).link;if(!l)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,r.jsx)(s,{exact:!0,...o,isActive:()=>i?.sidebar===t,label:n??l.label,to:l.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:a,...o}=e;const i=(0,g.lO)(a)[0],l=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return(0,r.jsx)(s,{...o,label:l,to:c})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:a,dropdownItemsBefore:o,dropdownItemsAfter:i,...l}=e;const{search:u,hash:d}=(0,b.TH)(),p=(0,f.Iw)(n),v=(0,f.gB)(n),{savePreferredVersionName:w}=(0,m.J)(n),k=[...o,...v.map((e=>{const t=p.alternateDocVersions[e.name]??y(e);return{label:e.label,to:`${t.path}${u}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>w(e.name)}})),...i],x=(0,g.lO)(n)[0],L=t&&k.length>1?(0,h.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):x.label,C=t&&k.length>1?void 0:y(x).path;return k.length<=1?(0,r.jsx)(s,{...l,mobile:t,label:L,to:C,isActive:a?()=>!1:void 0}):(0,r.jsx)(c.Z,{...l,mobile:t,label:L,to:C,items:k,isActive:a?()=>!1:void 0})}};function w(e){let{type:t,...n}=e;const a=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),o=v[a];if(!o)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,r.jsx)(o,{...n})}},7535:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});n(959);var a=n(4491),o=n(1527);function r(e){let{locale:t,version:n,tag:r}=e;const i=t;return(0,o.jsxs)(a.Z,{children:[t&&(0,o.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,o.jsx)("meta",{name:"docusaurus_version",content:n}),r&&(0,o.jsx)("meta",{name:"docusaurus_tag",content:r}),i&&(0,o.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,o.jsx)("meta",{name:"docsearch:version",content:n}),r&&(0,o.jsx)("meta",{name:"docsearch:docusaurus_tag",content:r})]})}},7675:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(9920);const o={skipToContent:"skipToContent_YRel"};var r=n(1527);function i(){return(0,r.jsx)(a.l,{className:o.skipToContent})}},4794:(e,t,n)=>{"use strict";n.d(t,{z:()=>b,u:()=>s});var a=n(959),o=n(6047),r=n(2827);var i=n(1527);const l="ease-in-out";function s(e){let{initialState:t}=e;const[n,o]=(0,a.useState)(t??!1),r=(0,a.useCallback)((()=>{o((e=>!e))}),[]);return{collapsed:n,setCollapsed:o,toggleCollapsed:r}}const c={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?c:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function p(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}function f(e){let{collapsibleRef:t,collapsed:n,animation:o}=e;const r=(0,a.useRef)(!1);(0,a.useEffect)((()=>{const e=t.current;function a(){const t=function(){const t=e.scrollHeight;return{transition:`height ${o?.duration??p(t)}ms ${o?.easing??l}`,height:`${t}px`}}();e.style.transition=t.transition,e.style.height=t.height}if(!r.current)return d(e,n),void(r.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(a(),requestAnimationFrame((()=>{e.style.height=c.height,e.style.overflow=c.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{a()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,o])}function g(e){if(!o.Z.canUseDOM)return e?c:u}function m(e){let{as:t="div",collapsed:n,children:o,animation:r,onCollapseTransitionEnd:l,className:s,disableSSRStyle:c}=e;const u=(0,a.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:r}),(0,i.jsx)(t,{ref:u,style:c?void 0:g(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(u.current,n),l?.(n))},className:s,children:o})}function h(e){let{collapsed:t,...n}=e;const[o,l]=(0,a.useState)(!t),[s,c]=(0,a.useState)(t);return(0,r.Z)((()=>{t||l(!0)}),[t]),(0,r.Z)((()=>{o&&c(t)}),[o,t]),o?(0,i.jsx)(m,{...n,collapsed:s}):null}function b(e){let{lazy:t,...n}=e;const a=t?h:m;return(0,i.jsx)(a,{...n})}},4288:(e,t,n)=>{"use strict";n.d(t,{nT:()=>m,pl:()=>g});var a=n(959),o=n(7111),r=n(6340),i=n(7399),l=n(2593),s=n(1527);const c=(0,r.WA)("docusaurus.announcement.dismiss"),u=(0,r.WA)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=a.createContext(null);function g(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,o.Z)(),[n,r]=(0,a.useState)((()=>!!t&&d()));(0,a.useEffect)((()=>{r(d())}),[]);const i=(0,a.useCallback)((()=>{p(!0),r(!0)}),[]);return(0,a.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const a=t!==n;u.set(t),a&&p(!1),!a&&d()||r(!1)}),[e]),(0,a.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,s.jsx)(f.Provider,{value:n,children:t})}function m(){const e=(0,a.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},1694:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>h});var a=n(959),o=n(6047),r=n(7399),i=n(6340),l=n(2593),s=n(1527);const c=a.createContext(void 0),u="theme",d=(0,i.WA)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,g=e=>o.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),m=e=>{d.set(f(e))};function h(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[o,r]=(0,a.useState)(g(e));(0,a.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,a.useCallback)((function(t,a){void 0===a&&(a={});const{persist:o=!0}=a;t?(r(t),o&&m(t)):(r(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,a.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(o))}),[o]),(0,a.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,a.useRef)(!1);return(0,a.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(a),()=>e.removeListener(a)}),[i,t,n]),(0,a.useMemo)((()=>({colorMode:o,setColorMode:i,get isDarkTheme(){return o===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[o,i])}();return(0,s.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,a.useContext)(c);if(null==e)throw new r.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1836:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b});var a=n(959),o=n(9384),r=n(4684),i=n(2593),l=n(8068),s=n(7399),c=n(6340),u=n(1527);const d=e=>`docs-preferred-version-${e}`,p={save:(e,t,n)=>{(0,c.WA)(d(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(d(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(d(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const g=a.createContext(null);function m(){const e=(0,o._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,a.useMemo)((()=>Object.keys(e)),[e]),[r,l]=(0,a.useState)((()=>f(n)));(0,a.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:a}=e;function o(e){const t=p.read(e,n);return a[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,o(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[r,(0,a.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,u.jsx)(g.Provider,{value:n,children:t})}function b(e){let{children:t}=e;return l.cE?(0,u.jsx)(h,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function y(){const e=(0,a.useContext)(g);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=r.m);const t=(0,o.zh)(e),[n,i]=y(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,a.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},5580:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,e:()=>b});var a=n(959),o=n(5195),r=n(6047);const i={desktop:"desktop",mobile:"mobile",ssr:"ssr"},l=996;function s(){const[e,t]=(0,a.useState)((()=>"ssr"));return(0,a.useEffect)((()=>{function e(){t(function(){if(!r.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>l?i.desktop:i.mobile}())}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e}var c=n(8903),u=n(7399);function d(e){!function(e){const t=(0,c.k6)(),n=(0,u.zX)(e);(0,a.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var p=n(2593),f=n(1527);const g=a.createContext(void 0);function m(){const e=function(){const e=(0,o.HY)(),{items:t}=(0,p.L)().navbar;return 0===t.length&&!e.component}(),t=s(),n=!e&&"mobile"===t,[r,i]=(0,a.useState)(!1);d((()=>{if(r)return i(!1),!1}));const l=(0,a.useCallback)((()=>{i((e=>!e))}),[]);return(0,a.useEffect)((()=>{"desktop"===t&&i(!1)}),[t]),(0,a.useMemo)((()=>({disabled:e,shouldRender:n,toggle:l,shown:r})),[e,n,l,r])}function h(e){let{children:t}=e;const n=m();return(0,f.jsx)(g.Provider,{value:n,children:t})}function b(){const e=a.useContext(g);if(void 0===e)throw new u.i6("NavbarMobileSidebarProvider");return e}},5195:(e,t,n)=>{"use strict";n.d(t,{HY:()=>s,n2:()=>l});var a=n(959),o=n(7399),r=n(1527);const i=a.createContext(null);function l(e){let{children:t}=e;const n=(0,a.useState)({component:null,props:null});return(0,r.jsx)(i.Provider,{value:n,children:t})}function s(){const e=(0,a.useContext)(i);if(!e)throw new o.i6("NavbarSecondaryMenuContentProvider");return e[0]}},1900:(e,t,n)=>{"use strict";n.d(t,{P:()=>c,Y:()=>d});var a=n(959),o=n(7399),r=n(5580),i=n(5195),l=n(1527);const s=a.createContext(null);function c(e){let{children:t}=e;const n=function(){const e=(0,r.e)(),t=(0,i.HY)(),[n,l]=(0,a.useState)(!1),s=null!==t.component,c=(0,o.D9)(s);return(0,a.useEffect)((()=>{s&&!c&&l(!0)}),[s,c]),(0,a.useEffect)((()=>{s?e.shown||l(!0):l(!1)}),[e.shown,s]),(0,a.useMemo)((()=>[n,l]),[n])}();return(0,l.jsx)(s.Provider,{value:n,children:t})}function u(e){if(e.component){const t=e.component;return(0,l.jsx)(t,{...e.props})}}function d(){const e=(0,a.useContext)(s);if(!e)throw new o.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,r=(0,a.useCallback)((()=>n(!1)),[n]),l=(0,i.HY)();return(0,a.useMemo)((()=>({shown:t,hide:r,content:u(l)})),[r,l,t])}},864:(e,t,n)=>{"use strict";n.d(t,{h:()=>o,t:()=>r});var a=n(959);const o="navigation-with-keyboard";function r(){(0,a.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(o),"mousedown"===e.type&&document.body.classList.remove(o)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(o),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},421:(e,t,n)=>{"use strict";n.d(t,{k:()=>a});const a={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},8068:(e,t,n)=>{"use strict";n.d(t,{cE:()=>l,lO:()=>s,vY:()=>u,oz:()=>c});var a=n(959),o=n(9384),r=n(1836);function i(e){return Array.from(new Set(e))}const l=!!o._r;function s(e){const{activeVersion:t}=(0,o.Iw)(e),{preferredVersion:n}=(0,r.J)(e),l=(0,o.yW)(e);return(0,a.useMemo)((()=>i([t,n,l].filter(Boolean))),[t,n,l])}function c(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),a=t.find((t=>t[0]===e));if(!a)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return a[1]}),[e,n])}function u(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),a=t.find((t=>t.id===e));if(!a){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${i(t.map((e=>e.id))).join("\n- ")}`)}return a}),[e,n])}},809:(e,t,n)=>{"use strict";n.d(t,{aG:()=>c,Cw:()=>s,QW:()=>u});var a=n(959),o=n(5374),r=n(6771);const i={errorBoundaryError:"errorBoundaryError_t44J",errorBoundaryFallback:"errorBoundaryFallback_HTeJ"};var l=n(1527);function s(e){return(0,l.jsx)("button",{type:"button",...e,children:(0,l.jsx)(o.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function c(e){let{error:t}=e;const n=(0,r.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{className:i.errorBoundaryError,children:n})}class u extends a.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}},1610:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>d,VC:()=>g});var a=n(959),o=n(5341),r=n(4491),i=n(2762);function l(){const e=a.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(9925),c=n(2688);var u=n(1527);function d(e){let{title:t,description:n,keywords:a,image:o,children:i}=e;const l=function(e){const{siteConfig:t}=(0,c.Z)(),{title:n,titleDelimiter:a}=t;return e?.trim().length?`${e.trim()} ${a} ${n}`:n}(t),{withBaseUrl:d}=(0,s.C)(),p=o?d(o,{absolute:!0}):void 0;return(0,u.jsxs)(r.Z,{children:[t&&(0,u.jsx)("title",{children:l}),t&&(0,u.jsx)("meta",{property:"og:title",content:l}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),a&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(a)?a.join(","):a}),p&&(0,u.jsx)("meta",{property:"og:image",content:p}),p&&(0,u.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=a.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=a.useContext(p),l=(0,o.Z)(i,t);return(0,u.jsxs)(p.Provider,{value:l,children:[(0,u.jsx)(r.Z,{children:(0,u.jsx)("html",{className:l})}),n]})}function g(e){let{children:t}=e;const n=l(),a=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const r=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,o.Z)(a,r),children:t})}},5160:(e,t,n)=>{"use strict";n.d(t,{A:()=>s,V:()=>c});n(959);var a=n(5580),o=n(5195),r=n(1900),i=n(1527);const l="right";function s(e){function t(e){return"left"===(e.position??l)}return[e.filter(t),e.filter((e=>!t(e)))]}function c(e){let{children:t}=e;return(0,i.jsx)(o.n2,{children:(0,i.jsx)(a.M,{children:(0,i.jsx)(r.P,{children:t})})})}},7399:(e,t,n)=>{"use strict";n.d(t,{D9:()=>l,Qc:()=>u,Ql:()=>c,i6:()=>s,zX:()=>i});var a=n(959),o=n(2827),r=n(1527);function i(e){const t=(0,a.useRef)(e);return(0,o.Z)((()=>{t.current=e}),[e]),(0,a.useCallback)((function(){return t.current(...arguments)}),[])}function l(e){const t=(0,a.useRef)();return(0,o.Z)((()=>{t.current=e})),t.current}class s extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,a.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,r.jsx)(r.Fragment,{children:e.reduceRight(((e,t)=>(0,r.jsx)(t,{children:e})),n)})}}},3535:(e,t,n)=>{"use strict";function a(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{F:()=>a})},3707:(e,t,n)=>{"use strict";n.d(t,{OC:()=>s,RF:()=>d});var a=n(959),o=n(6047),r=(n(7111),n(2827),n(7399)),i=n(1527);const l=a.createContext(void 0);function s(e){let{children:t}=e;const n=function(){const e=(0,a.useRef)(!0);return(0,a.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,i.jsx)(l.Provider,{value:n,children:t})}function c(){const e=(0,a.useContext)(l);if(null==e)throw new r.i6("ScrollControllerProvider");return e}const u=()=>o.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),o=(0,a.useRef)(u()),i=(0,r.zX)(e);(0,a.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();i(e,o.current),o.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[i,n,...t])}},9920:(e,t,n)=>{"use strict";n.d(t,{l:()=>p,u:()=>s});var a=n(959),o=n(8903),r=n(5374),i=n(5508),l=n(1527);const s="__docusaurus_skipToContent_fallback";function c(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function u(){const e=(0,a.useRef)(null),{action:t}=(0,o.k6)(),n=(0,a.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(s);t&&c(t)}),[]);return(0,i.S)((n=>{let{location:a}=n;e.current&&!a.hash&&"PUSH"===t&&c(e.current)})),{containerRef:e,onClick:n}}const d=(0,r.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function p(e){const t=e.children??d,{containerRef:n,onClick:a}=u();return(0,l.jsx)("div",{ref:n,role:"region","aria-label":d,children:(0,l.jsx)("a",{...e,href:`#${s}`,onClick:a,children:t})})}},6340:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(959);const a="localStorage";function o(e){let{key:t,oldValue:n,newValue:a,storage:o}=e;if(n===a)return;const r=document.createEvent("StorageEvent");r.initStorageEvent("storage",!1,!1,t,n,a,window.location.href,o),window.dispatchEvent(r)}function r(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=r(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const a=n.getItem(e);n.setItem(e,t),o({key:e,oldValue:a,newValue:t,storage:n})}catch(a){console.error(`Docusaurus storage error, can't set ${e}=${t}`,a)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),o({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const a=a=>{a.storageArea===n&&a.key===e&&t(a)};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)}catch(a){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,a),()=>{}}}}}},8224:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var a=n(2688),o=n(8903),r=n(6771);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:l}}=(0,a.Z)(),{pathname:s}=(0,o.TH)(),c=(0,r.applyTrailingSlash)(s,{trailingSlash:n,baseUrl:e}),u=l===i?e:e.replace(`/${l}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:a}=e;return`${a?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},5508:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var a=n(959),o=n(8903),r=n(7399);function i(e){const t=(0,o.TH)(),n=(0,r.D9)(t),i=(0,r.zX)(e);(0,a.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},2593:(e,t,n)=>{"use strict";n.d(t,{L:()=>o});var a=n(2688);function o(){return(0,a.Z)().siteConfig.themeConfig}},6115:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:a}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[o]=e.split(/[#?]/),r="/"===o||o===a?o:(i=o,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(o,r)}},6901:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},6771:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var o=n(6115);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return a(o).default}});var r=n(6901);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return r.getErrorCausalChain}})},8784:(e,t,n)=>{"use strict";n.d(t,{Z:()=>h});var a=n(959),o=n(5341),r=n(3535),i=n(4794),l=(n(6002),n(2688));var s=n(8903);var c=n(6612),u=n(6794);const d={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_JUhd"};var p=n(1527);function f(e,t){return e.some((e=>function(e,t){return!!function(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}(e.to,t)||!!(0,r.F)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function g(e){let{items:t,position:n,className:r,onClick:i,...l}=e;const s=(0,a.useRef)(null),[d,f]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{const e=e=>{s.current&&!s.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[s]),(0,p.jsxs)("div",{ref:s,className:(0,o.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":d}),children:[(0,p.jsx)(c.Z,{"aria-haspopup":"true","aria-expanded":d,role:"button",href:l.to?void 0:"#",className:(0,o.Z)("navbar__link",r),...l,onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),f(!d))},children:l.children??l.label}),(0,p.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,a.createElement)(u.Z,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function m(e){let{items:t,className:n,position:r,onClick:g,...m}=e;const h=function(){const{siteConfig:{baseUrl:e}}=(0,l.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),b=f(t,h),{collapsed:y,toggleCollapsed:v,setCollapsed:w}=(0,i.u)({initialState:()=>!b});return(0,a.useEffect)((()=>{b&&w(!b)}),[h,b,w]),(0,p.jsxs)("li",{className:(0,o.Z)("menu__list-item",{"menu__list-item--collapsed":y}),children:[(0,p.jsx)(c.Z,{role:"button",className:(0,o.Z)(d.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...m,onClick:e=>{e.preventDefault(),v()},children:m.children??m.label}),(0,p.jsx)(i.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:y,children:t.map(((e,t)=>(0,a.createElement)(u.Z,{mobile:!0,isDropdownItem:!0,onClick:g,activeClassName:"menu__link--active",...e,key:t})))})]})}function h(e){let{mobile:t=!1,...n}=e;const a=t?m:g;return(0,p.jsx)(a,{...n})}},7412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});n(959);var a=n(2688),o=n(8224),r=n(8903),i=n(8784),l=n(1527);function s(e){let{width:t=20,height:n=20,...a}=e;return(0,l.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...a,children:(0,l.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const c={iconLanguage:"iconLanguage_DSK9"};function u(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:u,queryString:d="",whiteTheme:p=!1,...f}=e;const{i18n:{currentLocale:g,locales:m,localeConfigs:h}}=(0,a.Z)(),b=(0,o.l)(),{search:y,hash:v}=(0,r.TH)(),w=[...n,...m.map((e=>{const n=`${`pathname://${b.createUrl({locale:e,fullyQualified:!1})}`}${y}${v}${d}`;return{label:h[e].label,lang:h[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===g?t?"menu__link--active":"dropdown__link--active":""}})),...u];return(0,l.jsx)(i.Z,{...f,mobile:t,label:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{className:c.iconLanguage}),h[g].label]}),items:w})}},4047:(e,t,n)=>{"use strict";n.d(t,{lX:()=>w,q_:()=>_,ob:()=>f,PP:()=>P,Ep:()=>p});var a=n(6920);function o(e){return"/"===e.charAt(0)}function r(e,t){for(var n=t,a=n+1,o=e.length;a<o;n+=1,a+=1)e[n]=e[a];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,a=e&&e.split("/")||[],i=t&&t.split("/")||[],l=e&&o(e),s=t&&o(t),c=l||s;if(e&&o(e)?i=a:a.length&&(i.pop(),i=i.concat(a)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?r(i,p):".."===f?(r(i,p),d++):d&&(r(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&o(i[0])||i.unshift("");var g=i.join("/");return n&&"/"!==g.substr(-1)&&(g+="/"),g};var l=n(8624);function s(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,a=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(o+="#"===a.charAt(0)?a:"#"+a),o}function f(e,t,n,o){var r;"string"==typeof e?(r=function(e){var t=e||"/",n="",a="",o=t.indexOf("#");-1!==o&&(a=t.substr(o),t=t.substr(0,o));var r=t.indexOf("?");return-1!==r&&(n=t.substr(r),t=t.substr(0,r)),{pathname:t,search:"?"===n?"":n,hash:"#"===a?"":a}}(e),r.state=t):(void 0===(r=(0,a.Z)({},e)).pathname&&(r.pathname=""),r.search?"?"!==r.search.charAt(0)&&(r.search="?"+r.search):r.search="",r.hash?"#"!==r.hash.charAt(0)&&(r.hash="#"+r.hash):r.hash="",void 0!==t&&void 0===r.state&&(r.state=t));try{r.pathname=decodeURI(r.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+r.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(r.key=n),o?r.pathname?"/"!==r.pathname.charAt(0)&&(r.pathname=i(r.pathname,o.pathname)):r.pathname=o.pathname:r.pathname||(r.pathname="/"),r}function g(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,a,o){if(null!=e){var r="function"==typeof e?e(t,n):e;"string"==typeof r?"function"==typeof a?a(r,o):o(!0):o(!1!==r)}else o(!0)},appendListener:function(e){var n=!0;function a(){n&&e.apply(void 0,arguments)}return t.push(a),function(){n=!1,t=t.filter((function(e){return e!==a}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];t.forEach((function(e){return e.apply(void 0,n)}))}}}var m=!("undefined"==typeof window||!window.document||!window.document.createElement);function h(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,r=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,k=i.getUserConfirmation,x=void 0===k?h:k,L=i.keyLength,C=void 0===L?6:L,S=e.basename?d(s(e.basename)):"";function _(e){var t=e||{},n=t.key,a=t.state,o=window.location,r=o.pathname+o.search+o.hash;return S&&(r=u(r,S)),f(r,a,n)}function A(){return Math.random().toString(36).substr(2,C)}var P=g();function D(e){(0,a.Z)(q,e),q.length=n.length,P.notifyListeners(q.location,q.action)}function T(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||j(_(e.state))}function I(){j(_(v()))}var E=!1;function j(e){if(E)E=!1,D();else{P.confirmTransitionTo(e,"POP",x,(function(t){t?D({action:"POP",location:e}):function(e){var t=q.location,n=N.indexOf(t.key);-1===n&&(n=0);var a=N.indexOf(e.key);-1===a&&(a=0);var o=n-a;o&&(E=!0,O(o))}(e)}))}}var R=_(v()),N=[R.key];function F(e){return S+p(e)}function O(e){n.go(e)}var M=0;function B(e){1===(M+=e)&&1===e?(window.addEventListener(b,T),r&&window.addEventListener(y,I)):0===M&&(window.removeEventListener(b,T),r&&window.removeEventListener(y,I))}var z=!1;var q={length:n.length,action:"POP",location:R,createHref:F,push:function(e,t){var a="PUSH",r=f(e,t,A(),q.location);P.confirmTransitionTo(r,a,x,(function(e){if(e){var t=F(r),i=r.key,l=r.state;if(o)if(n.pushState({key:i,state:l},null,t),w)window.location.href=t;else{var s=N.indexOf(q.location.key),c=N.slice(0,s+1);c.push(r.key),N=c,D({action:a,location:r})}else window.location.href=t}}))},replace:function(e,t){var a="REPLACE",r=f(e,t,A(),q.location);P.confirmTransitionTo(r,a,x,(function(e){if(e){var t=F(r),i=r.key,l=r.state;if(o)if(n.replaceState({key:i,state:l},null,t),w)window.location.replace(t);else{var s=N.indexOf(q.location.key);-1!==s&&(N[s]=r.key),D({action:a,location:r})}else window.location.replace(t)}}))},go:O,goBack:function(){O(-1)},goForward:function(){O(1)},block:function(e){void 0===e&&(e=!1);var t=P.setPrompt(e);return z||(B(1),z=!0),function(){return z&&(z=!1,B(-1)),t()}},listen:function(e){var t=P.appendListener(e);return B(1),function(){B(-1),t()}}};return q}var k="hashchange",x={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:s},slash:{encodePath:s,decodePath:s}};function L(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function C(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function S(e){window.location.replace(L(window.location.href)+"#"+e)}function _(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,r=void 0===o?h:o,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(s(e.basename)):"",y=x[c],v=y.encodePath,w=y.decodePath;function _(){var e=w(C());return b&&(e=u(e,b)),f(e)}var A=g();function P(e){(0,a.Z)(z,e),z.length=t.length,A.notifyListeners(z.location,z.action)}var D=!1,T=null;function I(){var e,t,n=C(),a=v(n);if(n!==a)S(a);else{var o=_(),i=z.location;if(!D&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(T===p(o))return;T=null,function(e){if(D)D=!1,P();else{var t="POP";A.confirmTransitionTo(e,t,r,(function(n){n?P({action:t,location:e}):function(e){var t=z.location,n=N.lastIndexOf(p(t));-1===n&&(n=0);var a=N.lastIndexOf(p(e));-1===a&&(a=0);var o=n-a;o&&(D=!0,F(o))}(e)}))}}(o)}}var E=C(),j=v(E);E!==j&&S(j);var R=_(),N=[p(R)];function F(e){t.go(e)}var O=0;function M(e){1===(O+=e)&&1===e?window.addEventListener(k,I):0===O&&window.removeEventListener(k,I)}var B=!1;var z={length:t.length,action:"POP",location:R,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=L(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",a=f(e,void 0,void 0,z.location);A.confirmTransitionTo(a,n,r,(function(e){if(e){var t=p(a),o=v(b+t);if(C()!==o){T=t,function(e){window.location.hash=e}(o);var r=N.lastIndexOf(p(z.location)),i=N.slice(0,r+1);i.push(t),N=i,P({action:n,location:a})}else P()}}))},replace:function(e,t){var n="REPLACE",a=f(e,void 0,void 0,z.location);A.confirmTransitionTo(a,n,r,(function(e){if(e){var t=p(a),o=v(b+t);C()!==o&&(T=t,S(o));var r=N.indexOf(p(z.location));-1!==r&&(N[r]=t),P({action:n,location:a})}}))},go:F,goBack:function(){F(-1)},goForward:function(){F(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return B||(M(1),B=!0),function(){return B&&(B=!1,M(-1)),t()}},listen:function(e){var t=A.appendListener(e);return M(1),function(){M(-1),t()}}};return z}function A(e,t,n){return Math.min(Math.max(e,t),n)}function P(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,r=void 0===o?["/"]:o,i=t.initialIndex,l=void 0===i?0:i,s=t.keyLength,c=void 0===s?6:s,u=g();function d(e){(0,a.Z)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function m(){return Math.random().toString(36).substr(2,c)}var h=A(l,0,r.length-1),b=r.map((function(e){return f(e,void 0,"string"==typeof e?m():e.key||m())})),y=p;function v(e){var t=A(w.index+e,0,w.entries.length-1),a=w.entries[t];u.confirmTransitionTo(a,"POP",n,(function(e){e?d({action:"POP",location:a,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[h],index:h,entries:b,createHref:y,push:function(e,t){var a="PUSH",o=f(e,t,m(),w.location);u.confirmTransitionTo(o,a,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:a,location:o,index:t,entries:n})}}))},replace:function(e,t){var a="REPLACE",o=f(e,t,m(),w.location);u.confirmTransitionTo(o,a,n,(function(e){e&&(w.entries[w.index]=o,d({action:a,location:o}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},2535:(e,t,n)=>{"use strict";var a=n(6237),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},r={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return a.isMemo(e)?i:l[e.$$typeof]||o}l[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[a.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,g=Object.prototype;e.exports=function e(t,n,a){if("string"!=typeof n){if(g){var o=f(n);o&&o!==g&&e(t,o,a)}var i=u(n);d&&(i=i.concat(d(n)));for(var l=s(t),m=s(n),h=0;h<i.length;++h){var b=i[h];if(!(r[b]||a&&a[b]||m&&m[b]||l&&l[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},3670:e=>{"use strict";e.exports=function(e,t,n,a,o,r,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,a,o,r,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},901:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},89:(e,t,n)=>{"use strict";n.r(t)},962:(e,t,n)=>{"use strict";n.r(t)},1245:(e,t,n)=>{"use strict";n.r(t)},9981:function(e,t,n){var a,o;a=function(){var e,t,n={version:"0.2.0"},a=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function r(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===a.positionUsing?{transform:"translate3d("+r(e)+"%,0,0)"}:"translate"===a.positionUsing?{transform:"translate("+r(e)+"%,0)"}:{"margin-left":r(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(a[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,a.minimum,1),n.status=1===e?null:e;var r=n.render(!t),c=r.querySelector(a.barSelector),u=a.speed,d=a.easing;return r.offsetWidth,l((function(t){""===a.positionUsing&&(a.positionUsing=n.getPositioningCSS()),s(c,i(e,u,d)),1===e?(s(r,{transition:"none",opacity:1}),r.offsetWidth,setTimeout((function(){s(r,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),a.trickleSpeed)};return a.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*a.trickleRate)},e=0,t=0,n.promise=function(a){return a&&"resolved"!==a.state()?(0===t&&n.start(),e++,t++,a.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=a.template;var o,i=t.querySelector(a.barSelector),l=e?"-100":r(n.status||0),c=document.querySelector(a.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),a.showSpinner||(o=t.querySelector(a.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(a.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function a(t){var n=document.body.style;if(t in n)return t;for(var a,o=e.length,r=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((a=e[o]+r)in n)return a;return t}function o(e){return e=n(e),t[e]||(t[e]=a(e))}function r(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,a,o=arguments;if(2==o.length)for(n in t)void 0!==(a=t[n])&&t.hasOwnProperty(n)&&r(e,n,a);else r(e,o[1],o[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),a=n+t;c(n,t)||(e.className=a.substring(1))}function d(e,t){var n,a=p(e);c(e,t)&&(n=a.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof a?a.call(t,n,t,e):a)||(e.exports=o)},7720:(e,t,n)=>{var a=n(901);e.exports=f,e.exports.parse=r,e.exports.compile=function(e,t){return l(r(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=p;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function r(e,t){for(var n,a=[],r=0,i=0,l="",u=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],p=n[1],f=n.index;if(l+=e.slice(i,f),i=f+d.length,p)l+=p[1];else{var g=e[i],m=n[2],h=n[3],b=n[4],y=n[5],v=n[6],w=n[7];l&&(a.push(l),l="");var k=null!=m&&null!=g&&g!==m,x="+"===v||"*"===v,L="?"===v||"*"===v,C=n[2]||u,S=b||y;a.push({name:h||r++,prefix:m||"",delimiter:C,optional:L,repeat:x,partial:k,asterisk:!!w,pattern:S?c(S):w?".*":"[^"+s(C)+"]+?"})}}return i<e.length&&(l+=e.substr(i)),l&&a.push(l),a}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function l(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var r="",l=t||{},s=(o||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=l[u.name];if(null==p){if(u.optional){u.partial&&(r+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(a(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=s(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");r+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):s(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');r+=u.prefix+d}}else r+=u}return r}}function s(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){a(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,r=!1!==n.end,i="",l=0;l<e.length;l++){var c=e[l];if("string"==typeof c)i+=s(c);else{var p=s(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var g=s(n.delimiter||"/"),m=i.slice(-g.length)===g;return o||(i=(m?i.slice(0,-g.length):i)+"(?:"+g+"(?=$))?"),i+=r?"$":o&&m?"":"(?="+g+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return a(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var a=0;a<n.length;a++)t.push({name:a,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):a(e)?function(e,t,n){for(var a=[],o=0;o<e.length;o++)a.push(f(e[o],t,n).source);return u(new RegExp("(?:"+a.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(r(e,n),t,n)}(e,t,n)}},1064:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},1884:(e,t,n)=>{const a=n(1064),o=n(6474),r=new Set;function i(e){void 0===e?e=Object.keys(a.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...r,...Object.keys(Prism.languages)];o(a,e,t).load((e=>{if(!(e in a.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(2928).resolve(t)],delete Prism.languages[e],n(2928)(t),r.add(e)}))}i.silent=!1,e.exports=i},1559:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,o,r){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof r&&!r(e))return e;for(var o,l=i.length;-1!==n.code.indexOf(o=t(a,l));)++l;return i[l]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var o=0,r=Object.keys(n.tokenStack);!function i(l){for(var s=0;s<l.length&&!(o>=r.length);s++){var c=l[s];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=r[o],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(a,u),g=p.indexOf(f);if(g>-1){++o;var m=p.substring(0,g),h=new e.Token(a,e.tokenize(d,n.grammar),"language-"+a,d),b=p.substring(g+f.length),y=[];m&&y.push.apply(y,i([m])),y.push(h),b&&y.push.apply(y,i([b])),"string"==typeof c?l.splice.apply(l,[s,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return l}(n.tokens)}}}})}(Prism)},2928:(e,t,n)=>{var a={"./":1884};function o(e){var t=r(e);return n(t)}function r(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}o.keys=function(){return Object.keys(a)},o.resolve=r,e.exports=o,o.id=2928},6474:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,a=e.length;n<a;n++)t[e[n]]=!0;return t}function a(e){var n={},a=[];function o(a,r){if(!(a in n)){r.push(a);var i=r.indexOf(a);if(i<r.length-1)throw new Error("Circular dependency: "+r.slice(i).join(" -> "));var l={},s=e[a];if(s){function c(t){if(!(t in e))throw new Error(a+" depends on an unknown component "+t);if(!(t in l))for(var i in o(t,r),l[t]=!0,n[t])l[i]=!0}t(s.require,c),t(s.optional,c),t(s.modify,c)}n[a]=l,r.pop()}}return function(e){var t=n[e];return t||(o(e,a),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(r,i,l){var s=function(e){var t={};for(var n in e){var a=e[n];for(var o in a)if("meta"!=o){var r=a[o];t[o]="string"==typeof r?{title:r}:r}}return t}(r),c=function(e){var n;return function(a){if(a in e)return a;if(!n)for(var o in n={},e){var r=e[o];t(r&&r.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[a]||a}}(s);i=i.map(c),l=(l||[]).map(c);var u=n(i),d=n(l);i.forEach((function e(n){var a=s[n];t(a&&a.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=a(s),g=u;o(g);){for(var m in p={},g){var h=s[m];t(h&&h.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in g=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,a,o){var r=o?o.series:void 0,i=o?o.parallel:e,l={},s={};function c(e){if(e in l)return l[e];s[e]=!0;var o,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)o=a(e);else{var p=i(u.map((function(e){var t=c(e);return delete s[e],t})));r?o=r(p,(function(){return a(e)})):a(e)}return l[e]=o}for(var u in n)c(u);var d=[];for(var p in s)d.push(l[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},4049:(e,t,n)=>{"use strict";var a=n(6257);function o(){}function r(){}r.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,r,i){if(i!==a){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:r,resetWarningCache:o};return n.PropTypes=n,n}},507:(e,t,n)=>{e.exports=n(4049)()},6257:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},3746:(e,t,n)=>{"use strict";var a=n(959),o=n(2962);function r(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,l={};function s(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(l[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},g={};function m(e,t,n,a,o,r,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=a,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=r,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new m(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new m(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new m(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new m(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new m(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new m(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,a){var o=h.hasOwnProperty(t)?h[t]:null;(null!==o?0!==o.type:a||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,a){if(null==t||function(e,t,n,a){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!a&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,a))return!0;if(a)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,a)&&(n=null),a||null===o?function(e){return!!d.call(g,e)||!d.call(f,e)&&(p.test(e)?g[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,a=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,a?e.setAttributeNS(a,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,k=Symbol.for("react.element"),x=Symbol.for("react.portal"),L=Symbol.for("react.fragment"),C=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),_=Symbol.for("react.provider"),A=Symbol.for("react.context"),P=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),E=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var j=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var R=Symbol.iterator;function N(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=R&&e[R]||e["@@iterator"])?e:null}var F,O=Object.assign;function M(e){if(void 0===F)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);F=t&&t[1]||""}return"\n"+F+e}var B=!1;function z(e,t){if(!e||B)return"";B=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var a=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){a=c}e.call(t.prototype)}else{try{throw Error()}catch(c){a=c}e()}}catch(c){if(c&&a&&"string"==typeof c.stack){for(var o=c.stack.split("\n"),r=a.stack.split("\n"),i=o.length-1,l=r.length-1;1<=i&&0<=l&&o[i]!==r[l];)l--;for(;1<=i&&0<=l;i--,l--)if(o[i]!==r[l]){if(1!==i||1!==l)do{if(i--,0>--l||o[i]!==r[l]){var s="\n"+o[i].replace(" at new "," at ");return e.displayName&&s.includes("<anonymous>")&&(s=s.replace("<anonymous>",e.displayName)),s}}while(1<=i&&0<=l);break}}}finally{B=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?M(e):""}function q(e){switch(e.tag){case 5:return M(e.type);case 16:return M("Lazy");case 13:return M("Suspense");case 19:return M("SuspenseList");case 0:case 2:case 15:return e=z(e.type,!1);case 11:return e=z(e.type.render,!1);case 1:return e=z(e.type,!0);default:return""}}function U(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case L:return"Fragment";case x:return"Portal";case S:return"Profiler";case C:return"StrictMode";case D:return"Suspense";case T:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case A:return(e.displayName||"Context")+".Consumer";case _:return(e._context.displayName||"Context")+".Provider";case P:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case I:return null!==(t=e.displayName||null)?t:U(e.type)||"Memo";case E:t=e._payload,e=e._init;try{return U(e(t))}catch(n){}}return null}function $(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return U(t);case 8:return t===C?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function G(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function W(e){e._valueTracker||(e._valueTracker=function(e){var t=G(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),a=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,r=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){a=""+e,r.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(e){a=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function Z(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),a="";return e&&(a=G(e)?e.checked?"true":"false":e.value),(e=a)!==n&&(t.setValue(e),!0)}function V(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return O({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,a=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:a,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function K(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function X(e,t){K(e,t);var n=H(t.value),a=t.type;if(null!=n)"number"===a?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===a||"reset"===a)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function J(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var a=t.type;if(!("submit"!==a&&"reset"!==a||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&V(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,a){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&a&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(a&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function ae(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(r(91));return O({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function oe(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(r(92));if(te(n)){if(1<n.length)throw Error(r(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function re(e,t){var n=H(t.value),a=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=a&&(e.defaultValue=""+a)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function le(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function se(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?le(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,a){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ge=["Webkit","ms","Moz","O"];function me(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function he(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var a=0===n.indexOf("--"),o=me(n,t[n],a);"float"===n&&(n="cssFloat"),a?e.setProperty(n,o):e[n]=o}}Object.keys(fe).forEach((function(e){ge.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=O({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(r(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(r(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(r(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(r(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function ke(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var xe=null,Le=null,Ce=null;function Se(e){if(e=wo(e)){if("function"!=typeof xe)throw Error(r(280));var t=e.stateNode;t&&(t=xo(t),xe(e.stateNode,e.type,t))}}function _e(e){Le?Ce?Ce.push(e):Ce=[e]:Le=e}function Ae(){if(Le){var e=Le,t=Ce;if(Ce=Le=null,Se(e),t)for(e=0;e<t.length;e++)Se(t[e])}}function Pe(e,t){return e(t)}function De(){}var Te=!1;function Ie(e,t,n){if(Te)return e(t,n);Te=!0;try{return Pe(e,t,n)}finally{Te=!1,(null!==Le||null!==Ce)&&(De(),Ae())}}function Ee(e,t){var n=e.stateNode;if(null===n)return null;var a=xo(n);if(null===a)return null;n=a[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(a=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!a;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(r(231,t,typeof n));return n}var je=!1;if(u)try{var Re={};Object.defineProperty(Re,"passive",{get:function(){je=!0}}),window.addEventListener("test",Re,Re),window.removeEventListener("test",Re,Re)}catch(ue){je=!1}function Ne(e,t,n,a,o,r,i,l,s){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var Fe=!1,Oe=null,Me=!1,Be=null,ze={onError:function(e){Fe=!0,Oe=e}};function qe(e,t,n,a,o,r,i,l,s){Fe=!1,Oe=null,Ne.apply(ze,arguments)}function Ue(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function $e(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if(Ue(e)!==e)throw Error(r(188))}function Ge(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=Ue(e)))throw Error(r(188));return t!==e?null:e}for(var n=e,a=t;;){var o=n.return;if(null===o)break;var i=o.alternate;if(null===i){if(null!==(a=o.return)){n=a;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return He(o),e;if(i===a)return He(o),t;i=i.sibling}throw Error(r(188))}if(n.return!==a.return)n=o,a=i;else{for(var l=!1,s=o.child;s;){if(s===n){l=!0,n=o,a=i;break}if(s===a){l=!0,a=o,n=i;break}s=s.sibling}if(!l){for(s=i.child;s;){if(s===n){l=!0,n=i,a=o;break}if(s===a){l=!0,a=i,n=o;break}s=s.sibling}if(!l)throw Error(r(189))}}if(n.alternate!==a)throw Error(r(190))}if(3!==n.tag)throw Error(r(188));return n.stateNode.current===n?e:t}(e))?We(e):null}function We(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=We(e);if(null!==t)return t;e=e.sibling}return null}var Ze=o.unstable_scheduleCallback,Ve=o.unstable_cancelCallback,Qe=o.unstable_shouldYield,Ye=o.unstable_requestPaint,Ke=o.unstable_now,Xe=o.unstable_getCurrentPriorityLevel,Je=o.unstable_ImmediatePriority,et=o.unstable_UserBlockingPriority,tt=o.unstable_NormalPriority,nt=o.unstable_LowPriority,at=o.unstable_IdlePriority,ot=null,rt=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(lt(e)/st|0)|0},lt=Math.log,st=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var a=0,o=e.suspendedLanes,r=e.pingedLanes,i=268435455&n;if(0!==i){var l=i&~o;0!==l?a=dt(l):0!==(r&=i)&&(a=dt(r))}else 0!==(i=n&~o)?a=dt(i):0!==r&&(a=dt(r));if(0===a)return 0;if(0!==t&&t!==a&&0==(t&o)&&((o=a&-a)>=(r=t&-t)||16===o&&0!=(4194240&r)))return t;if(0!=(4&a)&&(a|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=a;0<t;)o=1<<(n=31-it(t)),a|=e[n],t&=~o;return a}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function gt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function mt(){var e=ct;return 0==(4194240&(ct<<=1))&&(ct=64),e}function ht(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var a=31-it(n),o=1<<a;o&t|e[a]&t&&(e[a]|=t),n&=~o}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?0!=(268435455&e)?16:536870912:4:1}var kt,xt,Lt,Ct,St,_t=!1,At=[],Pt=null,Dt=null,Tt=null,It=new Map,Et=new Map,jt=[],Rt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Nt(e,t){switch(e){case"focusin":case"focusout":Pt=null;break;case"dragenter":case"dragleave":Dt=null;break;case"mouseover":case"mouseout":Tt=null;break;case"pointerover":case"pointerout":It.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Et.delete(t.pointerId)}}function Ft(e,t,n,a,o,r){return null===e||e.nativeEvent!==r?(e={blockedOn:t,domEventName:n,eventSystemFlags:a,nativeEvent:r,targetContainers:[o]},null!==t&&(null!==(t=wo(t))&&xt(t)),e):(e.eventSystemFlags|=a,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function Ot(e){var t=vo(e.target);if(null!==t){var n=Ue(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=$e(n)))return e.blockedOn=t,void St(e.priority,(function(){Lt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Mt(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=wo(n))&&xt(t),e.blockedOn=n,!1;var a=new(n=e.nativeEvent).constructor(n.type,n);we=a,n.target.dispatchEvent(a),we=null,t.shift()}return!0}function Bt(e,t,n){Mt(e)&&n.delete(t)}function zt(){_t=!1,null!==Pt&&Mt(Pt)&&(Pt=null),null!==Dt&&Mt(Dt)&&(Dt=null),null!==Tt&&Mt(Tt)&&(Tt=null),It.forEach(Bt),Et.forEach(Bt)}function qt(e,t){e.blockedOn===t&&(e.blockedOn=null,_t||(_t=!0,o.unstable_scheduleCallback(o.unstable_NormalPriority,zt)))}function Ut(e){function t(t){return qt(t,e)}if(0<At.length){qt(At[0],e);for(var n=1;n<At.length;n++){var a=At[n];a.blockedOn===e&&(a.blockedOn=null)}}for(null!==Pt&&qt(Pt,e),null!==Dt&&qt(Dt,e),null!==Tt&&qt(Tt,e),It.forEach(t),Et.forEach(t),n=0;n<jt.length;n++)(a=jt[n]).blockedOn===e&&(a.blockedOn=null);for(;0<jt.length&&null===(n=jt[0]).blockedOn;)Ot(n),null===n.blockedOn&&jt.shift()}var $t=w.ReactCurrentBatchConfig,Ht=!0;function Gt(e,t,n,a){var o=vt,r=$t.transition;$t.transition=null;try{vt=1,Zt(e,t,n,a)}finally{vt=o,$t.transition=r}}function Wt(e,t,n,a){var o=vt,r=$t.transition;$t.transition=null;try{vt=4,Zt(e,t,n,a)}finally{vt=o,$t.transition=r}}function Zt(e,t,n,a){if(Ht){var o=Qt(e,t,n,a);if(null===o)Ha(e,t,a,Vt,n),Nt(e,a);else if(function(e,t,n,a,o){switch(t){case"focusin":return Pt=Ft(Pt,e,t,n,a,o),!0;case"dragenter":return Dt=Ft(Dt,e,t,n,a,o),!0;case"mouseover":return Tt=Ft(Tt,e,t,n,a,o),!0;case"pointerover":var r=o.pointerId;return It.set(r,Ft(It.get(r)||null,e,t,n,a,o)),!0;case"gotpointercapture":return r=o.pointerId,Et.set(r,Ft(Et.get(r)||null,e,t,n,a,o)),!0}return!1}(o,e,t,n,a))a.stopPropagation();else if(Nt(e,a),4&t&&-1<Rt.indexOf(e)){for(;null!==o;){var r=wo(o);if(null!==r&&kt(r),null===(r=Qt(e,t,n,a))&&Ha(e,t,a,Vt,n),r===o)break;o=r}null!==o&&a.stopPropagation()}else Ha(e,t,a,null,n)}}var Vt=null;function Qt(e,t,n,a){if(Vt=null,null!==(e=vo(e=ke(a))))if(null===(t=Ue(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=$e(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Vt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Xe()){case Je:return 1;case et:return 4;case tt:case nt:return 16;case at:return 536870912;default:return 16}default:return 16}}var Kt=null,Xt=null,Jt=null;function en(){if(Jt)return Jt;var e,t,n=Xt,a=n.length,o="value"in Kt?Kt.value:Kt.textContent,r=o.length;for(e=0;e<a&&n[e]===o[e];e++);var i=a-e;for(t=1;t<=i&&n[a-t]===o[r-t];t++);return Jt=o.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function an(){return!1}function on(e){function t(t,n,a,o,r){for(var i in this._reactName=t,this._targetInst=a,this.type=n,this.nativeEvent=o,this.target=r,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?nn:an,this.isPropagationStopped=an,this}return O(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var rn,ln,sn,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=on(cn),dn=O({},cn,{view:0,detail:0}),pn=on(dn),fn=O({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Sn,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==sn&&(sn&&"mousemove"===e.type?(rn=e.screenX-sn.screenX,ln=e.screenY-sn.screenY):ln=rn=0,sn=e),rn)},movementY:function(e){return"movementY"in e?e.movementY:ln}}),gn=on(fn),mn=on(O({},fn,{dataTransfer:0})),hn=on(O({},dn,{relatedTarget:0})),bn=on(O({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=O({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=on(yn),wn=on(O({},cn,{data:0})),kn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},xn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Ln={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Cn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Ln[e])&&!!t[e]}function Sn(){return Cn}var _n=O({},dn,{key:function(e){if(e.key){var t=kn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?xn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Sn,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),An=on(_n),Pn=on(O({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Dn=on(O({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Sn})),Tn=on(O({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),In=O({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),En=on(In),jn=[9,13,27,32],Rn=u&&"CompositionEvent"in window,Nn=null;u&&"documentMode"in document&&(Nn=document.documentMode);var Fn=u&&"TextEvent"in window&&!Nn,On=u&&(!Rn||Nn&&8<Nn&&11>=Nn),Mn=String.fromCharCode(32),Bn=!1;function zn(e,t){switch(e){case"keyup":return-1!==jn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function qn(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Un=!1;var $n={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!$n[e.type]:"textarea"===t}function Gn(e,t,n,a){_e(a),0<(t=Wa(t,"onChange")).length&&(n=new un("onChange","change",null,n,a),e.push({event:n,listeners:t}))}var Wn=null,Zn=null;function Vn(e){Ma(e,0)}function Qn(e){if(Z(ko(e)))return e}function Yn(e,t){if("change"===e)return t}var Kn=!1;if(u){var Xn;if(u){var Jn="oninput"in document;if(!Jn){var ea=document.createElement("div");ea.setAttribute("oninput","return;"),Jn="function"==typeof ea.oninput}Xn=Jn}else Xn=!1;Kn=Xn&&(!document.documentMode||9<document.documentMode)}function ta(){Wn&&(Wn.detachEvent("onpropertychange",na),Zn=Wn=null)}function na(e){if("value"===e.propertyName&&Qn(Zn)){var t=[];Gn(t,Zn,e,ke(e)),Ie(Vn,t)}}function aa(e,t,n){"focusin"===e?(ta(),Zn=n,(Wn=t).attachEvent("onpropertychange",na)):"focusout"===e&&ta()}function oa(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Zn)}function ra(e,t){if("click"===e)return Qn(t)}function ia(e,t){if("input"===e||"change"===e)return Qn(t)}var la="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function sa(e,t){if(la(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++){var o=n[a];if(!d.call(t,o)||!la(e[o],t[o]))return!1}return!0}function ca(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ua(e,t){var n,a=ca(e);for(e=0;a;){if(3===a.nodeType){if(n=e+a.textContent.length,e<=t&&n>=t)return{node:a,offset:t-e};e=n}e:{for(;a;){if(a.nextSibling){a=a.nextSibling;break e}a=a.parentNode}a=void 0}a=ca(a)}}function da(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?da(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pa(){for(var e=window,t=V();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(a){n=!1}if(!n)break;t=V((e=t.contentWindow).document)}return t}function fa(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function ga(e){var t=pa(),n=e.focusedElem,a=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&da(n.ownerDocument.documentElement,n)){if(null!==a&&fa(n))if(t=a.start,void 0===(e=a.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var o=n.textContent.length,r=Math.min(a.start,o);a=void 0===a.end?r:Math.min(a.end,o),!e.extend&&r>a&&(o=a,a=r,r=o),o=ua(n,r);var i=ua(n,a);o&&i&&(1!==e.rangeCount||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(o.node,o.offset),e.removeAllRanges(),r>a?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var ma=u&&"documentMode"in document&&11>=document.documentMode,ha=null,ba=null,ya=null,va=!1;function wa(e,t,n){var a=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;va||null==ha||ha!==V(a)||("selectionStart"in(a=ha)&&fa(a)?a={start:a.selectionStart,end:a.selectionEnd}:a={anchorNode:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset},ya&&sa(ya,a)||(ya=a,0<(a=Wa(ba,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:a}),t.target=ha)))}function ka(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var xa={animationend:ka("Animation","AnimationEnd"),animationiteration:ka("Animation","AnimationIteration"),animationstart:ka("Animation","AnimationStart"),transitionend:ka("Transition","TransitionEnd")},La={},Ca={};function Sa(e){if(La[e])return La[e];if(!xa[e])return e;var t,n=xa[e];for(t in n)if(n.hasOwnProperty(t)&&t in Ca)return La[e]=n[t];return e}u&&(Ca=document.createElement("div").style,"AnimationEvent"in window||(delete xa.animationend.animation,delete xa.animationiteration.animation,delete xa.animationstart.animation),"TransitionEvent"in window||delete xa.transitionend.transition);var _a=Sa("animationend"),Aa=Sa("animationiteration"),Pa=Sa("animationstart"),Da=Sa("transitionend"),Ta=new Map,Ia="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Ea(e,t){Ta.set(e,t),s(t,[e])}for(var ja=0;ja<Ia.length;ja++){var Ra=Ia[ja];Ea(Ra.toLowerCase(),"on"+(Ra[0].toUpperCase()+Ra.slice(1)))}Ea(_a,"onAnimationEnd"),Ea(Aa,"onAnimationIteration"),Ea(Pa,"onAnimationStart"),Ea("dblclick","onDoubleClick"),Ea("focusin","onFocus"),Ea("focusout","onBlur"),Ea(Da,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),s("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),s("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),s("onBeforeInput",["compositionend","keypress","textInput","paste"]),s("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Na="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Fa=new Set("cancel close invalid load scroll toggle".split(" ").concat(Na));function Oa(e,t,n){var a=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,a,o,i,l,s,c){if(qe.apply(this,arguments),Fe){if(!Fe)throw Error(r(198));var u=Oe;Fe=!1,Oe=null,Me||(Me=!0,Be=u)}}(a,t,void 0,e),e.currentTarget=null}function Ma(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var a=e[n],o=a.event;a=a.listeners;e:{var r=void 0;if(t)for(var i=a.length-1;0<=i;i--){var l=a[i],s=l.instance,c=l.currentTarget;if(l=l.listener,s!==r&&o.isPropagationStopped())break e;Oa(o,l,c),r=s}else for(i=0;i<a.length;i++){if(s=(l=a[i]).instance,c=l.currentTarget,l=l.listener,s!==r&&o.isPropagationStopped())break e;Oa(o,l,c),r=s}}}if(Me)throw e=Be,Me=!1,Be=null,e}function Ba(e,t){var n=t[ho];void 0===n&&(n=t[ho]=new Set);var a=e+"__bubble";n.has(a)||($a(t,e,2,!1),n.add(a))}function za(e,t,n){var a=0;t&&(a|=4),$a(n,e,a,t)}var qa="_reactListening"+Math.random().toString(36).slice(2);function Ua(e){if(!e[qa]){e[qa]=!0,i.forEach((function(t){"selectionchange"!==t&&(Fa.has(t)||za(t,!1,e),za(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[qa]||(t[qa]=!0,za("selectionchange",!1,t))}}function $a(e,t,n,a){switch(Yt(t)){case 1:var o=Gt;break;case 4:o=Wt;break;default:o=Zt}n=o.bind(null,t,n,e),o=void 0,!je||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),a?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Ha(e,t,n,a,o){var r=a;if(0==(1&t)&&0==(2&t)&&null!==a)e:for(;;){if(null===a)return;var i=a.tag;if(3===i||4===i){var l=a.stateNode.containerInfo;if(l===o||8===l.nodeType&&l.parentNode===o)break;if(4===i)for(i=a.return;null!==i;){var s=i.tag;if((3===s||4===s)&&((s=i.stateNode.containerInfo)===o||8===s.nodeType&&s.parentNode===o))return;i=i.return}for(;null!==l;){if(null===(i=vo(l)))return;if(5===(s=i.tag)||6===s){a=r=i;continue e}l=l.parentNode}}a=a.return}Ie((function(){var a=r,o=ke(n),i=[];e:{var l=Ta.get(e);if(void 0!==l){var s=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":s=An;break;case"focusin":c="focus",s=hn;break;case"focusout":c="blur",s=hn;break;case"beforeblur":case"afterblur":s=hn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":s=gn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":s=mn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":s=Dn;break;case _a:case Aa:case Pa:s=bn;break;case Da:s=Tn;break;case"scroll":s=pn;break;case"wheel":s=En;break;case"copy":case"cut":case"paste":s=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":s=Pn}var u=0!=(4&t),d=!u&&"scroll"===e,p=u?null!==l?l+"Capture":null:l;u=[];for(var f,g=a;null!==g;){var m=(f=g).stateNode;if(5===f.tag&&null!==m&&(f=m,null!==p&&(null!=(m=Ee(g,p))&&u.push(Ga(g,m,f)))),d)break;g=g.return}0<u.length&&(l=new s(l,c,null,n,o),i.push({event:l,listeners:u}))}}if(0==(7&t)){if(s="mouseout"===e||"pointerout"===e,(!(l="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!vo(c)&&!c[mo])&&(s||l)&&(l=o.window===o?o:(l=o.ownerDocument)?l.defaultView||l.parentWindow:window,s?(s=a,null!==(c=(c=n.relatedTarget||n.toElement)?vo(c):null)&&(c!==(d=Ue(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(s=null,c=a),s!==c)){if(u=gn,m="onMouseLeave",p="onMouseEnter",g="mouse","pointerout"!==e&&"pointerover"!==e||(u=Pn,m="onPointerLeave",p="onPointerEnter",g="pointer"),d=null==s?l:ko(s),f=null==c?l:ko(c),(l=new u(m,g+"leave",s,n,o)).target=d,l.relatedTarget=f,m=null,vo(o)===a&&((u=new u(p,g+"enter",c,n,o)).target=f,u.relatedTarget=d,m=u),d=m,s&&c)e:{for(p=c,g=0,f=u=s;f;f=Za(f))g++;for(f=0,m=p;m;m=Za(m))f++;for(;0<g-f;)u=Za(u),g--;for(;0<f-g;)p=Za(p),f--;for(;g--;){if(u===p||null!==p&&u===p.alternate)break e;u=Za(u),p=Za(p)}u=null}else u=null;null!==s&&Va(i,l,s,u,!1),null!==c&&null!==d&&Va(i,d,c,u,!0)}if("select"===(s=(l=a?ko(a):window).nodeName&&l.nodeName.toLowerCase())||"input"===s&&"file"===l.type)var h=Yn;else if(Hn(l))if(Kn)h=ia;else{h=oa;var b=aa}else(s=l.nodeName)&&"input"===s.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(h=ra);switch(h&&(h=h(e,a))?Gn(i,h,n,o):(b&&b(e,l,a),"focusout"===e&&(b=l._wrapperState)&&b.controlled&&"number"===l.type&&ee(l,"number",l.value)),b=a?ko(a):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(ha=b,ba=a,ya=null);break;case"focusout":ya=ba=ha=null;break;case"mousedown":va=!0;break;case"contextmenu":case"mouseup":case"dragend":va=!1,wa(i,n,o);break;case"selectionchange":if(ma)break;case"keydown":case"keyup":wa(i,n,o)}var y;if(Rn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else Un?zn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(On&&"ko"!==n.locale&&(Un||"onCompositionStart"!==v?"onCompositionEnd"===v&&Un&&(y=en()):(Xt="value"in(Kt=o)?Kt.value:Kt.textContent,Un=!0)),0<(b=Wa(a,v)).length&&(v=new wn(v,e,null,n,o),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=qn(n))&&(v.data=y))),(y=Fn?function(e,t){switch(e){case"compositionend":return qn(t);case"keypress":return 32!==t.which?null:(Bn=!0,Mn);case"textInput":return(e=t.data)===Mn&&Bn?null:e;default:return null}}(e,n):function(e,t){if(Un)return"compositionend"===e||!Rn&&zn(e,t)?(e=en(),Jt=Xt=Kt=null,Un=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return On&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(a=Wa(a,"onBeforeInput")).length&&(o=new wn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:a}),o.data=y))}Ma(i,t)}))}function Ga(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Wa(e,t){for(var n=t+"Capture",a=[];null!==e;){var o=e,r=o.stateNode;5===o.tag&&null!==r&&(o=r,null!=(r=Ee(e,n))&&a.unshift(Ga(e,r,o)),null!=(r=Ee(e,t))&&a.push(Ga(e,r,o))),e=e.return}return a}function Za(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Va(e,t,n,a,o){for(var r=t._reactName,i=[];null!==n&&n!==a;){var l=n,s=l.alternate,c=l.stateNode;if(null!==s&&s===a)break;5===l.tag&&null!==c&&(l=c,o?null!=(s=Ee(n,r))&&i.unshift(Ga(n,s,l)):o||null!=(s=Ee(n,r))&&i.push(Ga(n,s,l))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qa=/\r\n?/g,Ya=/\u0000|\uFFFD/g;function Ka(e){return("string"==typeof e?e:""+e).replace(Qa,"\n").replace(Ya,"")}function Xa(e,t,n){if(t=Ka(t),Ka(e)!==t&&n)throw Error(r(425))}function Ja(){}var eo=null,to=null;function no(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ao="function"==typeof setTimeout?setTimeout:void 0,oo="function"==typeof clearTimeout?clearTimeout:void 0,ro="function"==typeof Promise?Promise:void 0,io="function"==typeof queueMicrotask?queueMicrotask:void 0!==ro?function(e){return ro.resolve(null).then(e).catch(lo)}:ao;function lo(e){setTimeout((function(){throw e}))}function so(e,t){var n=t,a=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&8===o.nodeType)if("/$"===(n=o.data)){if(0===a)return e.removeChild(o),void Ut(t);a--}else"$"!==n&&"$?"!==n&&"$!"!==n||a++;n=o}while(n);Ut(t)}function co(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function uo(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var po=Math.random().toString(36).slice(2),fo="__reactFiber$"+po,go="__reactProps$"+po,mo="__reactContainer$"+po,ho="__reactEvents$"+po,bo="__reactListeners$"+po,yo="__reactHandles$"+po;function vo(e){var t=e[fo];if(t)return t;for(var n=e.parentNode;n;){if(t=n[mo]||n[fo]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=uo(e);null!==e;){if(n=e[fo])return n;e=uo(e)}return t}n=(e=n).parentNode}return null}function wo(e){return!(e=e[fo]||e[mo])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function ko(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(r(33))}function xo(e){return e[go]||null}var Lo=[],Co=-1;function So(e){return{current:e}}function _o(e){0>Co||(e.current=Lo[Co],Lo[Co]=null,Co--)}function Ao(e,t){Co++,Lo[Co]=e.current,e.current=t}var Po={},Do=So(Po),To=So(!1),Io=Po;function Eo(e,t){var n=e.type.contextTypes;if(!n)return Po;var a=e.stateNode;if(a&&a.__reactInternalMemoizedUnmaskedChildContext===t)return a.__reactInternalMemoizedMaskedChildContext;var o,r={};for(o in n)r[o]=t[o];return a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=r),r}function jo(e){return null!=(e=e.childContextTypes)}function Ro(){_o(To),_o(Do)}function No(e,t,n){if(Do.current!==Po)throw Error(r(168));Ao(Do,t),Ao(To,n)}function Fo(e,t,n){var a=e.stateNode;if(t=t.childContextTypes,"function"!=typeof a.getChildContext)return n;for(var o in a=a.getChildContext())if(!(o in t))throw Error(r(108,$(e)||"Unknown",o));return O({},n,a)}function Oo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Po,Io=Do.current,Ao(Do,e),Ao(To,To.current),!0}function Mo(e,t,n){var a=e.stateNode;if(!a)throw Error(r(169));n?(e=Fo(e,t,Io),a.__reactInternalMemoizedMergedChildContext=e,_o(To),_o(Do),Ao(Do,e)):_o(To),Ao(To,n)}var Bo=null,zo=!1,qo=!1;function Uo(e){null===Bo?Bo=[e]:Bo.push(e)}function $o(){if(!qo&&null!==Bo){qo=!0;var e=0,t=vt;try{var n=Bo;for(vt=1;e<n.length;e++){var a=n[e];do{a=a(!0)}while(null!==a)}Bo=null,zo=!1}catch(o){throw null!==Bo&&(Bo=Bo.slice(e+1)),Ze(Je,$o),o}finally{vt=t,qo=!1}}return null}var Ho=[],Go=0,Wo=null,Zo=0,Vo=[],Qo=0,Yo=null,Ko=1,Xo="";function Jo(e,t){Ho[Go++]=Zo,Ho[Go++]=Wo,Wo=e,Zo=t}function er(e,t,n){Vo[Qo++]=Ko,Vo[Qo++]=Xo,Vo[Qo++]=Yo,Yo=e;var a=Ko;e=Xo;var o=32-it(a)-1;a&=~(1<<o),n+=1;var r=32-it(t)+o;if(30<r){var i=o-o%5;r=(a&(1<<i)-1).toString(32),a>>=i,o-=i,Ko=1<<32-it(t)+o|n<<o|a,Xo=r+e}else Ko=1<<r|n<<o|a,Xo=e}function tr(e){null!==e.return&&(Jo(e,1),er(e,1,0))}function nr(e){for(;e===Wo;)Wo=Ho[--Go],Ho[Go]=null,Zo=Ho[--Go],Ho[Go]=null;for(;e===Yo;)Yo=Vo[--Qo],Vo[Qo]=null,Xo=Vo[--Qo],Vo[Qo]=null,Ko=Vo[--Qo],Vo[Qo]=null}var ar=null,or=null,rr=!1,ir=null;function lr(e,t){var n=Ec(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function sr(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,ar=e,or=co(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,ar=e,or=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Yo?{id:Ko,overflow:Xo}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Ec(18,null,null,0)).stateNode=t,n.return=e,e.child=n,ar=e,or=null,!0);default:return!1}}function cr(e){return 0!=(1&e.mode)&&0==(128&e.flags)}function ur(e){if(rr){var t=or;if(t){var n=t;if(!sr(e,t)){if(cr(e))throw Error(r(418));t=co(n.nextSibling);var a=ar;t&&sr(e,t)?lr(a,n):(e.flags=-4097&e.flags|2,rr=!1,ar=e)}}else{if(cr(e))throw Error(r(418));e.flags=-4097&e.flags|2,rr=!1,ar=e}}}function dr(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ar=e}function pr(e){if(e!==ar)return!1;if(!rr)return dr(e),rr=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!no(e.type,e.memoizedProps)),t&&(t=or)){if(cr(e))throw fr(),Error(r(418));for(;t;)lr(e,t),t=co(t.nextSibling)}if(dr(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(r(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){or=co(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}or=null}}else or=ar?co(e.stateNode.nextSibling):null;return!0}function fr(){for(var e=or;e;)e=co(e.nextSibling)}function gr(){or=ar=null,rr=!1}function mr(e){null===ir?ir=[e]:ir.push(e)}var hr=w.ReactCurrentBatchConfig;function br(e,t){if(e&&e.defaultProps){for(var n in t=O({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var yr=So(null),vr=null,wr=null,kr=null;function xr(){kr=wr=vr=null}function Lr(e){var t=yr.current;_o(yr),e._currentValue=t}function Cr(e,t,n){for(;null!==e;){var a=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==a&&(a.childLanes|=t)):null!==a&&(a.childLanes&t)!==t&&(a.childLanes|=t),e===n)break;e=e.return}}function Sr(e,t){vr=e,kr=wr=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(wl=!0),e.firstContext=null)}function _r(e){var t=e._currentValue;if(kr!==e)if(e={context:e,memoizedValue:t,next:null},null===wr){if(null===vr)throw Error(r(308));wr=e,vr.dependencies={lanes:0,firstContext:e}}else wr=wr.next=e;return t}var Ar=null;function Pr(e){null===Ar?Ar=[e]:Ar.push(e)}function Dr(e,t,n,a){var o=t.interleaved;return null===o?(n.next=n,Pr(t)):(n.next=o.next,o.next=n),t.interleaved=n,Tr(e,a)}function Tr(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Ir=!1;function Er(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function jr(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Rr(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Nr(e,t,n){var a=e.updateQueue;if(null===a)return null;if(a=a.shared,0!=(2&Ds)){var o=a.pending;return null===o?t.next=t:(t.next=o.next,o.next=t),a.pending=t,Tr(e,n)}return null===(o=a.interleaved)?(t.next=t,Pr(a)):(t.next=o.next,o.next=t),a.interleaved=t,Tr(e,n)}function Fr(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,0!=(4194240&n))){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}function Or(e,t){var n=e.updateQueue,a=e.alternate;if(null!==a&&n===(a=a.updateQueue)){var o=null,r=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===r?o=r=i:r=r.next=i,n=n.next}while(null!==n);null===r?o=r=t:r=r.next=t}else o=r=t;return n={baseState:a.baseState,firstBaseUpdate:o,lastBaseUpdate:r,shared:a.shared,effects:a.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Mr(e,t,n,a){var o=e.updateQueue;Ir=!1;var r=o.firstBaseUpdate,i=o.lastBaseUpdate,l=o.shared.pending;if(null!==l){o.shared.pending=null;var s=l,c=s.next;s.next=null,null===i?r=c:i.next=c,i=s;var u=e.alternate;null!==u&&((l=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===l?u.firstBaseUpdate=c:l.next=c,u.lastBaseUpdate=s))}if(null!==r){var d=o.baseState;for(i=0,u=c=s=null,l=r;;){var p=l.lane,f=l.eventTime;if((a&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:l.tag,payload:l.payload,callback:l.callback,next:null});e:{var g=e,m=l;switch(p=t,f=n,m.tag){case 1:if("function"==typeof(g=m.payload)){d=g.call(f,d,p);break e}d=g;break e;case 3:g.flags=-65537&g.flags|128;case 0:if(null==(p="function"==typeof(g=m.payload)?g.call(f,d,p):g))break e;d=O({},d,p);break e;case 2:Ir=!0}}null!==l.callback&&0!==l.lane&&(e.flags|=64,null===(p=o.effects)?o.effects=[l]:p.push(l))}else f={eventTime:f,lane:p,tag:l.tag,payload:l.payload,callback:l.callback,next:null},null===u?(c=u=f,s=d):u=u.next=f,i|=p;if(null===(l=l.next)){if(null===(l=o.shared.pending))break;l=(p=l).next,p.next=null,o.lastBaseUpdate=p,o.shared.pending=null}}if(null===u&&(s=d),o.baseState=s,o.firstBaseUpdate=c,o.lastBaseUpdate=u,null!==(t=o.shared.interleaved)){o=t;do{i|=o.lane,o=o.next}while(o!==t)}else null===r&&(o.shared.lanes=0);Os|=i,e.lanes=i,e.memoizedState=d}}function Br(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var a=e[t],o=a.callback;if(null!==o){if(a.callback=null,a=n,"function"!=typeof o)throw Error(r(191,o));o.call(a)}}}var zr=(new a.Component).refs;function qr(e,t,n,a){n=null==(n=n(a,t=e.memoizedState))?t:O({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var Ur={isMounted:function(e){return!!(e=e._reactInternals)&&Ue(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var a=tc(),o=nc(e),r=Rr(a,o);r.payload=t,null!=n&&(r.callback=n),null!==(t=Nr(e,r,o))&&(ac(t,e,o,a),Fr(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var a=tc(),o=nc(e),r=Rr(a,o);r.tag=1,r.payload=t,null!=n&&(r.callback=n),null!==(t=Nr(e,r,o))&&(ac(t,e,o,a),Fr(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=tc(),a=nc(e),o=Rr(n,a);o.tag=2,null!=t&&(o.callback=t),null!==(t=Nr(e,o,a))&&(ac(t,e,a,n),Fr(t,e,a))}};function $r(e,t,n,a,o,r,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(a,r,i):!t.prototype||!t.prototype.isPureReactComponent||(!sa(n,a)||!sa(o,r))}function Hr(e,t,n){var a=!1,o=Po,r=t.contextType;return"object"==typeof r&&null!==r?r=_r(r):(o=jo(t)?Io:Do.current,r=(a=null!=(a=t.contextTypes))?Eo(e,o):Po),t=new t(n,r),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=Ur,e.stateNode=t,t._reactInternals=e,a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=r),t}function Gr(e,t,n,a){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,a),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,a),t.state!==e&&Ur.enqueueReplaceState(t,t.state,null)}function Wr(e,t,n,a){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=zr,Er(e);var r=t.contextType;"object"==typeof r&&null!==r?o.context=_r(r):(r=jo(t)?Io:Do.current,o.context=Eo(e,r)),o.state=e.memoizedState,"function"==typeof(r=t.getDerivedStateFromProps)&&(qr(e,t,r,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&Ur.enqueueReplaceState(o,o.state,null),Mr(e,n,o,a),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4194308)}function Zr(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(r(309));var a=n.stateNode}if(!a)throw Error(r(147,e));var o=a,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs;t===zr&&(t=o.refs={}),null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(r(284));if(!n._owner)throw Error(r(290,e))}return e}function Vr(e,t){throw e=Object.prototype.toString.call(t),Error(r(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Qr(e){return(0,e._init)(e._payload)}function Yr(e){function t(t,n){if(e){var a=t.deletions;null===a?(t.deletions=[n],t.flags|=16):a.push(n)}}function n(n,a){if(!e)return null;for(;null!==a;)t(n,a),a=a.sibling;return null}function a(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Rc(e,t)).index=0,e.sibling=null,e}function i(t,n,a){return t.index=a,e?null!==(a=t.alternate)?(a=a.index)<n?(t.flags|=2,n):a:(t.flags|=2,n):(t.flags|=1048576,n)}function l(t){return e&&null===t.alternate&&(t.flags|=2),t}function s(e,t,n,a){return null===t||6!==t.tag?((t=Mc(n,e.mode,a)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,a){var r=n.type;return r===L?d(e,t,n.props.children,a,n.key):null!==t&&(t.elementType===r||"object"==typeof r&&null!==r&&r.$$typeof===E&&Qr(r)===t.type)?((a=o(t,n.props)).ref=Zr(e,t,n),a.return=e,a):((a=Nc(n.type,n.key,n.props,null,e.mode,a)).ref=Zr(e,t,n),a.return=e,a)}function u(e,t,n,a){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Bc(n,e.mode,a)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,a,r){return null===t||7!==t.tag?((t=Fc(n,e.mode,a,r)).return=e,t):((t=o(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Mc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case k:return(n=Nc(t.type,t.key,t.props,null,e.mode,n)).ref=Zr(e,null,t),n.return=e,n;case x:return(t=Bc(t,e.mode,n)).return=e,t;case E:return p(e,(0,t._init)(t._payload),n)}if(te(t)||N(t))return(t=Fc(t,e.mode,n,null)).return=e,t;Vr(e,t)}return null}function f(e,t,n,a){var o=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==o?null:s(e,t,""+n,a);if("object"==typeof n&&null!==n){switch(n.$$typeof){case k:return n.key===o?c(e,t,n,a):null;case x:return n.key===o?u(e,t,n,a):null;case E:return f(e,t,(o=n._init)(n._payload),a)}if(te(n)||N(n))return null!==o?null:d(e,t,n,a,null);Vr(e,n)}return null}function g(e,t,n,a,o){if("string"==typeof a&&""!==a||"number"==typeof a)return s(t,e=e.get(n)||null,""+a,o);if("object"==typeof a&&null!==a){switch(a.$$typeof){case k:return c(t,e=e.get(null===a.key?n:a.key)||null,a,o);case x:return u(t,e=e.get(null===a.key?n:a.key)||null,a,o);case E:return g(e,t,n,(0,a._init)(a._payload),o)}if(te(a)||N(a))return d(t,e=e.get(n)||null,a,o,null);Vr(t,a)}return null}function m(o,r,l,s){for(var c=null,u=null,d=r,m=r=0,h=null;null!==d&&m<l.length;m++){d.index>m?(h=d,d=null):h=d.sibling;var b=f(o,d,l[m],s);if(null===b){null===d&&(d=h);break}e&&d&&null===b.alternate&&t(o,d),r=i(b,r,m),null===u?c=b:u.sibling=b,u=b,d=h}if(m===l.length)return n(o,d),rr&&Jo(o,m),c;if(null===d){for(;m<l.length;m++)null!==(d=p(o,l[m],s))&&(r=i(d,r,m),null===u?c=d:u.sibling=d,u=d);return rr&&Jo(o,m),c}for(d=a(o,d);m<l.length;m++)null!==(h=g(d,o,m,l[m],s))&&(e&&null!==h.alternate&&d.delete(null===h.key?m:h.key),r=i(h,r,m),null===u?c=h:u.sibling=h,u=h);return e&&d.forEach((function(e){return t(o,e)})),rr&&Jo(o,m),c}function h(o,l,s,c){var u=N(s);if("function"!=typeof u)throw Error(r(150));if(null==(s=u.call(s)))throw Error(r(151));for(var d=u=null,m=l,h=l=0,b=null,y=s.next();null!==m&&!y.done;h++,y=s.next()){m.index>h?(b=m,m=null):b=m.sibling;var v=f(o,m,y.value,c);if(null===v){null===m&&(m=b);break}e&&m&&null===v.alternate&&t(o,m),l=i(v,l,h),null===d?u=v:d.sibling=v,d=v,m=b}if(y.done)return n(o,m),rr&&Jo(o,h),u;if(null===m){for(;!y.done;h++,y=s.next())null!==(y=p(o,y.value,c))&&(l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return rr&&Jo(o,h),u}for(m=a(o,m);!y.done;h++,y=s.next())null!==(y=g(m,o,h,y.value,c))&&(e&&null!==y.alternate&&m.delete(null===y.key?h:y.key),l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return e&&m.forEach((function(e){return t(o,e)})),rr&&Jo(o,h),u}return function e(a,r,i,s){if("object"==typeof i&&null!==i&&i.type===L&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case k:e:{for(var c=i.key,u=r;null!==u;){if(u.key===c){if((c=i.type)===L){if(7===u.tag){n(a,u.sibling),(r=o(u,i.props.children)).return=a,a=r;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===E&&Qr(c)===u.type){n(a,u.sibling),(r=o(u,i.props)).ref=Zr(a,u,i),r.return=a,a=r;break e}n(a,u);break}t(a,u),u=u.sibling}i.type===L?((r=Fc(i.props.children,a.mode,s,i.key)).return=a,a=r):((s=Nc(i.type,i.key,i.props,null,a.mode,s)).ref=Zr(a,r,i),s.return=a,a=s)}return l(a);case x:e:{for(u=i.key;null!==r;){if(r.key===u){if(4===r.tag&&r.stateNode.containerInfo===i.containerInfo&&r.stateNode.implementation===i.implementation){n(a,r.sibling),(r=o(r,i.children||[])).return=a,a=r;break e}n(a,r);break}t(a,r),r=r.sibling}(r=Bc(i,a.mode,s)).return=a,a=r}return l(a);case E:return e(a,r,(u=i._init)(i._payload),s)}if(te(i))return m(a,r,i,s);if(N(i))return h(a,r,i,s);Vr(a,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==r&&6===r.tag?(n(a,r.sibling),(r=o(r,i)).return=a,a=r):(n(a,r),(r=Mc(i,a.mode,s)).return=a,a=r),l(a)):n(a,r)}}var Kr=Yr(!0),Xr=Yr(!1),Jr={},ei=So(Jr),ti=So(Jr),ni=So(Jr);function ai(e){if(e===Jr)throw Error(r(174));return e}function oi(e,t){switch(Ao(ni,t),Ao(ti,e),Ao(ei,Jr),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:se(null,"");break;default:t=se(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}_o(ei),Ao(ei,t)}function ri(){_o(ei),_o(ti),_o(ni)}function ii(e){ai(ni.current);var t=ai(ei.current),n=se(t,e.type);t!==n&&(Ao(ti,e),Ao(ei,n))}function li(e){ti.current===e&&(_o(ei),_o(ti))}var si=So(0);function ci(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(128&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ui=[];function di(){for(var e=0;e<ui.length;e++)ui[e]._workInProgressVersionPrimary=null;ui.length=0}var pi=w.ReactCurrentDispatcher,fi=w.ReactCurrentBatchConfig,gi=0,mi=null,hi=null,bi=null,yi=!1,vi=!1,wi=0,ki=0;function xi(){throw Error(r(321))}function Li(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!la(e[n],t[n]))return!1;return!0}function Ci(e,t,n,a,o,i){if(gi=i,mi=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,pi.current=null===e||null===e.memoizedState?ll:sl,e=n(a,o),vi){i=0;do{if(vi=!1,wi=0,25<=i)throw Error(r(301));i+=1,bi=hi=null,t.updateQueue=null,pi.current=cl,e=n(a,o)}while(vi)}if(pi.current=il,t=null!==hi&&null!==hi.next,gi=0,bi=hi=mi=null,yi=!1,t)throw Error(r(300));return e}function Si(){var e=0!==wi;return wi=0,e}function _i(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===bi?mi.memoizedState=bi=e:bi=bi.next=e,bi}function Ai(){if(null===hi){var e=mi.alternate;e=null!==e?e.memoizedState:null}else e=hi.next;var t=null===bi?mi.memoizedState:bi.next;if(null!==t)bi=t,hi=e;else{if(null===e)throw Error(r(310));e={memoizedState:(hi=e).memoizedState,baseState:hi.baseState,baseQueue:hi.baseQueue,queue:hi.queue,next:null},null===bi?mi.memoizedState=bi=e:bi=bi.next=e}return bi}function Pi(e,t){return"function"==typeof t?t(e):t}function Di(e){var t=Ai(),n=t.queue;if(null===n)throw Error(r(311));n.lastRenderedReducer=e;var a=hi,o=a.baseQueue,i=n.pending;if(null!==i){if(null!==o){var l=o.next;o.next=i.next,i.next=l}a.baseQueue=o=i,n.pending=null}if(null!==o){i=o.next,a=a.baseState;var s=l=null,c=null,u=i;do{var d=u.lane;if((gi&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),a=u.hasEagerState?u.eagerState:e(a,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(s=c=p,l=a):c=c.next=p,mi.lanes|=d,Os|=d}u=u.next}while(null!==u&&u!==i);null===c?l=a:c.next=s,la(a,t.memoizedState)||(wl=!0),t.memoizedState=a,t.baseState=l,t.baseQueue=c,n.lastRenderedState=a}if(null!==(e=n.interleaved)){o=e;do{i=o.lane,mi.lanes|=i,Os|=i,o=o.next}while(o!==e)}else null===o&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Ti(e){var t=Ai(),n=t.queue;if(null===n)throw Error(r(311));n.lastRenderedReducer=e;var a=n.dispatch,o=n.pending,i=t.memoizedState;if(null!==o){n.pending=null;var l=o=o.next;do{i=e(i,l.action),l=l.next}while(l!==o);la(i,t.memoizedState)||(wl=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,a]}function Ii(){}function Ei(e,t){var n=mi,a=Ai(),o=t(),i=!la(a.memoizedState,o);if(i&&(a.memoizedState=o,wl=!0),a=a.queue,Hi(Ni.bind(null,n,a,e),[e]),a.getSnapshot!==t||i||null!==bi&&1&bi.memoizedState.tag){if(n.flags|=2048,Bi(9,Ri.bind(null,n,a,o,t),void 0,null),null===Ts)throw Error(r(349));0!=(30&gi)||ji(n,t,o)}return o}function ji(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Ri(e,t,n,a){t.value=n,t.getSnapshot=a,Fi(t)&&Oi(e)}function Ni(e,t,n){return n((function(){Fi(t)&&Oi(e)}))}function Fi(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!la(e,n)}catch(a){return!0}}function Oi(e){var t=Tr(e,1);null!==t&&ac(t,e,1,-1)}function Mi(e){var t=_i();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Pi,lastRenderedState:e},t.queue=e,e=e.dispatch=nl.bind(null,mi,e),[t.memoizedState,e]}function Bi(e,t,n,a){return e={tag:e,create:t,destroy:n,deps:a,next:null},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(a=n.next,n.next=e,e.next=a,t.lastEffect=e),e}function zi(){return Ai().memoizedState}function qi(e,t,n,a){var o=_i();mi.flags|=e,o.memoizedState=Bi(1|t,n,void 0,void 0===a?null:a)}function Ui(e,t,n,a){var o=Ai();a=void 0===a?null:a;var r=void 0;if(null!==hi){var i=hi.memoizedState;if(r=i.destroy,null!==a&&Li(a,i.deps))return void(o.memoizedState=Bi(t,n,r,a))}mi.flags|=e,o.memoizedState=Bi(1|t,n,r,a)}function $i(e,t){return qi(8390656,8,e,t)}function Hi(e,t){return Ui(2048,8,e,t)}function Gi(e,t){return Ui(4,2,e,t)}function Wi(e,t){return Ui(4,4,e,t)}function Zi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Vi(e,t,n){return n=null!=n?n.concat([e]):null,Ui(4,4,Zi.bind(null,t,e),n)}function Qi(){}function Yi(e,t){var n=Ai();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(n.memoizedState=[e,t],e)}function Ki(e,t){var n=Ai();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(e=e(),n.memoizedState=[e,t],e)}function Xi(e,t,n){return 0==(21&gi)?(e.baseState&&(e.baseState=!1,wl=!0),e.memoizedState=n):(la(n,t)||(n=mt(),mi.lanes|=n,Os|=n,e.baseState=!0),t)}function Ji(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var a=fi.transition;fi.transition={};try{e(!1),t()}finally{vt=n,fi.transition=a}}function el(){return Ai().memoizedState}function tl(e,t,n){var a=nc(e);if(n={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null},al(e))ol(t,n);else if(null!==(n=Dr(e,t,n,a))){ac(n,e,a,tc()),rl(n,t,a)}}function nl(e,t,n){var a=nc(e),o={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null};if(al(e))ol(t,o);else{var r=e.alternate;if(0===e.lanes&&(null===r||0===r.lanes)&&null!==(r=t.lastRenderedReducer))try{var i=t.lastRenderedState,l=r(i,n);if(o.hasEagerState=!0,o.eagerState=l,la(l,i)){var s=t.interleaved;return null===s?(o.next=o,Pr(t)):(o.next=s.next,s.next=o),void(t.interleaved=o)}}catch(c){}null!==(n=Dr(e,t,o,a))&&(ac(n,e,a,o=tc()),rl(n,t,a))}}function al(e){var t=e.alternate;return e===mi||null!==t&&t===mi}function ol(e,t){vi=yi=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function rl(e,t,n){if(0!=(4194240&n)){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}var il={readContext:_r,useCallback:xi,useContext:xi,useEffect:xi,useImperativeHandle:xi,useInsertionEffect:xi,useLayoutEffect:xi,useMemo:xi,useReducer:xi,useRef:xi,useState:xi,useDebugValue:xi,useDeferredValue:xi,useTransition:xi,useMutableSource:xi,useSyncExternalStore:xi,useId:xi,unstable_isNewReconciler:!1},ll={readContext:_r,useCallback:function(e,t){return _i().memoizedState=[e,void 0===t?null:t],e},useContext:_r,useEffect:$i,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,qi(4194308,4,Zi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return qi(4194308,4,e,t)},useInsertionEffect:function(e,t){return qi(4,2,e,t)},useMemo:function(e,t){var n=_i();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var a=_i();return t=void 0!==n?n(t):t,a.memoizedState=a.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},a.queue=e,e=e.dispatch=tl.bind(null,mi,e),[a.memoizedState,e]},useRef:function(e){return e={current:e},_i().memoizedState=e},useState:Mi,useDebugValue:Qi,useDeferredValue:function(e){return _i().memoizedState=e},useTransition:function(){var e=Mi(!1),t=e[0];return e=Ji.bind(null,e[1]),_i().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var a=mi,o=_i();if(rr){if(void 0===n)throw Error(r(407));n=n()}else{if(n=t(),null===Ts)throw Error(r(349));0!=(30&gi)||ji(a,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,$i(Ni.bind(null,a,i,e),[e]),a.flags|=2048,Bi(9,Ri.bind(null,a,i,n,t),void 0,null),n},useId:function(){var e=_i(),t=Ts.identifierPrefix;if(rr){var n=Xo;t=":"+t+"R"+(n=(Ko&~(1<<32-it(Ko)-1)).toString(32)+n),0<(n=wi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=ki++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},sl={readContext:_r,useCallback:Yi,useContext:_r,useEffect:Hi,useImperativeHandle:Vi,useInsertionEffect:Gi,useLayoutEffect:Wi,useMemo:Ki,useReducer:Di,useRef:zi,useState:function(){return Di(Pi)},useDebugValue:Qi,useDeferredValue:function(e){return Xi(Ai(),hi.memoizedState,e)},useTransition:function(){return[Di(Pi)[0],Ai().memoizedState]},useMutableSource:Ii,useSyncExternalStore:Ei,useId:el,unstable_isNewReconciler:!1},cl={readContext:_r,useCallback:Yi,useContext:_r,useEffect:Hi,useImperativeHandle:Vi,useInsertionEffect:Gi,useLayoutEffect:Wi,useMemo:Ki,useReducer:Ti,useRef:zi,useState:function(){return Ti(Pi)},useDebugValue:Qi,useDeferredValue:function(e){var t=Ai();return null===hi?t.memoizedState=e:Xi(t,hi.memoizedState,e)},useTransition:function(){return[Ti(Pi)[0],Ai().memoizedState]},useMutableSource:Ii,useSyncExternalStore:Ei,useId:el,unstable_isNewReconciler:!1};function ul(e,t){try{var n="",a=t;do{n+=q(a),a=a.return}while(a);var o=n}catch(r){o="\nError generating stack: "+r.message+"\n"+r.stack}return{value:e,source:t,stack:o,digest:null}}function dl(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function pl(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var fl="function"==typeof WeakMap?WeakMap:Map;function gl(e,t,n){(n=Rr(-1,n)).tag=3,n.payload={element:null};var a=t.value;return n.callback=function(){Gs||(Gs=!0,Ws=a),pl(0,t)},n}function ml(e,t,n){(n=Rr(-1,n)).tag=3;var a=e.type.getDerivedStateFromError;if("function"==typeof a){var o=t.value;n.payload=function(){return a(o)},n.callback=function(){pl(0,t)}}var r=e.stateNode;return null!==r&&"function"==typeof r.componentDidCatch&&(n.callback=function(){pl(0,t),"function"!=typeof a&&(null===Zs?Zs=new Set([this]):Zs.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hl(e,t,n){var a=e.pingCache;if(null===a){a=e.pingCache=new fl;var o=new Set;a.set(t,o)}else void 0===(o=a.get(t))&&(o=new Set,a.set(t,o));o.has(n)||(o.add(n),e=_c.bind(null,e,t,n),t.then(e,e))}function bl(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function yl(e,t,n,a,o){return 0==(1&e.mode)?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=Rr(-1,1)).tag=2,Nr(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=o,e)}var vl=w.ReactCurrentOwner,wl=!1;function kl(e,t,n,a){t.child=null===e?Xr(t,null,n,a):Kr(t,e.child,n,a)}function xl(e,t,n,a,o){n=n.render;var r=t.ref;return Sr(t,o),a=Ci(e,t,n,a,r,o),n=Si(),null===e||wl?(rr&&n&&tr(t),t.flags|=1,kl(e,t,a,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Gl(e,t,o))}function Ll(e,t,n,a,o){if(null===e){var r=n.type;return"function"!=typeof r||jc(r)||void 0!==r.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Nc(n.type,null,a,t,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=r,Cl(e,t,r,a,o))}if(r=e.child,0==(e.lanes&o)){var i=r.memoizedProps;if((n=null!==(n=n.compare)?n:sa)(i,a)&&e.ref===t.ref)return Gl(e,t,o)}return t.flags|=1,(e=Rc(r,a)).ref=t.ref,e.return=t,t.child=e}function Cl(e,t,n,a,o){if(null!==e){var r=e.memoizedProps;if(sa(r,a)&&e.ref===t.ref){if(wl=!1,t.pendingProps=a=r,0==(e.lanes&o))return t.lanes=e.lanes,Gl(e,t,o);0!=(131072&e.flags)&&(wl=!0)}}return Al(e,t,n,a,o)}function Sl(e,t,n){var a=t.pendingProps,o=a.children,r=null!==e?e.memoizedState:null;if("hidden"===a.mode)if(0==(1&t.mode))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Ao(Rs,js),js|=n;else{if(0==(1073741824&n))return e=null!==r?r.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Ao(Rs,js),js|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},a=null!==r?r.baseLanes:n,Ao(Rs,js),js|=a}else null!==r?(a=r.baseLanes|n,t.memoizedState=null):a=n,Ao(Rs,js),js|=a;return kl(e,t,o,n),t.child}function _l(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Al(e,t,n,a,o){var r=jo(n)?Io:Do.current;return r=Eo(t,r),Sr(t,o),n=Ci(e,t,n,a,r,o),a=Si(),null===e||wl?(rr&&a&&tr(t),t.flags|=1,kl(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Gl(e,t,o))}function Pl(e,t,n,a,o){if(jo(n)){var r=!0;Oo(t)}else r=!1;if(Sr(t,o),null===t.stateNode)Hl(e,t),Hr(t,n,a),Wr(t,n,a,o),a=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=_r(c):c=Eo(t,c=jo(n)?Io:Do.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==a||s!==c)&&Gr(t,i,a,c),Ir=!1;var p=t.memoizedState;i.state=p,Mr(t,a,i,o),s=t.memoizedState,l!==a||p!==s||To.current||Ir?("function"==typeof u&&(qr(t,n,u,a),s=t.memoizedState),(l=Ir||$r(t,n,l,a,p,s,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=a,t.memoizedState=s),i.props=a,i.state=s,i.context=c,a=l):("function"==typeof i.componentDidMount&&(t.flags|=4194308),a=!1)}else{i=t.stateNode,jr(e,t),l=t.memoizedProps,c=t.type===t.elementType?l:br(t.type,l),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(s=n.contextType)&&null!==s?s=_r(s):s=Eo(t,s=jo(n)?Io:Do.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==d||p!==s)&&Gr(t,i,a,s),Ir=!1,p=t.memoizedState,i.state=p,Mr(t,a,i,o);var g=t.memoizedState;l!==d||p!==g||To.current||Ir?("function"==typeof f&&(qr(t,n,f,a),g=t.memoizedState),(c=Ir||$r(t,n,c,a,p,g,s)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(a,g,s),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(a,g,s)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=a,t.memoizedState=g),i.props=a,i.state=g,i.context=s,a=c):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),a=!1)}return Dl(e,t,n,a,r,o)}function Dl(e,t,n,a,o,r){_l(e,t);var i=0!=(128&t.flags);if(!a&&!i)return o&&Mo(t,n,!1),Gl(e,t,r);a=t.stateNode,vl.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:a.render();return t.flags|=1,null!==e&&i?(t.child=Kr(t,e.child,null,r),t.child=Kr(t,null,l,r)):kl(e,t,l,r),t.memoizedState=a.state,o&&Mo(t,n,!0),t.child}function Tl(e){var t=e.stateNode;t.pendingContext?No(0,t.pendingContext,t.pendingContext!==t.context):t.context&&No(0,t.context,!1),oi(e,t.containerInfo)}function Il(e,t,n,a,o){return gr(),mr(o),t.flags|=256,kl(e,t,n,a),t.child}var El,jl,Rl,Nl,Fl={dehydrated:null,treeContext:null,retryLane:0};function Ol(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ml(e,t,n){var a,o=t.pendingProps,i=si.current,l=!1,s=0!=(128&t.flags);if((a=s)||(a=(null===e||null!==e.memoizedState)&&0!=(2&i)),a?(l=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),Ao(si,1&i),null===e)return ur(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&t.mode)?t.lanes=1:"$!"===e.data?t.lanes=8:t.lanes=1073741824,null):(s=o.children,e=o.fallback,l?(o=t.mode,l=t.child,s={mode:"hidden",children:s},0==(1&o)&&null!==l?(l.childLanes=0,l.pendingProps=s):l=Oc(s,o,0,null),e=Fc(e,o,n,null),l.return=t,e.return=t,l.sibling=e,t.child=l,t.child.memoizedState=Ol(n),t.memoizedState=Fl,e):Bl(t,s));if(null!==(i=e.memoizedState)&&null!==(a=i.dehydrated))return function(e,t,n,a,o,i,l){if(n)return 256&t.flags?(t.flags&=-257,zl(e,t,l,a=dl(Error(r(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=a.fallback,o=t.mode,a=Oc({mode:"visible",children:a.children},o,0,null),(i=Fc(i,o,l,null)).flags|=2,a.return=t,i.return=t,a.sibling=i,t.child=a,0!=(1&t.mode)&&Kr(t,e.child,null,l),t.child.memoizedState=Ol(l),t.memoizedState=Fl,i);if(0==(1&t.mode))return zl(e,t,l,null);if("$!"===o.data){if(a=o.nextSibling&&o.nextSibling.dataset)var s=a.dgst;return a=s,zl(e,t,l,a=dl(i=Error(r(419)),a,void 0))}if(s=0!=(l&e.childLanes),wl||s){if(null!==(a=Ts)){switch(l&-l){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}0!==(o=0!=(o&(a.suspendedLanes|l))?0:o)&&o!==i.retryLane&&(i.retryLane=o,Tr(e,o),ac(a,e,o,-1))}return hc(),zl(e,t,l,a=dl(Error(r(421))))}return"$?"===o.data?(t.flags|=128,t.child=e.child,t=Pc.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,or=co(o.nextSibling),ar=t,rr=!0,ir=null,null!==e&&(Vo[Qo++]=Ko,Vo[Qo++]=Xo,Vo[Qo++]=Yo,Ko=e.id,Xo=e.overflow,Yo=t),t=Bl(t,a.children),t.flags|=4096,t)}(e,t,s,o,a,i,n);if(l){l=o.fallback,s=t.mode,a=(i=e.child).sibling;var c={mode:"hidden",children:o.children};return 0==(1&s)&&t.child!==i?((o=t.child).childLanes=0,o.pendingProps=c,t.deletions=null):(o=Rc(i,c)).subtreeFlags=14680064&i.subtreeFlags,null!==a?l=Rc(a,l):(l=Fc(l,s,n,null)).flags|=2,l.return=t,o.return=t,o.sibling=l,t.child=o,o=l,l=t.child,s=null===(s=e.child.memoizedState)?Ol(n):{baseLanes:s.baseLanes|n,cachePool:null,transitions:s.transitions},l.memoizedState=s,l.childLanes=e.childLanes&~n,t.memoizedState=Fl,o}return e=(l=e.child).sibling,o=Rc(l,{mode:"visible",children:o.children}),0==(1&t.mode)&&(o.lanes=n),o.return=t,o.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=o,t.memoizedState=null,o}function Bl(e,t){return(t=Oc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zl(e,t,n,a){return null!==a&&mr(a),Kr(t,e.child,null,n),(e=Bl(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function ql(e,t,n){e.lanes|=t;var a=e.alternate;null!==a&&(a.lanes|=t),Cr(e.return,t,n)}function Ul(e,t,n,a,o){var r=e.memoizedState;null===r?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:o}:(r.isBackwards=t,r.rendering=null,r.renderingStartTime=0,r.last=a,r.tail=n,r.tailMode=o)}function $l(e,t,n){var a=t.pendingProps,o=a.revealOrder,r=a.tail;if(kl(e,t,a.children,n),0!=(2&(a=si.current)))a=1&a|2,t.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&ql(e,n,t);else if(19===e.tag)ql(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}a&=1}if(Ao(si,a),0==(1&t.mode))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ci(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Ul(t,!1,o,n,r);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ci(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Ul(t,!0,n,null,r);break;case"together":Ul(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Hl(e,t){0==(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Gl(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Os|=t.lanes,0==(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(r(153));if(null!==t.child){for(n=Rc(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Rc(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Wl(e,t){if(!rr)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var a=null;null!==n;)null!==n.alternate&&(a=n),n=n.sibling;null===a?t||null===e.tail?e.tail=null:e.tail.sibling=null:a.sibling=null}}function Zl(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,a=0;if(t)for(var o=e.child;null!==o;)n|=o.lanes|o.childLanes,a|=14680064&o.subtreeFlags,a|=14680064&o.flags,o.return=e,o=o.sibling;else for(o=e.child;null!==o;)n|=o.lanes|o.childLanes,a|=o.subtreeFlags,a|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=a,e.childLanes=n,t}function Vl(e,t,n){var a=t.pendingProps;switch(nr(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Zl(t),null;case 1:case 17:return jo(t.type)&&Ro(),Zl(t),null;case 3:return a=t.stateNode,ri(),_o(To),_o(Do),di(),a.pendingContext&&(a.context=a.pendingContext,a.pendingContext=null),null!==e&&null!==e.child||(pr(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&t.flags)||(t.flags|=1024,null!==ir&&(lc(ir),ir=null))),jl(e,t),Zl(t),null;case 5:li(t);var o=ai(ni.current);if(n=t.type,null!==e&&null!=t.stateNode)Rl(e,t,n,a,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!a){if(null===t.stateNode)throw Error(r(166));return Zl(t),null}if(e=ai(ei.current),pr(t)){a=t.stateNode,n=t.type;var i=t.memoizedProps;switch(a[fo]=t,a[go]=i,e=0!=(1&t.mode),n){case"dialog":Ba("cancel",a),Ba("close",a);break;case"iframe":case"object":case"embed":Ba("load",a);break;case"video":case"audio":for(o=0;o<Na.length;o++)Ba(Na[o],a);break;case"source":Ba("error",a);break;case"img":case"image":case"link":Ba("error",a),Ba("load",a);break;case"details":Ba("toggle",a);break;case"input":Y(a,i),Ba("invalid",a);break;case"select":a._wrapperState={wasMultiple:!!i.multiple},Ba("invalid",a);break;case"textarea":oe(a,i),Ba("invalid",a)}for(var s in ye(n,i),o=null,i)if(i.hasOwnProperty(s)){var c=i[s];"children"===s?"string"==typeof c?a.textContent!==c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),o=["children",c]):"number"==typeof c&&a.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),o=["children",""+c]):l.hasOwnProperty(s)&&null!=c&&"onScroll"===s&&Ba("scroll",a)}switch(n){case"input":W(a),J(a,i,!0);break;case"textarea":W(a),ie(a);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(a.onclick=Ja)}a=o,t.updateQueue=a,null!==a&&(t.flags|=4)}else{s=9===o.nodeType?o:o.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=le(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=s.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof a.is?e=s.createElement(n,{is:a.is}):(e=s.createElement(n),"select"===n&&(s=e,a.multiple?s.multiple=!0:a.size&&(s.size=a.size))):e=s.createElementNS(e,n),e[fo]=t,e[go]=a,El(e,t,!1,!1),t.stateNode=e;e:{switch(s=ve(n,a),n){case"dialog":Ba("cancel",e),Ba("close",e),o=a;break;case"iframe":case"object":case"embed":Ba("load",e),o=a;break;case"video":case"audio":for(o=0;o<Na.length;o++)Ba(Na[o],e);o=a;break;case"source":Ba("error",e),o=a;break;case"img":case"image":case"link":Ba("error",e),Ba("load",e),o=a;break;case"details":Ba("toggle",e),o=a;break;case"input":Y(e,a),o=Q(e,a),Ba("invalid",e);break;case"option":default:o=a;break;case"select":e._wrapperState={wasMultiple:!!a.multiple},o=O({},a,{value:void 0}),Ba("invalid",e);break;case"textarea":oe(e,a),o=ae(e,a),Ba("invalid",e)}for(i in ye(n,o),c=o)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?he(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(l.hasOwnProperty(i)?null!=u&&"onScroll"===i&&Ba("scroll",e):null!=u&&v(e,i,u,s))}switch(n){case"input":W(e),J(e,a,!1);break;case"textarea":W(e),ie(e);break;case"option":null!=a.value&&e.setAttribute("value",""+H(a.value));break;case"select":e.multiple=!!a.multiple,null!=(i=a.value)?ne(e,!!a.multiple,i,!1):null!=a.defaultValue&&ne(e,!!a.multiple,a.defaultValue,!0);break;default:"function"==typeof o.onClick&&(e.onclick=Ja)}switch(n){case"button":case"input":case"select":case"textarea":a=!!a.autoFocus;break e;case"img":a=!0;break e;default:a=!1}}a&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Zl(t),null;case 6:if(e&&null!=t.stateNode)Nl(e,t,e.memoizedProps,a);else{if("string"!=typeof a&&null===t.stateNode)throw Error(r(166));if(n=ai(ni.current),ai(ei.current),pr(t)){if(a=t.stateNode,n=t.memoizedProps,a[fo]=t,(i=a.nodeValue!==n)&&null!==(e=ar))switch(e.tag){case 3:Xa(a.nodeValue,n,0!=(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Xa(a.nodeValue,n,0!=(1&e.mode))}i&&(t.flags|=4)}else(a=(9===n.nodeType?n:n.ownerDocument).createTextNode(a))[fo]=t,t.stateNode=a}return Zl(t),null;case 13:if(_o(si),a=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(rr&&null!==or&&0!=(1&t.mode)&&0==(128&t.flags))fr(),gr(),t.flags|=98560,i=!1;else if(i=pr(t),null!==a&&null!==a.dehydrated){if(null===e){if(!i)throw Error(r(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(r(317));i[fo]=t}else gr(),0==(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Zl(t),i=!1}else null!==ir&&(lc(ir),ir=null),i=!0;if(!i)return 65536&t.flags?t:null}return 0!=(128&t.flags)?(t.lanes=n,t):((a=null!==a)!==(null!==e&&null!==e.memoizedState)&&a&&(t.child.flags|=8192,0!=(1&t.mode)&&(null===e||0!=(1&si.current)?0===Ns&&(Ns=3):hc())),null!==t.updateQueue&&(t.flags|=4),Zl(t),null);case 4:return ri(),jl(e,t),null===e&&Ua(t.stateNode.containerInfo),Zl(t),null;case 10:return Lr(t.type._context),Zl(t),null;case 19:if(_o(si),null===(i=t.memoizedState))return Zl(t),null;if(a=0!=(128&t.flags),null===(s=i.rendering))if(a)Wl(i,!1);else{if(0!==Ns||null!==e&&0!=(128&e.flags))for(e=t.child;null!==e;){if(null!==(s=ci(e))){for(t.flags|=128,Wl(i,!1),null!==(a=s.updateQueue)&&(t.updateQueue=a,t.flags|=4),t.subtreeFlags=0,a=n,n=t.child;null!==n;)e=a,(i=n).flags&=14680066,null===(s=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=s.childLanes,i.lanes=s.lanes,i.child=s.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=s.memoizedProps,i.memoizedState=s.memoizedState,i.updateQueue=s.updateQueue,i.type=s.type,e=s.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Ao(si,1&si.current|2),t.child}e=e.sibling}null!==i.tail&&Ke()>$s&&(t.flags|=128,a=!0,Wl(i,!1),t.lanes=4194304)}else{if(!a)if(null!==(e=ci(s))){if(t.flags|=128,a=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Wl(i,!0),null===i.tail&&"hidden"===i.tailMode&&!s.alternate&&!rr)return Zl(t),null}else 2*Ke()-i.renderingStartTime>$s&&1073741824!==n&&(t.flags|=128,a=!0,Wl(i,!1),t.lanes=4194304);i.isBackwards?(s.sibling=t.child,t.child=s):(null!==(n=i.last)?n.sibling=s:t.child=s,i.last=s)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ke(),t.sibling=null,n=si.current,Ao(si,a?1&n|2:1&n),t):(Zl(t),null);case 22:case 23:return pc(),a=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==a&&(t.flags|=8192),a&&0!=(1&t.mode)?0!=(1073741824&js)&&(Zl(t),6&t.subtreeFlags&&(t.flags|=8192)):Zl(t),null;case 24:case 25:return null}throw Error(r(156,t.tag))}function Ql(e,t){switch(nr(t),t.tag){case 1:return jo(t.type)&&Ro(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return ri(),_o(To),_o(Do),di(),0!=(65536&(e=t.flags))&&0==(128&e)?(t.flags=-65537&e|128,t):null;case 5:return li(t),null;case 13:if(_o(si),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(r(340));gr()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return _o(si),null;case 4:return ri(),null;case 10:return Lr(t.type._context),null;case 22:case 23:return pc(),null;default:return null}}El=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},jl=function(){},Rl=function(e,t,n,a){var o=e.memoizedProps;if(o!==a){e=t.stateNode,ai(ei.current);var r,i=null;switch(n){case"input":o=Q(e,o),a=Q(e,a),i=[];break;case"select":o=O({},o,{value:void 0}),a=O({},a,{value:void 0}),i=[];break;case"textarea":o=ae(e,o),a=ae(e,a),i=[];break;default:"function"!=typeof o.onClick&&"function"==typeof a.onClick&&(e.onclick=Ja)}for(u in ye(n,a),n=null,o)if(!a.hasOwnProperty(u)&&o.hasOwnProperty(u)&&null!=o[u])if("style"===u){var s=o[u];for(r in s)s.hasOwnProperty(r)&&(n||(n={}),n[r]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(l.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in a){var c=a[u];if(s=null!=o?o[u]:void 0,a.hasOwnProperty(u)&&c!==s&&(null!=c||null!=s))if("style"===u)if(s){for(r in s)!s.hasOwnProperty(r)||c&&c.hasOwnProperty(r)||(n||(n={}),n[r]="");for(r in c)c.hasOwnProperty(r)&&s[r]!==c[r]&&(n||(n={}),n[r]=c[r])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,s=s?s.__html:void 0,null!=c&&s!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(l.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Ba("scroll",e),i||s===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Nl=function(e,t,n,a){n!==a&&(t.flags|=4)};var Yl=!1,Kl=!1,Xl="function"==typeof WeakSet?WeakSet:Set,Jl=null;function es(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(a){Sc(e,t,a)}else n.current=null}function ts(e,t,n){try{n()}catch(a){Sc(e,t,a)}}var ns=!1;function as(e,t,n){var a=t.updateQueue;if(null!==(a=null!==a?a.lastEffect:null)){var o=a=a.next;do{if((o.tag&e)===e){var r=o.destroy;o.destroy=void 0,void 0!==r&&ts(t,n,r)}o=o.next}while(o!==a)}}function os(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var a=n.create;n.destroy=a()}n=n.next}while(n!==t)}}function rs(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function is(e){var t=e.alternate;null!==t&&(e.alternate=null,is(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[fo],delete t[go],delete t[ho],delete t[bo],delete t[yo])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ls(e){return 5===e.tag||3===e.tag||4===e.tag}function ss(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||ls(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cs(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Ja));else if(4!==a&&null!==(e=e.child))for(cs(e,t,n),e=e.sibling;null!==e;)cs(e,t,n),e=e.sibling}function us(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==a&&null!==(e=e.child))for(us(e,t,n),e=e.sibling;null!==e;)us(e,t,n),e=e.sibling}var ds=null,ps=!1;function fs(e,t,n){for(n=n.child;null!==n;)gs(e,t,n),n=n.sibling}function gs(e,t,n){if(rt&&"function"==typeof rt.onCommitFiberUnmount)try{rt.onCommitFiberUnmount(ot,n)}catch(l){}switch(n.tag){case 5:Kl||es(n,t);case 6:var a=ds,o=ps;ds=null,fs(e,t,n),ps=o,null!==(ds=a)&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ds.removeChild(n.stateNode));break;case 18:null!==ds&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?so(e.parentNode,n):1===e.nodeType&&so(e,n),Ut(e)):so(ds,n.stateNode));break;case 4:a=ds,o=ps,ds=n.stateNode.containerInfo,ps=!0,fs(e,t,n),ds=a,ps=o;break;case 0:case 11:case 14:case 15:if(!Kl&&(null!==(a=n.updateQueue)&&null!==(a=a.lastEffect))){o=a=a.next;do{var r=o,i=r.destroy;r=r.tag,void 0!==i&&(0!=(2&r)||0!=(4&r))&&ts(n,t,i),o=o.next}while(o!==a)}fs(e,t,n);break;case 1:if(!Kl&&(es(n,t),"function"==typeof(a=n.stateNode).componentWillUnmount))try{a.props=n.memoizedProps,a.state=n.memoizedState,a.componentWillUnmount()}catch(l){Sc(n,t,l)}fs(e,t,n);break;case 21:fs(e,t,n);break;case 22:1&n.mode?(Kl=(a=Kl)||null!==n.memoizedState,fs(e,t,n),Kl=a):fs(e,t,n);break;default:fs(e,t,n)}}function ms(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Xl),t.forEach((function(t){var a=Dc.bind(null,e,t);n.has(t)||(n.add(t),t.then(a,a))}))}}function hs(e,t){var n=t.deletions;if(null!==n)for(var a=0;a<n.length;a++){var o=n[a];try{var i=e,l=t,s=l;e:for(;null!==s;){switch(s.tag){case 5:ds=s.stateNode,ps=!1;break e;case 3:case 4:ds=s.stateNode.containerInfo,ps=!0;break e}s=s.return}if(null===ds)throw Error(r(160));gs(i,l,o),ds=null,ps=!1;var c=o.alternate;null!==c&&(c.return=null),o.return=null}catch(u){Sc(o,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)bs(t,e),t=t.sibling}function bs(e,t){var n=e.alternate,a=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hs(t,e),ys(e),4&a){try{as(3,e,e.return),os(3,e)}catch(h){Sc(e,e.return,h)}try{as(5,e,e.return)}catch(h){Sc(e,e.return,h)}}break;case 1:hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return);break;case 5:if(hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return),32&e.flags){var o=e.stateNode;try{pe(o,"")}catch(h){Sc(e,e.return,h)}}if(4&a&&null!=(o=e.stateNode)){var i=e.memoizedProps,l=null!==n?n.memoizedProps:i,s=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===s&&"radio"===i.type&&null!=i.name&&K(o,i),ve(s,l);var u=ve(s,i);for(l=0;l<c.length;l+=2){var d=c[l],p=c[l+1];"style"===d?he(o,p):"dangerouslySetInnerHTML"===d?de(o,p):"children"===d?pe(o,p):v(o,d,p,u)}switch(s){case"input":X(o,i);break;case"textarea":re(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var g=i.value;null!=g?ne(o,!!i.multiple,g,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(o,!!i.multiple,i.defaultValue,!0):ne(o,!!i.multiple,i.multiple?[]:"",!1))}o[go]=i}catch(h){Sc(e,e.return,h)}}break;case 6:if(hs(t,e),ys(e),4&a){if(null===e.stateNode)throw Error(r(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(h){Sc(e,e.return,h)}}break;case 3:if(hs(t,e),ys(e),4&a&&null!==n&&n.memoizedState.isDehydrated)try{Ut(t.containerInfo)}catch(h){Sc(e,e.return,h)}break;case 4:default:hs(t,e),ys(e);break;case 13:hs(t,e),ys(e),8192&(o=e.child).flags&&(i=null!==o.memoizedState,o.stateNode.isHidden=i,!i||null!==o.alternate&&null!==o.alternate.memoizedState||(Us=Ke())),4&a&&ms(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Kl=(u=Kl)||d,hs(t,e),Kl=u):hs(t,e),ys(e),8192&a){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&0!=(1&e.mode))for(Jl=e,d=e.child;null!==d;){for(p=Jl=d;null!==Jl;){switch(g=(f=Jl).child,f.tag){case 0:case 11:case 14:case 15:as(4,f,f.return);break;case 1:es(f,f.return);var m=f.stateNode;if("function"==typeof m.componentWillUnmount){a=f,n=f.return;try{t=a,m.props=t.memoizedProps,m.state=t.memoizedState,m.componentWillUnmount()}catch(h){Sc(a,n,h)}}break;case 5:es(f,f.return);break;case 22:if(null!==f.memoizedState){xs(p);continue}}null!==g?(g.return=f,Jl=g):xs(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{o=p.stateNode,u?"function"==typeof(i=o.style).setProperty?i.setProperty("display","none","important"):i.display="none":(s=p.stateNode,l=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,s.style.display=me("display",l))}catch(h){Sc(e,e.return,h)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(h){Sc(e,e.return,h)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hs(t,e),ys(e),4&a&&ms(e);case 21:}}function ys(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(ls(n)){var a=n;break e}n=n.return}throw Error(r(160))}switch(a.tag){case 5:var o=a.stateNode;32&a.flags&&(pe(o,""),a.flags&=-33),us(e,ss(e),o);break;case 3:case 4:var i=a.stateNode.containerInfo;cs(e,ss(e),i);break;default:throw Error(r(161))}}catch(l){Sc(e,e.return,l)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function vs(e,t,n){Jl=e,ws(e,t,n)}function ws(e,t,n){for(var a=0!=(1&e.mode);null!==Jl;){var o=Jl,r=o.child;if(22===o.tag&&a){var i=null!==o.memoizedState||Yl;if(!i){var l=o.alternate,s=null!==l&&null!==l.memoizedState||Kl;l=Yl;var c=Kl;if(Yl=i,(Kl=s)&&!c)for(Jl=o;null!==Jl;)s=(i=Jl).child,22===i.tag&&null!==i.memoizedState?Ls(o):null!==s?(s.return=i,Jl=s):Ls(o);for(;null!==r;)Jl=r,ws(r,t,n),r=r.sibling;Jl=o,Yl=l,Kl=c}ks(e)}else 0!=(8772&o.subtreeFlags)&&null!==r?(r.return=o,Jl=r):ks(e)}}function ks(e){for(;null!==Jl;){var t=Jl;if(0!=(8772&t.flags)){var n=t.alternate;try{if(0!=(8772&t.flags))switch(t.tag){case 0:case 11:case 15:Kl||os(5,t);break;case 1:var a=t.stateNode;if(4&t.flags&&!Kl)if(null===n)a.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:br(t.type,n.memoizedProps);a.componentDidUpdate(o,n.memoizedState,a.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Br(t,i,a);break;case 3:var l=t.updateQueue;if(null!==l){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Br(t,l,n)}break;case 5:var s=t.stateNode;if(null===n&&4&t.flags){n=s;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&Ut(p)}}}break;default:throw Error(r(163))}Kl||512&t.flags&&rs(t)}catch(f){Sc(t,t.return,f)}}if(t===e){Jl=null;break}if(null!==(n=t.sibling)){n.return=t.return,Jl=n;break}Jl=t.return}}function xs(e){for(;null!==Jl;){var t=Jl;if(t===e){Jl=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Jl=n;break}Jl=t.return}}function Ls(e){for(;null!==Jl;){var t=Jl;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{os(4,t)}catch(s){Sc(t,n,s)}break;case 1:var a=t.stateNode;if("function"==typeof a.componentDidMount){var o=t.return;try{a.componentDidMount()}catch(s){Sc(t,o,s)}}var r=t.return;try{rs(t)}catch(s){Sc(t,r,s)}break;case 5:var i=t.return;try{rs(t)}catch(s){Sc(t,i,s)}}}catch(s){Sc(t,t.return,s)}if(t===e){Jl=null;break}var l=t.sibling;if(null!==l){l.return=t.return,Jl=l;break}Jl=t.return}}var Cs,Ss=Math.ceil,_s=w.ReactCurrentDispatcher,As=w.ReactCurrentOwner,Ps=w.ReactCurrentBatchConfig,Ds=0,Ts=null,Is=null,Es=0,js=0,Rs=So(0),Ns=0,Fs=null,Os=0,Ms=0,Bs=0,zs=null,qs=null,Us=0,$s=1/0,Hs=null,Gs=!1,Ws=null,Zs=null,Vs=!1,Qs=null,Ys=0,Ks=0,Xs=null,Js=-1,ec=0;function tc(){return 0!=(6&Ds)?Ke():-1!==Js?Js:Js=Ke()}function nc(e){return 0==(1&e.mode)?1:0!=(2&Ds)&&0!==Es?Es&-Es:null!==hr.transition?(0===ec&&(ec=mt()),ec):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type)}function ac(e,t,n,a){if(50<Ks)throw Ks=0,Xs=null,Error(r(185));bt(e,n,a),0!=(2&Ds)&&e===Ts||(e===Ts&&(0==(2&Ds)&&(Ms|=n),4===Ns&&sc(e,Es)),oc(e,a),1===n&&0===Ds&&0==(1&t.mode)&&($s=Ke()+500,zo&&$o()))}function oc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,a=e.pingedLanes,o=e.expirationTimes,r=e.pendingLanes;0<r;){var i=31-it(r),l=1<<i,s=o[i];-1===s?0!=(l&n)&&0==(l&a)||(o[i]=ft(l,t)):s<=t&&(e.expiredLanes|=l),r&=~l}}(e,t);var a=pt(e,e===Ts?Es:0);if(0===a)null!==n&&Ve(n),e.callbackNode=null,e.callbackPriority=0;else if(t=a&-a,e.callbackPriority!==t){if(null!=n&&Ve(n),1===t)0===e.tag?function(e){zo=!0,Uo(e)}(cc.bind(null,e)):Uo(cc.bind(null,e)),io((function(){0==(6&Ds)&&$o()})),n=null;else{switch(wt(a)){case 1:n=Je;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=at}n=Tc(n,rc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function rc(e,t){if(Js=-1,ec=0,0!=(6&Ds))throw Error(r(327));var n=e.callbackNode;if(Lc()&&e.callbackNode!==n)return null;var a=pt(e,e===Ts?Es:0);if(0===a)return null;if(0!=(30&a)||0!=(a&e.expiredLanes)||t)t=bc(e,a);else{t=a;var o=Ds;Ds|=2;var i=mc();for(Ts===e&&Es===t||(Hs=null,$s=Ke()+500,fc(e,t));;)try{vc();break}catch(s){gc(e,s)}xr(),_s.current=i,Ds=o,null!==Is?t=0:(Ts=null,Es=0,t=Ns)}if(0!==t){if(2===t&&(0!==(o=gt(e))&&(a=o,t=ic(e,o))),1===t)throw n=Fs,fc(e,0),sc(e,a),oc(e,Ke()),n;if(6===t)sc(e,a);else{if(o=e.current.alternate,0==(30&a)&&!function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var a=0;a<n.length;a++){var o=n[a],r=o.getSnapshot;o=o.value;try{if(!la(r(),o))return!1}catch(l){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(o)&&(2===(t=bc(e,a))&&(0!==(i=gt(e))&&(a=i,t=ic(e,i))),1===t))throw n=Fs,fc(e,0),sc(e,a),oc(e,Ke()),n;switch(e.finishedWork=o,e.finishedLanes=a,t){case 0:case 1:throw Error(r(345));case 2:case 5:xc(e,qs,Hs);break;case 3:if(sc(e,a),(130023424&a)===a&&10<(t=Us+500-Ke())){if(0!==pt(e,0))break;if(((o=e.suspendedLanes)&a)!==a){tc(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=ao(xc.bind(null,e,qs,Hs),t);break}xc(e,qs,Hs);break;case 4:if(sc(e,a),(4194240&a)===a)break;for(t=e.eventTimes,o=-1;0<a;){var l=31-it(a);i=1<<l,(l=t[l])>o&&(o=l),a&=~i}if(a=o,10<(a=(120>(a=Ke()-a)?120:480>a?480:1080>a?1080:1920>a?1920:3e3>a?3e3:4320>a?4320:1960*Ss(a/1960))-a)){e.timeoutHandle=ao(xc.bind(null,e,qs,Hs),a);break}xc(e,qs,Hs);break;default:throw Error(r(329))}}}return oc(e,Ke()),e.callbackNode===n?rc.bind(null,e):null}function ic(e,t){var n=zs;return e.current.memoizedState.isDehydrated&&(fc(e,t).flags|=256),2!==(e=bc(e,t))&&(t=qs,qs=n,null!==t&&lc(t)),e}function lc(e){null===qs?qs=e:qs.push.apply(qs,e)}function sc(e,t){for(t&=~Bs,t&=~Ms,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),a=1<<n;e[n]=-1,t&=~a}}function cc(e){if(0!=(6&Ds))throw Error(r(327));Lc();var t=pt(e,0);if(0==(1&t))return oc(e,Ke()),null;var n=bc(e,t);if(0!==e.tag&&2===n){var a=gt(e);0!==a&&(t=a,n=ic(e,a))}if(1===n)throw n=Fs,fc(e,0),sc(e,t),oc(e,Ke()),n;if(6===n)throw Error(r(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,xc(e,qs,Hs),oc(e,Ke()),null}function uc(e,t){var n=Ds;Ds|=1;try{return e(t)}finally{0===(Ds=n)&&($s=Ke()+500,zo&&$o())}}function dc(e){null!==Qs&&0===Qs.tag&&0==(6&Ds)&&Lc();var t=Ds;Ds|=1;var n=Ps.transition,a=vt;try{if(Ps.transition=null,vt=1,e)return e()}finally{vt=a,Ps.transition=n,0==(6&(Ds=t))&&$o()}}function pc(){js=Rs.current,_o(Rs)}function fc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,oo(n)),null!==Is)for(n=Is.return;null!==n;){var a=n;switch(nr(a),a.tag){case 1:null!=(a=a.type.childContextTypes)&&Ro();break;case 3:ri(),_o(To),_o(Do),di();break;case 5:li(a);break;case 4:ri();break;case 13:case 19:_o(si);break;case 10:Lr(a.type._context);break;case 22:case 23:pc()}n=n.return}if(Ts=e,Is=e=Rc(e.current,null),Es=js=t,Ns=0,Fs=null,Bs=Ms=Os=0,qs=zs=null,null!==Ar){for(t=0;t<Ar.length;t++)if(null!==(a=(n=Ar[t]).interleaved)){n.interleaved=null;var o=a.next,r=n.pending;if(null!==r){var i=r.next;r.next=o,a.next=i}n.pending=a}Ar=null}return e}function gc(e,t){for(;;){var n=Is;try{if(xr(),pi.current=il,yi){for(var a=mi.memoizedState;null!==a;){var o=a.queue;null!==o&&(o.pending=null),a=a.next}yi=!1}if(gi=0,bi=hi=mi=null,vi=!1,wi=0,As.current=null,null===n||null===n.return){Ns=1,Fs=t,Is=null;break}e:{var i=e,l=n.return,s=n,c=t;if(t=Es,s.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=s,p=d.tag;if(0==(1&d.mode)&&(0===p||11===p||15===p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var g=bl(l);if(null!==g){g.flags&=-257,yl(g,l,s,0,t),1&g.mode&&hl(i,u,t),c=u;var m=(t=g).updateQueue;if(null===m){var h=new Set;h.add(c),t.updateQueue=h}else m.add(c);break e}if(0==(1&t)){hl(i,u,t),hc();break e}c=Error(r(426))}else if(rr&&1&s.mode){var b=bl(l);if(null!==b){0==(65536&b.flags)&&(b.flags|=256),yl(b,l,s,0,t),mr(ul(c,s));break e}}i=c=ul(c,s),4!==Ns&&(Ns=2),null===zs?zs=[i]:zs.push(i),i=l;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,Or(i,gl(0,c,t));break e;case 1:s=c;var y=i.type,v=i.stateNode;if(0==(128&i.flags)&&("function"==typeof y.getDerivedStateFromError||null!==v&&"function"==typeof v.componentDidCatch&&(null===Zs||!Zs.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,Or(i,ml(i,s,t));break e}}i=i.return}while(null!==i)}kc(n)}catch(w){t=w,Is===n&&null!==n&&(Is=n=n.return);continue}break}}function mc(){var e=_s.current;return _s.current=il,null===e?il:e}function hc(){0!==Ns&&3!==Ns&&2!==Ns||(Ns=4),null===Ts||0==(268435455&Os)&&0==(268435455&Ms)||sc(Ts,Es)}function bc(e,t){var n=Ds;Ds|=2;var a=mc();for(Ts===e&&Es===t||(Hs=null,fc(e,t));;)try{yc();break}catch(o){gc(e,o)}if(xr(),Ds=n,_s.current=a,null!==Is)throw Error(r(261));return Ts=null,Es=0,Ns}function yc(){for(;null!==Is;)wc(Is)}function vc(){for(;null!==Is&&!Qe();)wc(Is)}function wc(e){var t=Cs(e.alternate,e,js);e.memoizedProps=e.pendingProps,null===t?kc(e):Is=t,As.current=null}function kc(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(32768&t.flags)){if(null!==(n=Vl(n,t,js)))return void(Is=n)}else{if(null!==(n=Ql(n,t)))return n.flags&=32767,void(Is=n);if(null===e)return Ns=6,void(Is=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}if(null!==(t=t.sibling))return void(Is=t);Is=t=e}while(null!==t);0===Ns&&(Ns=5)}function xc(e,t,n){var a=vt,o=Ps.transition;try{Ps.transition=null,vt=1,function(e,t,n,a){do{Lc()}while(null!==Qs);if(0!=(6&Ds))throw Error(r(327));n=e.finishedWork;var o=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(r(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var a=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-it(n),r=1<<o;t[o]=0,a[o]=-1,e[o]=-1,n&=~r}}(e,i),e===Ts&&(Is=Ts=null,Es=0),0==(2064&n.subtreeFlags)&&0==(2064&n.flags)||Vs||(Vs=!0,Tc(tt,(function(){return Lc(),null}))),i=0!=(15990&n.flags),0!=(15990&n.subtreeFlags)||i){i=Ps.transition,Ps.transition=null;var l=vt;vt=1;var s=Ds;Ds|=4,As.current=null,function(e,t){if(eo=Ht,fa(e=pa())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var a=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(a&&0!==a.rangeCount){n=a.anchorNode;var o=a.anchorOffset,i=a.focusNode;a=a.focusOffset;try{n.nodeType,i.nodeType}catch(k){n=null;break e}var l=0,s=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var g;p!==n||0!==o&&3!==p.nodeType||(s=l+o),p!==i||0!==a&&3!==p.nodeType||(c=l+a),3===p.nodeType&&(l+=p.nodeValue.length),null!==(g=p.firstChild);)f=p,p=g;for(;;){if(p===e)break t;if(f===n&&++u===o&&(s=l),f===i&&++d===a&&(c=l),null!==(g=p.nextSibling))break;f=(p=f).parentNode}p=g}n=-1===s||-1===c?null:{start:s,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(to={focusedElem:e,selectionRange:n},Ht=!1,Jl=t;null!==Jl;)if(e=(t=Jl).child,0!=(1028&t.subtreeFlags)&&null!==e)e.return=t,Jl=e;else for(;null!==Jl;){t=Jl;try{var m=t.alternate;if(0!=(1024&t.flags))switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==m){var h=m.memoizedProps,b=m.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?h:br(t.type,h),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(r(163))}}catch(k){Sc(t,t.return,k)}if(null!==(e=t.sibling)){e.return=t.return,Jl=e;break}Jl=t.return}m=ns,ns=!1}(e,n),bs(n,e),ga(to),Ht=!!eo,to=eo=null,e.current=n,vs(n,e,o),Ye(),Ds=s,vt=l,Ps.transition=i}else e.current=n;if(Vs&&(Vs=!1,Qs=e,Ys=o),i=e.pendingLanes,0===i&&(Zs=null),function(e){if(rt&&"function"==typeof rt.onCommitFiberRoot)try{rt.onCommitFiberRoot(ot,e,void 0,128==(128&e.current.flags))}catch(t){}}(n.stateNode),oc(e,Ke()),null!==t)for(a=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],a(o.value,{componentStack:o.stack,digest:o.digest});if(Gs)throw Gs=!1,e=Ws,Ws=null,e;0!=(1&Ys)&&0!==e.tag&&Lc(),i=e.pendingLanes,0!=(1&i)?e===Xs?Ks++:(Ks=0,Xs=e):Ks=0,$o()}(e,t,n,a)}finally{Ps.transition=o,vt=a}return null}function Lc(){if(null!==Qs){var e=wt(Ys),t=Ps.transition,n=vt;try{if(Ps.transition=null,vt=16>e?16:e,null===Qs)var a=!1;else{if(e=Qs,Qs=null,Ys=0,0!=(6&Ds))throw Error(r(331));var o=Ds;for(Ds|=4,Jl=e.current;null!==Jl;){var i=Jl,l=i.child;if(0!=(16&Jl.flags)){var s=i.deletions;if(null!==s){for(var c=0;c<s.length;c++){var u=s[c];for(Jl=u;null!==Jl;){var d=Jl;switch(d.tag){case 0:case 11:case 15:as(8,d,i)}var p=d.child;if(null!==p)p.return=d,Jl=p;else for(;null!==Jl;){var f=(d=Jl).sibling,g=d.return;if(is(d),d===u){Jl=null;break}if(null!==f){f.return=g,Jl=f;break}Jl=g}}}var m=i.alternate;if(null!==m){var h=m.child;if(null!==h){m.child=null;do{var b=h.sibling;h.sibling=null,h=b}while(null!==h)}}Jl=i}}if(0!=(2064&i.subtreeFlags)&&null!==l)l.return=i,Jl=l;else e:for(;null!==Jl;){if(0!=(2048&(i=Jl).flags))switch(i.tag){case 0:case 11:case 15:as(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Jl=y;break e}Jl=i.return}}var v=e.current;for(Jl=v;null!==Jl;){var w=(l=Jl).child;if(0!=(2064&l.subtreeFlags)&&null!==w)w.return=l,Jl=w;else e:for(l=v;null!==Jl;){if(0!=(2048&(s=Jl).flags))try{switch(s.tag){case 0:case 11:case 15:os(9,s)}}catch(x){Sc(s,s.return,x)}if(s===l){Jl=null;break e}var k=s.sibling;if(null!==k){k.return=s.return,Jl=k;break e}Jl=s.return}}if(Ds=o,$o(),rt&&"function"==typeof rt.onPostCommitFiberRoot)try{rt.onPostCommitFiberRoot(ot,e)}catch(x){}a=!0}return a}finally{vt=n,Ps.transition=t}}return!1}function Cc(e,t,n){e=Nr(e,t=gl(0,t=ul(n,t),1),1),t=tc(),null!==e&&(bt(e,1,t),oc(e,t))}function Sc(e,t,n){if(3===e.tag)Cc(e,e,n);else for(;null!==t;){if(3===t.tag){Cc(t,e,n);break}if(1===t.tag){var a=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof a.componentDidCatch&&(null===Zs||!Zs.has(a))){t=Nr(t,e=ml(t,e=ul(n,e),1),1),e=tc(),null!==t&&(bt(t,1,e),oc(t,e));break}}t=t.return}}function _c(e,t,n){var a=e.pingCache;null!==a&&a.delete(t),t=tc(),e.pingedLanes|=e.suspendedLanes&n,Ts===e&&(Es&n)===n&&(4===Ns||3===Ns&&(130023424&Es)===Es&&500>Ke()-Us?fc(e,0):Bs|=n),oc(e,t)}function Ac(e,t){0===t&&(0==(1&e.mode)?t=1:(t=ut,0==(130023424&(ut<<=1))&&(ut=4194304)));var n=tc();null!==(e=Tr(e,t))&&(bt(e,t,n),oc(e,n))}function Pc(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Ac(e,n)}function Dc(e,t){var n=0;switch(e.tag){case 13:var a=e.stateNode,o=e.memoizedState;null!==o&&(n=o.retryLane);break;case 19:a=e.stateNode;break;default:throw Error(r(314))}null!==a&&a.delete(t),Ac(e,n)}function Tc(e,t){return Ze(e,t)}function Ic(e,t,n,a){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ec(e,t,n,a){return new Ic(e,t,n,a)}function jc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Rc(e,t){var n=e.alternate;return null===n?((n=Ec(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Nc(e,t,n,a,o,i){var l=2;if(a=e,"function"==typeof e)jc(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case L:return Fc(n.children,o,i,t);case C:l=8,o|=8;break;case S:return(e=Ec(12,n,t,2|o)).elementType=S,e.lanes=i,e;case D:return(e=Ec(13,n,t,o)).elementType=D,e.lanes=i,e;case T:return(e=Ec(19,n,t,o)).elementType=T,e.lanes=i,e;case j:return Oc(n,o,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case _:l=10;break e;case A:l=9;break e;case P:l=11;break e;case I:l=14;break e;case E:l=16,a=null;break e}throw Error(r(130,null==e?e:typeof e,""))}return(t=Ec(l,n,t,o)).elementType=e,t.type=a,t.lanes=i,t}function Fc(e,t,n,a){return(e=Ec(7,e,a,t)).lanes=n,e}function Oc(e,t,n,a){return(e=Ec(22,e,a,t)).elementType=j,e.lanes=n,e.stateNode={isHidden:!1},e}function Mc(e,t,n){return(e=Ec(6,e,null,t)).lanes=n,e}function Bc(e,t,n){return(t=Ec(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,a,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ht(0),this.expirationTimes=ht(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ht(0),this.identifierPrefix=a,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function qc(e,t,n,a,o,r,i,l,s){return e=new zc(e,t,n,l,s),1===t?(t=1,!0===r&&(t|=8)):t=0,r=Ec(3,null,null,t),e.current=r,r.stateNode=e,r.memoizedState={element:a,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Er(r),e}function Uc(e){if(!e)return Po;e:{if(Ue(e=e._reactInternals)!==e||1!==e.tag)throw Error(r(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(jo(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(r(171))}if(1===e.tag){var n=e.type;if(jo(n))return Fo(e,n,t)}return t}function $c(e,t,n,a,o,r,i,l,s){return(e=qc(n,a,!0,e,0,r,0,l,s)).context=Uc(null),n=e.current,(r=Rr(a=tc(),o=nc(n))).callback=null!=t?t:null,Nr(n,r,o),e.current.lanes=o,bt(e,o,a),oc(e,a),e}function Hc(e,t,n,a){var o=t.current,r=tc(),i=nc(o);return n=Uc(n),null===t.context?t.context=n:t.pendingContext=n,(t=Rr(r,i)).payload={element:e},null!==(a=void 0===a?null:a)&&(t.callback=a),null!==(e=Nr(o,t,i))&&(ac(e,o,i,r),Fr(e,o,i)),i}function Gc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Wc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Zc(e,t){Wc(e,t),(e=e.alternate)&&Wc(e,t)}Cs=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||To.current)wl=!0;else{if(0==(e.lanes&n)&&0==(128&t.flags))return wl=!1,function(e,t,n){switch(t.tag){case 3:Tl(t),gr();break;case 5:ii(t);break;case 1:jo(t.type)&&Oo(t);break;case 4:oi(t,t.stateNode.containerInfo);break;case 10:var a=t.type._context,o=t.memoizedProps.value;Ao(yr,a._currentValue),a._currentValue=o;break;case 13:if(null!==(a=t.memoizedState))return null!==a.dehydrated?(Ao(si,1&si.current),t.flags|=128,null):0!=(n&t.child.childLanes)?Ml(e,t,n):(Ao(si,1&si.current),null!==(e=Gl(e,t,n))?e.sibling:null);Ao(si,1&si.current);break;case 19:if(a=0!=(n&t.childLanes),0!=(128&e.flags)){if(a)return $l(e,t,n);t.flags|=128}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),Ao(si,si.current),a)break;return null;case 22:case 23:return t.lanes=0,Sl(e,t,n)}return Gl(e,t,n)}(e,t,n);wl=0!=(131072&e.flags)}else wl=!1,rr&&0!=(1048576&t.flags)&&er(t,Zo,t.index);switch(t.lanes=0,t.tag){case 2:var a=t.type;Hl(e,t),e=t.pendingProps;var o=Eo(t,Do.current);Sr(t,n),o=Ci(null,t,a,e,o,n);var i=Si();return t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,jo(a)?(i=!0,Oo(t)):i=!1,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,Er(t),o.updater=Ur,t.stateNode=o,o._reactInternals=t,Wr(t,a,e,n),t=Dl(null,t,a,!0,i,n)):(t.tag=0,rr&&i&&tr(t),kl(null,t,o,n),t=t.child),t;case 16:a=t.elementType;e:{switch(Hl(e,t),e=t.pendingProps,a=(o=a._init)(a._payload),t.type=a,o=t.tag=function(e){if("function"==typeof e)return jc(e)?1:0;if(null!=e){if((e=e.$$typeof)===P)return 11;if(e===I)return 14}return 2}(a),e=br(a,e),o){case 0:t=Al(null,t,a,e,n);break e;case 1:t=Pl(null,t,a,e,n);break e;case 11:t=xl(null,t,a,e,n);break e;case 14:t=Ll(null,t,a,br(a.type,e),n);break e}throw Error(r(306,a,""))}return t;case 0:return a=t.type,o=t.pendingProps,Al(e,t,a,o=t.elementType===a?o:br(a,o),n);case 1:return a=t.type,o=t.pendingProps,Pl(e,t,a,o=t.elementType===a?o:br(a,o),n);case 3:e:{if(Tl(t),null===e)throw Error(r(387));a=t.pendingProps,o=(i=t.memoizedState).element,jr(e,t),Mr(t,a,null,n);var l=t.memoizedState;if(a=l.element,i.isDehydrated){if(i={element:a,isDehydrated:!1,cache:l.cache,pendingSuspenseBoundaries:l.pendingSuspenseBoundaries,transitions:l.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Il(e,t,a,n,o=ul(Error(r(423)),t));break e}if(a!==o){t=Il(e,t,a,n,o=ul(Error(r(424)),t));break e}for(or=co(t.stateNode.containerInfo.firstChild),ar=t,rr=!0,ir=null,n=Xr(t,null,a,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(gr(),a===o){t=Gl(e,t,n);break e}kl(e,t,a,n)}t=t.child}return t;case 5:return ii(t),null===e&&ur(t),a=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,l=o.children,no(a,o)?l=null:null!==i&&no(a,i)&&(t.flags|=32),_l(e,t),kl(e,t,l,n),t.child;case 6:return null===e&&ur(t),null;case 13:return Ml(e,t,n);case 4:return oi(t,t.stateNode.containerInfo),a=t.pendingProps,null===e?t.child=Kr(t,null,a,n):kl(e,t,a,n),t.child;case 11:return a=t.type,o=t.pendingProps,xl(e,t,a,o=t.elementType===a?o:br(a,o),n);case 7:return kl(e,t,t.pendingProps,n),t.child;case 8:case 12:return kl(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(a=t.type._context,o=t.pendingProps,i=t.memoizedProps,l=o.value,Ao(yr,a._currentValue),a._currentValue=l,null!==i)if(la(i.value,l)){if(i.children===o.children&&!To.current){t=Gl(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var s=i.dependencies;if(null!==s){l=i.child;for(var c=s.firstContext;null!==c;){if(c.context===a){if(1===i.tag){(c=Rr(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),Cr(i.return,n,t),s.lanes|=n;break}c=c.next}}else if(10===i.tag)l=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(l=i.return))throw Error(r(341));l.lanes|=n,null!==(s=l.alternate)&&(s.lanes|=n),Cr(l,n,t),l=i.sibling}else l=i.child;if(null!==l)l.return=i;else for(l=i;null!==l;){if(l===t){l=null;break}if(null!==(i=l.sibling)){i.return=l.return,l=i;break}l=l.return}i=l}kl(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,a=t.pendingProps.children,Sr(t,n),a=a(o=_r(o)),t.flags|=1,kl(e,t,a,n),t.child;case 14:return o=br(a=t.type,t.pendingProps),Ll(e,t,a,o=br(a.type,o),n);case 15:return Cl(e,t,t.type,t.pendingProps,n);case 17:return a=t.type,o=t.pendingProps,o=t.elementType===a?o:br(a,o),Hl(e,t),t.tag=1,jo(a)?(e=!0,Oo(t)):e=!1,Sr(t,n),Hr(t,a,o),Wr(t,a,o,n),Dl(null,t,a,!0,e,n);case 19:return $l(e,t,n);case 22:return Sl(e,t,n)}throw Error(r(156,t.tag))};var Vc="function"==typeof reportError?reportError:function(e){console.error(e)};function Qc(e){this._internalRoot=e}function Yc(e){this._internalRoot=e}function Kc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Xc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function eu(e,t,n,a,o){var r=n._reactRootContainer;if(r){var i=r;if("function"==typeof o){var l=o;o=function(){var e=Gc(i);l.call(e)}}Hc(t,i,e,o)}else i=function(e,t,n,a,o){if(o){if("function"==typeof a){var r=a;a=function(){var e=Gc(i);r.call(e)}}var i=$c(t,a,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[mo]=i.current,Ua(8===e.nodeType?e.parentNode:e),dc(),i}for(;o=e.lastChild;)e.removeChild(o);if("function"==typeof a){var l=a;a=function(){var e=Gc(s);l.call(e)}}var s=qc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=s,e[mo]=s.current,Ua(8===e.nodeType?e.parentNode:e),dc((function(){Hc(t,s,n,a)})),s}(n,t,e,o,a);return Gc(i)}Yc.prototype.render=Qc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(r(409));Hc(e,t,null,null)},Yc.prototype.unmount=Qc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;dc((function(){Hc(null,e,null,null)})),t[mo]=null}},Yc.prototype.unstable_scheduleHydration=function(e){if(e){var t=Ct();e={blockedOn:null,target:e,priority:t};for(var n=0;n<jt.length&&0!==t&&t<jt[n].priority;n++);jt.splice(n,0,e),0===n&&Ot(e)}},kt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),oc(t,Ke()),0==(6&Ds)&&($s=Ke()+500,$o()))}break;case 13:dc((function(){var t=Tr(e,1);if(null!==t){var n=tc();ac(t,e,1,n)}})),Zc(e,1)}},xt=function(e){if(13===e.tag){var t=Tr(e,134217728);if(null!==t)ac(t,e,134217728,tc());Zc(e,134217728)}},Lt=function(e){if(13===e.tag){var t=nc(e),n=Tr(e,t);if(null!==n)ac(n,e,t,tc());Zc(e,t)}},Ct=function(){return vt},St=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},xe=function(e,t,n){switch(t){case"input":if(X(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var a=n[t];if(a!==e&&a.form===e.form){var o=xo(a);if(!o)throw Error(r(90));Z(a),X(a,o)}}}break;case"textarea":re(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Pe=uc,De=dc;var tu={usingClientEntryPoint:!1,Events:[wo,ko,xo,_e,Ae,uc]},nu={findFiberByHostInstance:vo,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},au={bundleType:nu.bundleType,version:nu.version,rendererPackageName:nu.rendererPackageName,rendererConfig:nu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ge(e))?null:e.stateNode},findFiberByHostInstance:nu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0-next-9e3b772b8-20220608"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ou=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ou.isDisabled&&ou.supportsFiber)try{ot=ou.inject(au),rt=ou}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=tu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Kc(t))throw Error(r(200));return function(e,t,n){var a=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:x,key:null==a?null:""+a,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Kc(e))throw Error(r(299));var n=!1,a="",o=Vc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(a=t.identifierPrefix),void 0!==t.onRecoverableError&&(o=t.onRecoverableError)),t=qc(e,1,!1,null,0,n,0,a,o),e[mo]=t.current,Ua(8===e.nodeType?e.parentNode:e),new Qc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(r(188));throw e=Object.keys(e).join(","),Error(r(268,e))}return e=null===(e=Ge(t))?null:e.stateNode},t.flushSync=function(e){return dc(e)},t.hydrate=function(e,t,n){if(!Xc(t))throw Error(r(200));return eu(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Kc(e))throw Error(r(405));var a=null!=n&&n.hydratedSources||null,o=!1,i="",l=Vc;if(null!=n&&(!0===n.unstable_strictMode&&(o=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(l=n.onRecoverableError)),t=$c(t,null,e,1,null!=n?n:null,o,0,i,l),e[mo]=t.current,Ua(e),a)for(e=0;e<a.length;e++)o=(o=(n=a[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Yc(t)},t.render=function(e,t,n){if(!Xc(t))throw Error(r(200));return eu(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Xc(e))throw Error(r(40));return!!e._reactRootContainer&&(dc((function(){eu(null,null,e,!1,(function(){e._reactRootContainer=null,e[mo]=null}))})),!0)},t.unstable_batchedUpdates=uc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,a){if(!Xc(n))throw Error(r(200));if(null==e||void 0===e._reactInternals)throw Error(r(38));return eu(e,t,n,!1,a)},t.version="18.2.0-next-9e3b772b8-20220608"},4478:(e,t,n)=>{"use strict";var a=n(422);t.createRoot=a.createRoot,t.hydrateRoot=a.hydrateRoot},422:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(3746)},5154:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,a="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function r(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var l,s,c,u;if(Array.isArray(e)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(!r(e[s],i[s]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;for(u=e.entries();!(s=u.next()).done;)if(!r(s.value[1],i.get(s.value[0])))return!1;return!0}if(a&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(e[s]!==i[s])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((l=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(i,c[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==c[s]&&"__v"!==c[s]&&"__o"!==c[s]||!e.$$typeof)&&!r(e[c[s]],i[c[s]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return r(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},387:(e,t,n)=>{"use strict";n.d(t,{B6:()=>G,ql:()=>J});var a=n(959),o=n(507),r=n.n(o),i=n(5154),l=n.n(i),s=n(3670),c=n.n(s),u=n(631),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,g(e,t)}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function m(e,t){if(null==e)return{};var n,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)t.indexOf(n=r[a])>=0||(o[n]=e[n]);return o}var h={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(h).map((function(e){return h[e]})),k={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},x=Object.keys(k).reduce((function(e,t){return e[k[t]]=t,e}),{}),L=function(e,t){for(var n=e.length-1;n>=0;n-=1){var a=e[n];if(Object.prototype.hasOwnProperty.call(a,t))return a[t]}return null},C=function(e){var t=L(e,h.TITLE),n=L(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var a=L(e,"defaultTitle");return t||a||void 0},S=function(e){return L(e,"onChangeClientState")||function(){}},_=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},A=function(e,t){return t.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var a=Object.keys(n),o=0;o<a.length;o+=1){var r=a[o].toLowerCase();if(-1!==e.indexOf(r)&&n[r])return t.concat(n)}return t}),[])},P=function(e,t,n){var a={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n,r=Object.keys(e),i=0;i<r.length;i+=1){var l=r[i],s=l.toLowerCase();-1===t.indexOf(s)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===s&&"stylesheet"===e[s].toLowerCase()||(n=s),-1===t.indexOf(l)||"innerHTML"!==l&&"cssText"!==l&&"itemprop"!==l||(n=l)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return a[n]||(a[n]={}),o[n]||(o[n]={}),!a[n][c]&&(o[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var r=Object.keys(o),i=0;i<r.length;i+=1){var l=r[i],s=p({},a[l],o[l]);a[l]=s}return e}),[]).reverse()},D=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},T=function(e){return Array.isArray(e)?e.join(""):e},I=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),a=0;a<n.length;a+=1)if(t[n[a]]&&t[n[a]].includes(e[n[a]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},E=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},j=[h.NOSCRIPT,h.SCRIPT,h.STYLE],R=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},N=function(e){return Object.keys(e).reduce((function(t,n){var a=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+a:a}),"")},F=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[k[n]||n]=e[n],t}),t)},O=function(e,t){return t.map((function(t,n){var o,r=((o={key:n})["data-rh"]=!0,o);return Object.keys(t).forEach((function(e){var n=k[e]||e;"innerHTML"===n||"cssText"===n?r.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:r[n]=t[e]})),a.createElement(e,r)}))},M=function(e,t,n){switch(e){case h.TITLE:return{toComponent:function(){return n=t.titleAttributes,(o={key:e=t.title})["data-rh"]=!0,r=F(n,o),[a.createElement(h.TITLE,r,e)];var e,n,o,r},toString:function(){return function(e,t,n,a){var o=N(n),r=T(t);return o?"<"+e+' data-rh="true" '+o+">"+R(r,a)+"</"+e+">":"<"+e+' data-rh="true">'+R(r,a)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return F(t)},toString:function(){return N(t)}};default:return{toComponent:function(){return O(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,a){var o=Object.keys(a).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var o=void 0===a[t]?t:t+'="'+R(a[t],n)+'"';return e?e+" "+o:o}),""),r=a.innerHTML||a.cssText||"",i=-1===j.indexOf(e);return t+"<"+e+' data-rh="true" '+o+(i?"/>":">"+r+"</"+e+">")}),"")}(e,t,n)}}}},B=function(e){var t=e.baseTag,n=e.bodyAttributes,a=e.encode,o=e.htmlAttributes,r=e.noscriptTags,i=e.styleTags,l=e.title,s=void 0===l?"":l,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var g=function(e){var t=e.linkTags,n=e.scriptTags,a=e.encode,o=I(e.metaTags,v),r=I(t,b),i=I(n,y);return{priorityMethods:{toComponent:function(){return[].concat(O(h.META,o.priority),O(h.LINK,r.priority),O(h.SCRIPT,i.priority))},toString:function(){return M(h.META,o.priority,a)+" "+M(h.LINK,r.priority,a)+" "+M(h.SCRIPT,i.priority,a)}},metaTags:o.default,linkTags:r.default,scriptTags:i.default}}(e);f=g.priorityMethods,u=g.linkTags,d=g.metaTags,p=g.scriptTags}return{priority:f,base:M(h.BASE,t,a),bodyAttributes:M("bodyAttributes",n,a),htmlAttributes:M("htmlAttributes",o,a),link:M(h.LINK,u,a),meta:M(h.META,d,a),noscript:M(h.NOSCRIPT,r,a),script:M(h.SCRIPT,p,a),style:M(h.STYLE,i,a),title:M(h.TITLE,{title:s,titleAttributes:c},a)}},z=[],q=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?z:n.instances},add:function(e){(n.canUseDOM?z:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?z:n.instances).indexOf(e);(n.canUseDOM?z:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=B({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},U=a.createContext({}),$=r().shape({setHelmet:r().func,helmetInstances:r().shape({get:r().func,add:r().func,remove:r().func})}),H="undefined"!=typeof document,G=function(e){function t(n){var a;return(a=e.call(this,n)||this).helmetData=new q(a.props.context,t.canUseDOM),a}return f(t,e),t.prototype.render=function(){return a.createElement(U.Provider,{value:this.helmetData.value},this.props.children)},t}(a.Component);G.canUseDOM=H,G.propTypes={context:r().shape({helmet:r().shape()}),children:r().node.isRequired},G.defaultProps={context:{}},G.displayName="HelmetProvider";var W=function(e,t){var n,a=document.head||document.querySelector(h.HEAD),o=a.querySelectorAll(e+"[data-rh]"),r=[].slice.call(o),i=[];return t&&t.length&&t.forEach((function(t){var a=document.createElement(e);for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&("innerHTML"===o?a.innerHTML=t.innerHTML:"cssText"===o?a.styleSheet?a.styleSheet.cssText=t.cssText:a.appendChild(document.createTextNode(t.cssText)):a.setAttribute(o,void 0===t[o]?"":t[o]));a.setAttribute("data-rh","true"),r.some((function(e,t){return n=t,a.isEqualNode(e)}))?r.splice(n,1):i.push(a)})),r.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return a.appendChild(e)})),{oldTags:r,newTags:i}},Z=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var a=n.getAttribute("data-rh"),o=a?a.split(","):[],r=[].concat(o),i=Object.keys(t),l=0;l<i.length;l+=1){var s=i[l],c=t[s]||"";n.getAttribute(s)!==c&&n.setAttribute(s,c),-1===o.indexOf(s)&&o.push(s);var u=r.indexOf(s);-1!==u&&r.splice(u,1)}for(var d=r.length-1;d>=0;d-=1)n.removeAttribute(r[d]);o.length===r.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},V=function(e,t){var n=e.baseTag,a=e.htmlAttributes,o=e.linkTags,r=e.metaTags,i=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;Z(h.BODY,e.bodyAttributes),Z(h.HTML,a),function(e,t){void 0!==e&&document.title!==e&&(document.title=T(e)),Z(h.TITLE,t)}(u,d);var p={baseTag:W(h.BASE,n),linkTags:W(h.LINK,o),metaTags:W(h.META,r),noscriptTags:W(h.NOSCRIPT,i),scriptTags:W(h.SCRIPT,s),styleTags:W(h.STYLE,c)},f={},g={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,a=t.oldTags;n.length&&(f[e]=n),a.length&&(g[e]=p[e].oldTags)})),t&&t(),l(e,f,g)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(t=e.call.apply(e,[this].concat(a))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,a=n.setHelmet,o=null,r=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:A(["href"],e),bodyAttributes:_("bodyAttributes",e),defer:L(e,"defer"),encode:L(e,"encodeSpecialCharacters"),htmlAttributes:_("htmlAttributes",e),linkTags:P(h.LINK,["rel","href"],e),metaTags:P(h.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:P(h.NOSCRIPT,["innerHTML"],e),onChangeClientState:S(e),scriptTags:P(h.SCRIPT,["src","innerHTML"],e),styleTags:P(h.STYLE,["cssText"],e),title:C(e),titleAttributes:_("titleAttributes",e),prioritizeSeoTags:D(e,"prioritizeSeoTags")});G.canUseDOM?(t=r,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){V(t,(function(){Q=null}))})):(V(t),Q=null)):B&&(o=B(r)),a(o)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(a.Component);Y.propTypes={context:$.isRequired},Y.displayName="HelmetDispatcher";var K=["children"],X=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!l()(E(this.props,"helmetData"),E(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case h.SCRIPT:case h.NOSCRIPT:return{innerHTML:t};case h.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,a=e.arrayTypeChildren;return p({},a,((t={})[n.type]=[].concat(a[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,a=e.child,o=e.newProps,r=e.newChildProps,i=e.nestedChildren;switch(a.type){case h.TITLE:return p({},o,((t={})[a.type]=i,t.titleAttributes=p({},r),t));case h.BODY:return p({},o,{bodyAttributes:p({},r)});case h.HTML:return p({},o,{htmlAttributes:p({},r)});default:return p({},o,((n={})[a.type]=p({},r),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var a;n=p({},n,((a={})[t]=e[t],a))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,o={};return a.Children.forEach(e,(function(e){if(e&&e.props){var a=e.props,r=a.children,i=m(a,K),l=Object.keys(i).reduce((function(e,t){return e[x[t]||t]=i[t],e}),{}),s=e.type;switch("symbol"==typeof s?s=s.toString():n.warnOnInvalidChildren(e,r),s){case h.FRAGMENT:t=n.mapChildrenToProps(r,t);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:o=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:o,newChildProps:l,nestedChildren:r});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:l,nestedChildren:r})}}})),this.mapArrayTypeChildrenToProps(o,t)},n.render=function(){var e=this.props,t=e.children,n=m(e,X),o=p({},n),r=n.helmetData;return t&&(o=this.mapChildrenToProps(t,o)),!r||r instanceof q||(r=new q(r.context,r.instances)),r?a.createElement(Y,p({},o,{context:r.value,helmetData:void 0})):a.createElement(U.Consumer,null,(function(e){return a.createElement(Y,p({},o,{context:e}))}))},t}(a.Component);J.propTypes={base:r().object,bodyAttributes:r().object,children:r().oneOfType([r().arrayOf(r().node),r().node]),defaultTitle:r().string,defer:r().bool,encodeSpecialCharacters:r().bool,htmlAttributes:r().object,link:r().arrayOf(r().object),meta:r().arrayOf(r().object),noscript:r().arrayOf(r().object),onChangeClientState:r().func,script:r().arrayOf(r().object),style:r().arrayOf(r().object),title:r().string,titleAttributes:r().object,titleTemplate:r().string,prioritizeSeoTags:r().bool,helmetData:r().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},198:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,a=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,r=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,g=n?Symbol.for("react.suspense_list"):60120,m=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function k(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case u:case d:case r:case l:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case m:case s:return e;default:return t}}case o:return t}}}function x(e){return k(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=s,t.Element=a,t.ForwardRef=p,t.Fragment=r,t.Lazy=h,t.Memo=m,t.Portal=o,t.Profiler=l,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return x(e)||k(e)===u},t.isConcurrentMode=x,t.isContextConsumer=function(e){return k(e)===c},t.isContextProvider=function(e){return k(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return k(e)===p},t.isFragment=function(e){return k(e)===r},t.isLazy=function(e){return k(e)===h},t.isMemo=function(e){return k(e)===m},t.isPortal=function(e){return k(e)===o},t.isProfiler=function(e){return k(e)===l},t.isStrictMode=function(e){return k(e)===i},t.isSuspense=function(e){return k(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===d||e===l||e===i||e===f||e===g||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=k},6237:(e,t,n)=>{"use strict";e.exports=n(198)},9500:(e,t,n)=>{"use strict";n.d(t,{OL:()=>v,VK:()=>u,rU:()=>h});var a=n(8903),o=n(2666),r=n(959),i=n(4047),l=n(6920),s=n(3804),c=n(8624),u=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(t=e.call.apply(e,[this].concat(a))||this).history=(0,i.lX)(t.props),t}return(0,o.Z)(t,e),t.prototype.render=function(){return r.createElement(a.F0,{history:this.history,children:this.props.children})},t}(r.Component);r.Component;var d=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},f=function(e){return e},g=r.forwardRef;void 0===g&&(g=f);var m=g((function(e,t){var n=e.innerRef,a=e.navigate,o=e.onClick,i=(0,s.Z)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,l.Z)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),a())}});return u.ref=f!==g&&t||n,r.createElement("a",u)}));var h=g((function(e,t){var n=e.component,o=void 0===n?m:n,u=e.replace,h=e.to,b=e.innerRef,y=(0,s.Z)(e,["component","replace","to","innerRef"]);return r.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=e.history,a=p(d(h,e.location),e.location),s=a?n.createHref(a):"",m=(0,l.Z)({},y,{href:s,navigate:function(){var t=d(h,e.location),a=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(u||a?n.replace:n.push)(t)}});return f!==g?m.ref=t||b:m.innerRef=b,r.createElement(o,m)}))})),b=function(e){return e},y=r.forwardRef;void 0===y&&(y=b);var v=y((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,g=e.className,m=e.exact,v=e.isActive,w=e.location,k=e.sensitive,x=e.strict,L=e.style,C=e.to,S=e.innerRef,_=(0,s.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return r.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=w||e.location,i=p(d(C,n),n),s=i.pathname,A=s&&s.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),P=A?(0,a.LX)(n.pathname,{path:A,exact:m,sensitive:k,strict:x}):null,D=!!(v?v(P,n):P),T="function"==typeof g?g(D):g,I="function"==typeof L?L(D):L;D&&(T=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(T,u),I=(0,l.Z)({},I,f));var E=(0,l.Z)({"aria-current":D&&o||null,className:T,style:I,to:i},_);return b!==y?E.ref=t||S:E.innerRef=S,r.createElement(h,E)}))}))},8903:(e,t,n)=>{"use strict";n.d(t,{AW:()=>C,F0:()=>v,LX:()=>L,TH:()=>j,k6:()=>E,rs:()=>T,s6:()=>y});var a=n(2666),o=n(959),r=n(507),i=n.n(r),l=n(4047),s=n(8624),c=n(6920),u=n(7720),d=n.n(u),p=(n(6237),n(3804)),f=(n(2535),1073741823),g="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var m=o.createContext||function(e,t){var n,r,l="__create-react-context-"+function(){var e="__global_unique_id__";return g[e]=(g[e]||0)+1}()+"__",s=function(e){function n(){for(var t,n,a,o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return(t=e.call.apply(e,[this].concat(r))||this).emitter=(n=t.props.value,a=[],{on:function(e){a.push(e)},off:function(e){a=a.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,a.forEach((function(e){return e(n,t)}))}}),t}(0,a.Z)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[l]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,a=this.props.value,o=e.value;((r=a)===(i=o)?0!==r||1/r==1/i:r!=r&&i!=i)?n=0:(n="function"==typeof t?t(a,o):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var r,i},o.render=function(){return this.props.children},n}(o.Component);s.childContextTypes=((n={})[l]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];return(e=t.call.apply(t,[this].concat(a))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,a.Z)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},o.componentDidMount=function(){this.context[l]&&this.context[l].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},o.componentWillUnmount=function(){this.context[l]&&this.context[l].off(this.onUpdate)},o.getValue=function(){return this.context[l]?this.context[l].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return c.contextTypes=((r={})[l]=i().object,r),{Provider:s,Consumer:c}},h=function(e){var t=m();return t.displayName=e,t},b=h("Router-History"),y=h("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,a.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);o.Component;o.Component;var w={},k=1e4,x=0;function L(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,a=n.path,o=n.exact,r=void 0!==o&&o,i=n.strict,l=void 0!==i&&i,s=n.sensitive,c=void 0!==s&&s;return[].concat(a).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var a=function(e,t){var n=""+t.end+t.strict+t.sensitive,a=w[n]||(w[n]={});if(a[e])return a[e];var o=[],r={regexp:d()(e,o,t),keys:o};return x<k&&(a[e]=r,x++),r}(n,{end:r,strict:l,sensitive:c}),o=a.regexp,i=a.keys,s=o.exec(e);if(!s)return null;var u=s[0],p=s.slice(1),f=e===u;return r&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var C=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n=e.props.location||t.location,a=e.props.computedMatch?e.props.computedMatch:e.props.path?L(n.pathname,e.props):t.match,r=(0,c.Z)({},t,{location:n,match:a}),i=e.props,l=i.children,u=i.component,d=i.render;return Array.isArray(l)&&function(e){return 0===o.Children.count(e)}(l)&&(l=null),o.createElement(y.Provider,{value:r},r.match?l?"function"==typeof l?l(r):l:u?o.createElement(u,r):d?d(r):null:"function"==typeof l?l(r):null)}))},t}(o.Component);function S(e){return"/"===e.charAt(0)?e:"/"+e}function _(e,t){if(!e)return t;var n=S(e);return 0!==t.pathname.indexOf(n)?t:(0,c.Z)({},t,{pathname:t.pathname.substr(n.length)})}function A(e){return"string"==typeof e?e:(0,l.Ep)(e)}function P(e){return function(){(0,s.Z)(!1)}}function D(){}o.Component;var T=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n,a,r=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==a&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;a=i?L(r.pathname,(0,c.Z)({},e.props,{path:i})):t.match}})),a?o.cloneElement(n,{location:r,computedMatch:a}):null}))},t}(o.Component);var I=o.useContext;function E(){return I(b)}function j(){return I(y).location}},3354:(e,t,n)=>{"use strict";var a=n(959),o=Symbol.for("react.element"),r=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var a,r={},c=null,u=null;for(a in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,a)&&!s.hasOwnProperty(a)&&(r[a]=t[a]);if(e&&e.defaultProps)for(a in t=e.defaultProps)void 0===r[a]&&(r[a]=t[a]);return{$$typeof:o,type:e,key:c,ref:u,props:r,_owner:l.current}}t.Fragment=r,t.jsx=c,t.jsxs=c},5257:(e,t)=>{"use strict";var n=Symbol.for("react.element"),a=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),s=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var g={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,h={};function b(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,m(w,b.prototype),w.isPureReactComponent=!0;var k=Array.isArray,x=Object.prototype.hasOwnProperty,L={current:null},C={key:!0,ref:!0,__self:!0,__source:!0};function S(e,t,a){var o,r={},i=null,l=null;if(null!=t)for(o in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)x.call(t,o)&&!C.hasOwnProperty(o)&&(r[o]=t[o]);var s=arguments.length-2;if(1===s)r.children=a;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];r.children=c}if(e&&e.defaultProps)for(o in s=e.defaultProps)void 0===r[o]&&(r[o]=s[o]);return{$$typeof:n,type:e,key:i,ref:l,props:r,_owner:L.current}}function _(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var A=/\/+/g;function P(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function D(e,t,o,r,i){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case n:case a:s=!0}}if(s)return i=i(s=e),e=""===r?"."+P(s,0):r,k(i)?(o="",null!=e&&(o=e.replace(A,"$&/")+"/"),D(i,t,o,"",(function(e){return e}))):null!=i&&(_(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,o+(!i.key||s&&s.key===i.key?"":(""+i.key).replace(A,"$&/")+"/")+e)),t.push(i)),1;if(s=0,r=""===r?".":r+":",k(e))for(var c=0;c<e.length;c++){var u=r+P(l=e[c],c);s+=D(l,t,o,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(l=e.next()).done;)s+=D(l=l.value,t,o,u=r+P(l,c++),i);else if("object"===l)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return s}function T(e,t,n){if(null==e)return e;var a=[],o=0;return D(e,a,"","",(function(e){return t.call(n,e,o++)})),a}function I(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var E={current:null},j={transition:null},R={ReactCurrentDispatcher:E,ReactCurrentBatchConfig:j,ReactCurrentOwner:L};t.Children={map:T,forEach:function(e,t,n){T(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return T(e,(function(){t++})),t},toArray:function(e){return T(e,(function(e){return e}))||[]},only:function(e){if(!_(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=o,t.Profiler=i,t.PureComponent=v,t.StrictMode=r,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=R,t.cloneElement=function(e,t,a){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=m({},e.props),r=e.key,i=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,l=L.current),void 0!==t.key&&(r=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(c in t)x.call(t,c)&&!C.hasOwnProperty(c)&&(o[c]=void 0===t[c]&&void 0!==s?s[c]:t[c])}var c=arguments.length-2;if(1===c)o.children=a;else if(1<c){s=Array(c);for(var u=0;u<c;u++)s[u]=arguments[u+2];o.children=s}return{$$typeof:n,type:e.type,key:r,ref:i,props:o,_owner:l}},t.createContext=function(e){return(e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:l,_context:e},e.Consumer=e},t.createElement=S,t.createFactory=function(e){var t=S.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=_,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:I}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=j.transition;j.transition={};try{e()}finally{j.transition=t}},t.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},t.useCallback=function(e,t){return E.current.useCallback(e,t)},t.useContext=function(e){return E.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return E.current.useDeferredValue(e)},t.useEffect=function(e,t){return E.current.useEffect(e,t)},t.useId=function(){return E.current.useId()},t.useImperativeHandle=function(e,t,n){return E.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return E.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return E.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return E.current.useMemo(e,t)},t.useReducer=function(e,t,n){return E.current.useReducer(e,t,n)},t.useRef=function(e){return E.current.useRef(e)},t.useState=function(e){return E.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return E.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return E.current.useTransition()},t.version="18.2.0"},959:(e,t,n)=>{"use strict";e.exports=n(5257)},1527:(e,t,n)=>{"use strict";e.exports=n(3354)},5568:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var a=n-1>>>1,o=e[a];if(!(0<r(o,t)))break e;e[a]=t,e[n]=o,n=a}}function a(e){return 0===e.length?null:e[0]}function o(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var a=0,o=e.length,i=o>>>1;a<i;){var l=2*(a+1)-1,s=e[l],c=l+1,u=e[c];if(0>r(s,n))c<o&&0>r(u,s)?(e[a]=u,e[c]=n,a=c):(e[a]=s,e[l]=n,a=l);else{if(!(c<o&&0>r(u,n)))break e;e[a]=u,e[c]=n,a=c}}}return t}function r(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var l=Date,s=l.now();t.unstable_now=function(){return l.now()-s}}var c=[],u=[],d=1,p=null,f=3,g=!1,m=!1,h=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=a(u);null!==t;){if(null===t.callback)o(u);else{if(!(t.startTime<=e))break;o(u),t.sortIndex=t.expirationTime,n(c,t)}t=a(u)}}function k(e){if(h=!1,w(e),!m)if(null!==a(c))m=!0,j(x);else{var t=a(u);null!==t&&R(k,t.startTime-e)}}function x(e,n){m=!1,h&&(h=!1,y(_),_=-1),g=!0;var r=f;try{for(w(n),p=a(c);null!==p&&(!(p.expirationTime>n)||e&&!D());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var l=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof l?p.callback=l:p===a(c)&&o(c),w(n)}else o(c);p=a(c)}if(null!==p)var s=!0;else{var d=a(u);null!==d&&R(k,d.startTime-n),s=!1}return s}finally{p=null,f=r,g=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var L,C=!1,S=null,_=-1,A=5,P=-1;function D(){return!(t.unstable_now()-P<A)}function T(){if(null!==S){var e=t.unstable_now();P=e;var n=!0;try{n=S(!0,e)}finally{n?L():(C=!1,S=null)}}else C=!1}if("function"==typeof v)L=function(){v(T)};else if("undefined"!=typeof MessageChannel){var I=new MessageChannel,E=I.port2;I.port1.onmessage=T,L=function(){E.postMessage(null)}}else L=function(){b(T,0)};function j(e){S=e,C||(C=!0,L())}function R(e,n){_=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){m||g||(m=!0,j(x))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):A=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return a(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,o,r){var i=t.unstable_now();switch("object"==typeof r&&null!==r?r="number"==typeof(r=r.delay)&&0<r?i+r:i:r=i,e){case 1:var l=-1;break;case 2:l=250;break;case 5:l=1073741823;break;case 4:l=1e4;break;default:l=5e3}return e={id:d++,callback:o,priorityLevel:e,startTime:r,expirationTime:l=r+l,sortIndex:-1},r>i?(e.sortIndex=r,n(u,e),null===a(c)&&e===a(u)&&(h?(y(_),_=-1):h=!0,R(k,r-i))):(e.sortIndex=l,n(c,e),m||g||(m=!0,j(x))),e},t.unstable_shouldYield=D,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},2962:(e,t,n)=>{"use strict";e.exports=n(5568)},631:e=>{e.exports=function(e,t,n,a){var o=n?n.call(a,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;for(var l=Object.prototype.hasOwnProperty.bind(t),s=0;s<r.length;s++){var c=r[s];if(!l(c))return!1;var u=e[c],d=t[c];if(!1===(o=n?n.call(a,u,d,c):void 0)||void 0===o&&u!==d)return!1}return!0}},6809:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={title:"ILLA Cloud",tagline:"Dinosaurs are cool",favicon:"img/public/favicon.ico",url:"https://illacloud.github.io",baseUrl:"/illa-website/",organizationName:"illacloud",projectName:"illa-website",staticDirectories:["public","static"],onBrokenLinks:"warn",onBrokenMarkdownLinks:"warn",i18n:{defaultLocale:"en",locales:["en","zh","ja","de"],path:"i18n",localeConfigs:{}},presets:[["classic",{docs:!1,blog:!1,pages:!1,theme:{customCss:["./src/ILLATheme/css/custom.css","./src/css/custom.css"]},gtag:{trackingID:"G-QW745VE33W"}}]],themeConfig:{image:"img/social-card-large.png",colorMode:{defaultMode:"dark",disableSwitch:!1,respectPrefersColorScheme:!1},metadata:[{name:"og:type",content:"website"},{name:"twitter:card",content:"summary_large_image"},{name:"twitter:site",content:"@illaCloudHQ"},{name:"twitter:creator",content:"@illaCloudHQ"},{name:"keywords",content:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"}],prism:{theme:{plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},docs:{versionPersistence:"localStorage",sidebar:{hideable:!1,autoCollapseCategories:!1}},navbar:{hideOnScroll:!1,items:[]},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},plugins:[null,null,["./plugins/blog-plugin.js",{blogTitle:"Blog",blogDescription:"A resource for ILLA, front-end ecosystem, and web development",routeBasePath:"/blog",postsPerPage:12,blogSidebarTitle:"All posts",blogSidebarCount:0,feedOptions:{type:"all",copyright:"Copyright \xa9 2024 ILLA."}}],"./plugins/solution-plugin.js","./plugins/linkedin.js","./plugins/twitter.js","./plugins/chatwoot.js"],baseUrlIssueBanner:!0,onDuplicateRoutes:"warn",customFields:{},themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0}}}},6920:(e,t,n)=>{"use strict";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},a.apply(this,arguments)}n.d(t,{Z:()=>a})},2666:(e,t,n)=>{"use strict";function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,a(e,t)}n.d(t,{Z:()=>o})},3804:(e,t,n)=>{"use strict";function a(e,t){if(null==e)return{};var n,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(o[n]=e[n]);return o}n.d(t,{Z:()=>a})},5341:(e,t,n)=>{"use strict";function a(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=a(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}n.d(t,{Z:()=>o});const o=function(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=a(e))&&(o&&(o+=" "),o+=t);return o}},2425:(e,t,n)=>{"use strict";n.d(t,{p1:()=>A,y$:()=>ee});var a,o,r,i,l,s,c,u=n(959),d=n(5341),p=Object.create,f=Object.defineProperty,g=Object.defineProperties,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertyNames,y=Object.getOwnPropertySymbols,v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,x=(e,t,n)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,L=(e,t)=>{for(var n in t||(t={}))w.call(t,n)&&x(e,n,t[n]);if(y)for(var n of y(t))k.call(t,n)&&x(e,n,t[n]);return e},C=(e,t)=>g(e,h(t)),S=(e,t)=>{var n={};for(var a in e)w.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&y)for(var a of y(e))t.indexOf(a)<0&&k.call(e,a)&&(n[a]=e[a]);return n},_=(a={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},a={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,r;switch(n=n||{},a.util.type(t)){case"Object":if(r=a.util.objId(t),n[r])return n[r];for(var i in o={},n[r]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return r=a.util.objId(t),n[r]?n[r]:(o=[],n[r]=o,t.forEach((function(t,a){o[a]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var a="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=a.util.clone(a.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var r=(o=o||a.languages)[e],i={};for(var l in r)if(r.hasOwnProperty(l)){if(l==t)for(var s in n)n.hasOwnProperty(s)&&(i[s]=n[s]);n.hasOwnProperty(l)||(i[l]=r[l])}var c=o[e];return o[e]=i,a.languages.DFS(a.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,r){r=r||{};var i=a.util.objId;for(var l in t)if(t.hasOwnProperty(l)){n.call(t,l,t[l],o||l);var s=t[l],c=a.util.type(s);"Object"!==c||r[i(s)]?"Array"!==c||r[i(s)]||(r[i(s)]=!0,e(s,n,l,r)):(r[i(s)]=!0,e(s,n,null,r))}}},plugins:{},highlight:function(e,t,n){var r={code:e,grammar:t,language:n};if(a.hooks.run("before-tokenize",r),!r.grammar)throw new Error('The language "'+r.language+'" has no grammar.');return r.tokens=a.tokenize(r.code,r.grammar),a.hooks.run("after-tokenize",r),o.stringify(a.util.encode(r.tokens),r.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var o=new l;return s(o,o.head,e),i(e,o,t,o.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=a.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=a.hooks.all[e];if(n&&n.length)for(var o,r=0;o=n[r++];)o(t)}},Token:o};function o(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function r(e,t,n,a){e.lastIndex=t;var o=e.exec(n);if(o&&a&&o[1]){var r=o[1].length;o.index+=r,o[0]=o[0].slice(r)}return o}function i(e,t,n,l,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var g=0;g<f.length;++g){if(d&&d.cause==p+","+g)return;var m=f[g],h=m.inside,b=!!m.lookbehind,y=!!m.greedy,v=m.alias;if(y&&!m.pattern.global){var w=m.pattern.toString().match(/[imsuy]*$/)[0];m.pattern=RegExp(m.pattern.source,w+"g")}for(var k=m.pattern||m,x=l.next,L=u;x!==t.tail&&!(d&&L>=d.reach);L+=x.value.length,x=x.next){var C=x.value;if(t.length>e.length)return;if(!(C instanceof o)){var S,_=1;if(y){if(!(S=r(k,L,e,b))||S.index>=e.length)break;var A=S.index,P=S.index+S[0].length,D=L;for(D+=x.value.length;A>=D;)D+=(x=x.next).value.length;if(L=D-=x.value.length,x.value instanceof o)continue;for(var T=x;T!==t.tail&&(D<P||"string"==typeof T.value);T=T.next)_++,D+=T.value.length;_--,C=e.slice(L,D),S.index-=L}else if(!(S=r(k,0,C,b)))continue;A=S.index;var I=S[0],E=C.slice(0,A),j=C.slice(A+I.length),R=L+C.length;d&&R>d.reach&&(d.reach=R);var N=x.prev;if(E&&(N=s(t,N,E),L+=E.length),c(t,N,_),x=s(t,N,new o(p,h?a.tokenize(I,h):I,v,I)),j&&s(t,x,j),_>1){var F={cause:p+","+g,reach:R};i(e,t,n,x.prev,L,F),d&&F.reach>d.reach&&(d.reach=F.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var a=t.next,o={value:n,prev:t,next:a};return t.next=o,a.prev=o,e.length++,o}function c(e,t,n){for(var a=t.next,o=0;o<n&&a!==e.tail;o++)a=a.next;t.next=a,a.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var r={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(r.classes,i):r.classes.push(i)),a.hooks.run("wrap",r);var l="";for(var s in r.attributes)l+=" "+s+'="'+(r.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+r.tag+' class="'+r.classes.join(" ")+'"'+l+">"+r.content+"</"+r.tag+">"},a}();t.exports=n,n.default=n}},function(){return o||(0,a[b(a)[0]])((o={exports:{}}).exports,o),o.exports}),A=((e,t,n)=>(n=null!=e?p(v(e)):{},((e,t,n,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of b(t))w.call(e,o)||o===n||f(e,o,{get:()=>t[o],enumerable:!(a=m(t,o))||a.enumerable});return e})(!t&&e&&e.__esModule?n:f(n,"default",{value:e,enumerable:!0}),e)))(_());A.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},A.languages.markup.tag.inside["attr-value"].inside.entity=A.languages.markup.entity,A.languages.markup.doctype.inside["internal-subset"].inside=A.languages.markup,A.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(A.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:A.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:A.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},A.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(A.languages.markup.tag,"addAttribute",{value:function(e,t){A.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:A.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),A.languages.html=A.languages.markup,A.languages.mathml=A.languages.markup,A.languages.svg=A.languages.markup,A.languages.xml=A.languages.extend("markup",{}),A.languages.ssml=A.languages.xml,A.languages.atom=A.languages.xml,A.languages.rss=A.languages.xml,r=A,i={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},s="(?:[^\\\\-]|"+(l=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/).source+")",s=RegExp(s+"-"+s),c={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"},r.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:s,inside:{escape:l,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":i,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:l}},"special-escape":i,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":c}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:l,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":c}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}},A.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},A.languages.javascript=A.languages.extend("clike",{"class-name":[A.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),A.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,A.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:A.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:A.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:A.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:A.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:A.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),A.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:A.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),A.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),A.languages.markup&&(A.languages.markup.tag.addInlined("script","javascript"),A.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),A.languages.js=A.languages.javascript,A.languages.actionscript=A.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),A.languages.actionscript["class-name"].alias="function",delete A.languages.actionscript.parameter,delete A.languages.actionscript["literal-property"],A.languages.markup&&A.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:A.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(A),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var a=function(e){e.inside||(e.inside={}),e.inside.rest=n},o="doc-comment";if(r=e.languages[t]){var r,i=r[o];if((i=i||(r=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[o])instanceof RegExp&&(i=r[o]={pattern:i}),Array.isArray(i))for(var l=0,s=i.length;l<s;l++)i[l]instanceof RegExp&&(i[l]={pattern:i[l]}),a(i[l]);else a(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(A),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(A),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(A),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,a="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),r=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return a}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+r+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(r),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(A),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var a=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return a})),r=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+r+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+r+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(a),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+r+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(a),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,a=t.length;n<a;n++){var o,r=t[n];"code"!==r.type?e(r.content):(o=r.content[1],r=r.content[3],o&&r&&"code-language"===o.type&&"code-block"===r.type&&"string"==typeof o.content&&(o=o.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),o="language-"+(o=(/[a-z][\w-]*/i.exec(o)||[""])[0].toLowerCase()),r.alias?"string"==typeof r.alias?r.alias=[r.alias,o]:r.alias.push(o):r.alias=[o]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",a=0,o=t.classes.length;a<o;a++){var r=t.classes[a];if(r=/language-(.+)/.exec(r)){n=r[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),s(n)):l[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),l={amp:"&",lt:"<",gt:">",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(A),A.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:A.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},A.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var a=t[n++];if("keyword"===a.type&&"mutation"===a.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var r=p(/^\($/,/^\)$/);if(-1===r)continue;for(;n<r;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),o.push(i.content))}n=r+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<o.length)){var l=p(/^\{$/,/^\}$/);if(-1!==l)for(var s=n;s<l;s++){var c=t[s];"variable"===c.type&&0<=o.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var a=u(n+t);if(!a||a.type!==e[n])return}return 1}function p(e,a){for(var o=1,r=n;r<t.length;r++){var i=t[r],l=i.content;if("punctuation"===i.type&&"string"==typeof l)if(e.test(l))o++;else if(a.test(l)&&0==--o)return r}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),A.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,a=t.inside.interpolation,o=a.inside["interpolation-punctuation"],r=a.pattern.source;function i(t,a){if(e.languages[t])return{pattern:RegExp("((?:"+a+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(t,n,a){return t={code:t,grammar:n,language:a},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function s(t,n,i){var s=e.tokenize(t,{interpolation:{pattern:RegExp(r),lookbehind:!0}}),c=0,u={},d=(s=l(s.map((function(e){if("string"==typeof e)return e;var n,a;for(e=e.content;-1!==t.indexOf((a=c++,n="___"+i.toUpperCase()+"_"+a+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var r=0;r<n.length;r++){if(c>=d.length)return;var i,s,p,f,g,m,h,b=n[r];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(h=(m="string"==typeof b?b:b.content).indexOf(i))&&(++c,s=m.substring(0,h),g=u[i],p=void 0,(f={})["interpolation-punctuation"]=o,3===(f=e.tokenize(g,f)).length&&((p=[1,1]).push.apply(p,l(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,a.alias,g),f=m.substring(h+i.length),g=[],s&&g.push(s),g.push(p),f&&(t(m=[f]),g.push.apply(g,m)),"string"==typeof b?(n.splice.apply(n,[r,1].concat(g)),r+=g.length-1):b.content=g)):(h=b.content,Array.isArray(h)?t(h):t([h]))}}(s),new e.Token(i,s,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var a=0,o=n.length;a<o;a++){var r,i,l,c=n[a];"string"!=typeof c&&(r=c.content,Array.isArray(r)?"template-string"===c.type?(c=r[1],3===r.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,l=e.languages[c])&&(r[1]=s(i,l,c))):t(r):"string"!=typeof r&&t([r]))}}(t.tokens)}))}(A),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(A),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,a="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(a+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(a+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(A),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(A),A.languages.n4js=A.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),A.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),A.languages.n4jsd=A.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],a=0;a<n.length;a++){var o=n[a],r=e.languages.javascript[o];o=(r="RegExp"===e.util.type(r)?e.languages.javascript[o]={pattern:r}:r).inside||{};(r.inside=o)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(A),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,a=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function r(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return a})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}function i(t){for(var n=[],a=0;a<t.length;a++){var o=t[a],r=!1;"string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===l(o.content[0].content[1])&&n.pop():"/>"!==o.content[o.content.length-1].content&&n.push({tagName:l(o.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:r=!0),(r||"string"==typeof o)&&0<n.length&&0===n[n.length-1].openedBraces&&(r=l(o),a<t.length-1&&("string"==typeof t[a+1]||"plain-text"===t[a+1].type)&&(r+=l(t[a+1]),t.splice(a+1,1)),0<a&&("string"==typeof t[a-1]||"plain-text"===t[a-1].type)&&(r=l(t[a-1])+r,t.splice(a-1,1),a--),t[a]=new e.Token("plain-text",r,null,r)),o.content&&"string"!=typeof o.content&&i(o.content)}}o=r(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=r(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:r(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:r(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var l=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(l).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(A),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(A),A.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},A.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=A.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(A),A.languages.c=A.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),A.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),A.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},A.languages.c.string],char:A.languages.c.char,comment:A.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:A.languages.c}}}}),A.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete A.languages.c.boolean,A.languages.objectivec=A.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete A.languages.objectivec["class-name"],A.languages.objc=A.languages.objectivec,A.languages.reason=A.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),A.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete A.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(A),A.languages.go=A.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),A.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete A.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(A),A.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},A.languages.python["string-interpolation"].inside.interpolation.inside.rest=A.languages.python,A.languages.py=A.languages.python;((e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>P,duotoneDark:()=>D,duotoneLight:()=>T,github:()=>I,jettwaveDark:()=>H,jettwaveLight:()=>G,nightOwl:()=>E,nightOwlLight:()=>j,oceanicNext:()=>F,okaidia:()=>O,oneDark:()=>W,oneLight:()=>Z,palenight:()=>M,shadesOfPurple:()=>B,synthwave84:()=>z,ultramin:()=>q,vsDark:()=>U,vsLight:()=>$});var P={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},D={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},T={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},I={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},E={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},j={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},R="#c5a5c5",N="#8dc891",F={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:R}},{types:["attr-value"],style:{color:N}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:N}},{types:["punctuation"],style:{color:N}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:R}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},O={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},M={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},B={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},z={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},q={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},U={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},$={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},H={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},G={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},W={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},Z={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},V=(e,t)=>{const{plain:n}=e,a=e.styles.reduce(((e,n)=>{const{languages:a,style:o}=n;return a&&!a.includes(t)||n.types.forEach((t=>{const n=L(L({},e[t]),o);e[t]=n})),e}),{});return a.root=n,a.plain=C(L({},n),{backgroundColor:void 0}),a},Q=/\r\n|\r|\n/,Y=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},K=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},X=e=>{const t=[[]],n=[e],a=[0],o=[e.length];let r=0,i=0,l=[];const s=[l];for(;i>-1;){for(;(r=a[i]++)<o[i];){let e,c=t[i];const u=n[i][r];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=K(c,u.type),u.alias&&(c=K(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),a.push(0),o.push(e.length);continue}const d=e.split(Q),p=d.length;l.push({types:c,content:d[0]});for(let t=1;t<p;t++)Y(l),s.push(l=[]),l.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),a.pop(),o.pop()}return Y(l),s},J=({children:e,language:t,code:n,theme:a,prism:o})=>{const r=t.toLowerCase(),i=((e,t)=>{const[n,a]=(0,u.useState)(V(t,e)),o=(0,u.useRef)(),r=(0,u.useRef)();return(0,u.useEffect)((()=>{t===o.current&&e===r.current||(o.current=t,r.current=e,a(V(t,e)))}),[e,t]),n})(r,a),l=(e=>(0,u.useCallback)((t=>{var n=t,{className:a,style:o,line:r}=n,i=S(n,["className","style","line"]);const l=C(L({},i),{className:(0,d.Z)("token-line",a)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof o&&(l.style=L(L({},l.style||{}),o)),l}),[e]))(i),s=(e=>{const t=(0,u.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,u.useCallback)((e=>{var n=e,{token:a,className:o,style:r}=n,i=S(n,["token","className","style"]);const l=C(L({},i),{className:(0,d.Z)("token",...a.types,o),children:a.content,style:t(a)});return null!=r&&(l.style=L(L({},l.style||{}),r)),l}),[t])})(i),c=(({prism:e,code:t,grammar:n,language:a})=>{const o=(0,u.useRef)(e);return(0,u.useMemo)((()=>{if(null==n)return X([t]);const e={code:t,grammar:n,language:a,tokens:[]};return o.current.hooks.run("before-tokenize",e),e.tokens=o.current.tokenize(t,n),o.current.hooks.run("after-tokenize",e),X(e.tokens)}),[t,n,a])})({prism:o,language:r,code:n,grammar:o.languages[r]});return e({tokens:c,className:`prism-code language-${r}`,style:null!=i?i.root:{},getLineProps:l,getTokenProps:s})},ee=e=>(0,u.createElement)(J,C(L({},e),{prism:e.prism||A,theme:e.theme||U,code:e.code,language:e.language}))},8624:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=!0,o="Invariant failed";function r(e,t){if(!e){if(a)throw new Error(o);var n="function"==typeof t?t():t,r=n?"".concat(o,": ").concat(n):o;throw new Error(r)}}},7529:e=>{"use strict";e.exports=JSON.parse('{"footer.status":"Status","footer.roadmap":"Roadmap","footer.changelog":"Changelog","footer.media":"Media Kit","ai_header.solutions_title.image_generator":"AI Image Generator","ai_header.solutions_title.ai_voice_generator":"AI Voice Generator","ai_header.solutions_title.dashboard":"Data Analysis Dashboard","ai_header.solutions_title.cms":"Content Management","ai_header.solutions_title.crm":"Sales CRM","ai_header.solutions_title.admin_panel":"Admin Panel","footer.table":"Table","footer.chart":"Chart","footer.upload":"Upload","footer.switch":"Switch","footer.select":"Select","footer.radio_group":"Radio Group","footer.checkbox_group":"Checkbox Group","footer.pdf":"PDF","footer.video":"Video","footer.mysql":"MySQL","footer.postgre":"PostgreSQL","footer.mongodb":"MongoDB","footer.firebase":"Firebase","footer.elasticsearch":"Elastic Search","footer.mssql":"Microsoft SQL Server","footer.supabase":"Supabase","footer.dynamo":"DynamoDB","footer.hf":"Hugging Face Inference API","footer.components":"Components","footer.integrations":"Integrations","ai_header.solutions_title.solutions":"Solutions","footer.company":"Company","footer.community":"Community","slogan-1":"Build AI Driven Business App","footer.privacy-policy":"Privacy policy","footer.terms-of-service":"Terms of service","ai_header.solutions_sub_title.solutions_by_use_case":"Solutions by use case","ai_header.solutions_description.image_generator":"Generate images with AI. Make the communication of ideas more efficient.","ai_header.solutions_description.ai_voice_generator":"Translation and redubbing, enabling efficient production of video content for diverse language regions.","ai_header.solutions_description.dashboard":"Build comprehensive data analysis dashboards and drive your business growth with minimal investment.","ai_header.solutions_description.cms":"Deliver consistent content experiences across any platform, web or mobile app","ai_header.solutions_description.crm":"Better sales CRM solution to close deals faster","ai_header.solutions_description.admin_panel":"Build admin panels at 10x speed to manage data or perform operations","nav.resource":"Resource","sub_nav.resource.integrations":"Integrations","sub_nav.resource.components":"Components","nav.pricing":"Pricing","nav.doc":"Doc","nav.blog":"Blog","nav.login":"Login","nav.signup":"Get started for free","blog.scroll_down":"Build AI Driven Business Apps with ILLA Cloud","blog.blog_desc_left_title":"Struggling with internal tools?","blog.blog_desc_left_desc":"Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!","pricing.sub-title":"Build AI Driven Business App","pricing.title":"Pricing","pricing.page-desc":"With the launch of ILLA Cloud Billing, you\'ll gain access to exclusive features such as Audit Logs and Public App. Our billing system is based on members with editing rights, including owner, admin, and editor roles. Once you subscribe, you can add unlimited viewers at no extra cost.","blog.meta.title":"ILLA Blogs","blog.meta.description":"A stellar repository of knowledge for developers, encompassing a wide spectrum of subjects such as frontend and backend development, AI, low-code, and ILLA Cloud, etc. Here, you can immerse yourself in cutting-edge technologies, delve into emerging trends, and engage in a vibrant exchange of experiences.","meta.title":"ILLA Cloud | Build AI Driven Business App","meta.description":"Empower your team with AI Agent and advanced low-code tools to create business apps","faq.title":"Frequently Asked Questions","faq.content.0.question":"What kind of content can I build with ILLA AI?","faq.content.0.answer":"You can build any internal application or AI tool you need, and you can also integrate AI with internal applications. For example, a dashboard, an admin panel, file content management, customer management system, text generation tool, image generation tool, email generation tool, and so on.","faq.content.1.question":"Who can use ILLA Cloud?","faq.content.1.answer":"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don\'t need to be a tech expert to create your own applications.","faq.content.2.question":"How can I benefit from ILLA Cloud?","faq.content.2.answer":"ILLA AI not only reduces the cost of building your tools but also integrates any AI capabilities you desire, making your work more efficient and enabling you to generate more valuable content in less time.","faq.content.3.question":"Can I customize the AI Agent for my specific business needs?","faq.content.3.answer":"Yes, you can! AI Agent is based on a large language model and can be customized to perform specific tasks. You can define the behavior of the AI Agent based on your business requirements. By using ILLA Builder, you can feed data into the AI Agent and train it to accomplish designated tasks such as text processing, image recognition, and natural language processing.","faq.content.4.question":"What data sources does ILLA support?","faq.content.4.answer":"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data.","faq.content.5.question":"Is there any technical support available for ILLA Cloud users?","faq.content.5.answer":"Yes, ILLA Cloud offers technical support to its users. If you encounter any issues or have questions about the platform\'s features, you can reach out to our support team for assistance. We are dedicated to helping you have a seamless experience with ILLA Cloud.","pricing.meta-desc":"Start free with all the features individual developers or small teams need to build internal applications.","pricing.billing.pricing.premium.feature.builder.viewer":"FREE for unlimited viewers","pricing.billing.pricing.premium.feature.builder.audit_log":"Audit logs","pricing.billing.pricing.premium.feature.builder.public":"App public","pricing.billing.pricing.premium.feature.builder.sql":"AI SQL Generation","pricing.billing.pricing.premium.feature.builder.history":"Backup editing history & restore","pricing.billing.pricing.premium.feature.builder.theme":"Custom themes for your apps ( coming soon )","pricing.billing.pricing.premium.feature.builder.multi_environment":"Multi-environment ( coming soon )","pricing.billing.pricing.premium.feature.builder.deployed_version":"Keep deployed versions & revert ( coming soon )","pricing.billing.pricing.premium.feature.agent.gpt":"Access to more models such as GPT-4, \\nGPT-3.5-turbo-16k","pricing.billing.pricing.colla.feature.storage":"Storage","pricing.billing.pricing.colla.feature.traffic":"Traffic","pricing.billing.pricing.colla.feature.token":"AI Agent","pricing.faq.title":"Frequently Asked Questions","pricing.faq.content.0.question":"Who are the users that are charged for the product?","pricing.faq.content.0.answer":"Users with editing permissions (editor) are charged for the product.","pricing.faq.content.1.question":"What are the different types of editors?","pricing.faq.content.1.answer":"The different types of editors are owner, admin, and editor.","pricing.faq.content.2.question":"Are viewers charged for using the product?","pricing.faq.content.2.answer":"No, viewers are not charged for using the product.","pricing.faq.content.3.question":"How to invite a viewer?","pricing.faq.content.3.answer":"To invite a viewer, you need to upgrade the team to any of the Plus, Premium, or Enterprise plans and invite the user via email or link.","pricing.faq.content.4.question":"What services does ILLA Cloud provide?","pricing.faq.content.4.answer":"ILLA Builder, ILLA Drive and AI Agent.","pricing.faq.content.5.question":"What is ILLA Drive?","pricing.faq.content.5.answer":"ILLA Drive is a CDN (Content Delivery Network) that allows storing any files and distributing them to users through the company\'s websites or other products. Usage of storage and traffic is billed separately.","pricing.faq.content.6.question":"What is AI Agent?","pricing.faq.content.6.answer":"We provide an open-source AI Agent community with thousands of AI Agents provided by prompt experts and enthusiasts. Everyone can run or modify these AI Agents.","pricing.faq.content.7.question":"How is billing done for AI Agent usage?","pricing.faq.content.7.answer":"Billing for AI Agent usage is based on Colla, which is a billing concept within ILLA. Colla measures the resources consumed during the runtime of AI Agents.","landingPage.components.meta.title":"ILLA Cloud Components","landingPage.components.meta.description":"Learn how to use the prebuilt components to customize your app in ILLA Cloud.","landingPage.components.headerContent.title":"Library of built-in components","landingPage.components.headerContent.description":"ILLA provides a range of commonly used front-end development components, enabling users to easily build front-end interfaces and respond to user actions and display data through simple drag-and-drop operations. Users can construct complex components such as tables, charts, forms, lists, and more through ILLA.","landingPage.components.headerContent.btnText":"Try for Free","landingPage.components.classify.inputs.title":"Inputs","landingPage.components.classify.inputs.upload.title":"Upload","landingPage.components.classify.inputs.upload.description":"The \'Upload\' component in ILLA Cloud provides a way for users to upload any type of files to their application.","landingPage.components.classify.inputs.switch.title":"Switch","landingPage.components.classify.inputs.switch.description":"The \'Switch\' component in ILLA Cloud provides a toggle switch that allows users to turn on or turn off a particular setting or feature.","landingPage.components.classify.inputs.select.title":"Select","landingPage.components.classify.inputs.select.description":"The \'Select\' component in ILLA Cloud is a drop-down selector that allows users to choose from a list of options, providing a user-friendly and space-efficient way to input data.","landingPage.components.classify.inputs.radioGroup.title":"Radio group","landingPage.components.classify.inputs.radioGroup.description":"The \'Radio Group\' component in ILLA Cloud is a radio selector that allows users to choose one option from a list of choices, providing a simple and clear way to input and manage data.","landingPage.components.classify.inputs.checkboxGroup.title":"CheckboxGroup","landingPage.components.classify.inputs.checkboxGroup.description":"The \'Checkbox Group\' component in ILLA Cloud is a checkbox selector that allows users to select multiple options from a list, providing a simple and efficient way to manage data.","landingPage.components.classify.data.title":"Data","landingPage.components.classify.inputs.chart.title":"Chart","landingPage.components.classify.inputs.chart.description":"The \'Chart\' component in ILLA Cloud displays multiple types of charts based on linked data, providing users with clear and visually appealing representations of complex data.","landingPage.components.classify.inputs.tables.title":"Tables","landingPage.components.classify.inputs.tables.description":"The \'Table\' component in ILLA Cloud displays data from a database in a tabular format, making it easy for users to view, sort, and analyze large amounts of information at a glance.","landingPage.components.classify.Presentation.title":"Presentation","landingPage.components.classify.inputs.pdf.title":"PDF","landingPage.components.classify.inputs.pdf.description":"The \'PDF\' component in ILLA Cloud is a display element that allows users to view and interact with PDF files within the application.","landingPage.components.classify.inputs.video.title":"Video","landingPage.components.classify.inputs.video.description":"The \'Video\' component in ILLA Cloud is a display element that allows users to play and interact with videos within the application.","landingPage.integrations.meta.title":"ILLA Cloud Integrations","landingPage.integrations.meta.description":"Learn how to use the integrations to access and work with data resource.","landingPage.integrations.headerContent.title":"Connect to any data source","landingPage.integrations.headerContent.description":"With the ability to connect to mainstream databases or any data connected through APIs, ILLA Cloud allows developers to tightly integrate data obtained from the back-end with front-end components. This enables developers to easily write data calls and achieve extensive information interaction by adding resources and actions to response to user events.","landingPage.integrations.headerContent.btnText":"Try for Free","landingPage.integrations.classify.database.title":"Database Integrations","landingPage.integrations.classify.database.mysql.description":"An open-source relational database management system that enables efficient storage and retrieval of data.","landingPage.integrations.classify.database.postgreSQL.description":"An advanced open-source relational database management system known for its stability and reliability.","landingPage.integrations.classify.database.mariadb.description":"A community-driven open-source fork of MySQL with enhanced features and performance improvements.","landingPage.integrations.classify.database.tidb.description":"A distributed SQL database that supports both SQL and NoSQL workloads with horizontal scalability and fault tolerance.","landingPage.integrations.classify.database.redis.description":"An in-memory data structure store often used as a database, cache, and message broker.","landingPage.integrations.classify.database.appwrite.description":"An open-source backend server platform that provides authentication, database, and storage services for web and mobile applications.","landingPage.integrations.classify.database.mongodb.description":"A NoSQL document database that stores data in flexible, JSON-like documents.","landingPage.integrations.classify.database.oracleDB.description":"A high-performance, scalable relational database management system that offers a comprehensive set of features and tools.","landingPage.integrations.classify.database.elasticSearch.description":"A distributed, RESTful search and analytics engine capable of handling large volumes of data.","landingPage.integrations.classify.database.couchDB.description":"A NoSQL document-oriented database that provides a distributed architecture with incremental replication and conflict detection.","landingPage.integrations.classify.database.firebase.description":"A platform that offers backend services, including a real-time database, authentication, cloud messaging, and more, for mobile and web applications.","landingPage.integrations.classify.database.mssql.description":"A relational database management system developed by Microsoft that supports transaction processing, business intelligence, and analytics applications.","landingPage.integrations.classify.database.supabaseDB.description":"An open-source column-oriented database management system designed for online analytical processing (OLAP) workloads.","landingPage.integrations.classify.database.neon.description":"The fully managed multi-cloud Postgres with a generous free tier. We separated storage and compute to offer autoscaling, branching, and bottomless storage.","landingPage.integrations.classify.database.hydra.description":"An open source, column-oriented RDBMS built on Postgres","landingPage.integrations.classify.database.dynamoDB.description":"A fully managed NoSQL database service that offers high performance, scalability, and reliability.","landingPage.integrations.classify.database.snowflake.description":"A cloud-based data warehousing platform designed for large-scale data storage and analysis.","landingPage.integrations.classify.api.title":"API Integrations","landingPage.integrations.classify.api.hfAPI.description":"An API that offers easy-to-use pre-trained natural language processing models for inference tasks.","landingPage.integrations.classify.api.hfEndpoint.description":"An endpoint that allows for easy deployment and scaling of Hugging Face models for inference tasks.","landingPage.integrations.classify.api.restAPI.description":"A web-based architectural style for building web services that use HTTP protocols to exchange data between client and server.","landingPage.integrations.classify.api.s3.description":"A cloud-based object storage service that provides scalable, secure, and durable data storage for various use cases.","landingPage.integrations.classify.api.smtp.description":"A protocol used for sending and receiving email messages over the internet.","landingPage.integrations.classify.api.graphQL.description":"A query language for APIs that provides a more efficient, powerful, and flexible alternative to traditional REST APIs.","landingPage.integrations.classify.api.googleSheets.description":"A cloud-based spreadsheet software that enables users to create and edit spreadsheets online while collaborating with others in real-time.","landingPage.integrations.classify.api.airtable.description":"A flexible and collaborative platform for managing projects, data, and teams seamlessly.","theme.blog.paginator.navAriaLabel":"Blog list page navigation","theme.blog.paginator.newerEntries":"Newer Entries","theme.blog.paginator.olderEntries":"Older Entries","blog.all_posts":"All Posts","blog.all_posts_desc_bold":"ILLA Blogs","blog.all_posts_desc":"\uff5cA stellar repository of knowledge for developers, encompassing a wide spectrum of subjects such as frontend and backend development, AI, low-code, and ILLA Cloud, etc. Here, you can immerse yourself in cutting-edge technologies, delve into emerging trends, and engage in a vibrant exchange of experiences.","theme.blog.post.plurals":"One post|{count} posts","theme.blog.tagTitle":"{nPosts} tagged with \\"{tagName}\\"","theme.blog.posts_tagged_with":"Posts tagged with","theme.NotFound.title":"Page Not Found","footer.less":"Show less","footer.more":"Show more","nav.contact":"Book demo","website_4.solution.use_this_template":"Try now","theme.blog.post.readingTime.plurals":"One min read|{readingTime} min read","call-to-action.title":"Start Building Apps with ILLA Cloud","call-to-action.desc":"Any internal tool you need can be built using ILLA Cloud in 1 minute.","call-to-action.button-1":"Try Cloud for free","call-to-action.button-2":"sign in with GitHub","title.github":"Github","title.stars":"Stars","title.star-us":"Star us","learn_more":"Learn more","pricing.billing.pricing.premium.desc":"Upgrade your team to access advanced features","pricing.billing.pricing.premium.price":"/month/editor","pricing.billing.pricing.colla.desc":"Used to pay for value-added services in ILLA Cloud","pricing.billing.pricing.colla.price":"/month/5k Colla","pricing.billing.plus-btn":"Upgrade","landingPageDetail.audio.name":"Audio","landingPageDetail.audio.title":"Use the Audio Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.audio.description":"The \'Video\' component in ILLA Cloud allows users to play and interact with videos and audio within the application, providing an efficient and convenient way to access multimedia content.For example, a user can use the Video component to watch a tutorial video while working on a project, saving time and increasing productivity by having all necessary information readily available within the application.","landingPageDetail.audio.metaTitle":"ILLA Cloud | Audio Component","landingPageDetail.audio.metaDescription":"Learn how to use the Audio component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.barProgress.name":"Bar progress","landingPageDetail.barProgress.title":"Use the Bar Progress Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.barProgress.description":"The Bar Progress component in ILLA Cloud visually represents progress on a bar with a 100% scale, making it easy for users to track their progress quickly and efficiently. By providing a clear and concise visual representation of progress, users can easily understand how far along they are on a particular task or project without having to spend time calculating the percentage of completion, saving valuable time and allowing them to focus on more important tasks.","landingPageDetail.barProgress.metaTitle":"ILLA Cloud Bar Progress Component - Visualize Data Progress","landingPageDetail.barProgress.metaDescription":"Learn how to use Bar progress component to create dashboards, reports, surveys, and more with ILLA Cloud.","landingPageDetail.button.name":"Button","landingPageDetail.button.title":"Use the Button Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.button.description":"The Button component in ILLA Cloud is a versatile tool that can be used to trigger actions and enhance user experience by providing a clear and intuitive way to interact with the application. For example, a user can create a \'Save\' button that triggers a database update when clicked, streamlining the workflow and saving the user time in manually updating the database.","landingPageDetail.button.metaTitle":"ILLA Cloud | Button Component","landingPageDetail.button.metaDescription":"Learn how to use the Button component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.carousel.name":"Carousel","landingPageDetail.carousel.title":"Use the Carousel Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.carousel.description":"The \'Carousel\' component in ILLA Cloud displays multiple images or media in a single interface, saving users time by eliminating the need to navigate through separate pages or windows. Users can interact with the carousel to view and engage with the displayed content, such as images or videos, all within the same interface, providing a seamless and efficient user experience.","landingPageDetail.carousel.metaTitle":"ILLA Cloud | Carousel Component","landingPageDetail.carousel.metaDescription":"Learn how to use the Carousel component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.cascader.name":"Cascader","landingPageDetail.cascader.title":"Use the Cascader Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.cascader.description":"The Cascader component in ILLA Cloud enables users to select one option from multiple layers of choices, providing a hierarchical and efficient approach to data input and management. For example, a user can create a form for product selection and use the \'Cascader\' component to allow users to choose their preferred product category, brand, and model, improving the accuracy and efficiency of data collection.","landingPageDetail.cascader.metaTitle":"ILLA Cloud Cascader Component | ILLA Cloud","landingPageDetail.cascader.metaDescription":"Learn how to use Cascader component in ILLA Cloud to select options from cascading menus.","landingPageDetail.chart.name":"Chart","landingPageDetail.chart.title":"Use the Chart Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.chart.description":"The \'Chart\' component in ILLA Cloud displays various chart types based on linked data, providing a clear and visually appealing way to analyze complex information. Users can easily compare data points and identify trends, making it an efficient tool for decision-making. For example, a sales team can use a chart to visualize their revenue and identify areas for improvement. Overall, the Chart component can save users time by simplifying the process of data analysis and presenting information in an easily understandable format.","landingPageDetail.chart.metaTitle":"ILLA Cloud Chart Component - Visualize Data as Graphs and Charts","landingPageDetail.chart.metaDescription":"Learn how to use chart component to create dashboards, reports, surveys, and more with ILLA Cloud.","landingPageDetail.checkboxGroup.name":"Checkbox Group","landingPageDetail.checkboxGroup.title":"Use the Checkbox Group Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.checkboxGroup.description":"The Checkbox Group component in ILLA Cloud provides users with a convenient and efficient way to select multiple options from a list, saving time and effort. For example, a user can create a form for product preferences and use the \'Checkbox Group\' component to allow users to select multiple options, such as color or size, streamlining the data collection process.","landingPageDetail.checkboxGroup.metaTitle":"ILLA Cloud | Checkbox Group Component","landingPageDetail.checkboxGroup.metaDescription":"Learn how to use the Checkbox Group component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.circleProgress.name":"Circle Progress","landingPageDetail.circleProgress.title":"Use the Circle Progress Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.circleProgress.description":"The Circle Progress component in ILLA Cloud is designed to show progress on a circular shape, providing users with a visually appealing way to track progress. This component can save users time by allowing them to quickly and easily see the progress of a task or project without having to manually calculate the percentage, helping them to identify areas that may need additional attention or resources and communicate progress to team members and stakeholders in a clear and concise manner.","landingPageDetail.circleProgress.metaTitle":"ILLA Cloud Circle Progress Component - Display and Manage Data Progress in a Circular Bar","landingPageDetail.circleProgress.metaDescription":"Learn how to use Circular progress component in ILLA Cloud to displays the progress of data in a circular bar.","landingPageDetail.container.name":"Container","landingPageDetail.container.title":"Use the Container Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.container.description":"The \'Container\' component in ILLA Cloud groups multiple components together, making it easier for users to organize and manage content. For example, a user can group a set of input fields together in a container, simplifying the process of collecting and submitting data. This can save time by streamlining workflows and improving overall efficiency.","landingPageDetail.container.metaTitle":"ILLA Cloud | Container Component","landingPageDetail.container.metaDescription":"Learn how to use the Container component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.date.name":"Date","landingPageDetail.date.title":"Use the Date Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.date.description":"The Date component in ILLA Cloud simplifies date selection by providing a calendar-based interface, improving the efficiency and accuracy of date-related data management. For example, a user can create a form for event registration and use the Date component to allow users to select the event date, reducing the potential for date-related errors and streamlining the registration process.","landingPageDetail.date.metaTitle":"ILLA Cloud | Date Component","landingPageDetail.date.metaDescription":"Learn how to use the Date component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.dateRange.name":"Date Range","landingPageDetail.dateRange.title":"Use the Date Range Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.dateRange.description":"The \'Date Range\' component in ILLA Cloud streamlines the selection of date ranges by providing a calendar-based interface, saving users\' time and effort. For example, a user can create a report and use the \'Date Range\' component to allow users to select a date range for data analysis, simplifying the process and increasing efficiency.","landingPageDetail.dateRange.metaTitle":"ILLA Cloud | Date Range Component","landingPageDetail.dateRange.metaDescription":"Learn how to use the Date Range component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.dateTime.name":"Date Time","landingPageDetail.dateTime.title":"Use the Date Time Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.dateTime.description":"The Date Time component in ILLA Cloud simplifies date and time selection by providing a calendar-based interface, improving the efficiency and accuracy of data management. For example, a user can create a form for appointment scheduling and use the \'Date Time\' component to allow users to select the specific date and time, reducing the potential for scheduling errors and streamlining the process.","landingPageDetail.dateTime.metaTitle":"ILLA Cloud Date Time Component - Select and Display Date and Time","landingPageDetail.dateTime.metaDescription":"Learn how to use date time component to create forms, surveys, dashboards, and more with ILLA Cloud.","landingPageDetail.divider.name":"Divider","landingPageDetail.divider.title":"Use the Divider Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.divider.description":"The \'Divider\' component in ILLA Cloud is a visual element that creates clear distinctions between different sections of content, improving navigation and organization. By using dividers, users can save time by quickly finding the information they need without having to search through cluttered or disorganized content, improving the user experience.","landingPageDetail.divider.metaTitle":"ILLA Cloud | Divider Component","landingPageDetail.divider.metaDescription":"Learn how to use the Divider component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.editableText.name":"Editable text","landingPageDetail.editableText.title":"Use the Editable Text Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.editableText.description":"The Editable Text component in ILLA Cloud allows users to input and edit text in a one line text input box, and the input text can be shown as hovered. This component can save users\' time by providing a quick and easy way to edit text. For example, a user can create a form that collects user feedback and use the \'Editable Text\' component to allow users to edit their comments before submitting. This can help businesses improve their efficiency by reducing the need for back-and-forth communication.","landingPageDetail.editableText.metaTitle":"ILLA Cloud | Editable Text Component","landingPageDetail.editableText.metaDescription":"Learn how to use the Editable Text component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.form.name":"Form","landingPageDetail.form.title":"Use the Form Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.form.description":"The \'Form\' component in ILLA Cloud lets users input and submit required information, providing an efficient way to collect and process data. It can save time by standardizing the data entry process, reducing errors, and making it easier to organize and analyze the data. For example, a company can use a Form component to collect employee information, such as contact details and job position, and easily organize the data for HR purposes.","landingPageDetail.form.metaTitle":"ILLA Cloud | Form Component","landingPageDetail.form.metaDescription":"Learn how to use the Form component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.icon.name":"Icon","landingPageDetail.icon.title":"Use the Icon Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.icon.description":"The Icon component in ILLA Cloud provides a quick and easy way for users to insert pre-built icons, improving the visual appeal and usability of the application. For example, a user can insert a shopping cart icon to represent a shopping cart feature in an e-commerce application, saving time and effort in creating a custom icon and improving the user experience.","landingPageDetail.icon.metaTitle":"ILLA Cloud | Icon Component","landingPageDetail.icon.metaDescription":"Learn how to use the Icon component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.image.name":"Image","landingPageDetail.image.title":"Use the Image Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.image.description":"The Image component in ILLA Cloud provides a straightforward way for users to display images, enhancing the visual appeal and accessibility of information. For example, a user can use the \'Image\' component to display product images in an e-commerce application, saving time and effort in providing a clear and attractive representation of products.","landingPageDetail.image.metaTitle":"ILLA Cloud Image Component - Display and Manage Images within Your App","landingPageDetail.image.metaDescription":"Learn how to use image component to create galleries, sliders, thumbnails, and more with ILLA Cloud.","landingPageDetail.input.name":"Input","landingPageDetail.input.title":"Use the Input Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.input.description":"In ILLA Cloud, the Input component with a left label eliminates manual data entry, saving time and increasing efficiency. It allows users to easily provide the required information for further processing. For example, it can be used to collect customer contact information, streamlining data collection and processing workflows. The collected data can be utilized for customer segmentation, targeted marketing campaigns, and customer support, providing an efficient and time-saving solution.","landingPageDetail.input.metaTitle":"ILLA Cloud | Input Component ","landingPageDetail.input.metaDescription":"Learn how to use the Input component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.list.name":"List","landingPageDetail.list.title":"Use the List Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.list.description":"The List component provides an organized and efficient way to view and manage data, saving users time by allowing them to quickly access and manipulate information. For example, a sales manager can use the List component to view and track customer orders, quickly identifying trends and making data-driven decisions. Overall, the List component can improve productivity and enhance data analysis.","landingPageDetail.list.metaTitle":"ILLA Cloud List Component - Create Repeatable Rows of Data","landingPageDetail.list.metaDescription":"Learn how to use list component to create galleries, sliders, tables, and more with ILLA Cloud.","landingPageDetail.menu.name":"Menu","landingPageDetail.menu.title":"Use the Menu Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.menu.description":"By utilizing the Menu component, users can quickly access different options without having to navigate through multiple pages, saving time and increasing efficiency. For example, a user can use the Menu component to access various features of a software application, allowing them to easily access frequently used functions and streamline their workflow.","landingPageDetail.menu.metaTitle":"ILLA Cloud Menu Component - Display and Manage Page Structure","landingPageDetail.menu.metaDescription":"Learn how to use menu component to create navigation bars, sidebars, dropdown menus, and more with ILLA Cloud.","landingPageDetail.modal.name":"Modal","landingPageDetail.modal.title":"Use the Modal Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.modal.description":"The \'Modal\' component in ILLA Cloud is a user interface element that enables the display of content or prompts for user interaction without navigating away from the current page or interrupting the user\'s workflow. It creates a floating layer on top of the existing page to gather user feedback, display information, or prompt for input. This allows for a more seamless and streamlined user experience, as users can stay within the same context while still being able to interact with the application.","landingPageDetail.modal.metaTitle":"ILLA Cloud | Modal Component","landingPageDetail.modal.metaDescription":"Learn how to use the Modal component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.multiselect.name":"Multiselect","landingPageDetail.multiselect.title":"Use the MultiSelect Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.multiselect.description":"The Multi Select component in ILLA Cloud provides users with a convenient and efficient way to select multiple options from a list, saving time and effort. For example, a user can create a survey form and use the \'Multi Select\' component to allow users to select multiple options, such as their preferred products or services, streamlining the data collection process.","landingPageDetail.multiselect.metaTitle":"ILLA Cloud | Multiselect Component","landingPageDetail.multiselect.metaDescription":"Learn how to use the Multiselect component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.numberInput.name":"Number input","landingPageDetail.numberInput.title":"Use the Number Input Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.numberInput.description":"In ILLA Cloud, the Number Input component with a left label allows users to enter numerical values, providing a streamlined interface for quick and easy input. This component can save users\' time by eliminating the need for manual data entry. For example, a user can create an order form that includes a \'Number Input\' component to collect the quantity and price of each item. This can help businesses save time and reduce errors when processing orders.","landingPageDetail.numberInput.metaTitle":"ILLA Cloud | Number Input Component","landingPageDetail.numberInput.metaDescription":"Learn how to use the Number Input component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.pdf.name":"PDF","landingPageDetail.pdf.title":"Use the PDF Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.pdf.description":"The \'PDF\' component in ILLA Cloud allows users to view and interact with PDF files within the app, saving time and streamlining document management. For example, a user can easily access and annotate PDF documents without having to switch between different software or applications, improving productivity and workflow efficiency.","landingPageDetail.pdf.metaTitle":"ILLA Cloud | PDF Component","landingPageDetail.pdf.metaDescription":"Learn how to use the PDF component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.radioButton.name":"Radio Button","landingPageDetail.radioButton.title":"Use the Radio Button Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.radioButton.description":"The Radio Button component is a quick and efficient way for users to select one option from multiple choices, avoiding confusion and streamlining the decision-making process. For example, a survey form could use the Radio Button component to allow users to select their age group, gender, or preferred method of contact, saving time by simplifying the data input process.","landingPageDetail.radioButton.metaTitle":"ILLA Cloud | Radio Button Component","landingPageDetail.radioButton.metaDescription":" Learn how to use the Radio Button component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.radioGroup.name":"Radio group","landingPageDetail.radioGroup.title":"Use the Radio Group Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.radioGroup.description":"The Radio Group component in ILLA Cloud provides a straightforward and efficient way for users to select one option from a list, saving time and reducing errors. For example, a user can create a form for event registration and use the \'Radio Group\' component to allow users to select their preferred event, simplifying the registration process and improving efficiency.","landingPageDetail.radioGroup.metaTitle":"ILLA Cloud Radio Group Component - Build Internal Tools with Ease","landingPageDetail.radioGroup.metaDescription":"Learn how to use this component to create forms, surveys, dashboards, and more with ILLA Cloud.","landingPageDetail.rate.name":"Rate","landingPageDetail.rate.title":"Use the Rate Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.rate.description":"The \'Rate\' component in ILLA Cloud provides a quick and easy way for users to rate products, services or experiences, saving time in providing feedback. For example, a user can use the Rate component to rate a recent purchase or experience, helping businesses improve their products and services based on customer feedback.","landingPageDetail.rate.metaTitle":"ILLA Cloud | Rate Component","landingPageDetail.rate.metaDescription":"Learn how to use the Rate component in ILLA Cloud, a low-code platform for building internal tools. ","landingPageDetail.select.name":"Select","landingPageDetail.select.title":"Use the Select Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.select.description":"The Select component in ILLA Cloud allows users to select from a list of options, providing a user-friendly and space-efficient way to input data, which can save users\' time and increase efficiency. For example, a user can create a survey form and use the \'Select\' component to provide a range of options for users to choose from, simplifying the process and ensuring accurate data collection.","landingPageDetail.select.metaTitle":"ILLA Cloud Select Component - Select One Option from a List of Choices with Ease","landingPageDetail.select.metaDescription":"Learn how to use select component in ILLA Cloud to choose from a list of options.","landingPageDetail.statistics.name":"Statistics","landingPageDetail.statistics.title":"Use the Statistics Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.statistics.description":"The \'Statistics\' component in ILLA Cloud is designed to help users display numerical data in a visually appealing and easy-to-understand way, improving data analysis and decision-making. For example, a user can use the Statistics component to create a dashboard that displays sales data in various visual formats such as bar charts, pie charts, and line charts, saving time in creating customized visualizations and providing a quick and clear overview of the data.","landingPageDetail.statistics.metaTitle":"ILLA Cloud | Statistics Component","landingPageDetail.statistics.metaDescription":"Learn how to use the Statistics component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.switch.name":"Switch","landingPageDetail.switch.title":"Use the Switch Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.switch.description":"The Switch component in ILLA Cloud provides an intuitive and user-friendly way for users to turn on or turn off specific settings or features, saving time and increasing efficiency. For example, a user can create a notification system and use the \'Switch\' component to allow users to turn on or turn off notifications for specific events, such as new messages or updates, reducing unnecessary interruptions.","landingPageDetail.switch.metaTitle":"ILLA Cloud | Switch Component","landingPageDetail.switch.metaDescription":"Learn how to use the Switch component in ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.tables.name":"Tables","landingPageDetail.tables.title":"Use the Table Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.tables.description":"The \'Table\' component in ILLA Cloud displays database data in a tabular format, allowing users to quickly analyze large amounts of information. With features like sorting, searching, and filtering, the Table component can save users time by enabling them to easily find and manipulate the data they need. Additionally, tables can be customized with different column types, colors, and formatting options, making it possible to create visually appealing and easy-to-understand representations of complex data.","landingPageDetail.tables.metaTitle":"ILLA Cloud | Tables Component","landingPageDetail.tables.metaDescription":"Learn how to use the Tables component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.tabs.name":"Tabs","landingPageDetail.tabs.title":"Use the Tab Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.tabs.description":"The \'Tab\' component in ILLA Cloud saves users time by allowing them to easily switch between different sections of content without the need for extensive scrolling. For example, a user can use Tabs to switch between different views or modes in a software application, improving usability and productivity.","landingPageDetail.tabs.metaTitle":"ILLA Cloud Tabs Component - Categorize and Display Content","landingPageDetail.tabs.metaDescription":"Learn how to use tabs component to create dashboards, reports, forms, and more with ILLA Cloud.","landingPageDetail.text.name":"Text","landingPageDetail.text.title":"Use the Text Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.text.description":"The Text component in ILLA Cloud provides a straightforward way for users to display text, improving the readability and accessibility of information. For example, a user can use the \'Text\' component to display important instructions or information, such as contact details or product descriptions, saving time and effort in conveying important information.","landingPageDetail.text.metaTitle":"ILLA Cloud | Text Component","landingPageDetail.text.metaDescription":"Learn how to use the Text component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.textareaInput.name":"Textarea input","landingPageDetail.textareaInput.title":"Use the Textarea Input Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.textareaInput.description":"The Textarea Input component in ILLA Cloud is a user-friendly tool that enables users to input and edit multiple lines of text with ease. For example, a user can create a contact form that includes a \'Textarea Input\' component to allow users to enter detailed messages, saving time and streamlining the communication process.","landingPageDetail.textareaInput.metaTitle":"ILLA Cloud | Textarea Input Component","landingPageDetail.textareaInput.metaDescription":"Learn how to use the Textarea Input component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.timeline.name":"Timeline","landingPageDetail.timeline.title":"Use the Timeline Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.timeline.description":"The Timeline component in ILLA Cloud can save users time by providing a clear and organized visual representation of a project\'s progress or history. For example, a project manager can use the Timeline component to create a visual representation of a project\'s milestones, deadlines, and deliverables, saving time in creating and communicating a project\'s timeline to team members and stakeholders.","landingPageDetail.timeline.metaTitle":"ILLA Cloud | Timeline Component","landingPageDetail.timeline.metaDescription":"Learn how to use the Timeline component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.upload.name":"Upload","landingPageDetail.upload.title":"Use the Upload Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.upload.description":"The Upload component in ILLA Cloud enables users to easily upload any type of files to their application, providing a convenient and streamlined approach to data management. For example, a user can create an online store and use the \'Upload\' component to allow customers to upload images or other files when submitting orders, saving time and increasing efficiency.","landingPageDetail.upload.metaTitle":"ILLA Cloud | Upload Component","landingPageDetail.upload.metaDescription":"Learn how to use the Upload component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.video.name":"Video","landingPageDetail.video.title":"Use the Video Component in ILLA Cloud to build internal tools in just a few clicks.","landingPageDetail.video.description":"The \'Video\' component in ILLA Cloud plays and interacts with videos within the application, saving time by allowing users to easily view and interact with video content without the need to switch to an external video player. For example, a user can use the Video component to watch training videos or product demos within the application, improving productivity and efficiency.","landingPageDetail.video.metaTitle":"ILLA Cloud Video Component - Interact with Videos in Your App","landingPageDetail.video.metaDescription":"Learn how to use video component to create training videos, product demos, tutorials, and more with ILLA Cloud.","landingPageDetail.airtable.name":"Airtable","landingPageDetail.airtable.title":"Connect to Airtable with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.airtable.description":"\\"With ILLA Cloud\'s Airtable integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows. The integration simplifies data management by leveraging Airtable\'s API endpoints, allowing you to easily manipulate data from your Airtable databases, storage and authentication services. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks. For example, you can retrieve data from an Airtable database and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Airtable integration, you can streamline your data management process and leverage the powerful capabilities of Airtable to enhance your productivity.\\"","landingPageDetail.airtable.metaTitle":"Airtable","landingPageDetail.airtable.metaDescription":"A flexible and collaborative platform for managing projects, data, and teams seamlessly.","landingPageDetail.appwrite.name":"Appwrite","landingPageDetail.appwrite.title":"Connect to Appwrite with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.appwrite.description":"With ILLA Cloud\'s Appwrite integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows.The integration simplifies data management by leveraging Appwrite\'s API endpoints, allowing you to easily manipulate data from your Appwrite databases, storage and authentication services. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve data from an Appwrite database and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Appwrite integration, you can streamline your data management process and leverage the powerful capabilities of Appwrite to enhance your productivity.","landingPageDetail.appwrite.metaTitle":"ILLA Cloud Appwrite Integration - Connect and Manage Your Appwrite Data","landingPageDetail.appwrite.metaDescription":"Learn how to use Appwrite integration to create applications that leverage the power of Appwrite with ILLA Cloud.","landingPageDetail.clickhouse.name":"Clickhouse","landingPageDetail.clickhouse.title":"Connect to Clickhouse with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.clickhouse.description":"With ILLA Cloud\'s ClickHouse integration, you can quickly configure and connect to your ClickHouse database to optimize your data management and streamline your workflows.The integration simplifies data management using ClickHouse queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a ClickHouse table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s ClickHouse integration, you can streamline your data management process and leverage the powerful capabilities of ClickHouse to enhance your productivity.","landingPageDetail.clickhouse.metaTitle":"ILLA Cloud | ClickHouse Integration","landingPageDetail.clickhouse.metaDescription":"Learn how to connect and interact with any ClickHouse database using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.couchdb.name":"CouchDB","landingPageDetail.couchdb.title":"Connect to CouchDB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.couchdb.description":"With ILLA Cloud\'s CouchDB integration, you can quickly configure and connect to your CouchDB database to optimize your data management and streamline your workflows.The integration simplifies data management using CouchDB queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a CouchDB database and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s CouchDB integration, you can streamline your data management process and leverage the powerful capabilities of CouchDB to enhance your productivity.","landingPageDetail.couchdb.metaTitle":"ILLA Cloud | CouchDB Integration","landingPageDetail.couchdb.metaDescription":"Learn how to connect your CouchDB database to ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.dynamodb.name":"Amazon DynamoDB","landingPageDetail.dynamodb.title":"Connect to Amazon DynamoDB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.dynamodb.description":"With ILLA Cloud\'s Amazon DynamoDB integration, you can quickly configure and connect to your DynamoDB database to optimize your data management and streamline your workflows.The integration simplifies data management using DynamoDB queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a DynamoDB table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s Amazon DynamoDB integration, you can streamline your data management process and leverage the powerful capabilities of DynamoDB to enhance your productivity.","landingPageDetail.dynamodb.metaTitle":"ILLA Cloud | Amazon DynamoDB Integration","landingPageDetail.dynamodb.metaDescription":"Learn how to connect your Amazon DynamoDB database to ILLA Cloud, a low-code platform for building internal tools. ","landingPageDetail.elasticsearch.name":"Elastic Search","landingPageDetail.elasticsearch.title":"Connect to Elastic Search with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.elasticsearch.description":"With ILLA Cloud\'s Elastic Search integration, you can quickly configure and connect to your Elastic Search cluster to optimize your data management and enhance your workflows.The integration simplifies data management using Elastic Search queries, allowing you to search and retrieve data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from an Elastic Search index and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s Elastic Search integration, you can streamline your data management process and leverage the powerful capabilities of Elastic Search to enhance your productivity.","landingPageDetail.elasticsearch.metaTitle":"ILLA Cloud | Elastic Search Integration","landingPageDetail.elasticsearch.metaDescription":"Learn how to connect and interact with your Elastic Search database using ILLA Cloud, the open-source low-code platform for building internal tools. ","landingPageDetail.firebase.name":"Firebase","landingPageDetail.firebase.title":"Connect to Firebase with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.firebase.description":"With ILLA Cloud\'s Firebase integration, you can quickly configure and connect to your Firebase database to optimize your data management and streamline your workflows.The integration simplifies data management using Firebase queries and API calls, allowing you to easily manipulate data and perform complex operations. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a Firebase collection and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Firebase integration, you can streamline your data management process and leverage the powerful capabilities of Firebase to enhance your productivity.","landingPageDetail.firebase.metaTitle":"ILLA Cloud | Firebase Integration","landingPageDetail.firebase.metaDescription":"Learn how to connect your Firebase database to ILLA Cloud, a low-code platform for building internal tools. ","landingPageDetail.googlesheets.name":"Google Sheets","landingPageDetail.googlesheets.title":"Connect to Google Sheets with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.googlesheets.description":"With ILLA Cloud\'s Google Sheets integration, you can quickly and easily connect to your Google Sheets spreadsheets to optimize your data management and streamline your workflows.The integration simplifies data management by allowing you to read, write and manipulate data from your Google Sheets spreadsheets using Google Sheets API. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve data from a Google Sheets spreadsheet and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Google Sheets integration, you can streamline your data management process and leverage the powerful capabilities of Google Sheets to enhance your productivity.","landingPageDetail.googlesheets.metaTitle":"ILLA Cloud Google Sheets Integration - Connect and Manage Your Google Sheets Data","landingPageDetail.googlesheets.metaDescription":"Learn how to use Google sheet integration to create dashboards, reports, forms, and more with ILLA Cloud.","landingPageDetail.graphql.name":"GraphQL","landingPageDetail.graphql.title":"Connect to GraphQL with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.graphql.description":"With ILLA Cloud\'s GraphQL integration, you can quickly and easily configure and connect to your GraphQL APIs to optimize your data management and streamline your workflows.The integration simplifies data management by allowing you to easily retrieve and manipulate data from your GraphQL APIs. You can safely add or write data by providing input, including necessary GraphQL queries, and incorporating app-based validation checks.For example, you can retrieve data from a GraphQL API and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s GraphQL integration, you can streamline your data management process and leverage the powerful capabilities of GraphQL to enhance your productivity.","landingPageDetail.graphql.metaTitle":"ILLA Cloud | GraphQL Integration","landingPageDetail.graphql.metaDescription":"Learn how to connect your GraphQL API to ILLA Cloud, a low-code platform for building internal tools. ","landingPageDetail.huggingface.name":"Hugging Face Inference API","landingPageDetail.huggingface.title":"Connect to Hugging Face Inference API with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.huggingface.description":"With ILLA Cloud\'s Hugging Face Inference API integration, you can quickly and easily connect to Hugging Face\'s powerful natural language processing models to optimize your data management and streamline your workflows.The integration simplifies data management by leveraging Hugging Face\'s API endpoints, allowing you to retrieve and manipulate data with ease. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve text data from an external source and pass it through a Hugging Face API call to perform sentiment analysis or language translation. With ILLA Cloud\'s Hugging Face Inference API integration, you can streamline your data management process and leverage the powerful capabilities of Hugging Face\'s natural language processing models to enhance your productivity.","landingPageDetail.huggingface.metaTitle":"ILLA Cloud Hugging Face Inference API Integration - Connect and Use ML Models","landingPageDetail.huggingface.metaDescription":"The Hugging Face Inference API integration in ILLA Cloud allows users to connect and use over 130,000 machine learning models. ","landingPageDetail.huggingfaceendpoint.name":"Hugging Face Inference Endpoint","landingPageDetail.huggingfaceendpoint.title":"Connect to Hugging Face Inference Endpoint with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.huggingfaceendpoint.description":"With ILLA Cloud\'s Hugging Face Inference Endpoint integration, you can quickly and easily configure and connect to Hugging Face\'s powerful natural language processing models to optimize your data management and streamline your workflows.The integration simplifies data management by leveraging Hugging Face\'s API endpoints, allowing you to retrieve and manipulate data with ease. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve text data from an external source and pass it through a Hugging Face inference endpoint to perform sentiment analysis or language translation. With ILLA Cloud\'s Hugging Face Inference Endpoint integration, you can streamline your data management process and leverage the powerful capabilities of Hugging Face\'s natural language processing models to enhance your productivity.","landingPageDetail.huggingfaceendpoint.metaTitle":"ILLA Cloud | Hugging Face Inference Endpoint Integration","landingPageDetail.huggingfaceendpoint.metaDescription":"Learn how to connect and interact with any Hugging Face Inference Endpoint using ILLA Cloud, the open-source low-code platform for building internal tools. ","landingPageDetail.hydra.name":"Hydra","landingPageDetail.hydra.title":"Connect to Hydra with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.hydra.description":"\\"With ILLA Cloud\'s Hydra integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows.\\r\\nThe integration simplifies data management by leveraging Hydra\'s API endpoints, allowing you to easily manipulate data from your Hydra databases, storage and authentication services. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.\\r\\nFor example, you can retrieve data from an Hydra database and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Hydra integration, you can streamline your data management process and leverage the powerful capabilities of Hydra to enhance your productivity.\\"","landingPageDetail.hydra.metaTitle":"Hydra","landingPageDetail.hydra.metaDescription":"An open source, column-oriented RDBMS built on Postgres","landingPageDetail.mariadb.name":"MariaDB","landingPageDetail.mariadb.title":"Connect to MariaDB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.mariadb.description":"With ILLA Cloud\'s MariaDB integration, you can quickly and easily configure and connect to your MariaDB database to optimize your data management and streamline your workflows.The integration simplifies data management using SQL, allowing you to manipulate tables, retrieve data and perform complex queries with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can fetch data for an employee from a MariaDB table and add a button that, when clicked, runs an SQL query to update the employee\'s information or approve a request. With ILLA Cloud\'s MariaDB integration, you can maximize the potential of your data source and enhance your productivity with minimal effort.","landingPageDetail.mariadb.metaTitle":"ILLA Cloud | MariaDB Integration","landingPageDetail.mariadb.metaDescription":"Learn how to connect and interact with your MariaDB database using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.mongodb.name":"MongoDB","landingPageDetail.mongodb.title":"Connect to MongoDB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.mongodb.description":"With ILLA Cloud\'s MongoDB integration, you can quickly configure and connect to your MongoDB database to optimize your data management and streamline your workflows.The integration simplifies data management using MongoDB queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a MongoDB collection and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s MongoDB integration, you can streamline your data management process and leverage the powerful capabilities of MongoDB to enhance your productivity.","landingPageDetail.mongodb.metaTitle":"ILLA Cloud | MongoDB Integration","landingPageDetail.mongodb.metaDescription":"Learn how to connect and interact with your MongoDB database using ILLA Cloud, the open-source low-code platform for building internal tools. ","landingPageDetail.mssql.name":"Microsoft SQL Server","landingPageDetail.mssql.title":"Connect to Microsoft SQL Server with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.mssql.description":"With ILLA Cloud\'s Microsoft SQL Server integration, you can quickly configure and connect to your SQL Server database to optimize your data management and streamline your workflows.The integration simplifies data management using SQL queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a SQL Server table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s Microsoft SQL Server integration, you can streamline your data management process and leverage the powerful capabilities of SQL Server to enhance your productivity.","landingPageDetail.mssql.metaTitle":"ILLA Cloud | Microsoft SQL Server Integration","landingPageDetail.mssql.metaDescription":"Learn how to connect your Microsoft SQL Server database to ILLA Cloud, a low-code platform for building internal tools. ","landingPageDetail.mysql.name":"MySQL","landingPageDetail.mysql.title":"Connect to MySQL with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.mysql.description":"Integrating ILLA Cloud with MySQL can greatly enhance your workflow and streamline your processes. With just a few simple steps, you can connect ILLA Cloud to your MySQL databases, enabling you to create user interfaces that interact with your data in powerful new ways. Whether you need to read data into a table grid, create dashboards, or add custom actions that run SQL queries to write to your database, ILLA Cloud makes it easy to do so safely and efficiently.By connecting to your MySQL data with ILLA Cloud, you can avoid unintentional deletes and other costly errors. For example, if you\'re managing employee expenses with a MySQL table, you can use ILLA Cloud to read your data into a dashboard and even add an action that writes back to your database to update the approval status for each expense. And with ILLA Cloud\'s simple interface, you can define the actions you want to take in a clear and systematic way, making it easy to optimize your workflow and streamline your processes.","landingPageDetail.mysql.metaTitle":"ILLA Cloud | MySQL Integration","landingPageDetail.mysql.metaDescription":"Learn how to connect your MySQL database to ILLA Cloud, a low-code platform for building internal tools. ","landingPageDetail.neon.name":"Neon","landingPageDetail.neon.title":"Connect to Neon with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.neon.description":"The fully managed multi-cloud Postgres with a generous free tier. We separated storage and compute to offer autoscaling, branching, and bottomless storage.","landingPageDetail.neon.metaTitle":"ILLA Cloud Neon Integration - Connect to the multi-cloud Postgres","landingPageDetail.neon.metaDescription":"Learn how to connect your Neon database to ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.oracledb.name":"Oracle DB","landingPageDetail.oracledb.title":"Connect to Oracle DB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.oracledb.description":"With ILLA Cloud\'s Oracle DB integration, you can quickly configure and connect to your Oracle database to optimize your data management and streamline your workflows.The integration simplifies data management using SQL queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from an Oracle database table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s Oracle DB integration, you can streamline your data management process and leverage the powerful capabilities of Oracle DB to enhance your productivity.","landingPageDetail.oracledb.metaTitle":"ILLA Cloud | Oracle DB Integration","landingPageDetail.oracledb.metaDescription":"Learn how to use the Oracle DB integration in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.postgresql.name":"PostgreSQL","landingPageDetail.postgresql.title":"Connect to PostgreSQL with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.postgresql.description":"With ILLA Cloud\'s PostgreSQL integration, you can quickly configure and connect to your PostgreSQL database to optimize your data source with reliable performance.The integration simplifies data management with SQL, allowing you to easily manipulate tables and perform complex queries. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For instance, suppose you want to retrieve employee data from a PostgreSQL table and approve a leave request with a single click. In that case, you can create a button that runs an SQL query, marking the employee\'s request as approved. With ILLA Cloud\'s PostgreSQL integration, you can streamline your data management process with ease and confidence.","landingPageDetail.postgresql.metaTitle":"ILLA Cloud | PostgreSQL Database Integration","landingPageDetail.postgresql.metaDescription":"Learn how to connect and interact with any PostgreSQL database using ILLA Cloud, the open-source low-code platform for building internal tools. ","landingPageDetail.redis.name":"Redis","landingPageDetail.redis.title":"Connect to Redis with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.redis.description":"With ILLA Cloud\'s Redis integration, you can quickly configure and connect to your Redis database to optimize your data management and enhance your workflows.The integration simplifies data management using Redis commands, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary commands, and incorporating app-based validation checks.For example, you can retrieve data from a Redis database and add a button that, when clicked, performs a Redis command to update the data or approve a request. With ILLA Cloud\'s Redis integration, you can streamline your data management process and leverage the powerful capabilities of Redis to enhance your productivity.","landingPageDetail.redis.metaTitle":"ILLA Cloud Redis Integration - Connect and Manage Your Redis Database","landingPageDetail.redis.metaDescription":"Learn how to use Redis integration to manipulate data using Redis commands, create dashboards, reports, forms, and more with ILLA Cloud.","landingPageDetail.restapi.name":"REST API","landingPageDetail.restapi.title":"Connect to Any RESTful API and Build Custom Tools with ILLA Cloud in Minutes","landingPageDetail.restapi.description":"With ILLA Cloud\'s REST API integration, you can quickly and easily connect to any RESTful API to optimize your data management and streamline your workflows.The integration simplifies data management using RESTful API endpoints, allowing you to retrieve and manipulate data with ease. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve data from an external RESTful API and add a button that, when clicked, performs a call to update the data or approve a request. With ILLA Cloud\'s REST API integration, you can streamline your data management process and leverage the powerful capabilities of RESTful APIs to enhance your productivity.","landingPageDetail.restapi.metaTitle":"ILLA Cloud | REST API Integration","landingPageDetail.restapi.metaDescription":"Learn how to connect and interact with any REST API endpoint using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.s3.name":"S3","landingPageDetail.s3.title":"Connect to Amazon S3 with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.s3.description":"With ILLA Cloud\'s Amazon S3 integration, you can quickly and easily configure and connect to your Amazon S3 storage to optimize your data management and streamline your workflows.The integration simplifies data management by leveraging S3 API endpoints, allowing you to read, write and manipulate data from your S3 buckets with ease. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve data from an S3 bucket and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Amazon S3 integration, you can streamline your data management process and leverage the powerful capabilities of Amazon S3 storage to enhance your productivity.","landingPageDetail.s3.metaTitle":"ILLA Cloud | S3 Integration","landingPageDetail.s3.metaDescription":"Learn how to use the S3 component in ILLA Cloud, a low-code platform for building internal tools.","landingPageDetail.smtp.name":"SMTP","landingPageDetail.smtp.title":"Connect to SMTP with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.smtp.description":"With ILLA Cloud\'s SMTP integration, you can quickly and easily configure and connect to your SMTP server to optimize your email management and streamline your workflows.The integration simplifies email management by allowing you to send and receive emails directly from your ILLA Cloud application. You can safely send emails by providing input, including necessary SMTP parameters, and incorporating app-based validation checks.For example, you can send automated emails to users when a certain event is triggered in your application. With ILLA Cloud\'s SMTP integration, you can streamline your email management process and leverage the powerful capabilities of SMTP to enhance your productivity.","landingPageDetail.smtp.metaTitle":"ILLA Cloud | SMTP Integration","landingPageDetail.smtp.metaDescription":"Learn how to connect and interact with any SMTP server using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.snowflake.name":"Snowflake","landingPageDetail.snowflake.title":"Connect to Snowflake with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.snowflake.description":"With ILLA Cloud\'s Snowflake integration, you can quickly configure and connect to your Snowflake data warehouse to optimize your data management and streamline your workflows.The integration simplifies data management using Snowflake SQL queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a Snowflake table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud\'s Snowflake integration, you can streamline your data management process and leverage the powerful capabilities of Snowflake to enhance your productivity.","landingPageDetail.snowflake.metaTitle":"ILLA Cloud | Snowflake Integration","landingPageDetail.snowflake.metaDescription":"Learn how to connect and interact with your Snowflake database using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.supabaseDB.name":"Supabase DB","landingPageDetail.supabaseDB.title":"Connect to SupabaseDB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.supabaseDB.description":"With ILLA Cloud\'s SupabaseDB integration, you can quickly configure and connect to your SupabaseDB database to optimize your data management and streamline your workflows.The integration simplifies data management using SupabaseDB queries and API calls, allowing you to easily manipulate data and perform complex operations. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a SupabaseDB table and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s SupabaseDB integration, you can streamline your data management process and leverage the powerful capabilities of SupabaseDB to enhance your productivity.","landingPageDetail.supabaseDB.metaTitle":"ILLA Cloud | Supabase DB Integration","landingPageDetail.supabaseDB.metaDescription":"Learn how to connect and interact with any Supabase DB using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPageDetail.tiDB.name":"TiDB","landingPageDetail.tiDB.title":"Connect to TiDB with ILLA Cloud and build internal tools in just a few clicks.","landingPageDetail.tiDB.description":"With ILLA Cloud\'s TiDB integration, you can seamlessly configure and connect to your TiDB database to optimize your data management and enhance your workflows.The integration simplifies data management using SQL, allowing you to manipulate tables, retrieve data and perform complex queries with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For instance, you can retrieve data for an employee from a TiDB table and add a button that runs an SQL query to update the employee\'s information or approve a request. With ILLA Cloud\'s TiDB integration, you can streamline your data management process and unlock the full potential of your data source with confidence.","landingPageDetail.tiDB.metaTitle":"ILLA Cloud | TiDB Integration","landingPageDetail.tiDB.metaDescription":"Learn how to connect and interact with your TiDB database using ILLA Cloud, the open-source low-code platform for building internal tools.","landingPage.build_with":"Build with {name}","landingPage.back_to_components":"Back to components","theme.NotFound.p1":"We could not find what you were looking for.","theme.NotFound.p2":"Please contact the owner of the site that linked you to the original URL and let them know their link is broken.","content.all.title":"ILLA Cloud integrates everything","how_to_use.title.3_steps_to_customize":"steps to customize your business apps","how_to_use.description.build_tools_through":"Build tools through drag-and-drop components, customize your AI Agent, connect to your data sources, and make AI a smart tool tailored to your needs and data, making your work more intelligent.","how_to_use.step1_title.create_ai_agent_for":"Drag and drop components to design UI","how_to_use.step1_description.you_can_create_an_ai":"By dragging and dropping components, you can quickly build the UI of the apps and implement any functionality you desire.","how_to_use.step1_button.ai_agent_marketplace":"Start building UI with ILLA","how_to_use.step2_title.build_the_frontend_p":"Connect to your data sources","how_to_use.step2_description.by_dragging_and_drop":"Connect to your own data sources, including MySQL, PostgreSQL, and other databases, REST APIs, GraphQL, etc. Build CRUD apps in just one minute.","how_to_use.step2_button.illa_app_marketplace":"Start building Apps with your data sources","how_to_use.step3_title.connect_to_your_data":"Configure and connect to AI agents","how_to_use.step3_description.enable_data_integrat":"Integrating AI agents into your app and empower it with AI capabilities such as intelligent analysis, content generation, and more, without AI development skills.","how_to_use.step3_button.supported_data_sourc":"Start building AI driven apps","testimonial.title.user_testimonials":"User Testimonials","testimonial.testimonial1_content.illa_cloud_has_been":"ILLA Cloud has been a game-changer for me. It helps me generate highly efficient content in less time. The customized AI Agent and App perfectly cater to my business needs.","testimonial.testimonial1_username.christopher":"Christopher","testimonial.testimonial1_usertitle.seo_specialist":"SEO Specialist","testimonial.testimonial2_content.i_think_i_become_a_b":"I think I become a BlogMaster now! This tool has revolutionized my content generation process, saving me valuable time. Whether it\'s generating blog ideas or structuring articles, the AI Agents have been a tremendous asset to me and my team.","testimonial.testimonial2_username.lucas":"Lucas","testimonial.testimonial2_usertitle.content_strategist":"Content Strategist","testimonial.testimonial3_content.it_empowers_me_to_pr":"It empowers me to provide exceptional customer support with minimal effort. The pre-built AI Agent and App, along with the ability to customize them for our specific needs, have significantly enhanced our team\'s effectiveness.","testimonial.testimonial3_username.harper":"Harper","testimonial.testimonial3_usertitle.customer_service_man":"Customer Service Manager","testimonial.testimonial4_content.ai_agent_low_code":"AI Agent & low-code has transformed my email writing process. It streamlines the creation of impactful emails, enabling me to craft engaging and persuasive messages effortlessly. ILLA Cloud has elevated our email communication to new heights.","testimonial.testimonial4_username.abigail":"Abigail","testimonial.testimonial4_usertitle.communication_specia":"Communication Specialist","testimonial.testimonial5_content.i_need_to_oversee_va":"I need to oversee various aspects of my company. ILLA Cloud provides me with a comprehensive solution. It not only saves me time and effort in development and design but also allows me to manage and monitor my business better. ","testimonial.testimonial5_username.matthew":"Matthew","testimonial.testimonial5_usertitle.business_founder":"Business Founder","testimonial.testimonial6_content.using_illa_cloud_to":"Using ILLA Cloud to build a management dashboard has been incredibly easy. After just one day of work, we were able to accomplish tasks such as monitoring project progress and allocating resources within this dashboard.","testimonial.testimonial6_username.samuel":"Samuel","testimonial.testimonial6_usertitle.website_administrato":"Website Administrator","customer.title":"Trusted by thousands of teams","description":"Build {businessApp} with low code, make automated {flow}, create {AIAgent} easily","website_4.description.ai_agent":"AI Agent","website_4.description.business_app":"website&app","website_4.description.flow":"flow","first_button":"Get started","join-community":"Join Discord","theme.blog.post.readMore":"Read More","theme.blog.post.readMoreLabel":"Read more about {title}","theme.ErrorPageContent.title":"This page crashed.","theme.BackToTopButton.buttonAriaLabel":"Scroll back to top","theme.blog.archive.title":"Archive","theme.blog.archive.description":"Archive","theme.blog.post.paginator.navAriaLabel":"Blog post page navigation","theme.blog.post.paginator.newerPost":"Newer Post","theme.blog.post.paginator.olderPost":"Older Post","theme.tags.tagsPageLink":"View All Tags","theme.colorToggle.ariaLabel":"Switch between dark and light mode (currently {mode})","theme.colorToggle.ariaLabel.mode.dark":"dark mode","theme.colorToggle.ariaLabel.mode.light":"light mode","theme.docs.breadcrumbs.navAriaLabel":"Breadcrumbs","theme.docs.DocCard.categoryDescription":"{count} items","theme.docs.paginator.navAriaLabel":"Docs pages","theme.docs.paginator.previous":"Previous","theme.docs.paginator.next":"Next","theme.docs.tagDocListPageTitle.nDocsTagged":"One doc tagged|{count} docs tagged","theme.docs.tagDocListPageTitle":"{nDocsTagged} with \\"{tagName}\\"","theme.docs.versionBadge.label":"Version: {versionLabel}","theme.docs.versions.unreleasedVersionLabel":"This is unreleased documentation for {siteTitle} {versionLabel} version.","theme.docs.versions.unmaintainedVersionLabel":"This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.","theme.docs.versions.latestVersionSuggestionLabel":"For up-to-date documentation, see the {latestVersionLink} ({versionLabel}).","theme.docs.versions.latestVersionLinkLabel":"latest version","theme.common.editThisPage":"Edit this page","theme.common.headingLinkTitle":"Direct link to {heading}","theme.lastUpdated.atDate":" on {date}","theme.lastUpdated.byUser":" by {user}","theme.lastUpdated.lastUpdatedAtBy":"Last updated{atDate}{byUser}","theme.navbar.mobileVersionsDropdown.label":"Versions","theme.tags.tagsListLabel":"Tags:","theme.admonition.caution":"caution","theme.admonition.danger":"danger","theme.admonition.info":"info","theme.admonition.note":"note","theme.admonition.tip":"tip","theme.admonition.warning":"warning","theme.AnnouncementBar.closeButtonAriaLabel":"Close","theme.blog.sidebar.navAriaLabel":"Blog recent posts navigation","theme.CodeBlock.copied":"Copied","theme.CodeBlock.copyButtonAriaLabel":"Copy code to clipboard","theme.CodeBlock.copy":"Copy","theme.CodeBlock.wordWrapToggle":"Toggle word wrap","theme.DocSidebarItem.expandCategoryAriaLabel":"Expand sidebar category \'{label}\'","theme.DocSidebarItem.collapseCategoryAriaLabel":"Collapse sidebar category \'{label}\'","theme.NavBar.navAriaLabel":"Main","theme.navbar.mobileLanguageDropdown.label":"Languages","theme.TOCCollapsible.toggleButtonLabel":"On this page","theme.docs.breadcrumbs.home":"Home page","theme.docs.sidebar.collapseButtonTitle":"Collapse sidebar","theme.docs.sidebar.collapseButtonAriaLabel":"Collapse sidebar","theme.docs.sidebar.navAriaLabel":"Docs sidebar","theme.docs.sidebar.closeSidebarButtonAriaLabel":"Close navigation bar","theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel":"\u2190 Back to main menu","theme.docs.sidebar.toggleSidebarButtonAriaLabel":"Toggle navigation bar","theme.docs.sidebar.expandButtonTitle":"Expand sidebar","theme.docs.sidebar.expandButtonAriaLabel":"Expand sidebar","theme.ErrorPageContent.tryAgain":"Try again","theme.common.skipToMainContent":"Skip to main content","theme.tags.tagsPageTitle":"Tags","theme.unlistedContent.title":"Unlisted page","theme.unlistedContent.message":"This page is unlisted. Search engines will not index it, and only users having a direct link can access it."}')},6887:e=>{"use strict";e.exports=JSON.parse('{"/illa-website/admin-panel-090":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"a9f9d9a3"},"/illa-website/ai-voice-generator-71b":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"b0677628"},"/illa-website/blog-c44":{"__comp":"a6aa9e1f","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"},{"content":"4a83e123"},{"content":"354dfbd1"},{"content":"e20c763e"},{"content":"bb85b74d"},{"content":"5cd65baf"}],"metadata":"a1d5db4a","tags":"2bab37f9"},"/illa-website/blog/backend-create-web-ui-e6d":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"e765f05a"},"/illa-website/blog/build-dashboard-fb1":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"96447363"},"/illa-website/blog/lowcode-vs-traditional-6ed":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"72d3bf7a"},"/illa-website/blog/mui-2024-5d5":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"1842627e"},"/illa-website/blog/nvm-use-2024-083":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"5f78ec6a"},"/illa-website/blog/shadcn-ui-2024-b65":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"4a61f11b"},"/illa-website/blog/shadcn-vs-mui-2aa":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"31eafaf9"},"/illa-website/blog/tags-6c4":{"__comp":"01a85c17","__context":{"plugin":"fc0df049"},"tags":"2bab37f9"},"/illa-website/blog/tags/admin-panel-ecb":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"da530276","tags":"2bab37f9","listMetadata":"a8a01fb0"},"/illa-website/blog/tags/data-dashboard-55e":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"},{"content":"bb85b74d"}],"tag":"a7999644","tags":"2bab37f9","listMetadata":"ee6f64f3"},"/illa-website/blog/tags/internal-tools-34b":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"3ae00f65","tags":"2bab37f9","listMetadata":"fad6e022"},"/illa-website/blog/tags/javascript-5c4":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"}],"tag":"dfe72411","tags":"2bab37f9","listMetadata":"1d9dae67"},"/illa-website/blog/tags/low-code-a7c":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"354dfbd1"}],"tag":"c45d4b28","tags":"2bab37f9","listMetadata":"b4cd1370"},"/illa-website/blog/tags/mac-911":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"1e617043","tags":"2bab37f9","listMetadata":"dcf8da52"},"/illa-website/blog/tags/nodejs-c59":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"cd0cf34d","tags":"2bab37f9","listMetadata":"9784bb0b"},"/illa-website/blog/tags/nvm-585":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"995fa2e5","tags":"2bab37f9","listMetadata":"b3f0800c"},"/illa-website/blog/tags/open-source-f4a":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"354dfbd1"}],"tag":"dd95d1fb","tags":"2bab37f9","listMetadata":"7d62b9db"},"/illa-website/blog/tags/react-ad3":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"81c7ed4e","tags":"2bab37f9","listMetadata":"125074f4"},"/illa-website/blog/tags/shadcn-ui-459":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"5c73698d","tags":"2bab37f9","listMetadata":"f91124a1"},"/illa-website/blog/tags/traditional-development-f03":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"}],"tag":"012c936c","tags":"2bab37f9","listMetadata":"4486a1a1"},"/illa-website/blog/tags/ui-library-174":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"4a83e123"}],"tag":"2f0deb5b","tags":"2bab37f9","listMetadata":"2a89cc7d"},"/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024-263":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"3dca0203"},"/illa-website/cms-026":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"dbd7c721"},"/illa-website/components/-5b9":{"__comp":"188c27a7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Audio/-f19":{"__comp":"83d2f18d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/BarProgress/-771":{"__comp":"50cfa8ab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Button/-de8":{"__comp":"49586834","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Carousel/-8c9":{"__comp":"a6b4f45f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Cascader/-f17":{"__comp":"86953be1","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Chart/-d20":{"__comp":"4c3a04f4","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/CheckboxGroup/-2b3":{"__comp":"7f0a0f20","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/CircleProgress/-1f3":{"__comp":"46a49447","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Container/-d85":{"__comp":"bb9e3f22","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Date/-cfa":{"__comp":"deb5faec","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/DateRange/-c94":{"__comp":"25ffa5da","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/DateTime/-90f":{"__comp":"9f91eb4c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Divider/-7f8":{"__comp":"03d60dda","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/EditableText/-77f":{"__comp":"5758dffb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Form/-4f5":{"__comp":"3fee51a2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Icon/-2b7":{"__comp":"6632b8cf","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Image/-81d":{"__comp":"c133d0bc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Input/-d13":{"__comp":"1b97b52f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/List/-b84":{"__comp":"0104b3a5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Menu/-17f":{"__comp":"53015dc5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Modal/-bb5":{"__comp":"25bbf118","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Multiselect/-7cb":{"__comp":"da1593ee","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/NumberInput/-549":{"__comp":"6b7903a8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/PDF/-63e":{"__comp":"474ec535","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/RadioButton/-345":{"__comp":"8d9a9c02","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/RadioGroup/-988":{"__comp":"837d095b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Rate/-a88":{"__comp":"be1d629d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Select/-902":{"__comp":"56cbb393","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Statistics/-6e4":{"__comp":"03598c98","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Switch/-f6f":{"__comp":"01bd692b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Tables/-5f6":{"__comp":"ca96679e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Tabs/-e90":{"__comp":"30834002","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Text/-25a":{"__comp":"a9372106","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Textarea%20Input/-44d":{"__comp":"5ca6070c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Timeline/-3ae":{"__comp":"7213c8c2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Upload/-9a0":{"__comp":"e0cd9918","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/components/Video/-b95":{"__comp":"3d6ccfd0","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/crm-63f":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"56108f26"},"/illa-website/dashboard-5ec":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"67346627"},"/illa-website/image-generator-2aa":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"0287bb30"},"/illa-website/integrations/-1e5":{"__comp":"d8096fab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Airtable/-d53":{"__comp":"e4e1a4b6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/AmazonDynamoDB/-c98":{"__comp":"589eda2e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Appwrite/-5ea":{"__comp":"733df29f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Clickhouse/-efd":{"__comp":"30da2238","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/CouchDB/-912":{"__comp":"4ac275c7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/ElasticSearch/-697":{"__comp":"7d02bed8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Firebase/-b8a":{"__comp":"f3cf1707","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/GoogleSheets/-ee9":{"__comp":"ca19ac91","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/GraphQL/-975":{"__comp":"927b8026","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/HuggingFaceInferenceAPI/-4d1":{"__comp":"a828f322","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/HuggingFaceInferenceEndpoint/-a72":{"__comp":"2937fddb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Hydra/-cc5":{"__comp":"451bfe05","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/MariaDB/-53c":{"__comp":"7b91dc2c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/MicrosoftSQLServer/-933":{"__comp":"2d1ec1f7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/MongoDB/-640":{"__comp":"e015af33","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/MySQL/-59d":{"__comp":"45267849","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Neon/-fc8":{"__comp":"68c10dd5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/OracleDB/-a32":{"__comp":"17fb53e2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/PostgreSQL/-4b0":{"__comp":"38806fe8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Redis/-acb":{"__comp":"890684bb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/RESTAPI/-8d2":{"__comp":"921028f2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/S3/-8f9":{"__comp":"6e91fee9","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/SMTP/-d8d":{"__comp":"ac92cbdc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/Snowflake/-f29":{"__comp":"94161ec7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/SupabaseDB/-ea8":{"__comp":"9de45a08","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/integrations/TiDB/-cfd":{"__comp":"41685197","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/pricing/-b2e":{"__comp":"279770d6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/-113":{"__comp":"1df93b7f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[532],(()=>{return t=1136,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/assets/js/main.2bb0cb21.js.LICENSE.txt b/assets/js/main.f43b4b78.js.LICENSE.txt
similarity index 100%
rename from assets/js/main.2bb0cb21.js.LICENSE.txt
rename to assets/js/main.f43b4b78.js.LICENSE.txt
diff --git a/assets/js/runtime~main.7345fa3c.js b/assets/js/runtime~main.cf8aea03.js
similarity index 90%
rename from assets/js/runtime~main.7345fa3c.js
rename to assets/js/runtime~main.cf8aea03.js
index 419a6b08f9..64595effd1 100644
--- a/assets/js/runtime~main.7345fa3c.js
+++ b/assets/js/runtime~main.cf8aea03.js
@@ -1 +1 @@
-(()=>{"use strict";var e,a,d,f,b,c={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var d=t[e]={id:e,loaded:!1,exports:{}};return c[e].call(d.exports,d,d.exports,r),d.loaded=!0,d.exports}r.m=c,r.c=t,e=[],r.O=(a,d,f,b)=>{if(!d){var c=1/0;for(i=0;i<e.length;i++){d=e[i][0],f=e[i][1],b=e[i][2];for(var t=!0,o=0;o<d.length;o++)(!1&b||c>=b)&&Object.keys(r.O).every((e=>r.O[e](d[o])))?d.splice(o--,1):(t=!1,b<c&&(c=b));if(t){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}b=b||0;for(var i=e.length;i>0&&e[i-1][2]>b;i--)e[i]=e[i-1];e[i]=[d,f,b]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},d=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var b=Object.create(null);r.r(b);var c={};a=a||[null,d({}),d([]),d(d)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=d(t))Object.getOwnPropertyNames(t).forEach((a=>c[a]=()=>e[a]));return c.default=()=>e,r.d(b,c),b},r.d=(e,a)=>{for(var d in a)r.o(a,d)&&!r.o(e,d)&&Object.defineProperty(e,d,{enumerable:!0,get:a[d]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,d)=>(r.f[d](e,a),a)),[])),r.u=e=>"assets/js/"+({470:"a8a01fb0",500:"81c7ed4e",545:"be1d629d",850:"c45d4b28",852:"49586834",856:"6e91fee9",916:"3ae00f65",1012:"da530276",1055:"474ec535",1205:"0104b3a5",1383:"012c936c",1414:"927b8026",1618:"03d60dda",1679:"4ac275c7",1777:"a9372106",1845:"94161ec7",2031:"ca96679e",2056:"5ca6070c",2136:"45267849",2224:"deb5faec",2377:"7f0a0f20",2578:"4c3a04f4",2657:"4486a1a1",2714:"68c10dd5",2833:"1b97b52f",2841:"56108f26",2904:"cd0cf34d",2987:"dd95d1fb",3045:"7213c8c2",3072:"f3cf1707",3089:"a6aa9e1f",3096:"5f78ec6a",3102:"a6b4f45f",3237:"1df93b7f",3265:"8d9a9c02",3481:"a7999644",3581:"31eafaf9",3625:"5c73698d",3807:"2864c10f",3883:"890684bb",3927:"b4cd1370",3988:"2f0deb5b",4013:"01a85c17",4131:"2a89cc7d",4179:"dbd7c721",4225:"b3f0800c",4363:"a1d5db4a",4417:"25ffa5da",4423:"67346627",4530:"03598c98",4556:"589eda2e",4595:"995fa2e5",4610:"41685197",4630:"1d9dae67",4638:"83d2f18d",4640:"9de45a08",4664:"2d1ec1f7",4757:"fad6e022",4771:"46a49447",4808:"72d3bf7a",4851:"dcf8da52",4893:"17fb53e2",5024:"1e617043",5037:"1842627e",5038:"88d8af9f",5118:"bb9e3f22",5162:"451bfe05",5191:"b6eb34d2",5315:"fc0df049",5357:"0287bb30",5378:"ac92cbdc",5385:"34d0e50f",5431:"a9f9d9a3",5694:"3dca0203",5938:"bb85b74d",6057:"9784bb0b",6103:"ccc49370",6137:"4a83e123",6290:"9f91eb4c",6510:"86953be1",6828:"d8096fab",6921:"188c27a7",7050:"56cbb393",7155:"3fee51a2",7272:"e765f05a",7277:"25bbf118",7432:"f91124a1",7448:"7b91dc2c",7543:"3d6ccfd0",7559:"2937fddb",7599:"e20c763e",7612:"ca19ac91",7654:"279770d6",7746:"c133d0bc",7832:"7d02bed8",7844:"b0677628",7906:"30da2238",7919:"125074f4",7949:"30834002",8151:"733df29f",8155:"e0cd9918",8248:"354dfbd1",8296:"e4e1a4b6",8345:"ee6f64f3",8550:"01bd692b",8563:"2bab37f9",8592:"common",8595:"e015af33",8610:"6875c492",8704:"dfe72411",8741:"7d62b9db",8876:"6d69edbe",8891:"a828f322",8922:"921028f2",8962:"53015dc5",9090:"6632b8cf",9211:"837d095b",9239:"5cd65baf",9248:"38806fe8",9321:"da1593ee",9324:"6b7903a8",9699:"4a61f11b",9713:"96447363",9788:"50cfa8ab",9982:"5758dffb"}[e]||e)+"."+{470:"8356abf7",500:"1f5deb0c",545:"0dcf7230",850:"ea1fb091",852:"57893a4a",856:"2c38ad3f",916:"ce769cc2",1012:"3b9fe3a6",1055:"f03eb78d",1205:"4fe0804b",1383:"901e66d8",1414:"3d828868",1618:"2a1822d7",1679:"f75e42f8",1777:"ddbb9d71",1845:"5b042e49",2031:"b54f8412",2056:"4077deea",2136:"4a74bb7a",2224:"bf7eadb3",2316:"4d0753c2",2377:"4ae9ba40",2578:"c108fdcb",2657:"42ece0d2",2714:"e0a04229",2833:"c17fab30",2841:"359e1d54",2904:"728678a6",2987:"c0fa2371",3045:"8f0a263b",3072:"50287036",3089:"26036a53",3096:"52e047f0",3102:"7655a481",3237:"93c94f4a",3265:"2a716dac",3481:"32c2c048",3581:"fed72d30",3625:"46f602ce",3807:"3fc31d71",3883:"d4ddeb7a",3927:"a3ab23de",3988:"1bed82fe",4013:"f555b488",4131:"370b648a",4179:"173387f5",4225:"ca1f9579",4363:"0de6ae2a",4417:"4350f255",4423:"6ef42e91",4530:"0f557c42",4556:"e3ca6d32",4595:"a395a91e",4610:"4ad0d5c3",4630:"4b5d22c2",4638:"9ff688ff",4640:"c4d1dfea",4664:"98ea5404",4757:"999ad2fa",4771:"80e577ee",4808:"579d4e73",4809:"d13605fe",4851:"6a7af652",4893:"aea31d62",5024:"bf1e91ed",5037:"682c2cc7",5038:"4464c94b",5118:"5bbb8fc7",5162:"6e8370da",5191:"fbc47a25",5315:"2578f0a2",5357:"ac23441d",5378:"7814fc7a",5385:"c2f411d1",5431:"a08efe84",5694:"dcaa8c98",5708:"7058f982",5923:"9f51e245",5938:"f9f05281",6057:"eefd3856",6103:"46cd294b",6137:"87ad660d",6290:"bafbf3db",6510:"3b2e4091",6828:"56636d4a",6921:"d0edd3ea",7050:"bc8a112b",7155:"dfa0fa3b",7272:"a65c114c",7277:"9cf1b92c",7432:"2e5da3a5",7448:"bd30287b",7543:"7e3bbafa",7559:"8c52ed57",7599:"923480b9",7612:"4d6fe84f",7654:"577140a0",7746:"db594304",7832:"a664d9cb",7844:"b9c8bf63",7906:"5ca42ce0",7919:"fe7d23e6",7949:"222b8dac",8151:"85d55213",8155:"3161a0c6",8245:"e086c9e2",8248:"290b3f49",8296:"0bbb57cf",8345:"385cf0d7",8550:"26b85716",8563:"9b236675",8592:"ca6eba82",8595:"f0277acd",8610:"658128f2",8704:"59dfdc50",8741:"edeca288",8876:"6c5927fc",8891:"0f61d4c1",8922:"dea75cd7",8962:"25243f1c",9090:"25daba64",9211:"94e91532",9239:"a510e86e",9248:"392e9e24",9321:"81a8309a",9324:"2d97293d",9699:"6427c4cb",9713:"f83450d4",9788:"f79b41d2",9982:"6c3766dc"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},b="illa-website:",r.l=(e,a,d,c)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==d)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var l=n[i];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==b+d){t=l;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",b+d),t.src=e),f[e]=[a];var u=(a,d)=>{t.onerror=t.onload=null,clearTimeout(s);var b=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),b&&b.forEach((e=>e(d))),a)return a(d)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=u.bind(null,t.onerror),t.onload=u.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/illa-website/",r.gca=function(e){return e={30834002:"7949",41685197:"4610",45267849:"2136",49586834:"852",67346627:"4423",96447363:"9713",a8a01fb0:"470","81c7ed4e":"500",be1d629d:"545",c45d4b28:"850","6e91fee9":"856","3ae00f65":"916",da530276:"1012","474ec535":"1055","0104b3a5":"1205","012c936c":"1383","927b8026":"1414","03d60dda":"1618","4ac275c7":"1679",a9372106:"1777","94161ec7":"1845",ca96679e:"2031","5ca6070c":"2056",deb5faec:"2224","7f0a0f20":"2377","4c3a04f4":"2578","4486a1a1":"2657","68c10dd5":"2714","1b97b52f":"2833","56108f26":"2841",cd0cf34d:"2904",dd95d1fb:"2987","7213c8c2":"3045",f3cf1707:"3072",a6aa9e1f:"3089","5f78ec6a":"3096",a6b4f45f:"3102","1df93b7f":"3237","8d9a9c02":"3265",a7999644:"3481","31eafaf9":"3581","5c73698d":"3625","2864c10f":"3807","890684bb":"3883",b4cd1370:"3927","2f0deb5b":"3988","01a85c17":"4013","2a89cc7d":"4131",dbd7c721:"4179",b3f0800c:"4225",a1d5db4a:"4363","25ffa5da":"4417","03598c98":"4530","589eda2e":"4556","995fa2e5":"4595","1d9dae67":"4630","83d2f18d":"4638","9de45a08":"4640","2d1ec1f7":"4664",fad6e022:"4757","46a49447":"4771","72d3bf7a":"4808",dcf8da52:"4851","17fb53e2":"4893","1e617043":"5024","1842627e":"5037","88d8af9f":"5038",bb9e3f22:"5118","451bfe05":"5162",b6eb34d2:"5191",fc0df049:"5315","0287bb30":"5357",ac92cbdc:"5378","34d0e50f":"5385",a9f9d9a3:"5431","3dca0203":"5694",bb85b74d:"5938","9784bb0b":"6057",ccc49370:"6103","4a83e123":"6137","9f91eb4c":"6290","86953be1":"6510",d8096fab:"6828","188c27a7":"6921","56cbb393":"7050","3fee51a2":"7155",e765f05a:"7272","25bbf118":"7277",f91124a1:"7432","7b91dc2c":"7448","3d6ccfd0":"7543","2937fddb":"7559",e20c763e:"7599",ca19ac91:"7612","279770d6":"7654",c133d0bc:"7746","7d02bed8":"7832",b0677628:"7844","30da2238":"7906","125074f4":"7919","733df29f":"8151",e0cd9918:"8155","354dfbd1":"8248",e4e1a4b6:"8296",ee6f64f3:"8345","01bd692b":"8550","2bab37f9":"8563",common:"8592",e015af33:"8595","6875c492":"8610",dfe72411:"8704","7d62b9db":"8741","6d69edbe":"8876",a828f322:"8891","921028f2":"8922","53015dc5":"8962","6632b8cf":"9090","837d095b":"9211","5cd65baf":"9239","38806fe8":"9248",da1593ee:"9321","6b7903a8":"9324","4a61f11b":"9699","50cfa8ab":"9788","5758dffb":"9982"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(a,d)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)d.push(f[2]);else if(/^(1303|532)$/.test(a))e[a]=0;else{var b=new Promise(((d,b)=>f=e[a]=[d,b]));d.push(f[2]=b);var c=r.p+r.u(a),t=new Error;r.l(c,(d=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var b=d&&("load"===d.type?"missing":d.type),c=d&&d.target&&d.target.src;t.message="Loading chunk "+a+" failed.\n("+b+": "+c+")",t.name="ChunkLoadError",t.type=b,t.request=c,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,d)=>{var f,b,c=d[0],t=d[1],o=d[2],n=0;if(c.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(d);n<c.length;n++)b=c[n],r.o(e,b)&&e[b]&&e[b][0](),e[b]=0;return r.O(i)},d=self.webpackChunkilla_website=self.webpackChunkilla_website||[];d.forEach(a.bind(null,0)),d.push=a.bind(null,d.push.bind(d))})()})();
\ No newline at end of file
+(()=>{"use strict";var e,a,d,f,b,c={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var d=t[e]={id:e,loaded:!1,exports:{}};return c[e].call(d.exports,d,d.exports,r),d.loaded=!0,d.exports}r.m=c,r.c=t,e=[],r.O=(a,d,f,b)=>{if(!d){var c=1/0;for(i=0;i<e.length;i++){d=e[i][0],f=e[i][1],b=e[i][2];for(var t=!0,o=0;o<d.length;o++)(!1&b||c>=b)&&Object.keys(r.O).every((e=>r.O[e](d[o])))?d.splice(o--,1):(t=!1,b<c&&(c=b));if(t){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}b=b||0;for(var i=e.length;i>0&&e[i-1][2]>b;i--)e[i]=e[i-1];e[i]=[d,f,b]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},d=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var b=Object.create(null);r.r(b);var c={};a=a||[null,d({}),d([]),d(d)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=d(t))Object.getOwnPropertyNames(t).forEach((a=>c[a]=()=>e[a]));return c.default=()=>e,r.d(b,c),b},r.d=(e,a)=>{for(var d in a)r.o(a,d)&&!r.o(e,d)&&Object.defineProperty(e,d,{enumerable:!0,get:a[d]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,d)=>(r.f[d](e,a),a)),[])),r.u=e=>"assets/js/"+({470:"a8a01fb0",500:"81c7ed4e",545:"be1d629d",850:"c45d4b28",852:"49586834",856:"6e91fee9",916:"3ae00f65",1012:"da530276",1055:"474ec535",1205:"0104b3a5",1383:"012c936c",1414:"927b8026",1618:"03d60dda",1679:"4ac275c7",1777:"a9372106",1845:"94161ec7",2031:"ca96679e",2056:"5ca6070c",2136:"45267849",2224:"deb5faec",2377:"7f0a0f20",2578:"4c3a04f4",2657:"4486a1a1",2714:"68c10dd5",2833:"1b97b52f",2841:"56108f26",2904:"cd0cf34d",2987:"dd95d1fb",3045:"7213c8c2",3072:"f3cf1707",3089:"a6aa9e1f",3096:"5f78ec6a",3102:"a6b4f45f",3237:"1df93b7f",3265:"8d9a9c02",3481:"a7999644",3581:"31eafaf9",3625:"5c73698d",3807:"2864c10f",3883:"890684bb",3927:"b4cd1370",3988:"2f0deb5b",4013:"01a85c17",4131:"2a89cc7d",4179:"dbd7c721",4225:"b3f0800c",4363:"a1d5db4a",4417:"25ffa5da",4423:"67346627",4530:"03598c98",4556:"589eda2e",4595:"995fa2e5",4610:"41685197",4630:"1d9dae67",4638:"83d2f18d",4640:"9de45a08",4664:"2d1ec1f7",4757:"fad6e022",4771:"46a49447",4808:"72d3bf7a",4851:"dcf8da52",4893:"17fb53e2",5024:"1e617043",5037:"1842627e",5038:"88d8af9f",5118:"bb9e3f22",5162:"451bfe05",5191:"b6eb34d2",5315:"fc0df049",5357:"0287bb30",5378:"ac92cbdc",5385:"34d0e50f",5431:"a9f9d9a3",5694:"3dca0203",5938:"bb85b74d",6057:"9784bb0b",6103:"ccc49370",6137:"4a83e123",6290:"9f91eb4c",6510:"86953be1",6828:"d8096fab",6921:"188c27a7",7050:"56cbb393",7155:"3fee51a2",7272:"e765f05a",7277:"25bbf118",7432:"f91124a1",7448:"7b91dc2c",7543:"3d6ccfd0",7559:"2937fddb",7599:"e20c763e",7612:"ca19ac91",7654:"279770d6",7746:"c133d0bc",7832:"7d02bed8",7844:"b0677628",7906:"30da2238",7919:"125074f4",7949:"30834002",8151:"733df29f",8155:"e0cd9918",8248:"354dfbd1",8296:"e4e1a4b6",8345:"ee6f64f3",8550:"01bd692b",8563:"2bab37f9",8592:"common",8595:"e015af33",8610:"6875c492",8704:"dfe72411",8741:"7d62b9db",8876:"6d69edbe",8891:"a828f322",8922:"921028f2",8962:"53015dc5",9090:"6632b8cf",9211:"837d095b",9239:"5cd65baf",9248:"38806fe8",9321:"da1593ee",9324:"6b7903a8",9699:"4a61f11b",9713:"96447363",9788:"50cfa8ab",9982:"5758dffb"}[e]||e)+"."+{470:"8356abf7",500:"1f5deb0c",545:"0dcf7230",850:"ea1fb091",852:"57893a4a",856:"2c38ad3f",916:"ce769cc2",1012:"3b9fe3a6",1055:"f03eb78d",1205:"4fe0804b",1383:"901e66d8",1414:"3d828868",1618:"2a1822d7",1679:"f75e42f8",1777:"ddbb9d71",1845:"5b042e49",2031:"b54f8412",2056:"4077deea",2136:"4a74bb7a",2224:"bf7eadb3",2316:"4d0753c2",2377:"4ae9ba40",2578:"c108fdcb",2657:"42ece0d2",2714:"e0a04229",2833:"c17fab30",2841:"359e1d54",2904:"728678a6",2987:"c0fa2371",3045:"8f0a263b",3072:"50287036",3089:"26036a53",3096:"eefa2441",3102:"7655a481",3237:"c6a8adb1",3265:"2a716dac",3481:"32c2c048",3581:"0793747c",3625:"46f602ce",3807:"3fc31d71",3883:"d4ddeb7a",3927:"a3ab23de",3988:"1bed82fe",4013:"f555b488",4131:"370b648a",4179:"173387f5",4225:"ca1f9579",4363:"0de6ae2a",4417:"4350f255",4423:"6ef42e91",4530:"0f557c42",4556:"e3ca6d32",4595:"a395a91e",4610:"4ad0d5c3",4630:"4b5d22c2",4638:"9ff688ff",4640:"c4d1dfea",4664:"98ea5404",4757:"999ad2fa",4771:"80e577ee",4808:"d3ba1667",4809:"d13605fe",4851:"6a7af652",4893:"aea31d62",5024:"bf1e91ed",5037:"c9c18d2b",5038:"93f1c73b",5118:"5bbb8fc7",5162:"6e8370da",5191:"b839fadc",5315:"2578f0a2",5357:"ac23441d",5378:"7814fc7a",5385:"c2f411d1",5431:"a08efe84",5694:"83242d7c",5708:"7058f982",5923:"9f51e245",5938:"fbdb2ae3",6057:"eefd3856",6103:"46cd294b",6137:"4b7a7c32",6290:"bafbf3db",6510:"3b2e4091",6828:"56636d4a",6921:"d0edd3ea",7050:"bc8a112b",7155:"dfa0fa3b",7272:"927194e9",7277:"9cf1b92c",7432:"2e5da3a5",7448:"bd30287b",7543:"7e3bbafa",7559:"8c52ed57",7599:"99469908",7612:"4d6fe84f",7654:"577140a0",7746:"db594304",7832:"a664d9cb",7844:"b9c8bf63",7906:"5ca42ce0",7919:"fe7d23e6",7949:"222b8dac",8151:"85d55213",8155:"3161a0c6",8245:"e086c9e2",8248:"f561733e",8296:"0bbb57cf",8345:"385cf0d7",8550:"26b85716",8563:"9b236675",8592:"ca6eba82",8595:"f0277acd",8610:"658128f2",8704:"59dfdc50",8741:"edeca288",8876:"e648c40c",8891:"0f61d4c1",8922:"dea75cd7",8962:"25243f1c",9090:"25daba64",9211:"94e91532",9239:"e6f9c529",9248:"392e9e24",9321:"81a8309a",9324:"2d97293d",9699:"e71f3135",9713:"f6ed57ae",9788:"f79b41d2",9982:"6c3766dc"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},b="illa-website:",r.l=(e,a,d,c)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==d)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var l=n[i];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==b+d){t=l;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",b+d),t.src=e),f[e]=[a];var u=(a,d)=>{t.onerror=t.onload=null,clearTimeout(s);var b=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),b&&b.forEach((e=>e(d))),a)return a(d)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=u.bind(null,t.onerror),t.onload=u.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/illa-website/",r.gca=function(e){return e={30834002:"7949",41685197:"4610",45267849:"2136",49586834:"852",67346627:"4423",96447363:"9713",a8a01fb0:"470","81c7ed4e":"500",be1d629d:"545",c45d4b28:"850","6e91fee9":"856","3ae00f65":"916",da530276:"1012","474ec535":"1055","0104b3a5":"1205","012c936c":"1383","927b8026":"1414","03d60dda":"1618","4ac275c7":"1679",a9372106:"1777","94161ec7":"1845",ca96679e:"2031","5ca6070c":"2056",deb5faec:"2224","7f0a0f20":"2377","4c3a04f4":"2578","4486a1a1":"2657","68c10dd5":"2714","1b97b52f":"2833","56108f26":"2841",cd0cf34d:"2904",dd95d1fb:"2987","7213c8c2":"3045",f3cf1707:"3072",a6aa9e1f:"3089","5f78ec6a":"3096",a6b4f45f:"3102","1df93b7f":"3237","8d9a9c02":"3265",a7999644:"3481","31eafaf9":"3581","5c73698d":"3625","2864c10f":"3807","890684bb":"3883",b4cd1370:"3927","2f0deb5b":"3988","01a85c17":"4013","2a89cc7d":"4131",dbd7c721:"4179",b3f0800c:"4225",a1d5db4a:"4363","25ffa5da":"4417","03598c98":"4530","589eda2e":"4556","995fa2e5":"4595","1d9dae67":"4630","83d2f18d":"4638","9de45a08":"4640","2d1ec1f7":"4664",fad6e022:"4757","46a49447":"4771","72d3bf7a":"4808",dcf8da52:"4851","17fb53e2":"4893","1e617043":"5024","1842627e":"5037","88d8af9f":"5038",bb9e3f22:"5118","451bfe05":"5162",b6eb34d2:"5191",fc0df049:"5315","0287bb30":"5357",ac92cbdc:"5378","34d0e50f":"5385",a9f9d9a3:"5431","3dca0203":"5694",bb85b74d:"5938","9784bb0b":"6057",ccc49370:"6103","4a83e123":"6137","9f91eb4c":"6290","86953be1":"6510",d8096fab:"6828","188c27a7":"6921","56cbb393":"7050","3fee51a2":"7155",e765f05a:"7272","25bbf118":"7277",f91124a1:"7432","7b91dc2c":"7448","3d6ccfd0":"7543","2937fddb":"7559",e20c763e:"7599",ca19ac91:"7612","279770d6":"7654",c133d0bc:"7746","7d02bed8":"7832",b0677628:"7844","30da2238":"7906","125074f4":"7919","733df29f":"8151",e0cd9918:"8155","354dfbd1":"8248",e4e1a4b6:"8296",ee6f64f3:"8345","01bd692b":"8550","2bab37f9":"8563",common:"8592",e015af33:"8595","6875c492":"8610",dfe72411:"8704","7d62b9db":"8741","6d69edbe":"8876",a828f322:"8891","921028f2":"8922","53015dc5":"8962","6632b8cf":"9090","837d095b":"9211","5cd65baf":"9239","38806fe8":"9248",da1593ee:"9321","6b7903a8":"9324","4a61f11b":"9699","50cfa8ab":"9788","5758dffb":"9982"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(a,d)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)d.push(f[2]);else if(/^(1303|532)$/.test(a))e[a]=0;else{var b=new Promise(((d,b)=>f=e[a]=[d,b]));d.push(f[2]=b);var c=r.p+r.u(a),t=new Error;r.l(c,(d=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var b=d&&("load"===d.type?"missing":d.type),c=d&&d.target&&d.target.src;t.message="Loading chunk "+a+" failed.\n("+b+": "+c+")",t.name="ChunkLoadError",t.type=b,t.request=c,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,d)=>{var f,b,c=d[0],t=d[1],o=d[2],n=0;if(c.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(d);n<c.length;n++)b=c[n],r.o(e,b)&&e[b]&&e[b][0](),e[b]=0;return r.O(i)},d=self.webpackChunkilla_website=self.webpackChunkilla_website||[];d.forEach(a.bind(null,0)),d.push=a.bind(null,d.push.bind(d))})()})();
\ No newline at end of file
diff --git a/blog/atom.xml b/blog/atom.xml
index 690b7f99fa..612ce8ab3f 100644
--- a/blog/atom.xml
+++ b/blog/atom.xml
@@ -2,7 +2,7 @@
 <feed xmlns="http://www.w3.org/2005/Atom">
     <id>https://illacloud.github.io/illa-website/blog</id>
     <title>ILLA Cloud Blog</title>
-    <updated>2024-01-03T15:08:52.000Z</updated>
+    <updated>2024-01-03T15:28:24.000Z</updated>
     <generator>https://github.com/jpmonette/feed</generator>
     <link rel="alternate" href="https://illacloud.github.io/illa-website/blog"/>
     <subtitle>ILLA Cloud Blog</subtitle>
@@ -12,7 +12,7 @@
         <title type="html"><![CDATA[I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.]]></title>
         <id>https://illacloud.github.io/illa-website/blog/backend-create-web-ui</id>
         <link href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.]]></summary>
         <content type="html"><![CDATA[<p>Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
 <p>Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p>
@@ -35,52 +35,11 @@
         <category label="data dashboard" term="data dashboard"/>
         <category label="admin panel" term="admin panel"/>
     </entry>
-    <entry>
-        <title type="html"><![CDATA[Low Code vs Traditional Development: Optimal Efficiency in Choice]]></title>
-        <id>https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional</id>
-        <link href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
-        <summary type="html"><![CDATA[With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.]]></summary>
-        <content type="html"><![CDATA[<p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
-<h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#when-launching-a-transient-business-initiative" class="hash-link" aria-label="Direct link to When Launching a Transient Business Initiative" title="Direct link to When Launching a Transient Business Initiative">​</a></h2>
-<p>In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution.</p>
-<h3 class="anchor anchorWithStickyNavbar_dXVO" id="addressing-user-facing-components-webflow">Addressing User-Facing Components: Webflow<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#addressing-user-facing-components-webflow" class="hash-link" aria-label="Direct link to Addressing User-Facing Components: Webflow" title="Direct link to Addressing User-Facing Components: Webflow">​</a></h3>
-<p>Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website.</p>
-<p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png" alt="webflow" class="img_CfaS"></p>
-<h3 class="anchor anchorWithStickyNavbar_dXVO" id="managing-business-operations-illa-cloud">Managing Business Operations: ILLA Cloud<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#managing-business-operations-illa-cloud" class="hash-link" aria-label="Direct link to Managing Business Operations: ILLA Cloud" title="Direct link to Managing Business Operations: ILLA Cloud">​</a></h3>
-<p>Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations.</p>
-<p><a href="https://illacloud.com/" target="_blank" rel="noopener noreferrer">ILLA Cloud</a>, as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects.</p>
-<ul>
-<li>Web &amp; App Admin Panel</li>
-<li>Data Dashboard</li>
-<li>Customized B2B Tools</li>
-</ul>
-<p>Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork.</p>
-<p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png" alt="dashboard" class="img_CfaS"></p>
-<p>The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights.</p>
-<h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-initiating-a-novel-business-venture">When Initiating a Novel Business Venture<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#when-initiating-a-novel-business-venture" class="hash-link" aria-label="Direct link to When Initiating a Novel Business Venture" title="Direct link to When Initiating a Novel Business Venture">​</a></h2>
-<p>The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements.</p>
-<p>For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively.</p>
-<p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png" alt="shopify" class="img_CfaS"></p>
-<p>In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario.</p>
-<p>If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management.</p>
-<h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2>
-<p>In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity.</p>
-<p>For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs.</p>
-<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p>]]></content>
-        <author>
-            <name>Owen Chen</name>
-            <uri>https://github.com/smallSohoSolo</uri>
-        </author>
-        <category label="low code" term="low code"/>
-        <category label="traditional development" term="traditional development"/>
-        <category label="javascript" term="javascript"/>
-    </entry>
     <entry>
         <title type="html"><![CDATA[Quickly create a personalized data dashboard for your boss]]></title>
         <id>https://illacloud.github.io/illa-website/blog/build-dashboard</id>
         <link href="https://illacloud.github.io/illa-website/blog/build-dashboard"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></summary>
         <content type="html"><![CDATA[<p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
 <p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>
@@ -160,11 +119,52 @@
         </author>
         <category label="data dashboard" term="data dashboard"/>
     </entry>
+    <entry>
+        <title type="html"><![CDATA[Low Code vs Traditional Development: Optimal Efficiency in Choice]]></title>
+        <id>https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional</id>
+        <link href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional"/>
+        <updated>2024-01-03T15:28:24.000Z</updated>
+        <summary type="html"><![CDATA[With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.]]></summary>
+        <content type="html"><![CDATA[<p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
+<h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#when-launching-a-transient-business-initiative" class="hash-link" aria-label="Direct link to When Launching a Transient Business Initiative" title="Direct link to When Launching a Transient Business Initiative">​</a></h2>
+<p>In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution.</p>
+<h3 class="anchor anchorWithStickyNavbar_dXVO" id="addressing-user-facing-components-webflow">Addressing User-Facing Components: Webflow<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#addressing-user-facing-components-webflow" class="hash-link" aria-label="Direct link to Addressing User-Facing Components: Webflow" title="Direct link to Addressing User-Facing Components: Webflow">​</a></h3>
+<p>Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website.</p>
+<p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png" alt="webflow" class="img_CfaS"></p>
+<h3 class="anchor anchorWithStickyNavbar_dXVO" id="managing-business-operations-illa-cloud">Managing Business Operations: ILLA Cloud<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#managing-business-operations-illa-cloud" class="hash-link" aria-label="Direct link to Managing Business Operations: ILLA Cloud" title="Direct link to Managing Business Operations: ILLA Cloud">​</a></h3>
+<p>Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations.</p>
+<p><a href="https://illacloud.com/" target="_blank" rel="noopener noreferrer">ILLA Cloud</a>, as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects.</p>
+<ul>
+<li>Web &amp; App Admin Panel</li>
+<li>Data Dashboard</li>
+<li>Customized B2B Tools</li>
+</ul>
+<p>Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork.</p>
+<p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png" alt="dashboard" class="img_CfaS"></p>
+<p>The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights.</p>
+<h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-initiating-a-novel-business-venture">When Initiating a Novel Business Venture<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#when-initiating-a-novel-business-venture" class="hash-link" aria-label="Direct link to When Initiating a Novel Business Venture" title="Direct link to When Initiating a Novel Business Venture">​</a></h2>
+<p>The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements.</p>
+<p>For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively.</p>
+<p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png" alt="shopify" class="img_CfaS"></p>
+<p>In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario.</p>
+<p>If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management.</p>
+<h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2>
+<p>In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity.</p>
+<p>For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs.</p>
+<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p>]]></content>
+        <author>
+            <name>Owen Chen</name>
+            <uri>https://github.com/smallSohoSolo</uri>
+        </author>
+        <category label="low code" term="low code"/>
+        <category label="traditional development" term="traditional development"/>
+        <category label="javascript" term="javascript"/>
+    </entry>
     <entry>
         <title type="html"><![CDATA[2024 has arrived, should I choose MUI?]]></title>
         <id>https://illacloud.github.io/illa-website/blog/mui-2024</id>
         <link href="https://illacloud.github.io/illa-website/blog/mui-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/blog/mui-2024#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
@@ -235,7 +235,7 @@
         <title type="html"><![CDATA[Elegant Use of nvm for Node.js Management on Mac in 2024]]></title>
         <id>https://illacloud.github.io/illa-website/blog/nvm-use-2024</id>
         <link href="https://illacloud.github.io/illa-website/blog/nvm-use-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.]]></summary>
         <content type="html"><![CDATA[<p>Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
 <p>The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.</p>
@@ -302,7 +302,7 @@
         <title type="html"><![CDATA[2024 has arrived, should I choose Shadcn UI?]]></title>
         <id>https://illacloud.github.io/illa-website/blog/shadcn-ui-2024</id>
         <link href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
@@ -371,7 +371,7 @@
         <title type="html"><![CDATA[Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses]]></title>
         <id>https://illacloud.github.io/illa-website/blog/shadcn-vs-mui</id>
         <link href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
@@ -453,7 +453,7 @@
         <title type="html"><![CDATA[Best Open-Source Low-Code Platforms in 2024]]></title>
         <id>https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024</id>
         <link href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-low-code-tools">Why Choose Low-Code Tools?<a href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024#why-choose-low-code-tools" class="hash-link" aria-label="Direct link to Why Choose Low-Code Tools?" title="Direct link to Why Choose Low-Code Tools?">​</a></h2>
diff --git a/blog/backend-create-web-ui/index.html b/blog/backend-create-web-ui/index.html
index 28dd7b5c24..a59d7d9cda 100644
--- a/blog/backend-create-web-ui/index.html
+++ b/blog/backend-create-web-ui/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/backend-create-web-ui"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud"><meta data-rh="true" name="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="internal tools,data dashboard,admin panel"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/backend-create-web-ui"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud"><meta data-rh="true" name="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="internal tools,data dashboard,admin panel"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?w=800" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs."></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>2 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Hello everyone, I&#x27;m Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?w=800" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs."></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>2 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Hello everyone, I&#x27;m Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
 <p>Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p>
 <p>This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier.</p>
 <p>Check out the project:</p>
@@ -30,7 +30,7 @@
 <p>ILLA is an innovative open-source, low-code tool that I&#x27;ve both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It&#x27;s a myth that server engineers can&#x27;t craft UIs – with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs.</p>
 <p>Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation.</p>
 <p>Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it&#x27;s swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it&#x27;s all simplified.</p>
-<p>I encourage you to try it out. Join me in becoming a more content and efficient engineer.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/build-dashboard">Quickly create a personalized data dashboard for your boss</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100 invisible"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/admin-panel">admin panel</a></div><ul class="list-none m-0 p-0"></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<p>I encourage you to try it out. Join me in becoming a more content and efficient engineer.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/build-dashboard">Quickly create a personalized data dashboard for your boss</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100 invisible"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/admin-panel">admin panel</a></div><ul class="list-none m-0 p-0"></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/build-dashboard/index.html b/blog/build-dashboard/index.html
index 6df0ab1650..9e34c2758f 100644
--- a/blog/build-dashboard/index.html
+++ b/blog/build-dashboard/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Quickly create a personalized data dashboard for your boss | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/build-dashboard"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Quickly create a personalized data dashboard for your boss | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="data dashboard"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/build-dashboard"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/build-dashboard" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/build-dashboard" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/build-dashboard" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Quickly create a personalized data dashboard for your boss | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/build-dashboard"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Quickly create a personalized data dashboard for your boss | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="data dashboard"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/build-dashboard"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/build-dashboard" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/build-dashboard" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/build-dashboard" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?w=800" alt="Quickly create a personalized data dashboard for your boss"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>4 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Quickly create a personalized data dashboard for your boss</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?w=800" alt="Quickly create a personalized data dashboard for your boss"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>4 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Quickly create a personalized data dashboard for your boss</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
 <p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>
 <p>Using efficient tools to leave work early every day.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="some-issues-in-the-construction">Some issues in the construction<a href="#some-issues-in-the-construction" class="hash-link" aria-label="Direct link to Some issues in the construction" title="Direct link to Some issues in the construction">​</a></h2>
@@ -89,7 +89,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="advantages">Advantages<a href
 <p>As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together.</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png" alt="collaboration" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2>
-<p>After using ILLA Cloud, there&#x27;s no need to worry about the boss&#x27;s personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/backend-create-web-ui">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</a><p class="font-sm text-gray-700 dark:text-white-04">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/data-dashboard">data dashboard</a></div><ul class="list-none m-0 p-0"><li><a href="#some-issues-in-the-construction" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Some issues in the construction</a></li><li><a href="#how-to-solve" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to solve</a></li><li><a href="#ai-driven" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">AI-driven</a></li><li><a href="#advantages" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Advantages</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<p>After using ILLA Cloud, there&#x27;s no need to worry about the boss&#x27;s personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/backend-create-web-ui">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</a><p class="font-sm text-gray-700 dark:text-white-04">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/data-dashboard">data dashboard</a></div><ul class="list-none m-0 p-0"><li><a href="#some-issues-in-the-construction" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Some issues in the construction</a></li><li><a href="#how-to-solve" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to solve</a></li><li><a href="#ai-driven" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">AI-driven</a></li><li><a href="#advantages" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Advantages</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/feed.json b/blog/feed.json
index 5be49ae5ff..8d8ca9f101 100644
--- a/blog/feed.json
+++ b/blog/feed.json
@@ -10,7 +10,7 @@
             "url": "https://illacloud.github.io/illa-website/blog/backend-create-web-ui",
             "title": "I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",
             "summary": "Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -22,35 +22,35 @@
             ]
         },
         {
-            "id": "https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional",
-            "content_html": "<p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"when-launching-a-transient-business-initiative\">When Launching a Transient Business Initiative<a href=\"https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#when-launching-a-transient-business-initiative\" class=\"hash-link\" aria-label=\"Direct link to When Launching a Transient Business Initiative\" title=\"Direct link to When Launching a Transient Business Initiative\">​</a></h2>\n<p>In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution.</p>\n<h3 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"addressing-user-facing-components-webflow\">Addressing User-Facing Components: Webflow<a href=\"https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#addressing-user-facing-components-webflow\" class=\"hash-link\" aria-label=\"Direct link to Addressing User-Facing Components: Webflow\" title=\"Direct link to Addressing User-Facing Components: Webflow\">​</a></h3>\n<p>Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website.</p>\n<p><img loading=\"lazy\" src=\"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png\" alt=\"webflow\" class=\"img_CfaS\"></p>\n<h3 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"managing-business-operations-illa-cloud\">Managing Business Operations: ILLA Cloud<a href=\"https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#managing-business-operations-illa-cloud\" class=\"hash-link\" aria-label=\"Direct link to Managing Business Operations: ILLA Cloud\" title=\"Direct link to Managing Business Operations: ILLA Cloud\">​</a></h3>\n<p>Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations.</p>\n<p><a href=\"https://illacloud.com/\" target=\"_blank\" rel=\"noopener noreferrer\">ILLA Cloud</a>, as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects.</p>\n<ul>\n<li>Web &amp; App Admin Panel</li>\n<li>Data Dashboard</li>\n<li>Customized B2B Tools</li>\n</ul>\n<p>Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork.</p>\n<p><img loading=\"lazy\" src=\"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png\" alt=\"dashboard\" class=\"img_CfaS\"></p>\n<p>The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights.</p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"when-initiating-a-novel-business-venture\">When Initiating a Novel Business Venture<a href=\"https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#when-initiating-a-novel-business-venture\" class=\"hash-link\" aria-label=\"Direct link to When Initiating a Novel Business Venture\" title=\"Direct link to When Initiating a Novel Business Venture\">​</a></h2>\n<p>The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements.</p>\n<p>For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively.</p>\n<p><img loading=\"lazy\" src=\"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png\" alt=\"shopify\" class=\"img_CfaS\"></p>\n<p>In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario.</p>\n<p>If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management.</p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"conclusion\">Conclusion<a href=\"https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#conclusion\" class=\"hash-link\" aria-label=\"Direct link to Conclusion\" title=\"Direct link to Conclusion\">​</a></h2>\n<p>In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity.</p>\n<p>For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs.</p>\n<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p>",
-            "url": "https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional",
-            "title": "Low Code vs Traditional Development: Optimal Efficiency in Choice",
-            "summary": "With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "id": "https://illacloud.github.io/illa-website/blog/build-dashboard",
+            "content_html": "<p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>\n<p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>\n<p>Using efficient tools to leave work early every day.</p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"some-issues-in-the-construction\">Some issues in the construction<a href=\"https://illacloud.github.io/illa-website/blog/build-dashboard#some-issues-in-the-construction\" class=\"hash-link\" aria-label=\"Direct link to Some issues in the construction\" title=\"Direct link to Some issues in the construction\">​</a></h2>\n<p>The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:</p>\n<ul>\n<li>Postgresql</li>\n<li>Mysql</li>\n<li>MongoDB</li>\n<li>...</li>\n</ul>\n<p>Some data comes from different types of microservices, possibly obtained from a specific API:</p>\n<ul>\n<li>User Detail API</li>\n<li>Product Detail API</li>\n<li>...</li>\n</ul>\n<p>The most challenging thing is that some data requires merging and secondary processing of both database and API data.</p>\n<p>These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs.</p>\n<p>Therefore, we need a flexible tool for displaying data dashboards, as \"development\" is not the most important; \"display\" is.</p>\n<p>This tool needs some objective advantages:</p>\n<ul>\n<li>Rich charts to display data from different dimensions.</li>\n<li>Support for various mainstream data sources.</li>\n<li>Simple installation and usage.</li>\n</ul>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"how-to-solve\">How to solve<a href=\"https://illacloud.github.io/illa-website/blog/build-dashboard#how-to-solve\" class=\"hash-link\" aria-label=\"Direct link to How to solve\" title=\"Direct link to How to solve\">​</a></h2>\n<p>Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements.</p>\n<p>📙 Official website: <a href=\"https://illa.cloud/?utm_source=juejin\" target=\"_blank\" rel=\"noopener noreferrer\">https://illa.cloud</a></p>\n<p>⏬ Github repository: <a href=\"https://github.com/illacloud/illa-builder\" target=\"_blank\" rel=\"noopener noreferrer\">https://github.com/illacloud/illa-builder</a></p>\n<p>⭐ Github Stars: 9k</p>\n<p>Below is a demo using fake data, depicting the sales situation of a product in a company, including:</p>\n<ul>\n<li>Monthly sales growth trends</li>\n<li>Monthly revenue</li>\n<li>Total revenue obtained</li>\n<li>Number of purchasers</li>\n<li>Detailed information about each purchasing user</li>\n</ul>\n<p><img loading=\"lazy\" src=\"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png\" alt=\"data_dashboard\" class=\"img_CfaS\"></p>\n<p>This chart uses several components:</p>\n<ul>\n<li>Data Grid</li>\n<li>Chart</li>\n<li>Statistic</li>\n<li>Menu</li>\n</ul>\n<p>It was quickly built through drag and drop. The data sources come from:</p>\n<ul>\n<li>Supabase: A Serverless Postgresql</li>\n<li>API</li>\n</ul>\n<p>ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources.</p>\n<p><img loading=\"lazy\" src=\"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png\" alt=\"integration\" class=\"img_CfaS\"></p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"ai-driven\">AI-driven<a href=\"https://illacloud.github.io/illa-website/blog/build-dashboard#ai-driven\" class=\"hash-link\" aria-label=\"Direct link to AI-driven\" title=\"Direct link to AI-driven\">​</a></h2>\n<p>ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources.</p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"advantages\">Advantages<a href=\"https://illacloud.github.io/illa-website/blog/build-dashboard#advantages\" class=\"hash-link\" aria-label=\"Direct link to Advantages\" title=\"Direct link to Advantages\">​</a></h2>\n<p>Building a beautiful dashboard is quick and easy using drag and drop within a few minutes.</p>\n<p>Moreover, compared to various traditional BI tools, ILLA Cloud:</p>\n<ul>\n<li>Supports data querying from both databases and APIs</li>\n<li>Simple installation, directly usable on the web page without any downloads</li>\n<li>For secondary data processing, uses Javascript for direct and simple processing</li>\n<li>Supports various mainstream charts, meeting most requirements</li>\n<li>The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues</li>\n</ul>\n<p>As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues.</p>\n<p>Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration.</p>\n<p>As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together.</p>\n<p><img loading=\"lazy\" src=\"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png\" alt=\"collaboration\" class=\"img_CfaS\"></p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"conclusion\">Conclusion<a href=\"https://illacloud.github.io/illa-website/blog/build-dashboard#conclusion\" class=\"hash-link\" aria-label=\"Direct link to Conclusion\" title=\"Direct link to Conclusion\">​</a></h2>\n<p>After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!</p>",
+            "url": "https://illacloud.github.io/illa-website/blog/build-dashboard",
+            "title": "Quickly create a personalized data dashboard for your boss",
+            "summary": "Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
             },
             "tags": [
-                "low code",
-                "traditional development",
-                "javascript"
+                "data dashboard"
             ]
         },
         {
-            "id": "https://illacloud.github.io/illa-website/blog/build-dashboard",
-            "content_html": "<p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>\n<p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>\n<p>Using efficient tools to leave work early every day.</p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"some-issues-in-the-construction\">Some issues in the construction<a href=\"https://illacloud.github.io/illa-website/blog/build-dashboard#some-issues-in-the-construction\" class=\"hash-link\" aria-label=\"Direct link to Some issues in the construction\" title=\"Direct link to Some issues in the construction\">​</a></h2>\n<p>The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:</p>\n<ul>\n<li>Postgresql</li>\n<li>Mysql</li>\n<li>MongoDB</li>\n<li>...</li>\n</ul>\n<p>Some data comes from different types of microservices, possibly obtained from a specific API:</p>\n<ul>\n<li>User Detail API</li>\n<li>Product Detail API</li>\n<li>...</li>\n</ul>\n<p>The most challenging thing is that some data requires merging and secondary processing of both database and API data.</p>\n<p>These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs.</p>\n<p>Therefore, we need a flexible tool for displaying data dashboards, as \"development\" is not the most important; \"display\" is.</p>\n<p>This tool needs some objective advantages:</p>\n<ul>\n<li>Rich charts to display data from different dimensions.</li>\n<li>Support for various mainstream data sources.</li>\n<li>Simple installation and usage.</li>\n</ul>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"how-to-solve\">How to solve<a href=\"https://illacloud.github.io/illa-website/blog/build-dashboard#how-to-solve\" class=\"hash-link\" aria-label=\"Direct link to How to solve\" title=\"Direct link to How to solve\">​</a></h2>\n<p>Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements.</p>\n<p>📙 Official website: <a href=\"https://illa.cloud/?utm_source=juejin\" target=\"_blank\" rel=\"noopener noreferrer\">https://illa.cloud</a></p>\n<p>⏬ Github repository: <a href=\"https://github.com/illacloud/illa-builder\" target=\"_blank\" rel=\"noopener noreferrer\">https://github.com/illacloud/illa-builder</a></p>\n<p>⭐ Github Stars: 9k</p>\n<p>Below is a demo using fake data, depicting the sales situation of a product in a company, including:</p>\n<ul>\n<li>Monthly sales growth trends</li>\n<li>Monthly revenue</li>\n<li>Total revenue obtained</li>\n<li>Number of purchasers</li>\n<li>Detailed information about each purchasing user</li>\n</ul>\n<p><img loading=\"lazy\" src=\"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png\" alt=\"data_dashboard\" class=\"img_CfaS\"></p>\n<p>This chart uses several components:</p>\n<ul>\n<li>Data Grid</li>\n<li>Chart</li>\n<li>Statistic</li>\n<li>Menu</li>\n</ul>\n<p>It was quickly built through drag and drop. The data sources come from:</p>\n<ul>\n<li>Supabase: A Serverless Postgresql</li>\n<li>API</li>\n</ul>\n<p>ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources.</p>\n<p><img loading=\"lazy\" src=\"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png\" alt=\"integration\" class=\"img_CfaS\"></p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"ai-driven\">AI-driven<a href=\"https://illacloud.github.io/illa-website/blog/build-dashboard#ai-driven\" class=\"hash-link\" aria-label=\"Direct link to AI-driven\" title=\"Direct link to AI-driven\">​</a></h2>\n<p>ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources.</p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"advantages\">Advantages<a href=\"https://illacloud.github.io/illa-website/blog/build-dashboard#advantages\" class=\"hash-link\" aria-label=\"Direct link to Advantages\" title=\"Direct link to Advantages\">​</a></h2>\n<p>Building a beautiful dashboard is quick and easy using drag and drop within a few minutes.</p>\n<p>Moreover, compared to various traditional BI tools, ILLA Cloud:</p>\n<ul>\n<li>Supports data querying from both databases and APIs</li>\n<li>Simple installation, directly usable on the web page without any downloads</li>\n<li>For secondary data processing, uses Javascript for direct and simple processing</li>\n<li>Supports various mainstream charts, meeting most requirements</li>\n<li>The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues</li>\n</ul>\n<p>As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues.</p>\n<p>Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration.</p>\n<p>As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together.</p>\n<p><img loading=\"lazy\" src=\"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png\" alt=\"collaboration\" class=\"img_CfaS\"></p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"conclusion\">Conclusion<a href=\"https://illacloud.github.io/illa-website/blog/build-dashboard#conclusion\" class=\"hash-link\" aria-label=\"Direct link to Conclusion\" title=\"Direct link to Conclusion\">​</a></h2>\n<p>After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!</p>",
-            "url": "https://illacloud.github.io/illa-website/blog/build-dashboard",
-            "title": "Quickly create a personalized data dashboard for your boss",
-            "summary": "Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "id": "https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional",
+            "content_html": "<p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"when-launching-a-transient-business-initiative\">When Launching a Transient Business Initiative<a href=\"https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#when-launching-a-transient-business-initiative\" class=\"hash-link\" aria-label=\"Direct link to When Launching a Transient Business Initiative\" title=\"Direct link to When Launching a Transient Business Initiative\">​</a></h2>\n<p>In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution.</p>\n<h3 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"addressing-user-facing-components-webflow\">Addressing User-Facing Components: Webflow<a href=\"https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#addressing-user-facing-components-webflow\" class=\"hash-link\" aria-label=\"Direct link to Addressing User-Facing Components: Webflow\" title=\"Direct link to Addressing User-Facing Components: Webflow\">​</a></h3>\n<p>Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website.</p>\n<p><img loading=\"lazy\" src=\"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png\" alt=\"webflow\" class=\"img_CfaS\"></p>\n<h3 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"managing-business-operations-illa-cloud\">Managing Business Operations: ILLA Cloud<a href=\"https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#managing-business-operations-illa-cloud\" class=\"hash-link\" aria-label=\"Direct link to Managing Business Operations: ILLA Cloud\" title=\"Direct link to Managing Business Operations: ILLA Cloud\">​</a></h3>\n<p>Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations.</p>\n<p><a href=\"https://illacloud.com/\" target=\"_blank\" rel=\"noopener noreferrer\">ILLA Cloud</a>, as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects.</p>\n<ul>\n<li>Web &amp; App Admin Panel</li>\n<li>Data Dashboard</li>\n<li>Customized B2B Tools</li>\n</ul>\n<p>Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork.</p>\n<p><img loading=\"lazy\" src=\"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png\" alt=\"dashboard\" class=\"img_CfaS\"></p>\n<p>The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights.</p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"when-initiating-a-novel-business-venture\">When Initiating a Novel Business Venture<a href=\"https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#when-initiating-a-novel-business-venture\" class=\"hash-link\" aria-label=\"Direct link to When Initiating a Novel Business Venture\" title=\"Direct link to When Initiating a Novel Business Venture\">​</a></h2>\n<p>The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements.</p>\n<p>For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively.</p>\n<p><img loading=\"lazy\" src=\"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png\" alt=\"shopify\" class=\"img_CfaS\"></p>\n<p>In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario.</p>\n<p>If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management.</p>\n<h2 class=\"anchor anchorWithStickyNavbar_dXVO\" id=\"conclusion\">Conclusion<a href=\"https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#conclusion\" class=\"hash-link\" aria-label=\"Direct link to Conclusion\" title=\"Direct link to Conclusion\">​</a></h2>\n<p>In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity.</p>\n<p>For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs.</p>\n<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p>",
+            "url": "https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional",
+            "title": "Low Code vs Traditional Development: Optimal Efficiency in Choice",
+            "summary": "With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
             },
             "tags": [
-                "data dashboard"
+                "low code",
+                "traditional development",
+                "javascript"
             ]
         },
         {
@@ -59,7 +59,7 @@
             "url": "https://illacloud.github.io/illa-website/blog/mui-2024",
             "title": "2024 has arrived, should I choose MUI?",
             "summary": "Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -77,7 +77,7 @@
             "url": "https://illacloud.github.io/illa-website/blog/nvm-use-2024",
             "title": "Elegant Use of nvm for Node.js Management on Mac in 2024",
             "summary": "Node.js, as the foundation of frontend capabilities, is no longer just a \"JS Server Runtime.\" Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -95,7 +95,7 @@
             "url": "https://illacloud.github.io/illa-website/blog/shadcn-ui-2024",
             "title": "2024 has arrived, should I choose Shadcn UI?",
             "summary": "2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -112,7 +112,7 @@
             "url": "https://illacloud.github.io/illa-website/blog/shadcn-vs-mui",
             "title": "Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",
             "summary": "2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -129,7 +129,7 @@
             "url": "https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024",
             "title": "Best Open-Source Low-Code Platforms in 2024",
             "summary": "2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
diff --git a/blog/index.html b/blog/index.html
index 00e68ca70c..f4a98c7f28 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-10 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto not-prose"><h2 class="m-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-10 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 px-0 blog-sm:px-6 font-semibold">Featured Posts</h2><div class="grid grid-cols-1 blog-md:grid-cols-2 blog-lg:gap-12 gap-8"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><a itemprop="url" href="/illa-website/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=256" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/backend-create-web-ui"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><a itemprop="url" href="/illa-website/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=256" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/lowcode-vs-traditional"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><a itemprop="url" href="/illa-website/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=256" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/build-dashboard"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Quickly create a personalized data dashboard for your boss</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:block hidden"><div class="border-b border-gray-100 dark:border-gray-700"></div></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 blog-sm:pb-16 blog-md:pb-8 blog-2xl:pb-12 pb-10 blog-md:pt-16 blog-2xl:pt-20 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="flex flex-col blog-md:flex-row items-start lg:items-center justify-between mb-4 lg:mb-8 px-0 blog-sm:px-6 not-prose"><h2 class="!m-0 !mt-0 !mb-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-8 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 font-semibold">All Posts</h2><p class="text-sm blog-md:text-base blog-lg:text-xl blog-md:max-w-[624px] mt-6 lg:mt-0 text-gray-500 dark:text-gray-200"><b>ILLA Blogs</b>｜A stellar repository of knowledge for developers, encompassing a wide spectrum of subjects such as frontend and backend development, AI, low-code, and ILLA Cloud, etc. Here, you can immerse yourself in cutting-edge technologies, delve into emerging trends, and engage in a vibrant exchange of experiences.</p></div><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-gray-400 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:R6isnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:border-t border-t-gray-200 dark:border-t-gray-700 blog-sm:mb-16 blog-2xl:mb-20 mb-10"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-10 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto not-prose"><h2 class="m-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-10 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 px-0 blog-sm:px-6 font-semibold">Featured Posts</h2><div class="grid grid-cols-1 blog-md:grid-cols-2 blog-lg:gap-12 gap-8"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><a itemprop="url" href="/illa-website/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=256" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/backend-create-web-ui"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><a itemprop="url" href="/illa-website/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=256" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/build-dashboard"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Quickly create a personalized data dashboard for your boss</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><a itemprop="url" href="/illa-website/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=256" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/lowcode-vs-traditional"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:block hidden"><div class="border-b border-gray-100 dark:border-gray-700"></div></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 blog-sm:pb-16 blog-md:pb-8 blog-2xl:pb-12 pb-10 blog-md:pt-16 blog-2xl:pt-20 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="flex flex-col blog-md:flex-row items-start lg:items-center justify-between mb-4 lg:mb-8 px-0 blog-sm:px-6 not-prose"><h2 class="!m-0 !mt-0 !mb-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-8 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 font-semibold">All Posts</h2><p class="text-sm blog-md:text-base blog-lg:text-xl blog-md:max-w-[624px] mt-6 lg:mt-0 text-gray-500 dark:text-gray-200"><b>ILLA Blogs</b>｜A stellar repository of knowledge for developers, encompassing a wide spectrum of subjects such as frontend and backend development, AI, low-code, and ILLA Cloud, etc. Here, you can immerse yourself in cutting-edge technologies, delve into emerging trends, and engage in a vibrant exchange of experiences.</p></div><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-gray-400 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:R6isnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:border-t border-t-gray-200 dark:border-t-gray-700 blog-sm:mb-16 blog-2xl:mb-20 mb-10"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/lowcode-vs-traditional/index.html b/blog/lowcode-vs-traditional/index.html
index f10e9147e1..42b69f9140 100644
--- a/blog/lowcode-vs-traditional/index.html
+++ b/blog/lowcode-vs-traditional/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud"><meta data-rh="true" name="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low code,traditional development,javascript"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud"><meta data-rh="true" name="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low code,traditional development,javascript"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?w=800" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>4 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Low Code vs Traditional Development: Optimal Efficiency in Choice</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?w=800" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>4 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Low Code vs Traditional Development: Optimal Efficiency in Choice</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="#when-launching-a-transient-business-initiative" class="hash-link" aria-label="Direct link to When Launching a Transient Business Initiative" title="Direct link to When Launching a Transient Business Initiative">​</a></h2>
 <p>In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution.</p>
 <h3 class="anchor anchorWithStickyNavbar_dXVO" id="addressing-user-facing-components-webflow">Addressing User-Facing Components: Webflow<a href="#addressing-user-facing-components-webflow" class="hash-link" aria-label="Direct link to Addressing User-Facing Components: Webflow" title="Direct link to Addressing User-Facing Components: Webflow">​</a></h3>
@@ -44,7 +44,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-initiating-a-novel-busin
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2>
 <p>In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity.</p>
 <p>For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs.</p>
-<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#when-launching-a-transient-business-initiative" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Launching a Transient Business Initiative</a></li><li><a href="#addressing-user-facing-components-webflow" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Addressing User-Facing Components: Webflow</a></li><li><a href="#managing-business-operations-illa-cloud" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Managing Business Operations: ILLA Cloud</a></li><li><a href="#when-initiating-a-novel-business-venture" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Initiating a Novel Business Venture</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#when-launching-a-transient-business-initiative" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Launching a Transient Business Initiative</a></li><li><a href="#addressing-user-facing-components-webflow" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Addressing User-Facing Components: Webflow</a></li><li><a href="#managing-business-operations-illa-cloud" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Managing Business Operations: ILLA Cloud</a></li><li><a href="#when-initiating-a-novel-business-venture" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Initiating a Novel Business Venture</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/mui-2024/index.html b/blog/mui-2024/index.html
index 3fc6bd24e3..ab6fee04f6 100644
--- a/blog/mui-2024/index.html
+++ b/blog/mui-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">2024 has arrived, should I choose MUI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/mui-2024"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose MUI? | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React,javascript"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/mui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/mui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/mui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/mui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">2024 has arrived, should I choose MUI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/mui-2024"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose MUI? | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React,javascript"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/mui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/mui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/mui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/mui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?w=800" alt="2024 has arrived, should I choose MUI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>4 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose MUI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?w=800" alt="2024 has arrived, should I choose MUI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>4 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose MUI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
 <p>In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch.</p>
 <p>To summarize, component libraries are typically used in two scenarios:</p>
@@ -73,7 +73,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="how-to-choose">How to Choose<
 <p>✅ Advantages</p>
 <p>If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements.</p>
 <p>❌ Disadvantages</p>
-<p>If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design&#x27;s aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/react">React</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<p>If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design&#x27;s aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/shadcn-vs-mui">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/react">React</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/nvm-use-2024/index.html b/blog/nvm-use-2024/index.html
index ab62f3e9f3..7df848258b 100644
--- a/blog/nvm-use-2024/index.html
+++ b/blog/nvm-use-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/nvm-use-2024"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="nvm,nodejs,mac,javascript"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/nvm-use-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/nvm-use-2024"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="nvm,nodejs,mac,javascript"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/nvm-use-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?w=800" alt="Elegant Use of nvm for Node.js Management on Mac in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>5 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Elegant Use of nvm for Node.js Management on Mac in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?w=800" alt="Elegant Use of nvm for Node.js Management on Mac in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>5 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Elegant Use of nvm for Node.js Management on Mac in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
 <p>The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.</p>
 <p>Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.</p>
 <p>The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p>
@@ -69,7 +69,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="using-nvm">Using nvm<a href="
 <p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png" alt="nvm-use" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2>
 <p>This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions.</p>
-<p>Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects—that&#x27;s the mission of open-source enthusiasts!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/nvm">nvm</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/nodejs">nodejs</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/mac">mac</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#recommending-an-open-source-project-for-backend-development" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Recommending an Open Source Project for Backend Development</a></li><li><a href="#introduction-to-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Introduction to nvm</a></li><li><a href="#installing-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Installing nvm</a></li><li><a href="#using-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Using nvm</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<p>Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects—that&#x27;s the mission of open-source enthusiasts!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/nvm">nvm</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/nodejs">nodejs</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/mac">mac</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#recommending-an-open-source-project-for-backend-development" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Recommending an Open Source Project for Backend Development</a></li><li><a href="#introduction-to-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Introduction to nvm</a></li><li><a href="#installing-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Installing nvm</a></li><li><a href="#using-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Using nvm</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/rss.xml b/blog/rss.xml
index 7dbc113a4d..e03f9fd5bb 100644
--- a/blog/rss.xml
+++ b/blog/rss.xml
@@ -4,7 +4,7 @@
         <title>ILLA Cloud Blog</title>
         <link>https://illacloud.github.io/illa-website/blog</link>
         <description>ILLA Cloud Blog</description>
-        <lastBuildDate>Wed, 03 Jan 2024 15:08:52 GMT</lastBuildDate>
+        <lastBuildDate>Wed, 03 Jan 2024 15:28:24 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>en</language>
@@ -13,7 +13,7 @@
             <title><![CDATA[I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.]]></title>
             <link>https://illacloud.github.io/illa-website/blog/backend-create-web-ui</link>
             <guid>https://illacloud.github.io/illa-website/blog/backend-create-web-ui</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.]]></description>
             <content:encoded><![CDATA[<p>Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
 <p>Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p>
@@ -32,48 +32,11 @@
             <category>data dashboard</category>
             <category>admin panel</category>
         </item>
-        <item>
-            <title><![CDATA[Low Code vs Traditional Development: Optimal Efficiency in Choice]]></title>
-            <link>https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional</link>
-            <guid>https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
-            <description><![CDATA[With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.]]></description>
-            <content:encoded><![CDATA[<p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
-<h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#when-launching-a-transient-business-initiative" class="hash-link" aria-label="Direct link to When Launching a Transient Business Initiative" title="Direct link to When Launching a Transient Business Initiative">​</a></h2>
-<p>In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution.</p>
-<h3 class="anchor anchorWithStickyNavbar_dXVO" id="addressing-user-facing-components-webflow">Addressing User-Facing Components: Webflow<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#addressing-user-facing-components-webflow" class="hash-link" aria-label="Direct link to Addressing User-Facing Components: Webflow" title="Direct link to Addressing User-Facing Components: Webflow">​</a></h3>
-<p>Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website.</p>
-<p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png" alt="webflow" class="img_CfaS"></p>
-<h3 class="anchor anchorWithStickyNavbar_dXVO" id="managing-business-operations-illa-cloud">Managing Business Operations: ILLA Cloud<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#managing-business-operations-illa-cloud" class="hash-link" aria-label="Direct link to Managing Business Operations: ILLA Cloud" title="Direct link to Managing Business Operations: ILLA Cloud">​</a></h3>
-<p>Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations.</p>
-<p><a href="https://illacloud.com/" target="_blank" rel="noopener noreferrer">ILLA Cloud</a>, as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects.</p>
-<ul>
-<li>Web &amp; App Admin Panel</li>
-<li>Data Dashboard</li>
-<li>Customized B2B Tools</li>
-</ul>
-<p>Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork.</p>
-<p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png" alt="dashboard" class="img_CfaS"></p>
-<p>The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights.</p>
-<h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-initiating-a-novel-business-venture">When Initiating a Novel Business Venture<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#when-initiating-a-novel-business-venture" class="hash-link" aria-label="Direct link to When Initiating a Novel Business Venture" title="Direct link to When Initiating a Novel Business Venture">​</a></h2>
-<p>The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements.</p>
-<p>For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively.</p>
-<p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png" alt="shopify" class="img_CfaS"></p>
-<p>In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario.</p>
-<p>If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management.</p>
-<h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2>
-<p>In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity.</p>
-<p>For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs.</p>
-<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p>]]></content:encoded>
-            <category>low code</category>
-            <category>traditional development</category>
-            <category>javascript</category>
-        </item>
         <item>
             <title><![CDATA[Quickly create a personalized data dashboard for your boss]]></title>
             <link>https://illacloud.github.io/illa-website/blog/build-dashboard</link>
             <guid>https://illacloud.github.io/illa-website/blog/build-dashboard</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></description>
             <content:encoded><![CDATA[<p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
 <p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>
@@ -149,11 +112,48 @@
 <p>After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!</p>]]></content:encoded>
             <category>data dashboard</category>
         </item>
+        <item>
+            <title><![CDATA[Low Code vs Traditional Development: Optimal Efficiency in Choice]]></title>
+            <link>https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional</link>
+            <guid>https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional</guid>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
+            <description><![CDATA[With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.]]></description>
+            <content:encoded><![CDATA[<p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
+<h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#when-launching-a-transient-business-initiative" class="hash-link" aria-label="Direct link to When Launching a Transient Business Initiative" title="Direct link to When Launching a Transient Business Initiative">​</a></h2>
+<p>In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution.</p>
+<h3 class="anchor anchorWithStickyNavbar_dXVO" id="addressing-user-facing-components-webflow">Addressing User-Facing Components: Webflow<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#addressing-user-facing-components-webflow" class="hash-link" aria-label="Direct link to Addressing User-Facing Components: Webflow" title="Direct link to Addressing User-Facing Components: Webflow">​</a></h3>
+<p>Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website.</p>
+<p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png" alt="webflow" class="img_CfaS"></p>
+<h3 class="anchor anchorWithStickyNavbar_dXVO" id="managing-business-operations-illa-cloud">Managing Business Operations: ILLA Cloud<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#managing-business-operations-illa-cloud" class="hash-link" aria-label="Direct link to Managing Business Operations: ILLA Cloud" title="Direct link to Managing Business Operations: ILLA Cloud">​</a></h3>
+<p>Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations.</p>
+<p><a href="https://illacloud.com/" target="_blank" rel="noopener noreferrer">ILLA Cloud</a>, as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects.</p>
+<ul>
+<li>Web &amp; App Admin Panel</li>
+<li>Data Dashboard</li>
+<li>Customized B2B Tools</li>
+</ul>
+<p>Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork.</p>
+<p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png" alt="dashboard" class="img_CfaS"></p>
+<p>The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights.</p>
+<h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-initiating-a-novel-business-venture">When Initiating a Novel Business Venture<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#when-initiating-a-novel-business-venture" class="hash-link" aria-label="Direct link to When Initiating a Novel Business Venture" title="Direct link to When Initiating a Novel Business Venture">​</a></h2>
+<p>The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements.</p>
+<p>For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively.</p>
+<p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png" alt="shopify" class="img_CfaS"></p>
+<p>In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario.</p>
+<p>If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management.</p>
+<h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2>
+<p>In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity.</p>
+<p>For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs.</p>
+<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p>]]></content:encoded>
+            <category>low code</category>
+            <category>traditional development</category>
+            <category>javascript</category>
+        </item>
         <item>
             <title><![CDATA[2024 has arrived, should I choose MUI?]]></title>
             <link>https://illacloud.github.io/illa-website/blog/mui-2024</link>
             <guid>https://illacloud.github.io/illa-website/blog/mui-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/blog/mui-2024#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
@@ -220,7 +220,7 @@
             <title><![CDATA[Elegant Use of nvm for Node.js Management on Mac in 2024]]></title>
             <link>https://illacloud.github.io/illa-website/blog/nvm-use-2024</link>
             <guid>https://illacloud.github.io/illa-website/blog/nvm-use-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.]]></description>
             <content:encoded><![CDATA[<p>Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
 <p>The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.</p>
@@ -283,7 +283,7 @@
             <title><![CDATA[2024 has arrived, should I choose Shadcn UI?]]></title>
             <link>https://illacloud.github.io/illa-website/blog/shadcn-ui-2024</link>
             <guid>https://illacloud.github.io/illa-website/blog/shadcn-ui-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
@@ -348,7 +348,7 @@
             <title><![CDATA[Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses]]></title>
             <link>https://illacloud.github.io/illa-website/blog/shadcn-vs-mui</link>
             <guid>https://illacloud.github.io/illa-website/blog/shadcn-vs-mui</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
@@ -426,7 +426,7 @@
             <title><![CDATA[Best Open-Source Low-Code Platforms in 2024]]></title>
             <link>https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024</link>
             <guid>https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-low-code-tools">Why Choose Low-Code Tools?<a href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024#why-choose-low-code-tools" class="hash-link" aria-label="Direct link to Why Choose Low-Code Tools?" title="Direct link to Why Choose Low-Code Tools?">​</a></h2>
diff --git a/blog/shadcn-ui-2024/index.html b/blog/shadcn-ui-2024/index.html
index 2c9c5ddd64..8cf1ed24e8 100644
--- a/blog/shadcn-ui-2024/index.html
+++ b/blog/shadcn-ui-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">2024 has arrived, should I choose Shadcn UI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose Shadcn UI? | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="shadcn-ui,react,javascript"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">2024 has arrived, should I choose Shadcn UI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose Shadcn UI? | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="shadcn-ui,react,javascript"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?w=800" alt="2024 has arrived, should I choose Shadcn UI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>3 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose Shadcn UI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?w=800" alt="2024 has arrived, should I choose Shadcn UI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>3 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose Shadcn UI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
 <p>In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch.</p>
 <p>In summary, we typically use component libraries in two scenarios:</p>
@@ -72,7 +72,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="how-to-choose">How to Choose<
 <p>✅ Advantages</p>
 <p>If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details.</p>
 <p>❌ Disadvantages</p>
-<p>If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI&#x27;s customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/shadcn-ui">shadcn-ui</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/react">react</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<p>If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI&#x27;s customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/shadcn-ui">shadcn-ui</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/react">react</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/shadcn-vs-mui/index.html b/blog/shadcn-vs-mui/index.html
index d13e2dffdb..07e67d324c 100644
--- a/blog/shadcn-vs-mui/index.html
+++ b/blog/shadcn-vs-mui/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?w=800" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>5 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?w=800" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>5 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
 <p>In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch.</p>
 <p>To summarize, component libraries are typically used in two scenarios:</p>
@@ -85,7 +85,7 @@ <h3 class="anchor anchorWithStickyNavbar_dXVO" id="richness-of-features-1">Richn
 <p>MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="how-to-choose">How to Choose<a href="#how-to-choose" class="hash-link" aria-label="Direct link to How to Choose" title="Direct link to How to Choose">​</a></h2>
 <p>If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios.</p>
-<p>If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/react">React</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-options-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Options for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<p>If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/blog/tags/react">React</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-options-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Options for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/tags/admin-panel/index.html b/blog/tags/admin-panel/index.html
index bca6f3a035..2661f4f39a 100644
--- a/blog/tags/admin-panel/index.html
+++ b/blog/tags/admin-panel/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">admin panel</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">admin panel</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/tags/data-dashboard/index.html b/blog/tags/data-dashboard/index.html
index 2db2df0418..29243e8fcd 100644
--- a/blog/tags/data-dashboard/index.html
+++ b/blog/tags/data-dashboard/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">data dashboard</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div><a itemprop="url" href="/illa-website/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=160" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/build-dashboard"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Quickly create a personalized data dashboard for your boss</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">data dashboard</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div><a itemprop="url" href="/illa-website/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=160" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/build-dashboard"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Quickly create a personalized data dashboard for your boss</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/tags/index.html b/blog/tags/index.html
index f1d4558343..305bf8676c 100644
--- a/blog/tags/index.html
+++ b/blog/tags/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfeh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfeh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2feh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552feh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><h1>Tags</h1><section class="margin-vert--lg"><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="A">A<a href="#A" class="hash-link" aria-label="Direct link to A" title="Direct link to A">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">admin panel</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="D">D<a href="#D" class="hash-link" aria-label="Direct link to D" title="Direct link to D">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">data dashboard</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="I">I<a href="#I" class="hash-link" aria-label="Direct link to I" title="Direct link to I">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">internal tools</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="J">J<a href="#J" class="hash-link" aria-label="Direct link to J" title="Direct link to J">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">javascript</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="L">L<a href="#L" class="hash-link" aria-label="Direct link to L" title="Direct link to L">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">low code</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="M">M<a href="#M" class="hash-link" aria-label="Direct link to M" title="Direct link to M">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">mac</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="N">N<a href="#N" class="hash-link" aria-label="Direct link to N" title="Direct link to N">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">nodejs</a></li><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">nvm</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="O">O<a href="#O" class="hash-link" aria-label="Direct link to O" title="Direct link to O">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">open-source</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="R">R<a href="#R" class="hash-link" aria-label="Direct link to R" title="Direct link to R">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="S">S<a href="#S" class="hash-link" aria-label="Direct link to S" title="Direct link to S">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="T">T<a href="#T" class="hash-link" aria-label="Direct link to T" title="Direct link to T">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">traditional development</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="U">U<a href="#U" class="hash-link" aria-label="Direct link to U" title="Direct link to U">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li></ul><hr></article></section></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/blog/tags/internal-tools/index.html b/blog/tags/internal-tools/index.html
index c9986a9aee..d273414e82 100644
--- a/blog/tags/internal-tools/index.html
+++ b/blog/tags/internal-tools/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">internal tools</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">internal tools</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/tags/javascript/index.html b/blog/tags/javascript/index.html
index c4200c0776..ad16010498 100644
--- a/blog/tags/javascript/index.html
+++ b/blog/tags/javascript/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">javascript</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">javascript</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/tags/low-code/index.html b/blog/tags/low-code/index.html
index f2e8119fe5..e5fd422499 100644
--- a/blog/tags/low-code/index.html
+++ b/blog/tags/low-code/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">low code</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">low code</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/tags/mac/index.html b/blog/tags/mac/index.html
index b1dcd97a60..177dc8a047 100644
--- a/blog/tags/mac/index.html
+++ b/blog/tags/mac/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">mac</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">mac</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/tags/nodejs/index.html b/blog/tags/nodejs/index.html
index 283c720b2e..06f53b5e85 100644
--- a/blog/tags/nodejs/index.html
+++ b/blog/tags/nodejs/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">nodejs</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">nodejs</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/tags/nvm/index.html b/blog/tags/nvm/index.html
index 3f704d87c6..6e10d176c9 100644
--- a/blog/tags/nvm/index.html
+++ b/blog/tags/nvm/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">nvm</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">nvm</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/tags/open-source/index.html b/blog/tags/open-source/index.html
index 8ee2c1a539..65678982d8 100644
--- a/blog/tags/open-source/index.html
+++ b/blog/tags/open-source/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">open-source</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">open-source</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/tags/react/index.html b/blog/tags/react/index.html
index 55996475c5..734fbbaae8 100644
--- a/blog/tags/react/index.html
+++ b/blog/tags/react/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">React</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">React</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/tags/shadcn-ui/index.html b/blog/tags/shadcn-ui/index.html
index 19c3592773..c7dd467e7e 100644
--- a/blog/tags/shadcn-ui/index.html
+++ b/blog/tags/shadcn-ui/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">Shadcn UI</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">Shadcn UI</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/tags/traditional-development/index.html b/blog/tags/traditional-development/index.html
index 3b6c33292a..52161d9443 100644
--- a/blog/tags/traditional-development/index.html
+++ b/blog/tags/traditional-development/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">traditional development</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">traditional development</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/tags/ui-library/index.html b/blog/tags/ui-library/index.html
index ece9482b72..8b8e649b87 100644
--- a/blog/tags/ui-library/index.html
+++ b/blog/tags/ui-library/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">UI Library</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">Posts tagged with</div><h1 class="!mb-0">UI Library</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="Blog list page navigation"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html b/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html
index 9f05f648b4..7652b18a5f 100644
--- a/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html
+++ b/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low-code,open-source"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low-code,open-source"><link data-rh="true" rel="icon" href="/illa-website/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?w=800" alt="Best Open-Source Low-Code Platforms in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>3 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Best Open-Source Low-Code Platforms in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="Struggling with internal tools?" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">Struggling with internal tools?</h2><p class="text-base text-gray-100">Start building CRUD apps, Dashboards, Admin panels, Sales CRM, AI image generator, etc with ILLA Cloud in minutes!</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?w=800" alt="Best Open-Source Low-Code Platforms in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">January 3, 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>3 min read</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Best Open-Source Low-Code Platforms in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-low-code-tools">Why Choose Low-Code Tools?<a href="#why-choose-low-code-tools" class="hash-link" aria-label="Direct link to Why Choose Low-Code Tools?" title="Direct link to Why Choose Low-Code Tools?">​</a></h2>
 <p>The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-open-source">Why Choose Open Source?<a href="#why-choose-open-source" class="hash-link" aria-label="Direct link to Why Choose Open Source?" title="Direct link to Why Choose Open Source?">​</a></h2>
diff --git a/cms/index.html b/cms/index.html
index 7f2edbbc17..2c9e51ed7b 100644
--- a/cms/index.html
+++ b/cms/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">Build <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">CMS</span> and operate more efficiently</h1><span class="descStyle_uxY4">Built content management system for efficient operations. AI-powered, integrate with AI capabilities, enabling you to efficiently create both visual and textual content. File management, support file storage and delivering, simplifying the content management workflow.</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" width="100%" alt="Built content management system for efficient operations."></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" alt="Built content management system for efficient operations."></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C72G%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>What can we do</h1>
diff --git a/components/Audio/index.html b/components/Audio/index.html
index 0de40cb7f4..cd3c44be25 100644
--- a/components/Audio/index.html
+++ b/components/Audio/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Audio Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;Video&#x27; component in ILLA Cloud allows users to play and interact with videos and audio within the application, providing an efficient and convenient way to access multimedia content.For example, a user can use the Video component to watch a tutorial video while working on a project, saving time and increasing productivity by having all necessary information readily available within the application.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Audio</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/BarProgress/index.html b/components/BarProgress/index.html
index fed14a3f61..e5d285b5e1 100644
--- a/components/BarProgress/index.html
+++ b/components/BarProgress/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Bar Progress Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Bar Progress component in ILLA Cloud visually represents progress on a bar with a 100% scale, making it easy for users to track their progress quickly and efficiently. By providing a clear and concise visual representation of progress, users can easily understand how far along they are on a particular task or project without having to spend time calculating the percentage of completion, saving valuable time and allowing them to focus on more important tasks.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Bar progress</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Button/index.html b/components/Button/index.html
index 0f239e778e..7adbcac679 100644
--- a/components/Button/index.html
+++ b/components/Button/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Button Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Button component in ILLA Cloud is a versatile tool that can be used to trigger actions and enhance user experience by providing a clear and intuitive way to interact with the application. For example, a user can create a &#x27;Save&#x27; button that triggers a database update when clicked, streamlining the workflow and saving the user time in manually updating the database.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Button</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Carousel/index.html b/components/Carousel/index.html
index 0c68f50a36..c8908885d5 100644
--- a/components/Carousel/index.html
+++ b/components/Carousel/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Carousel Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;Carousel&#x27; component in ILLA Cloud displays multiple images or media in a single interface, saving users time by eliminating the need to navigate through separate pages or windows. Users can interact with the carousel to view and engage with the displayed content, such as images or videos, all within the same interface, providing a seamless and efficient user experience.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Carousel</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Cascader/index.html b/components/Cascader/index.html
index 23a0154e12..5a8e07f17d 100644
--- a/components/Cascader/index.html
+++ b/components/Cascader/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Cascader Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Cascader component in ILLA Cloud enables users to select one option from multiple layers of choices, providing a hierarchical and efficient approach to data input and management. For example, a user can create a form for product selection and use the &#x27;Cascader&#x27; component to allow users to choose their preferred product category, brand, and model, improving the accuracy and efficiency of data collection.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Cascader</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Chart/index.html b/components/Chart/index.html
index 989afe66c6..21e68bb54d 100644
--- a/components/Chart/index.html
+++ b/components/Chart/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Chart Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;Chart&#x27; component in ILLA Cloud displays various chart types based on linked data, providing a clear and visually appealing way to analyze complex information. Users can easily compare data points and identify trends, making it an efficient tool for decision-making. For example, a sales team can use a chart to visualize their revenue and identify areas for improvement. Overall, the Chart component can save users time by simplifying the process of data analysis and presenting information in an easily understandable format.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Chart</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/CheckboxGroup/index.html b/components/CheckboxGroup/index.html
index 8605885fec..a648ea0f59 100644
--- a/components/CheckboxGroup/index.html
+++ b/components/CheckboxGroup/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Checkbox Group Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Checkbox Group component in ILLA Cloud provides users with a convenient and efficient way to select multiple options from a list, saving time and effort. For example, a user can create a form for product preferences and use the &#x27;Checkbox Group&#x27; component to allow users to select multiple options, such as color or size, streamlining the data collection process.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Checkbox Group</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/CircleProgress/index.html b/components/CircleProgress/index.html
index 620ab60198..1a589e8146 100644
--- a/components/CircleProgress/index.html
+++ b/components/CircleProgress/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Circle Progress Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Circle Progress component in ILLA Cloud is designed to show progress on a circular shape, providing users with a visually appealing way to track progress. This component can save users time by allowing them to quickly and easily see the progress of a task or project without having to manually calculate the percentage, helping them to identify areas that may need additional attention or resources and communicate progress to team members and stakeholders in a clear and concise manner.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Circle Progress</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Container/index.html b/components/Container/index.html
index ade0b04c0f..93508c13b3 100644
--- a/components/Container/index.html
+++ b/components/Container/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Container Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;Container&#x27; component in ILLA Cloud groups multiple components together, making it easier for users to organize and manage content. For example, a user can group a set of input fields together in a container, simplifying the process of collecting and submitting data. This can save time by streamlining workflows and improving overall efficiency.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Container</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Date/index.html b/components/Date/index.html
index aaf04ee4ce..237896c4bc 100644
--- a/components/Date/index.html
+++ b/components/Date/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Date Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Date component in ILLA Cloud simplifies date selection by providing a calendar-based interface, improving the efficiency and accuracy of date-related data management. For example, a user can create a form for event registration and use the Date component to allow users to select the event date, reducing the potential for date-related errors and streamlining the registration process.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Date</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/DateRange/index.html b/components/DateRange/index.html
index fde4c501e7..237f58aac5 100644
--- a/components/DateRange/index.html
+++ b/components/DateRange/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Date Range Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;Date Range&#x27; component in ILLA Cloud streamlines the selection of date ranges by providing a calendar-based interface, saving users&#x27; time and effort. For example, a user can create a report and use the &#x27;Date Range&#x27; component to allow users to select a date range for data analysis, simplifying the process and increasing efficiency.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Date Range</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/DateTime/index.html b/components/DateTime/index.html
index 789e49b2c0..4fa9122f6e 100644
--- a/components/DateTime/index.html
+++ b/components/DateTime/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Date Time Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Date Time component in ILLA Cloud simplifies date and time selection by providing a calendar-based interface, improving the efficiency and accuracy of data management. For example, a user can create a form for appointment scheduling and use the &#x27;Date Time&#x27; component to allow users to select the specific date and time, reducing the potential for scheduling errors and streamlining the process.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Date Time</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Divider/index.html b/components/Divider/index.html
index ee8178e770..0b444e1431 100644
--- a/components/Divider/index.html
+++ b/components/Divider/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Divider Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;Divider&#x27; component in ILLA Cloud is a visual element that creates clear distinctions between different sections of content, improving navigation and organization. By using dividers, users can save time by quickly finding the information they need without having to search through cluttered or disorganized content, improving the user experience.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Divider</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/EditableText/index.html b/components/EditableText/index.html
index 123748f1cb..116f173f0e 100644
--- a/components/EditableText/index.html
+++ b/components/EditableText/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Editable Text Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Editable Text component in ILLA Cloud allows users to input and edit text in a one line text input box, and the input text can be shown as hovered. This component can save users&#x27; time by providing a quick and easy way to edit text. For example, a user can create a form that collects user feedback and use the &#x27;Editable Text&#x27; component to allow users to edit their comments before submitting. This can help businesses improve their efficiency by reducing the need for back-and-forth communication.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Editable text</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Form/index.html b/components/Form/index.html
index 6a4f51bf15..8b3f392d0e 100644
--- a/components/Form/index.html
+++ b/components/Form/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Form Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;Form&#x27; component in ILLA Cloud lets users input and submit required information, providing an efficient way to collect and process data. It can save time by standardizing the data entry process, reducing errors, and making it easier to organize and analyze the data. For example, a company can use a Form component to collect employee information, such as contact details and job position, and easily organize the data for HR purposes.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Form</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Icon/index.html b/components/Icon/index.html
index 72b11c572e..7e736b0383 100644
--- a/components/Icon/index.html
+++ b/components/Icon/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Icon Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Icon component in ILLA Cloud provides a quick and easy way for users to insert pre-built icons, improving the visual appeal and usability of the application. For example, a user can insert a shopping cart icon to represent a shopping cart feature in an e-commerce application, saving time and effort in creating a custom icon and improving the user experience.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Icon</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Image/index.html b/components/Image/index.html
index 092833d2d4..2c01fec977 100644
--- a/components/Image/index.html
+++ b/components/Image/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Image Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Image component in ILLA Cloud provides a straightforward way for users to display images, enhancing the visual appeal and accessibility of information. For example, a user can use the &#x27;Image&#x27; component to display product images in an e-commerce application, saving time and effort in providing a clear and attractive representation of products.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Image</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Input/index.html b/components/Input/index.html
index 84bba949c1..cb4f44fa4f 100644
--- a/components/Input/index.html
+++ b/components/Input/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Input Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">In ILLA Cloud, the Input component with a left label eliminates manual data entry, saving time and increasing efficiency. It allows users to easily provide the required information for further processing. For example, it can be used to collect customer contact information, streamlining data collection and processing workflows. The collected data can be utilized for customer segmentation, targeted marketing campaigns, and customer support, providing an efficient and time-saving solution.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Input</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/List/index.html b/components/List/index.html
index 409009a455..e7e99e52cb 100644
--- a/components/List/index.html
+++ b/components/List/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the List Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The List component provides an organized and efficient way to view and manage data, saving users time by allowing them to quickly access and manipulate information. For example, a sales manager can use the List component to view and track customer orders, quickly identifying trends and making data-driven decisions. Overall, the List component can improve productivity and enhance data analysis.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with List</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Menu/index.html b/components/Menu/index.html
index 0d0d0a89ce..334830236c 100644
--- a/components/Menu/index.html
+++ b/components/Menu/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Menu Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">By utilizing the Menu component, users can quickly access different options without having to navigate through multiple pages, saving time and increasing efficiency. For example, a user can use the Menu component to access various features of a software application, allowing them to easily access frequently used functions and streamline their workflow.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Menu</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Modal/index.html b/components/Modal/index.html
index f97d7e5de7..6cc2487639 100644
--- a/components/Modal/index.html
+++ b/components/Modal/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Modal Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;Modal&#x27; component in ILLA Cloud is a user interface element that enables the display of content or prompts for user interaction without navigating away from the current page or interrupting the user&#x27;s workflow. It creates a floating layer on top of the existing page to gather user feedback, display information, or prompt for input. This allows for a more seamless and streamlined user experience, as users can stay within the same context while still being able to interact with the application.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Modal</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Multiselect/index.html b/components/Multiselect/index.html
index ca8c497358..c2ba8853c7 100644
--- a/components/Multiselect/index.html
+++ b/components/Multiselect/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the MultiSelect Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Multi Select component in ILLA Cloud provides users with a convenient and efficient way to select multiple options from a list, saving time and effort. For example, a user can create a survey form and use the &#x27;Multi Select&#x27; component to allow users to select multiple options, such as their preferred products or services, streamlining the data collection process.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Multiselect</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/NumberInput/index.html b/components/NumberInput/index.html
index bfcb609374..a72a092a70 100644
--- a/components/NumberInput/index.html
+++ b/components/NumberInput/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Number Input Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">In ILLA Cloud, the Number Input component with a left label allows users to enter numerical values, providing a streamlined interface for quick and easy input. This component can save users&#x27; time by eliminating the need for manual data entry. For example, a user can create an order form that includes a &#x27;Number Input&#x27; component to collect the quantity and price of each item. This can help businesses save time and reduce errors when processing orders.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Number input</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/PDF/index.html b/components/PDF/index.html
index c26c58eea7..eec38201d8 100644
--- a/components/PDF/index.html
+++ b/components/PDF/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the PDF Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;PDF&#x27; component in ILLA Cloud allows users to view and interact with PDF files within the app, saving time and streamlining document management. For example, a user can easily access and annotate PDF documents without having to switch between different software or applications, improving productivity and workflow efficiency.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with PDF</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/RadioButton/index.html b/components/RadioButton/index.html
index 2044f33168..9a9325305c 100644
--- a/components/RadioButton/index.html
+++ b/components/RadioButton/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Radio Button Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Radio Button component is a quick and efficient way for users to select one option from multiple choices, avoiding confusion and streamlining the decision-making process. For example, a survey form could use the Radio Button component to allow users to select their age group, gender, or preferred method of contact, saving time by simplifying the data input process.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Radio Button</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/RadioGroup/index.html b/components/RadioGroup/index.html
index dfdc08aab1..8e2695bb33 100644
--- a/components/RadioGroup/index.html
+++ b/components/RadioGroup/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Radio Group Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Radio Group component in ILLA Cloud provides a straightforward and efficient way for users to select one option from a list, saving time and reducing errors. For example, a user can create a form for event registration and use the &#x27;Radio Group&#x27; component to allow users to select their preferred event, simplifying the registration process and improving efficiency.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Radio group</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Rate/index.html b/components/Rate/index.html
index 6ddc9c0f2b..303de47534 100644
--- a/components/Rate/index.html
+++ b/components/Rate/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Rate Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;Rate&#x27; component in ILLA Cloud provides a quick and easy way for users to rate products, services or experiences, saving time in providing feedback. For example, a user can use the Rate component to rate a recent purchase or experience, helping businesses improve their products and services based on customer feedback.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Rate</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Select/index.html b/components/Select/index.html
index 84d7231a2b..f64929afb9 100644
--- a/components/Select/index.html
+++ b/components/Select/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Select Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Select component in ILLA Cloud allows users to select from a list of options, providing a user-friendly and space-efficient way to input data, which can save users&#x27; time and increase efficiency. For example, a user can create a survey form and use the &#x27;Select&#x27; component to provide a range of options for users to choose from, simplifying the process and ensuring accurate data collection.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Select</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Statistics/index.html b/components/Statistics/index.html
index 23f65aae15..4304a47dbe 100644
--- a/components/Statistics/index.html
+++ b/components/Statistics/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Statistics Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;Statistics&#x27; component in ILLA Cloud is designed to help users display numerical data in a visually appealing and easy-to-understand way, improving data analysis and decision-making. For example, a user can use the Statistics component to create a dashboard that displays sales data in various visual formats such as bar charts, pie charts, and line charts, saving time in creating customized visualizations and providing a quick and clear overview of the data.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Statistics</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Switch/index.html b/components/Switch/index.html
index 80f17862bc..2918647983 100644
--- a/components/Switch/index.html
+++ b/components/Switch/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Switch Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Switch component in ILLA Cloud provides an intuitive and user-friendly way for users to turn on or turn off specific settings or features, saving time and increasing efficiency. For example, a user can create a notification system and use the &#x27;Switch&#x27; component to allow users to turn on or turn off notifications for specific events, such as new messages or updates, reducing unnecessary interruptions.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Switch</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Tables/index.html b/components/Tables/index.html
index a53dbede09..4ed21b40ab 100644
--- a/components/Tables/index.html
+++ b/components/Tables/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Table Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;Table&#x27; component in ILLA Cloud displays database data in a tabular format, allowing users to quickly analyze large amounts of information. With features like sorting, searching, and filtering, the Table component can save users time by enabling them to easily find and manipulate the data they need. Additionally, tables can be customized with different column types, colors, and formatting options, making it possible to create visually appealing and easy-to-understand representations of complex data.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Tables</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Tabs/index.html b/components/Tabs/index.html
index 1e129639c1..dff588d376 100644
--- a/components/Tabs/index.html
+++ b/components/Tabs/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Tab Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;Tab&#x27; component in ILLA Cloud saves users time by allowing them to easily switch between different sections of content without the need for extensive scrolling. For example, a user can use Tabs to switch between different views or modes in a software application, improving usability and productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Tabs</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Text/index.html b/components/Text/index.html
index 39a06224af..84488cabb7 100644
--- a/components/Text/index.html
+++ b/components/Text/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Text Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Text component in ILLA Cloud provides a straightforward way for users to display text, improving the readability and accessibility of information. For example, a user can use the &#x27;Text&#x27; component to display important instructions or information, such as contact details or product descriptions, saving time and effort in conveying important information.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Text</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Textarea%20Input/index.html b/components/Textarea%20Input/index.html
index 41a1fdd484..d770305fca 100644
--- a/components/Textarea%20Input/index.html
+++ b/components/Textarea%20Input/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] flex flex-col h-screen"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R2lkuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:Rj5kuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R9a4uh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Raa4uh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><main class="container margin-vert--xl h-full"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">Page Not Found</h1><p>We could not find what you were looking for.</p><p>Please contact the owner of the site that linked you to the original URL and let them know their link is broken.</p></div></div></main><div class="commBottomContainer_rcOJ"><div style="height:410px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-white-02">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div></div>
diff --git a/components/Timeline/index.html b/components/Timeline/index.html
index e932900469..5f840c98e3 100644
--- a/components/Timeline/index.html
+++ b/components/Timeline/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Timeline Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Timeline component in ILLA Cloud can save users time by providing a clear and organized visual representation of a project&#x27;s progress or history. For example, a project manager can use the Timeline component to create a visual representation of a project&#x27;s milestones, deadlines, and deliverables, saving time in creating and communicating a project&#x27;s timeline to team members and stakeholders.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Timeline</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Upload/index.html b/components/Upload/index.html
index 8e03a1a2ad..aef82c95ef 100644
--- a/components/Upload/index.html
+++ b/components/Upload/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Upload Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The Upload component in ILLA Cloud enables users to easily upload any type of files to their application, providing a convenient and streamlined approach to data management. For example, a user can create an online store and use the &#x27;Upload&#x27; component to allow customers to upload images or other files when submitting orders, saving time and increasing efficiency.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Upload</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/Video/index.html b/components/Video/index.html
index 99bfd1c743..08ea31b77c 100644
--- a/components/Video/index.html
+++ b/components/Video/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Use the Video Component in ILLA Cloud to build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The &#x27;Video&#x27; component in ILLA Cloud plays and interacts with videos within the application, saving time by allowing users to easily view and interact with video content without the need to switch to an external video player. For example, a user can use the Video component to watch training videos or product demos within the application, improving productivity and efficiency.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Video</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/components/index.html b/components/index.html
index d1622d7697..84d90d3b20 100644
--- a/components/index.html
+++ b/components/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_yWoG"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf lg:pt-[48px] lg:w-[570px] w-full"><h1 class="headerTitle_URD5">Library of built-in components</h1><span class="headerDesc_zhHJ">ILLA provides a range of commonly used front-end development components, enabling users to easily build front-end interfaces and respond to user actions and display data through simple drag-and-drop operations. Users can construct complex components such as tables, charts, forms, lists, and more through ILLA.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Try for Free</a></div><img src="https://cdn.illacloud.com/official-website/img/official-site/features/componentIndex.svg" alt="" class="w-full lg:w-[550px]"></div><div class="flex flex-col gap-[24px] pb-[60px] lg:pb-[100px]"><h2 class="contentTitle_b3GB">Inputs</h2><div class="itemsContainer_OUc9"><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20upload.svg" alt="Upload" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Upload</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">The &#x27;Upload&#x27; component in ILLA Cloud provides a way for users to upload any type of files to their application.</span></div><a class="learnMore_Lb_l" href="/illa-website/components/Upload"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Switch.svg" alt="Switch" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Switch</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">The &#x27;Switch&#x27; component in ILLA Cloud provides a toggle switch that allows users to turn on or turn off a particular setting or feature.</span></div><a class="learnMore_Lb_l" href="/illa-website/components/Switch"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Select.svg" alt="Select" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Select</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">The &#x27;Select&#x27; component in ILLA Cloud is a drop-down selector that allows users to choose from a list of options, providing a user-friendly and space-efficient way to input data.</span></div><a class="learnMore_Lb_l" href="/illa-website/components/Select"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Radio%20Group.svg" alt="Radio group" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Radio group</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">The &#x27;Radio Group&#x27; component in ILLA Cloud is a radio selector that allows users to choose one option from a list of choices, providing a simple and clear way to input and manage data.</span></div><a class="learnMore_Lb_l" href="/illa-website/components/RadioGroup"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Check%20Box.svg" alt="CheckboxGroup" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">CheckboxGroup</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">The &#x27;Checkbox Group&#x27; component in ILLA Cloud is a checkbox selector that allows users to select multiple options from a list, providing a simple and efficient way to manage data.</span></div><a class="learnMore_Lb_l" href="/illa-website/components/CheckboxGroup"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div><h2 class="contentTitle_b3GB">Data</h2><div class="itemsContainer_OUc9"><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Chart.svg" alt="Chart" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Chart</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">The &#x27;Chart&#x27; component in ILLA Cloud displays multiple types of charts based on linked data, providing users with clear and visually appealing representations of complex data.</span></div><a class="learnMore_Lb_l" href="/illa-website/components/Chart"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Table.svg" alt="Tables" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Tables</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">The &#x27;Table&#x27; component in ILLA Cloud displays data from a database in a tabular format, making it easy for users to view, sort, and analyze large amounts of information at a glance.</span></div><a class="learnMore_Lb_l" href="/illa-website/components/Tables"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div><h2 class="contentTitle_b3GB">Presentation</h2><div class="itemsContainer_OUc9"><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20PDF.svg" alt="PDF" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">PDF</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">The &#x27;PDF&#x27; component in ILLA Cloud is a display element that allows users to view and interact with PDF files within the application.</span></div><a class="learnMore_Lb_l" href="/illa-website/components/PDF"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Video.svg" alt="Video" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Video</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">The &#x27;Video&#x27; component in ILLA Cloud is a display element that allows users to play and interact with videos within the application.</span></div><a class="learnMore_Lb_l" href="/illa-website/components/Video"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/components/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/components/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/crm/index.html b/crm/index.html
index 3c4cace853..c74530a7d1 100644
--- a/crm/index.html
+++ b/crm/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">Better <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">Sales CRM solution</span> to close deals faster</h1><span class="descStyle_uxY4">Efficiently manage all your leads, customer relationships, sales pipeline, and tasks in one place, so you can streamline your sales process and focus on closing the deals.</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" width="100%" alt="ILLA Cloud is a low code crm building tool that allows you to manage all your leads, customer relationships, sales pipeline, and tasks in one place, so you can streamline your sales process and focus on closing the deals."></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" alt="ILLA Cloud is a low code crm building tool that allows you to manage all your leads, customer relationships, sales pipeline, and tasks in one place, so you can streamline your sales process and focus on closing the deals."></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7N5%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>What can we do</h1>
diff --git a/dashboard/index.html b/dashboard/index.html
index 43260aa88d..70a03f9564 100644
--- a/dashboard/index.html
+++ b/dashboard/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">Customize <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">Data Analysis Dashboard</span> for Your Business</h1><span class="descStyle_uxY4">Build comprehensive data analysis dashboards and drive your business growth with minimal investment.</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" width="100%" alt="Build comprehensive data analysis dashboards and drive your business growth with minimal investment."></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" alt="Build comprehensive data analysis dashboards and drive your business growth with minimal investment."></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Xz%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>What can we do</h1>
diff --git a/de/404.html b/de/404.html
index 19f120d095..a45c24d634 100644
--- a/de/404.html
+++ b/de/404.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] flex flex-col h-screen"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R2lkuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:Rj5kuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R9a4uh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Raa4uh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><main class="container margin-vert--xl h-full"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">ページが見つかりません</h1><p>お探しのものが見つかりませんでした。</p><p>元のURLにリンクしたサイトの所有者に連絡し、リンクが切れていることを知らせてください。</p></div></div></main><div class="commBottomContainer_rcOJ"><div style="height:410px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-white-02">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/404" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div></div>
diff --git a/de/admin-panel/index.html b/de/admin-panel/index.html
index 5bbb283a95..9588036ffc 100644
--- a/de/admin-panel/index.html
+++ b/de/admin-panel/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/de/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">Baue <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">Benutzerdefiniertes Admin-Panel</span> für Website und Apps</h1><span class="descStyle_uxY4">Erstellen Sie Administrator-Panels mit 10x Geschwindigkeit um Daten zu verwalten oder Operationen durchzuführen und es Entwicklern zu ermöglichen, sich auf die Geschäftsentwicklung zu konzentrieren.</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" width="100%" alt="title: Erstellen Sie eine angepasste Admin-Oberfläche für Websites und Apps
diff --git a/de/ai-voice-generator/index.html b/de/ai-voice-generator/index.html
index ebe1c9b3e6..8bb57b085e 100644
--- a/de/ai-voice-generator/index.html
+++ b/de/ai-voice-generator/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/de/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">&quot;Baue <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, &quot;#00EE8A&quot;, &quot;#2C66FA&quot;)">AI Voice Generator</span> für dein Unternehmen&quot;</h1><span class="descStyle_uxY4">Speech-zu-Text übersetzen, den Ton in Text übersetzen oder zusammenfassen. Text-zu-Sprache, erstellen Sie sofort natürliche KI-Stimmen in jeder Sprache und lassen Sie Ihren Inhalt über den Text hinausgehen.</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" width="100%" alt="Transcribe the audio into text in any language and process it, such as translate, summarize, store and share."></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" alt="Transcribe the audio into text in any language and process it, such as translate, summarize, store and share."></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bb%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>Was können wir tun</h1>
diff --git a/de/assets/css/styles.37fd5ffb.css b/de/assets/css/styles.7a15e33f.css
similarity index 99%
rename from de/assets/css/styles.37fd5ffb.css
rename to de/assets/css/styles.7a15e33f.css
index 32fc76140e..c5a9339f97 100644
--- a/de/assets/css/styles.37fd5ffb.css
+++ b/de/assets/css/styles.7a15e33f.css
@@ -1 +1 @@
-.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6{margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading))}blockquote,pre{margin:0 0 var(--ifm-spacing-vertical)}.breadcrumbs__link,.button{transition-timing-function:var(--ifm-transition-timing-default)}.button,code{vertical-align:middle}.button--outline.button--active,.button--outline:active,.button--outline:hover,:root{--ifm-button-color:var(--ifm-font-color-base-inverse)}.menu__link:hover,a{transition:color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.navbar--dark,:root{--ifm-navbar-link-hover-color:var(--ifm-color-primary)}.menu,.navbar-sidebar{overflow-x:hidden}:root,html[data-theme=dark]{--ifm-color-emphasis-500:var(--ifm-color-gray-500)}*,:after,:before{box-sizing:border-box}.markdown li,body{word-wrap:break-word}.button,.dropdown__link,.text--truncate,.truncate,.whitespace-nowrap{white-space:nowrap}.toggleButton_C0po,html{-webkit-tap-highlight-color:transparent}#__docusaurus,.min-h-full{min-height:100%}.clean-list,.containsTaskList_aqzd,.details_GXzP>summary,.dropdown__menu,.menu__list,.swiper,menu,ol,ul{list-style:none}:root{--ifm-color-scheme:light;--ifm-dark-value:10%;--ifm-darker-value:15%;--ifm-darkest-value:30%;--ifm-light-value:15%;--ifm-lighter-value:30%;--ifm-lightest-value:50%;--ifm-contrast-background-value:90%;--ifm-contrast-foreground-value:70%;--ifm-contrast-background-dark-value:70%;--ifm-contrast-foreground-dark-value:90%;--ifm-color-primary:#3578e5;--ifm-color-secondary:#ebedf0;--ifm-color-success:#00a400;--ifm-color-info:#54c7ec;--ifm-color-warning:#ffba00;--ifm-color-danger:#fa383e;--ifm-color-primary-dark:#306cce;--ifm-color-primary-darker:#2d66c3;--ifm-color-primary-darkest:#2554a0;--ifm-color-primary-light:#538ce9;--ifm-color-primary-lighter:#72a1ed;--ifm-color-primary-lightest:#9abcf2;--ifm-color-primary-contrast-background:#ebf2fc;--ifm-color-primary-contrast-foreground:#102445;--ifm-color-secondary-dark:#d4d5d8;--ifm-color-secondary-darker:#c8c9cc;--ifm-color-secondary-darkest:#a4a6a8;--ifm-color-secondary-light:#eef0f2;--ifm-color-secondary-lighter:#f1f2f5;--ifm-color-secondary-lightest:#f5f6f8;--ifm-color-secondary-contrast-background:#fdfdfe;--ifm-color-secondary-contrast-foreground:#474748;--ifm-color-success-dark:#009400;--ifm-color-success-darker:#008b00;--ifm-color-success-darkest:#007300;--ifm-color-success-light:#26b226;--ifm-color-success-lighter:#4dbf4d;--ifm-color-success-lightest:#80d280;--ifm-color-success-contrast-background:#e6f6e6;--ifm-color-success-contrast-foreground:#003100;--ifm-color-info-dark:#4cb3d4;--ifm-color-info-darker:#47a9c9;--ifm-color-info-darkest:#3b8ba5;--ifm-color-info-light:#6ecfef;--ifm-color-info-lighter:#87d8f2;--ifm-color-info-lightest:#aae3f6;--ifm-color-info-contrast-background:#eef9fd;--ifm-color-info-contrast-foreground:#193c47;--ifm-color-warning-dark:#e6a700;--ifm-color-warning-darker:#d99e00;--ifm-color-warning-darkest:#b38200;--ifm-color-warning-light:#ffc426;--ifm-color-warning-lighter:#ffcf4d;--ifm-color-warning-lightest:#ffdd80;--ifm-color-warning-contrast-background:#fff8e6;--ifm-color-warning-contrast-foreground:#4d3800;--ifm-color-danger-dark:#e13238;--ifm-color-danger-darker:#d53035;--ifm-color-danger-darkest:#af272b;--ifm-color-danger-light:#fb565b;--ifm-color-danger-lighter:#fb7478;--ifm-color-danger-lightest:#fd9c9f;--ifm-color-danger-contrast-background:#ffebec;--ifm-color-danger-contrast-foreground:#4b1113;--ifm-color-white:#fff;--ifm-color-black:#000;--ifm-color-gray-0:var(--ifm-color-white);--ifm-color-gray-100:#f5f6f7;--ifm-color-gray-200:#ebedf0;--ifm-color-gray-300:#dadde1;--ifm-color-gray-400:#ccd0d5;--ifm-color-gray-500:#bec3c9;--ifm-color-gray-600:#8d949e;--ifm-color-gray-700:#606770;--ifm-color-gray-800:#444950;--ifm-color-gray-900:#1c1e21;--ifm-color-gray-1000:var(--ifm-color-black);--ifm-color-emphasis-0:var(--ifm-color-gray-0);--ifm-color-emphasis-100:var(--ifm-color-gray-100);--ifm-color-emphasis-200:var(--ifm-color-gray-200);--ifm-color-emphasis-300:var(--ifm-color-gray-300);--ifm-color-emphasis-400:var(--ifm-color-gray-400);--ifm-color-emphasis-600:var(--ifm-color-gray-600);--ifm-color-emphasis-700:var(--ifm-color-gray-700);--ifm-color-emphasis-800:var(--ifm-color-gray-800);--ifm-color-emphasis-900:var(--ifm-color-gray-900);--ifm-color-emphasis-1000:var(--ifm-color-gray-1000);--ifm-color-content:var(--ifm-color-emphasis-900);--ifm-color-content-inverse:var(--ifm-color-emphasis-0);--ifm-color-content-secondary:#525860;--ifm-background-color:#0000;--ifm-background-surface-color:var(--ifm-color-content-inverse);--ifm-global-border-width:1px;--ifm-global-radius:0.4rem;--ifm-hover-overlay:#0000000d;--ifm-font-color-base:var(--ifm-color-content);--ifm-font-color-base-inverse:var(--ifm-color-content-inverse);--ifm-font-color-secondary:var(--ifm-color-content-secondary);--ifm-font-family-base:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--ifm-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ifm-font-size-base:100%;--ifm-font-weight-light:300;--ifm-font-weight-normal:400;--ifm-font-weight-semibold:500;--ifm-font-weight-bold:700;--ifm-font-weight-base:var(--ifm-font-weight-normal);--ifm-line-height-base:1.65;--ifm-global-spacing:1rem;--ifm-spacing-vertical:var(--ifm-global-spacing);--ifm-spacing-horizontal:var(--ifm-global-spacing);--ifm-transition-fast:200ms;--ifm-transition-slow:400ms;--ifm-transition-timing-default:cubic-bezier(0.08,0.52,0.52,1);--ifm-global-shadow-lw:0 1px 2px 0 #0000001a;--ifm-global-shadow-md:0 5px 40px #0003;--ifm-global-shadow-tl:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a;--ifm-z-index-dropdown:100;--ifm-z-index-fixed:200;--ifm-z-index-overlay:400;--ifm-container-width:1140px;--ifm-container-width-xl:1320px;--ifm-code-background:#f6f7f8;--ifm-code-border-radius:var(--ifm-global-radius);--ifm-code-font-size:90%;--ifm-code-padding-horizontal:0.1rem;--ifm-code-padding-vertical:0.1rem;--ifm-pre-background:var(--ifm-code-background);--ifm-pre-border-radius:var(--ifm-code-border-radius);--ifm-pre-color:inherit;--ifm-pre-line-height:1.45;--ifm-pre-padding:1rem;--ifm-heading-color:inherit;--ifm-heading-margin-top:0;--ifm-heading-margin-bottom:var(--ifm-spacing-vertical);--ifm-heading-font-family:var(--ifm-font-family-base);--ifm-heading-font-weight:var(--ifm-font-weight-bold);--ifm-heading-line-height:1.25;--ifm-h1-font-size:2rem;--ifm-h2-font-size:1.5rem;--ifm-h3-font-size:1.25rem;--ifm-h4-font-size:1rem;--ifm-h5-font-size:0.875rem;--ifm-h6-font-size:0.85rem;--ifm-image-alignment-padding:1.25rem;--ifm-leading-desktop:1.25;--ifm-leading:calc(var(--ifm-leading-desktop)*1rem);--ifm-list-left-padding:2rem;--ifm-list-margin:1rem;--ifm-list-item-margin:0.25rem;--ifm-list-paragraph-margin:1rem;--ifm-table-cell-padding:0.75rem;--ifm-table-background:#0000;--ifm-table-stripe-background:#00000008;--ifm-table-border-width:1px;--ifm-table-border-color:var(--ifm-color-emphasis-300);--ifm-table-head-background:inherit;--ifm-table-head-color:inherit;--ifm-table-head-font-weight:var(--ifm-font-weight-bold);--ifm-table-cell-color:inherit;--ifm-link-color:var(--ifm-color-primary);--ifm-link-decoration:none;--ifm-link-hover-color:var(--ifm-link-color);--ifm-link-hover-decoration:underline;--ifm-paragraph-margin-bottom:var(--ifm-leading);--ifm-blockquote-font-size:var(--ifm-font-size-base);--ifm-blockquote-border-left-width:2px;--ifm-blockquote-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-blockquote-padding-vertical:0;--ifm-blockquote-shadow:none;--ifm-blockquote-color:var(--ifm-color-emphasis-800);--ifm-blockquote-border-color:var(--ifm-color-emphasis-300);--ifm-hr-background-color:var(--ifm-color-emphasis-500);--ifm-hr-height:1px;--ifm-hr-margin-vertical:1.5rem;--ifm-scrollbar-size:7px;--ifm-scrollbar-track-background-color:#f1f1f1;--ifm-scrollbar-thumb-background-color:silver;--ifm-scrollbar-thumb-hover-background-color:#a7a7a7;--ifm-alert-background-color:inherit;--ifm-alert-border-color:inherit;--ifm-alert-border-radius:var(--ifm-global-radius);--ifm-alert-border-width:0px;--ifm-alert-border-left-width:5px;--ifm-alert-color:var(--ifm-font-color-base);--ifm-alert-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-alert-padding-vertical:var(--ifm-spacing-vertical);--ifm-alert-shadow:var(--ifm-global-shadow-lw);--ifm-avatar-intro-margin:1rem;--ifm-avatar-intro-alignment:inherit;--ifm-avatar-photo-size:3rem;--ifm-badge-background-color:inherit;--ifm-badge-border-color:inherit;--ifm-badge-border-radius:var(--ifm-global-radius);--ifm-badge-border-width:var(--ifm-global-border-width);--ifm-badge-color:var(--ifm-color-white);--ifm-badge-padding-horizontal:calc(var(--ifm-spacing-horizontal)*0.5);--ifm-badge-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-breadcrumb-border-radius:1.5rem;--ifm-breadcrumb-spacing:0.5rem;--ifm-breadcrumb-color-active:var(--ifm-color-primary);--ifm-breadcrumb-item-background-active:var(--ifm-hover-overlay);--ifm-breadcrumb-padding-horizontal:0.8rem;--ifm-breadcrumb-padding-vertical:0.4rem;--ifm-breadcrumb-size-multiplier:1;--ifm-breadcrumb-separator:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');--ifm-breadcrumb-separator-filter:none;--ifm-breadcrumb-separator-size:0.5rem;--ifm-breadcrumb-separator-size-multiplier:1.25;--ifm-button-background-color:inherit;--ifm-button-border-color:var(--ifm-button-background-color);--ifm-button-border-width:var(--ifm-global-border-width);--ifm-button-font-weight:var(--ifm-font-weight-bold);--ifm-button-padding-horizontal:1.5rem;--ifm-button-padding-vertical:0.375rem;--ifm-button-size-multiplier:1;--ifm-button-transition-duration:var(--ifm-transition-fast);--ifm-button-border-radius:calc(var(--ifm-global-radius)*var(--ifm-button-size-multiplier));--ifm-button-group-spacing:2px;--ifm-card-background-color:var(--ifm-background-surface-color);--ifm-card-border-radius:calc(var(--ifm-global-radius)*2);--ifm-card-horizontal-spacing:var(--ifm-global-spacing);--ifm-card-vertical-spacing:var(--ifm-global-spacing);--ifm-toc-border-color:var(--ifm-color-emphasis-300);--ifm-toc-link-color:var(--ifm-color-content-secondary);--ifm-toc-padding-vertical:0.5rem;--ifm-toc-padding-horizontal:0.5rem;--ifm-dropdown-background-color:var(--ifm-background-surface-color);--ifm-dropdown-font-weight:var(--ifm-font-weight-semibold);--ifm-dropdown-link-color:var(--ifm-font-color-base);--ifm-dropdown-hover-background-color:var(--ifm-hover-overlay);--ifm-footer-background-color:var(--ifm-color-emphasis-100);--ifm-footer-color:inherit;--ifm-footer-link-color:var(--ifm-color-emphasis-700);--ifm-footer-link-hover-color:var(--ifm-color-primary);--ifm-footer-link-horizontal-spacing:0.5rem;--ifm-footer-padding-horizontal:calc(var(--ifm-spacing-horizontal)*2);--ifm-footer-padding-vertical:calc(var(--ifm-spacing-vertical)*2);--ifm-footer-title-color:inherit;--ifm-footer-logo-max-width:min(30rem,90vw);--ifm-hero-background-color:var(--ifm-background-surface-color);--ifm-hero-text-color:var(--ifm-color-emphasis-800);--ifm-menu-color:var(--ifm-color-emphasis-700);--ifm-menu-color-active:var(--ifm-color-primary);--ifm-menu-color-background-active:var(--ifm-hover-overlay);--ifm-menu-color-background-hover:var(--ifm-hover-overlay);--ifm-menu-link-padding-horizontal:0.75rem;--ifm-menu-link-padding-vertical:0.375rem;--ifm-menu-link-sublist-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');--ifm-menu-link-sublist-icon-filter:none;--ifm-navbar-background-color:var(--ifm-background-surface-color);--ifm-navbar-height:3.75rem;--ifm-navbar-item-padding-horizontal:0.75rem;--ifm-navbar-item-padding-vertical:0.25rem;--ifm-navbar-link-color:var(--ifm-font-color-base);--ifm-navbar-link-active-color:var(--ifm-link-color);--ifm-navbar-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-navbar-padding-vertical:calc(var(--ifm-spacing-vertical)*0.5);--ifm-navbar-shadow:var(--ifm-global-shadow-lw);--ifm-navbar-search-input-background-color:var(--ifm-color-emphasis-200);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-800);--ifm-navbar-search-input-placeholder-color:var(--ifm-color-emphasis-500);--ifm-navbar-search-input-icon:url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>');--ifm-navbar-sidebar-width:83vw;--ifm-pagination-border-radius:var(--ifm-global-radius);--ifm-pagination-color-active:var(--ifm-color-primary);--ifm-pagination-font-size:1rem;--ifm-pagination-item-active-background:var(--ifm-hover-overlay);--ifm-pagination-page-spacing:0.2em;--ifm-pagination-padding-horizontal:calc(var(--ifm-spacing-horizontal)*1);--ifm-pagination-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-pagination-nav-border-radius:var(--ifm-global-radius);--ifm-pagination-nav-color-hover:var(--ifm-color-primary);--ifm-pills-color-active:var(--ifm-color-primary);--ifm-pills-color-background-active:var(--ifm-hover-overlay);--ifm-pills-spacing:0.125rem;--ifm-tabs-color:var(--ifm-font-color-secondary);--ifm-tabs-color-active:var(--ifm-color-primary);--ifm-tabs-color-active-border:var(--ifm-tabs-color-active);--ifm-tabs-padding-horizontal:1rem;--ifm-tabs-padding-vertical:1rem;--docusaurus-progress-bar-color:var(--ifm-color-primary);--ifm-color-primary:#654aec;--ifm-color-primary-dark:#4d2ee9;--ifm-color-primary-darker:#4120e8;--ifm-color-primary-darkest:#3215c4;--ifm-color-primary-light:#7d66ef;--ifm-color-primary-lighter:#8974f0;--ifm-color-primary-lightest:#846ef0;--ifm-code-font-size:95%;--docusaurus-highlighted-code-line-bg:#0000001a;--docusaurus-announcement-bar-height:auto;--swiper-theme-color:#007aff}.badge--danger,.badge--info,.badge--primary,.badge--secondary,.badge--success,.badge--warning{--ifm-badge-border-color:var(--ifm-badge-background-color)}.button--link,.button--outline{--ifm-button-background-color:#0000}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--ifm-background-color);color:var(--ifm-font-color-base);color-scheme:var(--ifm-color-scheme);font:var(--ifm-font-size-base)/var(--ifm-line-height-base) var(--ifm-font-family-base);text-rendering:optimizelegibility}iframe{border:0;color-scheme:auto}.container{margin:0 auto;max-width:var(--ifm-container-width);padding:0 var(--ifm-spacing-horizontal)}.container--fluid{max-width:inherit}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--ifm-spacing-horizontal)*-1)}.\!mb-0,.margin-bottom--none,.margin-vert--none,.markdown>:last-child,.refine-details .refine-details-content>div>:last-child{margin-bottom:0!important}.\!mt-0,.margin-top--none,.margin-vert--none{margin-top:0!important}.row--no-gutters{margin-left:0;margin-right:0}.margin-horiz--none,.margin-right--none{margin-right:0!important}.px-0,.row--no-gutters>.col{padding-left:0;padding-right:0}.items-start,.row--align-top{align-items:flex-start}.row--align-bottom{align-items:flex-end}.items-center,.row--align-center{align-items:center}.row--align-stretch{align-items:stretch}.row--align-baseline{align-items:baseline}.col{--ifm-col-width:100%;flex:1 0;margin-left:0;max-width:var(--ifm-col-width);padding:0 var(--ifm-spacing-horizontal);width:100%}.padding-bottom--none,.padding-vert--none{padding-bottom:0!important}.padding-top--none,.padding-vert--none{padding-top:0!important}.padding-horiz--none,.padding-left--none{padding-left:0!important}.padding-horiz--none,.padding-right--none{padding-right:0!important}.col[class*=col--]{flex:0 0 var(--ifm-col-width)}.col--1{--ifm-col-width:8.33333%}.col--offset-1{margin-left:8.33333%}.col--2{--ifm-col-width:16.66667%}.col--offset-2{margin-left:16.66667%}.col--3{--ifm-col-width:25%}.col--offset-3{margin-left:25%}.col--4{--ifm-col-width:33.33333%}.col--offset-4{margin-left:33.33333%}.col--5{--ifm-col-width:41.66667%}.col--offset-5{margin-left:41.66667%}.col--6{--ifm-col-width:50%}.col--offset-6{margin-left:50%}.col--7{--ifm-col-width:58.33333%}.col--offset-7{margin-left:58.33333%}.col--8{--ifm-col-width:66.66667%}.col--offset-8{margin-left:66.66667%}.col--9{--ifm-col-width:75%}.col--offset-9{margin-left:75%}.col--10{--ifm-col-width:83.33333%}.col--offset-10{margin-left:83.33333%}.col--11{--ifm-col-width:91.66667%}.col--offset-11{margin-left:91.66667%}.col--12{--ifm-col-width:100%}.col--offset-12{margin-left:100%}.margin-horiz--none,.margin-left--none{margin-left:0!important}.\!m-0,.margin--none{margin:0!important}.margin-bottom--xs,.margin-vert--xs{margin-bottom:.25rem!important}.margin-top--xs,.margin-vert--xs{margin-top:.25rem!important}.margin-horiz--xs,.margin-left--xs{margin-left:.25rem!important}.margin-horiz--xs,.margin-right--xs{margin-right:.25rem!important}.margin--xs{margin:.25rem!important}.margin-bottom--sm,.margin-vert--sm{margin-bottom:.5rem!important}.margin-top--sm,.margin-vert--sm{margin-top:.5rem!important}.margin-horiz--sm,.margin-left--sm{margin-left:.5rem!important}.margin-horiz--sm,.margin-right--sm{margin-right:.5rem!important}.margin--sm{margin:.5rem!important}.margin-bottom--md,.margin-vert--md{margin-bottom:1rem!important}.margin-top--md,.margin-vert--md{margin-top:1rem!important}.margin-horiz--md,.margin-left--md{margin-left:1rem!important}.margin-horiz--md,.margin-right--md{margin-right:1rem!important}.margin--md{margin:1rem!important}.margin-bottom--lg,.margin-vert--lg{margin-bottom:2rem!important}.margin-top--lg,.margin-vert--lg{margin-top:2rem!important}.margin-horiz--lg,.margin-left--lg{margin-left:2rem!important}.margin-horiz--lg,.margin-right--lg{margin-right:2rem!important}.margin--lg{margin:2rem!important}.margin-bottom--xl,.margin-vert--xl{margin-bottom:5rem!important}.margin-top--xl,.margin-vert--xl{margin-top:5rem!important}.margin-horiz--xl,.margin-left--xl{margin-left:5rem!important}.margin-horiz--xl,.margin-right--xl{margin-right:5rem!important}.margin--xl{margin:5rem!important}.padding--none{padding:0!important}.padding-bottom--xs,.padding-vert--xs{padding-bottom:.25rem!important}.padding-top--xs,.padding-vert--xs{padding-top:.25rem!important}.padding-horiz--xs,.padding-left--xs{padding-left:.25rem!important}.padding-horiz--xs,.padding-right--xs{padding-right:.25rem!important}.padding--xs{padding:.25rem!important}.padding-bottom--sm,.padding-vert--sm{padding-bottom:.5rem!important}.padding-top--sm,.padding-vert--sm{padding-top:.5rem!important}.padding-horiz--sm,.padding-left--sm{padding-left:.5rem!important}.padding-horiz--sm,.padding-right--sm{padding-right:.5rem!important}.padding--sm{padding:.5rem!important}.\!py-4,.padding-bottom--md,.padding-vert--md{padding-bottom:1rem!important}.\!py-4,.padding-top--md,.padding-vert--md{padding-top:1rem!important}.\!px-4,.padding-horiz--md,.padding-left--md{padding-left:1rem!important}.\!px-4,.padding-horiz--md,.padding-right--md{padding-right:1rem!important}.padding--md{padding:1rem!important}.padding-bottom--lg,.padding-vert--lg{padding-bottom:2rem!important}.padding-top--lg,.padding-vert--lg{padding-top:2rem!important}.padding-horiz--lg,.padding-left--lg{padding-left:2rem!important}.padding-horiz--lg,.padding-right--lg{padding-right:2rem!important}.padding--lg{padding:2rem!important}.padding-bottom--xl,.padding-vert--xl{padding-bottom:5rem!important}.padding-top--xl,.padding-vert--xl{padding-top:5rem!important}.padding-horiz--xl,.padding-left--xl{padding-left:5rem!important}.padding-horiz--xl,.padding-right--xl{padding-right:5rem!important}.padding--xl{padding:5rem!important}code{background-color:var(--ifm-code-background);border:.1rem solid #0000001a;border-radius:var(--ifm-code-border-radius);font-family:var(--ifm-font-family-monospace);font-size:var(--ifm-code-font-size);padding:var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal)}a code{color:inherit}pre{background-color:var(--ifm-pre-background);border-radius:var(--ifm-pre-border-radius);color:var(--ifm-pre-color);font:var(--ifm-code-font-size)/var(--ifm-pre-line-height) var(--ifm-font-family-monospace);overflow:auto;padding:var(--ifm-pre-padding)}pre code{background-color:initial;border:none;font-size:100%;line-height:inherit;padding:0}kbd{background-color:var(--ifm-color-emphasis-0);border:1px solid var(--ifm-color-emphasis-400);border-radius:.2rem;box-shadow:inset 0 -1px 0 var(--ifm-color-emphasis-400);color:var(--ifm-color-emphasis-800);font:80% var(--ifm-font-family-monospace);padding:.15rem .3rem}h1,h2,h3,h4,h5,h6{color:var(--ifm-heading-color);font-family:var(--ifm-heading-font-family);font-weight:var(--ifm-heading-font-weight);line-height:var(--ifm-heading-line-height);margin:var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0}h1{font-size:var(--ifm-h1-font-size)}h2{font-size:var(--ifm-h2-font-size)}h3{font-size:var(--ifm-h3-font-size)}h4{font-size:var(--ifm-h4-font-size)}h5{font-size:var(--ifm-h5-font-size)}h6{font-size:var(--ifm-h6-font-size)}img[align=right]{padding-left:var(--image-alignment-padding)}img[align=left]{padding-right:var(--image-alignment-padding)}.markdown{--ifm-h1-vertical-rhythm-top:3;--ifm-h2-vertical-rhythm-top:2;--ifm-h3-vertical-rhythm-top:1.5;--ifm-heading-vertical-rhythm-top:1.25;--ifm-h1-vertical-rhythm-bottom:1.25;--ifm-heading-vertical-rhythm-bottom:1}.markdown:after,.markdown:before{content:"";display:table}.markdown:after{clear:both}.markdown h1:first-child{--ifm-h1-font-size:3rem;margin-bottom:calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading))}.markdown>h2{--ifm-h2-font-size:2rem;margin-top:calc(var(--ifm-h2-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h3{--ifm-h3-font-size:1.5rem;margin-top:calc(var(--ifm-h3-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h4,.markdown>h5,.markdown>h6{margin-top:calc(var(--ifm-heading-vertical-rhythm-top)*var(--ifm-leading))}.markdown>p,.markdown>pre,.markdown>ul{margin-bottom:var(--ifm-leading)}.markdown li>p{margin-top:var(--ifm-list-paragraph-margin)}.markdown li+li{margin-top:var(--ifm-list-item-margin)}ol,ul{margin:0 0 var(--ifm-list-margin);padding-left:var(--ifm-list-left-padding)}ol ol,ul ol{list-style-type:lower-roman}ol ol,ol ul,ul ol,ul ul{margin:0}ol ol ol,ol ul ol,ul ol ol,ul ul ol{list-style-type:lower-alpha}table thead tr{border-bottom:2px solid var(--ifm-table-border-color)}table thead,table tr:nth-child(2n){background-color:var(--ifm-table-stripe-background)}table tr{background-color:var(--ifm-table-background);border-top:var(--ifm-table-border-width) solid var(--ifm-table-border-color)}table td,table th{border:var(--ifm-table-border-width) solid var(--ifm-table-border-color);padding:var(--ifm-table-cell-padding)}table th{background-color:var(--ifm-table-head-background);color:var(--ifm-table-head-color);font-weight:var(--ifm-table-head-font-weight)}table td{color:var(--ifm-table-cell-color)}strong{font-weight:var(--ifm-font-weight-bold)}a{color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration);color:inherit;text-decoration:inherit}a:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button:hover,.text--no-decoration,.text--no-decoration:hover,a:not([href]){text-decoration:none}p{margin:0 0 var(--ifm-paragraph-margin-bottom)}blockquote{border-left:var(--ifm-blockquote-border-left-width) solid var(--ifm-blockquote-border-color);box-shadow:var(--ifm-blockquote-shadow);color:var(--ifm-blockquote-color);font-size:var(--ifm-blockquote-font-size);padding:var(--ifm-blockquote-padding-vertical) var(--ifm-blockquote-padding-horizontal)}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}hr{background-color:var(--ifm-hr-background-color);border:0;height:var(--ifm-hr-height);margin:var(--ifm-hr-margin-vertical) 0}.shadow--lw{box-shadow:var(--ifm-global-shadow-lw)!important}.shadow--md{box-shadow:var(--ifm-global-shadow-md)!important}.shadow--tl{box-shadow:var(--ifm-global-shadow-tl)!important}.text--primary,.wordWrapButtonEnabled_I8k2 .wordWrapButtonIcon_dUFy{color:var(--ifm-color-primary)}.text--secondary{color:var(--ifm-color-secondary)}.text--success{color:var(--ifm-color-success)}.text--info{color:var(--ifm-color-info)}.text--warning{color:var(--ifm-color-warning)}.text--danger{color:var(--ifm-color-danger)}.text--center{text-align:center}.text--left{text-align:left}.text--justify{text-align:justify}.text--right{text-align:right}.text--capitalize{text-transform:capitalize}.text--lowercase{text-transform:lowercase}.alert__heading,.text--uppercase{text-transform:uppercase}.text--light{font-weight:var(--ifm-font-weight-light)}.text--normal{font-weight:var(--ifm-font-weight-normal)}.text--semibold{font-weight:var(--ifm-font-weight-semibold)}.text--bold{font-weight:var(--ifm-font-weight-bold)}.text--italic{font-style:italic}.text--truncate{overflow:hidden;text-overflow:ellipsis}.text--break{word-wrap:break-word!important;word-break:break-word!important}.clean-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;padding:0}.alert,.alert .close{color:var(--ifm-alert-foreground-color)}.clean-list{padding-left:0}.alert--primary{--ifm-alert-background-color:var(--ifm-color-primary-contrast-background);--ifm-alert-background-color-highlight:#3578e526;--ifm-alert-foreground-color:var(--ifm-color-primary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-primary-dark)}.alert--secondary{--ifm-alert-background-color:var(--ifm-color-secondary-contrast-background);--ifm-alert-background-color-highlight:#ebedf026;--ifm-alert-foreground-color:var(--ifm-color-secondary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-secondary-dark)}.alert--success{--ifm-alert-background-color:var(--ifm-color-success-contrast-background);--ifm-alert-background-color-highlight:#00a40026;--ifm-alert-foreground-color:var(--ifm-color-success-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-success-dark)}.alert--info{--ifm-alert-background-color:var(--ifm-color-info-contrast-background);--ifm-alert-background-color-highlight:#54c7ec26;--ifm-alert-foreground-color:var(--ifm-color-info-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-info-dark)}.alert--warning{--ifm-alert-background-color:var(--ifm-color-warning-contrast-background);--ifm-alert-background-color-highlight:#ffba0026;--ifm-alert-foreground-color:var(--ifm-color-warning-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-warning-dark)}.alert--danger{--ifm-alert-background-color:var(--ifm-color-danger-contrast-background);--ifm-alert-background-color-highlight:#fa383e26;--ifm-alert-foreground-color:var(--ifm-color-danger-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-danger-dark)}.alert{--ifm-code-background:var(--ifm-alert-background-color-highlight);--ifm-link-color:var(--ifm-alert-foreground-color);--ifm-link-hover-color:var(--ifm-alert-foreground-color);--ifm-link-decoration:underline;--ifm-tabs-color:var(--ifm-alert-foreground-color);--ifm-tabs-color-active:var(--ifm-alert-foreground-color);--ifm-tabs-color-active-border:var(--ifm-alert-border-color);background-color:var(--ifm-alert-background-color);border:var(--ifm-alert-border-width) solid var(--ifm-alert-border-color);border-left-width:var(--ifm-alert-border-left-width);border-radius:var(--ifm-alert-border-radius);box-shadow:var(--ifm-alert-shadow);padding:var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal)}.alert__heading{align-items:center;display:flex;font:700 var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);margin-bottom:.5rem}.alert__icon{display:inline-flex;margin-right:.4em}.alert__icon svg{fill:var(--ifm-alert-foreground-color);stroke:var(--ifm-alert-foreground-color);stroke-width:0}.alert .close{margin:calc(var(--ifm-alert-padding-vertical)*-1) calc(var(--ifm-alert-padding-horizontal)*-1) 0 0;opacity:.75}.alert .close:focus,.alert .close:hover{opacity:1}.alert a{text-decoration-color:var(--ifm-alert-border-color)}.alert a:hover{text-decoration-thickness:2px}.avatar{column-gap:var(--ifm-avatar-intro-margin);display:flex}.avatar__photo{border-radius:50%;display:block;height:var(--ifm-avatar-photo-size);overflow:hidden;width:var(--ifm-avatar-photo-size)}.avatar__photo--sm{--ifm-avatar-photo-size:2rem}.avatar__photo--lg{--ifm-avatar-photo-size:4rem}.avatar__photo--xl{--ifm-avatar-photo-size:6rem}.avatar__intro{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:var(--ifm-avatar-intro-alignment)}.badge,.breadcrumbs__item,.breadcrumbs__link,.button,.dropdown>.navbar__link:after,.inline-block{display:inline-block}.avatar__name{font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base)}.avatar__subtitle{margin-top:.25rem}.avatar--vertical{--ifm-avatar-intro-alignment:center;--ifm-avatar-intro-margin:0.5rem;align-items:center;flex-direction:column}.badge{background-color:var(--ifm-badge-background-color);border:var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);border-radius:var(--ifm-badge-border-radius);color:var(--ifm-badge-color);font-size:75%;font-weight:var(--ifm-font-weight-bold);line-height:1;padding:var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal)}.badge--primary{--ifm-badge-background-color:var(--ifm-color-primary)}.badge--secondary{--ifm-badge-background-color:var(--ifm-color-secondary);color:var(--ifm-color-black)}.breadcrumbs__link,.button.button--secondary.button--outline:not(.button--active):not(:hover){color:var(--ifm-font-color-base)}.badge--success{--ifm-badge-background-color:var(--ifm-color-success)}.badge--info{--ifm-badge-background-color:var(--ifm-color-info)}.badge--warning{--ifm-badge-background-color:var(--ifm-color-warning)}.badge--danger{--ifm-badge-background-color:var(--ifm-color-danger)}.breadcrumbs{margin-bottom:0;padding-left:0}.breadcrumbs__item:not(:last-child):after{background:var(--ifm-breadcrumb-separator) center;content:" ";display:inline-block;filter:var(--ifm-breadcrumb-separator-filter);height:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier));margin:0 var(--ifm-breadcrumb-spacing);opacity:.5;width:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier))}.breadcrumbs__item--active .breadcrumbs__link{background:var(--ifm-breadcrumb-item-background-active);color:var(--ifm-breadcrumb-color-active)}.breadcrumbs__link{border-radius:var(--ifm-breadcrumb-border-radius);font-size:calc(1rem*var(--ifm-breadcrumb-size-multiplier));padding:calc(var(--ifm-breadcrumb-padding-vertical)*var(--ifm-breadcrumb-size-multiplier)) calc(var(--ifm-breadcrumb-padding-horizontal)*var(--ifm-breadcrumb-size-multiplier));transition-duration:var(--ifm-transition-fast);transition-property:background,color}.breadcrumbs__link:any-link:hover,.breadcrumbs__link:link:hover,.breadcrumbs__link:visited:hover,area[href].breadcrumbs__link:hover{background:var(--ifm-breadcrumb-item-background-active);text-decoration:none}.breadcrumbs--sm{--ifm-breadcrumb-size-multiplier:0.8}.breadcrumbs--lg{--ifm-breadcrumb-size-multiplier:1.2}.button{background-color:var(--ifm-button-background-color);border:var(--ifm-button-border-width) solid var(--ifm-button-border-color);border-radius:var(--ifm-button-border-radius);cursor:pointer;font-size:calc(.875rem*var(--ifm-button-size-multiplier));font-weight:var(--ifm-button-font-weight);line-height:1.5;padding:calc(var(--ifm-button-padding-vertical)*var(--ifm-button-size-multiplier)) calc(var(--ifm-button-padding-horizontal)*var(--ifm-button-size-multiplier));text-align:center;transition-duration:var(--ifm-button-transition-duration);transition-property:color,background,border-color;-webkit-user-select:none;user-select:none}.button,.button:hover{color:var(--ifm-button-color)}.button--outline{--ifm-button-color:var(--ifm-button-border-color)}.button--outline:hover{--ifm-button-background-color:var(--ifm-button-border-color)}.button--link{--ifm-button-border-color:#0000;color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration)}.button--link.button--active,.button--link:active,.button--link:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button.disabled,.button:disabled,.button[disabled]{opacity:.65;pointer-events:none}.button--sm{--ifm-button-size-multiplier:0.8}.button--lg{--ifm-button-size-multiplier:1.35}.button--block{display:block;width:100%}.button.button--secondary{color:var(--ifm-color-gray-900)}:where(.button--primary){--ifm-button-background-color:var(--ifm-color-primary);--ifm-button-border-color:var(--ifm-color-primary)}:where(.button--primary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-primary-dark);--ifm-button-border-color:var(--ifm-color-primary-dark)}.button--primary.button--active,.button--primary:active{--ifm-button-background-color:var(--ifm-color-primary-darker);--ifm-button-border-color:var(--ifm-color-primary-darker)}:where(.button--secondary){--ifm-button-background-color:var(--ifm-color-secondary);--ifm-button-border-color:var(--ifm-color-secondary)}:where(.button--secondary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-secondary-dark);--ifm-button-border-color:var(--ifm-color-secondary-dark)}.button--secondary.button--active,.button--secondary:active{--ifm-button-background-color:var(--ifm-color-secondary-darker);--ifm-button-border-color:var(--ifm-color-secondary-darker)}:where(.button--success){--ifm-button-background-color:var(--ifm-color-success);--ifm-button-border-color:var(--ifm-color-success)}:where(.button--success):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-success-dark);--ifm-button-border-color:var(--ifm-color-success-dark)}.button--success.button--active,.button--success:active{--ifm-button-background-color:var(--ifm-color-success-darker);--ifm-button-border-color:var(--ifm-color-success-darker)}:where(.button--info){--ifm-button-background-color:var(--ifm-color-info);--ifm-button-border-color:var(--ifm-color-info)}:where(.button--info):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-info-dark);--ifm-button-border-color:var(--ifm-color-info-dark)}.button--info.button--active,.button--info:active{--ifm-button-background-color:var(--ifm-color-info-darker);--ifm-button-border-color:var(--ifm-color-info-darker)}:where(.button--warning){--ifm-button-background-color:var(--ifm-color-warning);--ifm-button-border-color:var(--ifm-color-warning)}:where(.button--warning):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-warning-dark);--ifm-button-border-color:var(--ifm-color-warning-dark)}.button--warning.button--active,.button--warning:active{--ifm-button-background-color:var(--ifm-color-warning-darker);--ifm-button-border-color:var(--ifm-color-warning-darker)}:where(.button--danger){--ifm-button-background-color:var(--ifm-color-danger);--ifm-button-border-color:var(--ifm-color-danger)}:where(.button--danger):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-danger-dark);--ifm-button-border-color:var(--ifm-color-danger-dark)}.button--danger.button--active,.button--danger:active{--ifm-button-background-color:var(--ifm-color-danger-darker);--ifm-button-border-color:var(--ifm-color-danger-darker)}.button-group{display:inline-flex;gap:var(--ifm-button-group-spacing)}.button-group>.button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.button-group>.button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.button-group--block{display:flex;justify-content:stretch}.button-group--block>.button{flex-grow:1}.card{background-color:var(--ifm-card-background-color);border-radius:var(--ifm-card-border-radius);box-shadow:var(--ifm-global-shadow-lw);display:flex;flex-direction:column;overflow:hidden}.card--full-height{height:100%}.card__image{padding-top:var(--ifm-card-vertical-spacing)}.card__image:first-child,.pt-0{padding-top:0}.card__body,.card__footer,.card__header{padding:var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing)}.card__body:not(:last-child),.card__footer:not(:last-child),.card__header:not(:last-child){padding-bottom:0}.card__body>:last-child,.card__footer>:last-child,.card__header>:last-child{margin-bottom:0}.card__footer{margin-top:auto}.table-of-contents{font-size:.8rem;margin-bottom:0;padding:var(--ifm-toc-padding-vertical) 0}.table-of-contents,.table-of-contents ul{list-style:none;padding-left:var(--ifm-toc-padding-horizontal)}.table-of-contents li{margin:var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal)}.table-of-contents__left-border{border-left:1px solid var(--ifm-toc-border-color)}.table-of-contents__link{color:var(--ifm-toc-link-color);display:block}.table-of-contents__link--active,.table-of-contents__link--active code,.table-of-contents__link:hover,.table-of-contents__link:hover code{color:var(--ifm-color-primary);text-decoration:none}.close{color:var(--ifm-color-black);float:right;font-size:1.5rem;font-weight:var(--ifm-font-weight-bold);line-height:1;opacity:.5;padding:1rem;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.close:hover{opacity:.7}.close:focus,.theme-code-block-highlighted-line .codeLineNumber_UV2B:before{opacity:.8}.dropdown{display:inline-flex;font-weight:var(--ifm-dropdown-font-weight);position:relative;vertical-align:top}.dropdown--hoverable:hover .dropdown__menu,.dropdown--show .dropdown__menu{opacity:1;pointer-events:all;transform:translateY(-1px);visibility:visible}.dropdown--right .dropdown__menu{left:inherit;right:0}.dropdown--nocaret .navbar__link:after{content:none!important}.dropdown__menu{background-color:var(--ifm-dropdown-background-color);border-radius:var(--ifm-global-radius);box-shadow:var(--ifm-global-shadow-md);left:0;max-height:80vh;min-width:10rem;opacity:0;overflow-y:auto;padding:.5rem;pointer-events:none;position:absolute;top:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);transform:translateY(-.625rem);transition-duration:var(--ifm-transition-fast);transition-property:opacity,transform,visibility;transition-timing-function:var(--ifm-transition-timing-default);visibility:hidden;z-index:var(--ifm-z-index-dropdown)}.menu__caret,.menu__link,.menu__list-item-collapsible{border-radius:.25rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.dropdown__link{border-radius:.25rem;color:var(--ifm-dropdown-link-color);display:block;font-size:.875rem;margin-top:.2rem;padding:.25rem .5rem}.dropdown__link--active,.dropdown__link:hover{background-color:var(--ifm-dropdown-hover-background-color);color:var(--ifm-dropdown-link-color);text-decoration:none}.dropdown__link--active,.dropdown__link--active:hover{--ifm-dropdown-link-color:var(--ifm-link-color)}.dropdown>.navbar__link:after{border-color:currentcolor #0000;border-style:solid;border-width:.4em .4em 0;content:"";margin-left:.3em;position:relative;top:2px;transform:translateY(-50%)}.footer{background-color:var(--ifm-footer-background-color);color:var(--ifm-footer-color);padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal)}.footer--dark{--ifm-footer-background-color:#303846;--ifm-footer-color:var(--ifm-footer-link-color);--ifm-footer-link-color:var(--ifm-color-secondary);--ifm-footer-title-color:var(--ifm-color-white)}.footer__links,.mb-4{margin-bottom:1rem}.footer__link-item{color:var(--ifm-footer-link-color);line-height:2}.footer__link-item:hover{color:var(--ifm-footer-link-hover-color)}.footer__link-separator{margin:0 var(--ifm-footer-link-horizontal-spacing)}.footer__logo{margin-top:1rem;max-width:var(--ifm-footer-logo-max-width)}.footer__title{color:var(--ifm-footer-title-color);font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base);margin-bottom:var(--ifm-heading-margin-bottom)}.menu,.navbar__link{font-weight:var(--ifm-font-weight-semibold)}.footer__item{margin-top:0}.footer__items{margin-bottom:0}.codeBlockStandalone_BZ5x,.p-0,[type=checkbox],dialog,fieldset,legend{padding:0}.hero{align-items:center;background-color:var(--ifm-hero-background-color);color:var(--ifm-hero-text-color);display:flex;padding:4rem 2rem}.hero--primary{--ifm-hero-background-color:var(--ifm-color-primary);--ifm-hero-text-color:var(--ifm-font-color-base-inverse)}.hero--dark{--ifm-hero-background-color:#303846;--ifm-hero-text-color:var(--ifm-color-white)}.hero__title{font-size:3rem}.hero__subtitle,.text-2xl{font-size:1.5rem}.menu__list{margin:0;padding-left:0}.menu__caret,.menu__link{padding:var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal)}.menu__list .menu__list{flex:0 0 100%;margin-top:.25rem;padding-left:var(--ifm-menu-link-padding-horizontal)}.menu__list-item:not(:first-child),.mt-1{margin-top:.25rem}.menu__list-item--collapsed .menu__list{height:0;overflow:hidden}.details_GXzP[data-collapsed=false].isBrowser_pHft>summary:before,.details_GXzP[open]:not(.isBrowser_pHft)>summary:before,.menu__list-item--collapsed .menu__caret:before,.menu__list-item--collapsed .menu__link--sublist:after{transform:rotate(90deg)}.menu__list-item-collapsible{display:flex;flex-wrap:wrap;position:relative}.menu__caret:hover,.menu__link:hover,.menu__list-item-collapsible--active,.menu__list-item-collapsible:hover{background:var(--ifm-menu-color-background-hover)}.menu__list-item-collapsible .menu__link--active,.menu__list-item-collapsible .menu__link:hover{background:none!important}.menu__caret,.menu__link{align-items:center;display:flex}.navbar-sidebar,.navbar-sidebar__backdrop{opacity:0;top:0;transition-duration:var(--ifm-transition-fast);transition-timing-function:ease-in-out;visibility:hidden;left:0;bottom:0}.menu__link{color:var(--ifm-menu-color);flex:1;line-height:1.25}.menu__link:hover{color:var(--ifm-menu-color);text-decoration:none}.menu__caret:before,.menu__link--sublist-caret:after{content:"";filter:var(--ifm-menu-link-sublist-icon-filter);height:1.25rem;transform:rotate(180deg);transition:transform var(--ifm-transition-fast) linear;width:1.25rem}.menu__link--sublist-caret:after{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem;margin-left:auto;min-width:1.25rem}.menu__link--active,.menu__link--active:hover{color:var(--ifm-menu-color-active)}.navbar__brand,.navbar__link{color:var(--ifm-navbar-link-color)}.menu__link--active:not(.menu__link--sublist){background-color:var(--ifm-menu-color-background-active)}.menu__caret:before{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem}.filter,.hover\:brightness-90:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navbar--dark,html[data-theme=dark]{--ifm-menu-link-sublist-icon-filter:invert(100%) sepia(94%) saturate(17%) hue-rotate(223deg) brightness(104%) contrast(98%)}.navbar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-navbar-shadow);height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.flex,.navbar,.navbar>.container,.navbar>.container-fluid{display:flex}.navbar--fixed-top{position:sticky;top:0;z-index:var(--ifm-z-index-fixed)}.navbar__inner{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.navbar__brand{align-items:center;display:flex;margin-right:1rem;min-width:0}.navbar__brand:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.announcementBarContent__DAX,.navbar__title{flex:1 1 auto}.navbar__toggle{display:none;margin-right:.5rem}.navbar__logo{flex:0 0 auto;height:2rem;margin-right:.5rem}.h-full,.navbar__logo img,body,html{height:100%}.navbar__items{align-items:center;display:flex;flex:1;min-width:0}.navbar__items--center{flex:0 0 auto}.m-0,.navbar__items--center .navbar__brand,blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}.navbar__items--center+.navbar__items--right{flex:1}.navbar__items--right{flex:0 0 auto;justify-content:flex-end}.navbar__items--right>:last-child{padding-right:0}.navbar__item{display:inline-block;padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}#nprogress,.navbar__item.dropdown .navbar__link:not([href]){pointer-events:none}.navbar__link--active,.navbar__link:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.navbar--dark,.navbar--primary{--ifm-menu-color:var(--ifm-color-gray-300);--ifm-navbar-link-color:var(--ifm-color-gray-100);--ifm-navbar-search-input-background-color:#ffffff1a;--ifm-navbar-search-input-placeholder-color:#ffffff80;color:var(--ifm-color-white)}.navbar--dark{--ifm-navbar-background-color:#242526;--ifm-menu-color-background-active:#ffffff0d;--ifm-navbar-search-input-color:var(--ifm-color-white)}.navbar--primary{--ifm-navbar-background-color:var(--ifm-color-primary);--ifm-navbar-link-hover-color:var(--ifm-color-white);--ifm-menu-color-active:var(--ifm-color-white);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-500)}.navbar__search-input{-webkit-appearance:none;appearance:none;background:var(--ifm-navbar-search-input-background-color) var(--ifm-navbar-search-input-icon) no-repeat .75rem center/1rem 1rem;border:none;border-radius:2rem;color:var(--ifm-navbar-search-input-color);cursor:text;display:inline-block;font-size:.9rem;height:2rem;padding:0 .5rem 0 2.25rem;width:12.5rem}.cursor-pointer,.dropdownNavbarItemMobile_JUhd,.footerItem_GsU2,.pills__item,.refine-toc-item,.tabs__item,[role=button],button{cursor:pointer}.navbar__search-input::placeholder{color:var(--ifm-navbar-search-input-placeholder-color)}.navbar-sidebar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-global-shadow-md);position:fixed;transform:translate3d(-100%,0,0);transition-property:opacity,visibility,transform;width:var(--ifm-navbar-sidebar-width)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar__items,.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar--show .navbar-sidebar__backdrop{opacity:1;visibility:visible}.navbar-sidebar__backdrop{background-color:#0009;position:fixed;right:0;transition-property:opacity,visibility}.navbar-sidebar__brand{align-items:center;box-shadow:var(--ifm-navbar-shadow);display:flex;flex:1;height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.navbar-sidebar__items{display:flex;height:calc(100% - var(--ifm-navbar-height));transition:transform var(--ifm-transition-fast) ease-in-out}.navbar-sidebar__items--show-secondary{transform:translate3d(calc((var(--ifm-navbar-sidebar-width))*-1),0,0)}.navbar-sidebar__item{flex-shrink:0;padding:.5rem;width:calc(var(--ifm-navbar-sidebar-width))}.navbar-sidebar__back{background:var(--ifm-menu-color-background-active);font-size:15px;font-weight:var(--ifm-button-font-weight);margin:0 0 .2rem -.5rem;padding:.6rem 1.5rem;position:relative;text-align:left;top:-.5rem;width:calc(100% + 1rem)}.navbar-sidebar__close{display:flex;margin-left:auto}.pagination{column-gap:var(--ifm-pagination-page-spacing);display:flex;font-size:var(--ifm-pagination-font-size);padding-left:0}.pagination--sm{--ifm-pagination-font-size:0.8rem;--ifm-pagination-padding-horizontal:0.8rem;--ifm-pagination-padding-vertical:0.2rem}.pagination--lg{--ifm-pagination-font-size:1.2rem;--ifm-pagination-padding-horizontal:1.2rem;--ifm-pagination-padding-vertical:0.3rem}.inline-flex,.pagination__item{display:inline-flex}.pagination__item>span{padding:var(--ifm-pagination-padding-vertical)}.pagination__item--active .pagination__link{color:var(--ifm-pagination-color-active)}.pagination__item--active .pagination__link,.pagination__item:not(.pagination__item--active):hover .pagination__link{background:var(--ifm-pagination-item-active-background)}.pagination__item--disabled,.pagination__item[disabled]{opacity:.25;pointer-events:none}.pagination__link{border-radius:var(--ifm-pagination-border-radius);color:var(--ifm-font-color-base);display:inline-block;padding:var(--ifm-pagination-padding-vertical) var(--ifm-pagination-padding-horizontal);transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination__link:hover,html .no-underline{text-decoration:none}.pagination-nav{grid-gap:var(--ifm-spacing-horizontal);display:grid;gap:var(--ifm-spacing-horizontal);grid-template-columns:repeat(2,1fr)}.pagination-nav__link{border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-pagination-nav-border-radius);display:block;height:100%;line-height:var(--ifm-heading-line-height);padding:var(--ifm-global-spacing);transition:border-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination-nav__link:hover{border-color:var(--ifm-pagination-nav-color-hover);text-decoration:none}.pagination-nav__link--next{grid-column:2/3;text-align:right}.content_B3zk,.text-center{text-align:center}.pagination-nav__label{font-size:var(--ifm-h4-font-size);font-weight:var(--ifm-heading-font-weight);word-break:break-word}.pagination-nav__link--prev .pagination-nav__label:before{content:"« "}.pagination-nav__link--next .pagination-nav__label:after{content:" »"}.pagination-nav__sublabel{color:var(--ifm-color-content-secondary);font-size:var(--ifm-h5-font-size);font-weight:var(--ifm-font-weight-semibold);margin-bottom:.25rem}.pills__item,.tabs{font-weight:var(--ifm-font-weight-bold)}.pills{display:flex;gap:var(--ifm-pills-spacing);padding-left:0}.pills__item{border-radius:.5rem;display:inline-block;padding:.25rem 1rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pills__item--active{color:var(--ifm-pills-color-active)}.pills__item--active,.pills__item:not(.pills__item--active):hover{background:var(--ifm-pills-color-background-active)}.pills--block{justify-content:stretch}.pills--block .pills__item{flex-grow:1;text-align:center}.tabs{color:var(--ifm-tabs-color);display:flex;margin-bottom:0;overflow-x:auto;padding-left:0}.tabs__item{border-bottom:3px solid #0000;border-radius:var(--ifm-global-radius);display:inline-flex;padding:var(--ifm-tabs-padding-vertical) var(--ifm-tabs-padding-horizontal);transition:background-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.transition,.transition-colors,.transition-opacity,.transition-transform{transition-duration:.15s}.refine-details>summary .refine-details-triangle,.transition,.transition-colors,.transition-opacity,.transition-transform{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tabs__item--active{border-bottom-color:var(--ifm-tabs-color-active-border);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--ifm-tabs-color-active)}.tabs__item:hover{background-color:var(--ifm-hover-overlay)}.tabs--block{justify-content:stretch}.tabs--block .tabs__item{flex-grow:1;justify-content:center}html[data-theme=dark]{--ifm-color-scheme:dark;--ifm-color-emphasis-0:var(--ifm-color-gray-1000);--ifm-color-emphasis-100:var(--ifm-color-gray-900);--ifm-color-emphasis-200:var(--ifm-color-gray-800);--ifm-color-emphasis-300:var(--ifm-color-gray-700);--ifm-color-emphasis-400:var(--ifm-color-gray-600);--ifm-color-emphasis-600:var(--ifm-color-gray-400);--ifm-color-emphasis-700:var(--ifm-color-gray-300);--ifm-color-emphasis-800:var(--ifm-color-gray-200);--ifm-color-emphasis-900:var(--ifm-color-gray-100);--ifm-color-emphasis-1000:var(--ifm-color-gray-0);--ifm-background-color:#1b1b1d;--ifm-background-surface-color:#242526;--ifm-hover-overlay:#ffffff0d;--ifm-color-content:#e3e3e3;--ifm-color-content-secondary:#fff;--ifm-breadcrumb-separator-filter:invert(64%) sepia(11%) saturate(0%) hue-rotate(149deg) brightness(99%) contrast(95%);--ifm-code-background:#ffffff1a;--ifm-scrollbar-track-background-color:#444;--ifm-scrollbar-thumb-background-color:#686868;--ifm-scrollbar-thumb-hover-background-color:#7a7a7a;--ifm-table-stripe-background:#ffffff12;--ifm-toc-border-color:var(--ifm-color-emphasis-200);--ifm-color-primary-contrast-background:#102445;--ifm-color-primary-contrast-foreground:#ebf2fc;--ifm-color-secondary-contrast-background:#474748;--ifm-color-secondary-contrast-foreground:#fdfdfe;--ifm-color-success-contrast-background:#003100;--ifm-color-success-contrast-foreground:#e6f6e6;--ifm-color-info-contrast-background:#193c47;--ifm-color-info-contrast-foreground:#eef9fd;--ifm-color-warning-contrast-background:#4d3800;--ifm-color-warning-contrast-foreground:#fff8e6;--ifm-color-danger-contrast-background:#4b1113;--ifm-color-danger-contrast-foreground:#ffebec}#nprogress .bar{background:var(--docusaurus-progress-bar-color);height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px var(--docusaurus-progress-bar-color),0 0 5px var(--docusaurus-progress-bar-color);height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}.blog-wrapper:root,.docs-wrapper:root{--primary-font-sans:"Inter"}.scrollbar-slim{scrollbar-color:red blue;scrollbar-width:thin}.scrollbar-slim::-webkit-scrollbar{width:12px}.scrollbar-slim::-webkit-scrollbar-track{background:#14141f;border-radius:5px}.scrollbar-slim::-webkit-scrollbar-thumb{background-color:#303450;border:3px solid #14141f;border-radius:12px}.refine-prose{color:var(--tw-prose-body);max-width:100%!important;--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75;--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders);font-weight:400;max-width:none}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.refine-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.refine-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.refine-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.refine-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.refine-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.refine-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.refine-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}progress,sub,sup{vertical-align:initial}.refine-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.refine-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.refine-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.refine-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.refine-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .refine-prose) :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity));font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600;font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity));font-weight:600;font-size:1rem;line-height:1.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));font-weight:600;font-size:.875rem;line-height:2.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity));font-weight:600;font-size:.75rem;line-height:1.33rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-bottom:1.25rem;margin-top:0;font-size:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;margin-bottom:0;margin-top:0}.refine-prose :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){border-left-width:4px;border-radius:.5rem;font-style:normal;font-weight:400;padding:1rem;--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity));border-left-color:rgb(163 173 194/var(--tw-border-opacity));color:rgb(48 52 80/var(--tw-text-opacity))}.refine-prose:last-child :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:0}:is(:where([data-theme=dark]) .refine-prose) :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity));border-left-color:rgb(71 78 107/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.625rem;line-height:.75rem;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(222 229 237/var(--tw-bg-opacity));color:rgb(48 52 80/var(--tw-text-opacity));border-radius:.25rem;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:2px .375rem 3px;border-style:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):before{--tw-content:none;content:var(--tw-content)}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):after{--tw-content:none;content:var(--tw-content)}.refine-prose h1 code,.refine-prose h2 code,.refine-prose h3 code{font-size:inherit;line-height:inherit;vertical-align:bottom}.refine-prose blockquote p:after,.refine-prose blockquote p:before,.refine-prose blockquote:after,.refine-prose blockquote:before{--tw-content:none;content:var(--tw-content)}.refine-prose table :is(:where(table):not(:where([class~=not-prose],[class~=not-prose] *))){border-style:none}.refine-prose table tr{border-top:unset}.refine-prose table td,.refine-prose table th{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(222 229 237/var(--tw-border-opacity));border-width:1px;color:rgb(20 20 31/var(--tw-text-opacity));padding:.5rem;font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table td),:is(:where([data-theme=dark]) .refine-prose table th){--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity));color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose table th{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600}:is(:where([data-theme=dark]) .refine-prose table th){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose table th,.refine-prose table th code,.text-sm{font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(odd)){--tw-bg-opacity:0.3;background-color:rgb(48 52 80/var(--tw-bg-opacity))}.refine-prose table tbody tr:nth-child(odd){--tw-bg-opacity:0.1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}.bg-gray-50,.refine-prose table tbody tr:nth-child(2n),.refine-prose table thead{--tw-bg-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(2n)){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table thead){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}.refine-prose table thead tr{border-style:none}.refine-prose .table-container{margin-bottom:1rem;margin-top:2rem;max-width:100%;overflow:auto;padding-bottom:1rem}.refine-prose .table-container table{display:table;margin-bottom:0;margin-top:0;table-layout:auto}.refine-toc-item code:after,.refine-toc-item code:before{content:""}.refine-toc-item code{border-radius:.25rem;border-style:none!important;color:inherit!important;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:.125rem .25rem;vertical-align:bottom!important;font-size:12px}:is(:where([data-theme=dark]) .refine-toc-item code){--tw-bg-opacity:0.3;background-color:rgb(71 78 107/var(--tw-bg-opacity));color:inherit!important}a:has(>code){text-decoration:none!important}a:has(>code) code{--tw-text-opacity:1!important;color:rgb(0 128 255/var(--tw-text-opacity))!important;vertical-align:text-bottom!important}:is(:where([data-theme=dark]) a:has(>code) code){--tw-text-opacity:1!important;color:rgb(110 179 247/var(--tw-text-opacity))!important}p:has(>code) code{margin-left:.125rem;margin-right:.125rem;vertical-align:text-bottom!important}li a:has(>code) code{margin-left:0!important;margin-right:0!important;vertical-align:text-bottom!important}.admonition.admonition-caution code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(242 128 13/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution code){--tw-bg-opacity:15%;background-color:#ff99331a}.admonition.admonition-caution a{--tw-text-opacity:1;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution a){--tw-text-opacity:1;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-caution a code{--tw-text-opacity:1!important;color:rgb(204 102 0/var(--tw-text-opacity))!important}:is(:where([data-theme=dark]) .admonition.admonition-caution a code){--tw-text-opacity:1!important;color:rgb(255 153 51/var(--tw-text-opacity))!important}.admonition.admonition-caution li::marker{--tw-text-opacity:0.5;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution li)::marker{--tw-text-opacity:0.5;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-danger code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(255 76 77/var(--tw-bg-opacity))}.admonition.admonition-danger a{--tw-text-opacity:1;color:rgb(255 76 77/var(--tw-text-opacity))}.admonition.admonition-danger a code{--tw-text-opacity:1!important;color:rgb(255 76 77/var(--tw-text-opacity))!important}.admonition.admonition-info code{--tw-bg-opacity:15%;background-color:#0080ff1a}:is(:where([data-theme=dark]) .admonition.admonition-info code){--tw-bg-opacity:15%;background-color:#6eb3f71a}.admonition.admonition-info a,.admonition.admonition-info-tip a{--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info a){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-info li::marker{--tw-text-opacity:0.5;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info li)::marker{--tw-text-opacity:0.5;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-tip code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(31 173 102/var(--tw-bg-opacity))}.admonition.admonition-note code,.bg-\[\#5865F2\],.bg-black,.bg-blue-100,.bg-gray-0,.bg-gray-100,.bg-gray-200,.bg-gray-600,.bg-gray-900,.bg-refine-blue,.bg-tech-purple-03,.bg-violet-800,.bg-white{--tw-bg-opacity:1}.admonition.admonition-tip a{--tw-text-opacity:1;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-tip a code{--tw-text-opacity:1!important;color:rgb(31 173 102/var(--tw-text-opacity))!important}.admonition.admonition-tip li::marker{--tw-text-opacity:0.5;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-note code{--tw-bg-opacity:15%;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-additional a,.admonition.admonition-note a{--tw-text-opacity:1;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-note a code{--tw-text-opacity:1!important;color:rgb(15 189 189/var(--tw-text-opacity))!important}.admonition.admonition-note li::marker{--tw-text-opacity:0.5;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-additional code{--tw-bg-opacity:0.2;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-info-tip code{--tw-bg-opacity:0.2;background-color:rgb(0 128 255/var(--tw-bg-opacity))}.admonition pre.prism-code code,.bg-transparent{background-color:initial}.refine-details>summary+div>div{border-top-width:0;margin-top:0;padding-top:0}.p-4,.refine-details-content{padding:1rem}.refine-details>summary .refine-details-triangle{--tw-rotate:-90deg;transition-duration:.2s;transition-property:transform}.-rotate-180,.-rotate-90,.refine-details>summary .refine-details-triangle,.refine-details[open]>summary .refine-details-triangle,.rotate-0,.scale-100,.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.refine-details[open]>summary .refine-details-triangle,.rotate-0{--tw-rotate:0deg}.max-w-screen-content{max-width:480px}html[data-active-page=index],html[data-active-page=index] body{--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}@keyframes a{0%,35%,to{opacity:0}30%,5%{opacity:1}}.landing-hero-mobile-svg .auth,.landing-hero-mobile-svg .backend,.landing-hero-mobile-svg .framework,.landing-hero-mobile-svg .platform{animation:24s infinite a;opacity:0;will-change:opacity}.landing-hero-mobile-svg .nextjs{animation-delay:0s}.landing-hero-mobile-svg .vite{animation-delay:8s}.landing-hero-mobile-svg .remix{animation-delay:16s}.landing-hero-mobile-svg .mui{animation-delay:-3s}.landing-hero-mobile-svg .antd{animation-delay:5s}.landing-hero-mobile-svg .chakra{animation-delay:13s}.landing-hero-mobile-svg .supabase{animation-delay:-6s}.landing-hero-mobile-svg .nest{animation-delay:2s}.landing-hero-mobile-svg .appwrite{animation-delay:10s}.landing-hero-mobile-svg .google{animation-delay:-9s}.landing-hero-mobile-svg .auth0{animation-delay:-1s}.landing-hero-mobile-svg .strapi{animation-delay:7s}.animation-parent{backface-visibility:hidden;perspective:1000;transform:translateZ(0)}#__docusaurus-base-url-issue-banner-container,.hidden,.sp-icon-standalone[title="Open in CodeSandbox"] svg+span,.sp-preview .sp-custom-loading,.sp-preview .sp-loading,.themedComponent_FXRw,[data-theme=dark] .lightToggleIcon__wwy,[data-theme=light] .darkToggleIcon_iyjK,[hidden],html[data-announcement-bar-initially-dismissed=true] .announcementBar_hbYq{display:none}.sp-preview .sp-loading+.sp-custom-loading{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:calc(var(--sp-zIndices-top) + 1)}button.sp-button.sp-icon-standalone[title="Open in CodeSandbox"]:has(svg+span){padding-left:0;padding-right:4px;width:26px}.admonition-simple .admonition-content :last-child,.admonitionContent_YstZ>:last-child,.collapsibleContent_uFAl p:last-child,.details_GXzP>summary>p:last-child,.mb-0,.refine-tab-content>:last-child{margin-bottom:0}.admonition-simple ul{list-style-position:outside;list-style-type:"-   ";margin:0;padding-left:24px}.admonition-simple *{font-size:.875rem;line-height:1rem}.admonition-simple .admonition-content ul li::marker{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition-simple .admonition-content ul li)::marker{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}h4>del:has(code:only-child){text-decoration-line:none}html h4>del:has(code:only-child){text-decoration:none}h4>del:has(code:only-child) code{text-decoration-line:line-through}.font-\[500\],.font-medium,.sp-tab-button[data-active=true]{font-weight:500}*,:after,:before{border:0 solid #dee5ed}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{display:block;margin-bottom:var(--ifm-spacing-vertical);overflow:auto;border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}.admonitionHeading_wuvZ code,button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}menu,ol,ul{margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a3adc2;opacity:1}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container,.w-full{width:100%}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible,.swiper-slide-invisible-blank{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.right-\[24px\]{right:24px}.top-0{top:0}.top-2{top:.5rem}.top-32{top:8rem}.top-\[24px\]{top:24px}.top-\[67px\]{top:67px}.z-50{z-index:50}.z-\[100\],.z-modal{z-index:100}.z-\[1\]{z-index:1}.z-\[55\]{z-index:55}.m-1{margin:.25rem}.m-6{margin:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[40px\]{margin-bottom:40px}.ml-\[5px\]{margin-left:5px}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.table{display:table}.grid{display:grid}.h-0{height:0}.h-0\.5{height:.125rem}.h-12{height:3rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[120px\]{height:120px}.h-\[12px\]{height:12px}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[40px\]{height:40px}.h-\[4px\]{height:4px}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-\[calc\(100vh-67px\)\]{height:calc(100vh - 67px)}.h-auto,.img_CfaS,.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.h-screen{height:100vh}.max-h-\[180px\]{max-height:180px}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[10px\]{width:10px}.w-\[12px\]{width:12px}.w-\[142px\]{width:142px}.w-\[193px\]{width:193px}.w-\[24px\]{width:24px}.w-\[264px\]{width:264px}.w-\[280px\]{width:280px}.w-\[343px\]{width:343px}.w-\[40px\]{width:40px}.w-\[42\.5px\]{width:42.5px}.w-\[45px\]{width:45px}.w-\[4px\]{width:4px}.w-\[51px\]{width:51px}.w-auto{width:auto}.w-max{width:max-content}.min-w-0{min-width:0}.max-w-\[1600px\]{max-width:1600px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-\[512px\]{max-width:512px}.max-w-\[576px\]{max-width:576px}.max-w-md{max-width:28rem}.max-w-screen-blog-max{max-width:1408px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-rotate-180{--tw-rotate:-180deg}.-rotate-90{--tw-rotate:-90deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.footerContentContainer_DQf_,.itemsContainer_OUc9,.logoContainerStyle_PeVm,.templateItemContainer_lyZ8{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col,.swiper-vertical>.swiper-wrapper{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[16px\]{gap:16px}.gap-\[24px\]{gap:24px}.gap-\[40px\]{gap:40px}.gap-\[4px\]{gap:4px}.gap-\[60px\]{gap:60px}.gap-\[8px\]{gap:8px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border,.border-\[1px\]{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-gray-02{border-color:#1f1f1f}.border-gray-100{--tw-border-opacity:1;border-color:rgb(237 242 247/var(--tw-border-opacity))}.border-white-01{border-color:#fff}.border-l-gray-100{--tw-border-opacity:1;border-left-color:rgb(237 242 247/var(--tw-border-opacity))}.border-t-gray-200{--tw-border-opacity:1;border-top-color:rgb(222 229 237/var(--tw-border-opacity))}.bg-\[\#000000bf\]{background-color:#000000bf}.bg-\[\#5865F2\]{background-color:rgb(88 101 242/var(--tw-bg-opacity))}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.75\)\]{background-color:#ffffffbf}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/\[0\.64\]{background-color:#000000a3}.bg-blue-100{background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-gray-0,.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-01{background-color:#000}.bg-gray-02{background-color:#1f1f1f}.bg-gray-100{background-color:rgb(237 242 247/var(--tw-bg-opacity))}.bg-gray-200{background-color:rgb(222 229 237/var(--tw-bg-opacity))}.bg-gray-600{background-color:rgb(71 78 107/var(--tw-bg-opacity))}.bg-gray-900{background-color:rgb(20 20 31/var(--tw-bg-opacity))}.bg-gray-900\/20{background-color:#14141f33}.bg-gray-900\/70{background-color:#14141fb3}.bg-refine-blue{background-color:rgb(0 128 255/var(--tw-bg-opacity))}.bg-tech-purple-03{background-color:rgb(101 74 236/var(--tw-bg-opacity))}.bg-violet-800{background-color:rgb(91 33 182/var(--tw-bg-opacity))}.bg-white-01{background-color:#fff}.bg-white-09,.hover\:bg-white-09:hover{background-color:#ffffff19}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:.5rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[24px\]{padding-left:24px;padding-right:24px}.px-\[4px\]{padding-left:4px;padding-right:4px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-\[22px\]{padding-bottom:22px;padding-top:22px}.pb-10{padding-bottom:2.5rem}.pb-6{padding-bottom:1.5rem}.pb-\[100px\]{padding-bottom:100px}.pb-\[60px\]{padding-bottom:60px}.pl-1{padding-left:.25rem}.pl-11{padding-left:2.75rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-7{padding-left:1.75rem}.pl-\[32px\]{padding-left:32px}.pr-3{padding-right:.75rem}.pt-6{padding-top:1.5rem}.pt-\[4px\]{padding-top:4px}.align-middle{vertical-align:middle}.font-\[\'Inter\'\]{font-family:Inter}.font-sans{font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.textTitleNumStyle_TEnk,.textTitleNumStyle_h7vB{font-family:Eurostile Becker,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-3xl{font-size:1.875rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.font-\[400\],.font-normal{font-weight:400}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.5\]{line-height:1.5}.leading-\[17px\]{line-height:17px}.leading-\[22px\]{line-height:22px}.leading-\[28px\]{line-height:28px}.\!text-white-04{color:#ffffff80!important}.hover\:text-\[\#0b0c0f\]:hover,.text-\[\#0B0C0F\],.text-\[\#0b0c0f\]{--tw-text-opacity:1;color:rgb(11 12 15/var(--tw-text-opacity))}.text-\[\#1D2129\]{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity))}.text-gray-0,.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-gray-02:hover,.text-gray-02{color:#1f1f1f}.hover\:text-gray-03:hover,.text-gray-03{color:#5c5c5c}.text-gray-100{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}.hover\:text-gray-600:hover,.text-gray-600{--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}.hover\:text-gray-800:hover,.text-gray-800{--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-tech-purple-01{--tw-text-opacity:1;color:rgb(38 24 156/var(--tw-text-opacity))}.text-transparent{color:#0000}.hover\:text-white-01:hover,.text-white-01{color:#fff}.text-white-02{color:#ffffffe6}.hover\:text-white-03:hover,.text-white-03{color:#ffffffc0}.hover\:text-white-04:hover,.text-white-04{color:#ffffff80}.text-opacity-90{--tw-text-opacity:0.9}.faqListAnswer_uzUc a,.underline{text-decoration-line:underline}.baseLinkButtonStyle_PuMK:hover,.basePanelItemContainerStyle_IaDP:hover,.commBottomBtn_pFSF:hover,.hover\:no-underline:hover,.menuItemStyle_SQLa,.menuItemStyle_SQLa:active,.menuItemStyle_SQLa:hover,.menuItemStyle_a3Ir:hover,.no-underline,.operateItemStyle_quc4:hover,.panelItemStyle_VUhY:hover{text-decoration-line:none}.opacity-0{opacity:0}.footerLogoLink_K6r0:hover,.hash-link:focus,.opacity-100,.solutionSelectImageStyle_GSp1,:hover>.hash-link{opacity:1}.backdrop-blur-\[50px\]{--tw-backdrop-blur:blur(50px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.transition-opacity{transition-property:opacity}.transition-transform{transition-property:transform}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:bg-grayBlue-09:hover,.lightPanelItemContainerStyle_OZnY:hover{background-color:#f2f3f5}.hover\:brightness-90:hover{--tw-brightness:brightness(.9)}.basePopoverPanelStyle_y9hq:focus,.focus\:outline-none:focus,.popoverPanelStyle_GNCw:focus{outline:#0000 solid 2px;outline-offset:2px}:is(:where([data-theme=dark]) .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-l-gray-700){--tw-border-opacity:1;border-left-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-t-gray-700){--tw-border-opacity:1;border-top-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-500){--tw-bg-opacity:1;background-color:rgb(108 119 147/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgb(71 78 107/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-0){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-200){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-white-01){color:#fff}:is(:where([data-theme=dark]) .dark\:text-white-04){color:#ffffff80}:is(:where([data-theme=dark]) .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:hover\:text-white-01:hover){color:#fff}:is(:where([data-theme=dark]) .hover\:dark\:text-white-01):hover{color:#fff}[data-theme=dark]{--ifm-color-primary:#9580ff;--ifm-color-primary-dark:#755aff;--ifm-color-primary-darker:#6547ff;--ifm-color-primary-darkest:#350dff;--ifm-color-primary-light:#b5a6ff;--ifm-color-primary-lighter:#c5b9ff;--ifm-color-primary-lightest:#f5f3ff;--ifm-background-color:#0a0a0a;--docusaurus-highlighted-code-line-bg:#0000004d}@font-face{font-family:Eurostile Becker;src:url("/illa-website/de/assets/fonts/Eurostile Becker Heavy Regular-99fb2b764178f7417346a5e3e15d5947.ttf") format("truetype")}body:not(.navigation-with-keyboard) :not(input):focus{outline:0}.skipToContent_YRel{background-color:var(--ifm-background-surface-color);color:var(--ifm-color-emphasis-900);left:100%;padding:calc(var(--ifm-global-spacing)/2) var(--ifm-global-spacing);position:fixed;top:1rem;z-index:calc(var(--ifm-z-index-fixed) + 1)}.skipToContent_YRel:focus{box-shadow:var(--ifm-global-shadow-md);left:1rem}.closeButton_r_Ma{line-height:0;padding:0}.content_B3zk{font-size:85%;padding:5px 0}.content_B3zk a{color:inherit;text-decoration:underline}.announcementBar_hbYq{align-items:center;background-color:var(--ifm-color-white);border-bottom:1px solid var(--ifm-color-emphasis-100);color:var(--ifm-color-black);display:flex;height:var(--docusaurus-announcement-bar-height)}.announcementBarPlaceholder_nNiq{flex:0 0 10px}.announcementBarClose_S8lM{align-self:stretch;flex:0 0 30px}.toggle_Io7t{height:2rem;width:2rem}.toggleButton_C0po{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;transition:background var(--ifm-transition-fast);width:100%}.toggleButton_C0po:hover{background:var(--ifm-color-emphasis-200)}.toggleButtonDisabled_IHuh{cursor:not-allowed}.darkNavbarColorModeToggle_jx_9:hover{background:var(--ifm-color-gray-800)}[data-theme=dark] .themedComponent--dark_gZs3,[data-theme=light] .themedComponent--light_RIle,html:not([data-theme]) .themedComponent--light_RIle{display:initial}.iconExternalLink_ocOZ{margin-left:.3rem}.dropdownNavbarItemMobile_JUhd:after{margin-left:8px}.iconLanguage_DSK9{display:inline-block;margin-right:5px;vertical-align:text-bottom}@supports selector(:has(*)){.navbarSearchContainer_Pu8E:not(:has(>*)){display:none}}.navbarHideable_QJhM{transition:transform var(--ifm-transition-fast) ease}.navbarHidden_JLKf{transform:translate3d(0,calc(-100% - 2px),0)}.errorBoundaryError_t44J{color:red;white-space:pre-wrap}.errorBoundaryFallback_HTeJ{color:red;padding:.55rem}.footerLogoLink_K6r0{opacity:.5;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.anchorWithStickyNavbar_dXVO{scroll-margin-top:calc(var(--ifm-navbar-height) + .5rem)}.anchorWithHideOnScrollNavbar_ZIVZ{scroll-margin-top:.5rem}.hash-link{opacity:0;padding-left:.5rem;transition:opacity var(--ifm-transition-fast);-webkit-user-select:none;user-select:none}.hash-link:before{content:"#"}.mainWrapper_Xc8_{display:flex;flex:1 0 auto;flex-direction:column}.docusaurus-mt-lg{margin-top:3rem}#__docusaurus{display:flex;flex-direction:column}.menuItemContainerStyle_JXsu,.priceListTitleContainerStyle_MEs5{align-items:center;display:flex;gap:8px}.popoverContainerStyle_ZIFy{display:inline-block;font-weight:500;padding:12px 16px;position:relative;text-align:left}.basePopoverPanelStyle_y9hq,.popoverPanelStyle_GNCw{margin-top:8px;position:absolute;transform-origin:top right;left:0}.popoverItemStyle_wfx7{align-items:center;display:flex;font-size:14px;gap:8px}.popoverPanelStyle_GNCw{--tw-shadow:0px 2px 16px 0px #00000029;--tw-shadow-colored:0px 2px 16px 0px var(--tw-shadow-color);border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:4px;padding-top:4px;right:0}.menuItemStyle_a3Ir{font-size:14px;font-weight:500;padding:12px 16px}.panelItemContainerStyle_xEK2{align-items:center;display:flex;justify-content:center;width:100%}.panelItemStyle_VUhY{font-size:14px;font-weight:500;line-height:40px}.operateItemStyle_quc4{align-items:center;border-radius:20px;display:flex;font-weight:500;gap:8px;justify-content:center;padding:8px 24px}.operateItemStyleBg_neML{border-color:#0000;border-width:1px;color:#fff;background:linear-gradient(90deg,#9734e4,#712eff)}.darkColorStyle_MxJT:hover,.operateItemStyleBg_neML:hover{color:#fff}.popoverItemStyle_WmOV{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left}.basePopoverPanelStyle_y9hq{border-radius:16px;border-width:1px;display:flex;flex-direction:column;gap:24px;padding:24px 16px;width:340px}.darkPopoverPanelStyle_sycJ{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(27 28 29/var(--tw-bg-opacity));border-color:rgb(46 46 48/var(--tw-border-opacity))}.lightPopoverPanelStyle_aRwx{background-color:#fff;border-color:#f2f3f5;box-shadow:0 2px 4px 0 #00000014}.subTitleStyle_GZ4H{font-size:16px;font-weight:700;line-height:24px;padding-left:16px;padding-right:16px;text-align:start}.basePanelItemContainerStyle_IaDP{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:12px 16px;width:100%}.darkPanelItemContainerStyle_JqRZ:hover{background-color:#ffffff0a}.panelItemStyle_w8TD{font-size:14px;font-weight:500;line-height:22px}.footerBottom_L4UB,.footerItem_GsU2,.panelItemDescStyle_zY1Y{font-size:12px;font-weight:400;line-height:16px}.menuItemStyle_SQLa{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;height:40px;width:100%;font-size:16px;font-weight:500}.footerContainer_lS9F{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:100px 20px 20px;width:100%}.footerContentContainer_DQf_{display:grid;justify-content:space-between;row-gap:40px;width:100%}.space_IcLX{background-color:#ffffff1a;height:1px;width:100%}.footerBottom_L4UB{align-items:center;color:#fff;display:flex;flex-direction:column;gap:24px;justify-content:space-between;width:100%}.localSelectContainer_aJ7M .dropdown__menu{bottom:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);top:unset}.lpHeader_rubd{align-items:flex-start;flex-wrap:wrap;gap:40px;justify-content:space-between;padding-top:30px}.lpHeaderLeft_Zvbf,.lpHeader_rubd,.premiumCardContainer_ArgU,.premiumHeaderStyle_yb36{display:flex;flex-direction:column}.lpHeaderLeft_Zvbf{align-items:center;gap:24px;text-align:center}.back_vGuo{--tw-text-opacity:1;align-items:center;color:rgb(101 74 236/var(--tw-text-opacity));cursor:pointer;display:none;flex-direction:row;font-size:18px;font-weight:600;gap:12px;line-height:32px;padding-bottom:12px;padding-top:12px}.headerGo_RttL,.itemImage_FU2S{align-items:center;--tw-bg-opacity:1}.headerTitle_URD5{font-size:40px;font-weight:700;line-height:48px}.headerDesc_zhHJ{font-weight:400;font-weight:16px;line-height:24px}.headerGo_RttL{background-color:rgb(101 74 236/var(--tw-bg-opacity));white-space:nowrap;border-radius:4px;color:#fff;display:flex;font-size:16px;font-weight:400;height:44px;justify-content:center;line-height:20px;padding:12px 16px}.headerGo_RttL:hover{--tw-bg-opacity:1;background-color:rgb(131 104 240/var(--tw-bg-opacity))}.headerGo_RttL:active{--tw-bg-opacity:1;background-color:rgb(66 46 196/var(--tw-bg-opacity))}.lpContainer_Zbon,.lpContainer_yWoG{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity));margin-left:auto;margin-right:auto;max-width:1200px;padding-left:20px;padding-right:20px;width:100%}.tag_oKb5{display:inline-block;margin:.5rem .5rem 0 1rem}.contentTitle_b3GB{font-size:20px;font-weight:600;line-height:28px;margin-top:60px}.itemsContainer_OUc9{display:grid;gap:12px}.item_AuQF{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:16px}.itemBg_GUYW{background:linear-gradient(180deg,#dde1e833,#dde1e800)}.itemImage_FU2S{background-color:rgb(240 232 255/var(--tw-bg-opacity));border-radius:13px;display:flex;height:120px;justify-content:center;width:120px}.itemNameCommon_o16n{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.commBottomDesc_DyZe,.itemDescription_LA9o{-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}.itemNameIntegrations_ZIud{line-height:20px}.itemNameComponents_JcBj{line-height:24px}.itemDescription_LA9o{display:-webkit-box;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.contentContainer_c9t8{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow-x:hidden;padding-top:40px;z-index:31}.contentContainer_c9t8,.content_jfit{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.content_jfit{color:#fff;gap:100px;padding-left:20px;padding-right:20px}.commBottomContainerStyle_CDHK{align-items:center;color:#fff;display:flex;margin-top:100px;width:100%}.allContentContainer_nVOG{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;text-align:center;width:100%}.allContentTitle_K0Y2{font-size:20px;font-weight:700;line-height:24px;text-align:center}.cardContainerStyle_Kvlw,.cardContentContainerStyle_kX6c{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.headerContainerStyle_RgD_{align-items:center;display:flex;flex-direction:column;gap:16px}.textTitleStye_mJAH{color:#fff;font-size:20px;font-weight:700}.textTitleNumStyle_TEnk{font-size:24px;font-weight:400}.textDescStyle_NFkj{font-size:12px;font-weight:400;line-height:16px;max-width:100%;text-align:center}.imgStyle_GNQD{border-radius:8px;height:auto;width:100%}.cardContentItemNormalStyle_f4ow,.cardContentItemReverseStyle_DHTD{flex-direction:column-reverse}.cardIContentItemContainerStyle_rPYn{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:flex-start;background-color:rgb(18 18 18/var(--tw-bg-opacity));border-color:rgb(42 42 42/var(--tw-border-opacity));border-radius:8px;border-width:1px;display:flex;flex-wrap:nowrap;gap:20px;padding:16px}.textContainerStyle_toav{align-items:flex-start;display:flex;flex-direction:column;gap:16px;width:100%}.textTitleStye_u6Ys{color:#fff;font-size:18px;font-weight:700;line-height:22px}.textTitleNumStyle_h7vB{font-size:20px;font-weight:400}.textDescStyle_vwoY{color:#ffffffe6;font-size:12px;font-weight:400;line-height:16px}.swipeMore_QWDA{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;gap:8px;grid-column:1;grid-row:3;height:auto;line-height:17px}.builderListTitleStyle_ul1g,.swipeMore_QWDA,.swipeMore_QWDA:hover{--tw-text-opacity:1;color:rgb(101 74 236/var(--tw-text-opacity))}.buttonGroup_uxJT button,.codeBlockContainer_USIv{background:var(--prism-background-color);color:var(--prism-color)}.codeBlockContainer_USIv{border-radius:var(--ifm-code-border-radius);box-shadow:var(--ifm-global-shadow-lw);margin-bottom:var(--ifm-leading)}.codeBlockContent_PMfr{border-radius:inherit;direction:ltr;position:relative}.codeBlockTitle_jXLV{border-bottom:1px solid var(--ifm-color-emphasis-300);border-top-left-radius:inherit;border-top-right-radius:inherit;font-size:var(--ifm-code-font-size);font-weight:500;padding:.75rem var(--ifm-pre-padding)}.codeBlock_IHkF{--ifm-pre-background:var(--prism-background-color);margin:0;padding:0}.codeBlockTitle_jXLV+.codeBlockContent_PMfr .codeBlock_IHkF{border-top-left-radius:0;border-top-right-radius:0}.codeBlockLines_THA1{float:left;font:inherit;min-width:100%;padding:var(--ifm-pre-padding)}.codeBlockLinesWithNumbering_tjAB{display:table;padding:var(--ifm-pre-padding) 0}.buttonGroup_uxJT{column-gap:.2rem;display:flex;position:absolute;right:calc(var(--ifm-pre-padding)/2);top:calc(var(--ifm-pre-padding)/2)}.buttonGroup_uxJT button{align-items:center;border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-global-radius);display:flex;line-height:0;opacity:0;padding:.4rem;transition:opacity var(--ifm-transition-fast) ease-in-out}.buttonGroup_uxJT button:focus-visible,.buttonGroup_uxJT button:hover{opacity:1!important}.theme-code-block:hover .buttonGroup_uxJT button{opacity:.4}:where(:root){--docusaurus-highlighted-code-line-bg:#484d5b}:where([data-theme=dark]){--docusaurus-highlighted-code-line-bg:#646464}.theme-code-block-highlighted-line{background-color:var(--docusaurus-highlighted-code-line-bg);display:block;margin:0 calc(var(--ifm-pre-padding)*-1);padding:0 var(--ifm-pre-padding)}.codeLine_VZlW{counter-increment:a;display:table-row}.codeLineNumber_UV2B{background:var(--ifm-pre-background);display:table-cell;left:0;overflow-wrap:normal;padding:0 var(--ifm-pre-padding);position:sticky;text-align:right;width:1%}.codeLineNumber_UV2B:before{content:counter(a);opacity:.4}.codeLineContent_gotU{padding-right:var(--ifm-pre-padding)}.theme-code-block:hover .copyButtonCopied_TPRR{opacity:1!important}.copyButtonIcons_LZ6a{height:1.125rem;position:relative;width:1.125rem}.copyButtonIcon_H1v1,.copyButtonSuccessIcon_J5e4{fill:currentColor;height:inherit;left:0;opacity:inherit;position:absolute;top:0;transition:all var(--ifm-transition-fast) ease;width:inherit}.copyButtonSuccessIcon_J5e4{color:#00d600;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(.33)}.copyButtonCopied_TPRR .copyButtonIcon_H1v1{opacity:0;transform:scale(.33)}.copyButtonCopied_TPRR .copyButtonSuccessIcon_J5e4{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:75ms}.wordWrapButtonIcon_dUFy{height:1.2rem;width:1.2rem}.details_GXzP{--docusaurus-details-summary-arrow-size:0.38rem;--docusaurus-details-transition:transform 200ms ease;--docusaurus-details-decoration-color:grey}.details_GXzP>summary{cursor:pointer;padding-left:1rem;position:relative}.details_GXzP>summary::-webkit-details-marker{display:none}.details_GXzP>summary:before{border-color:#0000 #0000 #0000 var(--docusaurus-details-decoration-color);border-style:solid;border-width:var(--docusaurus-details-summary-arrow-size);content:"";left:0;position:absolute;top:.45rem;transform:rotate(0);transform-origin:calc(var(--docusaurus-details-summary-arrow-size)/2) 50%;transition:var(--docusaurus-details-transition)}.collapsibleContent_uFAl{border-top:1px solid var(--docusaurus-details-decoration-color);margin-top:1rem;padding-top:1rem}.details_B91m{--docusaurus-details-decoration-color:var(--ifm-alert-border-color);--docusaurus-details-transition:transform var(--ifm-transition-fast) ease;border:1px solid var(--ifm-alert-border-color);margin:0 0 var(--ifm-spacing-vertical)}:not(.containsTaskList_aqzd>li)>.containsTaskList_aqzd{padding-left:0}.admonition_Ztdk{margin-bottom:1em}.admonitionHeading_wuvZ{font:var(--ifm-heading-font-weight) var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);text-transform:uppercase}.admonitionHeading_wuvZ:not(:last-child){margin-bottom:.3rem}.admonitionIcon_bKMe{display:inline-block;margin-right:.4em;vertical-align:middle}.admonitionIcon_bKMe svg{fill:var(--ifm-alert-foreground-color);display:inline-block;height:1.6em;width:1.6em}.commBottomContainer_rcOJ{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 20px 40px;position:relative}.commBottomBtnBg_ws3H,.commBottomContainer_rcOJ{border-bottom-left-radius:20px;border-bottom-right-radius:20px;width:100%}.commBottomBtnBg_ws3H{bottom:0;position:absolute;z-index:-1}.bottomBg_zy8j{background:linear-gradient(180deg,#654aec00,#654aec80)}.whiteBottomBg_HW9h{background:linear-gradient(180deg,#516ab500,#516ab514)}.commBottomTitle_zpUk{color:#fff;font-size:20px;font-weight:700;line-height:24px;text-align:center}.bottomTitle__Qxb{background:linear-gradient(90deg,#ffffff80,#fff 50%,#ffffff80);-webkit-background-clip:text;background-clip:text}.bottomTitle__Qxb,.whiteBottomTitle_r_oZ{-webkit-text-fill-color:#0000;color:#0000}.learnMore_Lb_l,.templateHeaderLabel_W4fj{color:rgb(101 74 236/var(--tw-text-opacity));--tw-text-opacity:1}.whiteBottomTitle_r_oZ{background:linear-gradient(90deg,#0b0c0f80,#0b0c0f 50%,#0b0c0f80);-webkit-background-clip:text;background-clip:text}.commBottomDesc_DyZe{display:-webkit-box;font-size:14px;font-weight:400;line-height:22px;overflow:hidden;text-align:center;width:100%}.commBottomBtn_pFSF{align-items:center;border-radius:24px;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;gap:10px;justify-content:center;line-height:28px;padding:10px 32px;width:100%}.commBottomBtn_pFSF svg{width:16px}.templateContainer_VElw{gap:20px;padding-bottom:30px}.templateContainer_VElw,.templateHeader_AQwG{display:flex;flex-direction:column;margin-top:30px}.templateHeader_AQwG{align-items:flex-start;gap:16px}.templateItemContainer_lyZ8{display:grid;gap:16px}.templateItem_Ji0p{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center}.templateHeaderLabel_W4fj{font-size:14px;font-weight:600;line-height:32px}.templateHeaderTitle_yMrU{font-size:20px;font-weight:700;line-height:28px}.templateHeaderDesc_XN3P{font-size:14px;font-weight:400;line-height:17px}.templateItemName_yjoV{-webkit-line-clamp:1;font-size:16px;font-weight:600;line-height:24px}.templateItemDesc_NKfB,.templateItemName_yjoV{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.templateItemDesc_NKfB{-webkit-line-clamp:4;font-size:12px;font-weight:400;line-height:16px}.learnMore_Lb_l{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:16px;text-decoration-line:underline}.operatingStyle_cGmQ,.wallContainerStyle_Ny01{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.logoTitleStyle_hhN_{color:#fff;font-size:12px;font-weight:500;line-height:1.5;text-align:center;width:100%}.logoContainerStyle_PeVm{column-gap:12px;display:grid;row-gap:24px;width:100%}.logoStyle_ixBp{height:28px;width:auto}.commentsContainerStyle_ctEM{align-items:center;display:flex;flex-direction:column;gap:24px}.commentsTitleStyle_iQ9i{font-size:20px;font-weight:700;line-height:28px;text-align:center}.commentsItemsContainerStyle_Zw4J{column-count:2;gap:8px;width:100%}.borderStyle_jCx_{background:linear-gradient(0deg,#000,#242424);border-radius:8px;break-inside:avoid;padding:1px;width:100%}.commentsItemStyle_rd1k{--tw-bg-opacity:1;background-color:rgb(20 20 20/var(--tw-bg-opacity));border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:24px}.commentContentStyle_NzjM{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.contentTextStyle_PpXf{color:#ffffffc0;font-size:12px;font-weight:500;line-height:16px}.reverseQuoteStyle_waKq{align-self:flex-end;transform:rotate(180deg)}.userInfoContainerStyle_WdED img{border-radius:50%;flex:none;height:20px;width:20px}.commentUserNameStyle_D4y3{color:#fff;font-size:12px;font-weight:500;line-height:20px}.commentUserCompanyStyle_zWSD{color:#ffffffc0;font-size:10px;font-weight:400;line-height:16px}.mobileGap_cpxI:after{content:"";display:block;padding-bottom:8px}.faqContainer_vbEd{align-items:center;display:flex;flex-direction:column;gap:24px;width:100%}.faqTitle_s89i{font-size:24px;font-weight:700;line-height:28px}.faqListContainer_XW42{align-items:flex-start;display:flex;flex-direction:column;width:100%}.faqListQuestion_Y7ri{border-radius:8px 8px 2px 2px;cursor:pointer;flex-direction:row;font-size:14px;font-weight:500;gap:16px;justify-content:space-between;line-height:22px;padding:4px 24px}.faqListAnswer_uzUc,.faqListQuestion_Y7ri{align-items:center;display:flex;text-align:start;width:100%}.faqListAnswer_uzUc{background-color:#ffffff14;border-radius:2px 2px 8px 8px;font-size:12px;font-weight:400;line-height:16px;padding-bottom:12px;padding-left:24px;padding-right:24px;white-space:pre-line}.direction_IrxQ{height:12px;width:12px}.publicize_vEiD{--tw-text-opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;display:none;font-size:14px;font-weight:400;height:40px;line-height:22px;margin-left:auto;margin-right:auto;min-width:400px;overflow:hidden;padding-left:25px;padding-right:25px;position:relative}.publicizeStyle_C7Y6{align-items:center;background:linear-gradient(90deg,#ea984c,#5c9ac6 45.31%,#687100 91.49%);display:flex;filter:blur(23px);flex-direction:row;height:124px;justify-content:space-between;left:50%;object-fit:none;object-position:center;opacity:.16;position:absolute;top:50%;transform:translate(-50%,-50%);width:402px;z-index:0}.publicIntru_nEWo{align-items:center;display:flex;gap:11px}.bannerContainerStyle__SXx{align-items:center;color:#fff;display:none;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;padding-left:20px;padding-right:20px}.canvasContainerStyle_h8pN{overflow:hidden;position:absolute;width:100%;z-index:-1}.bgStyle_xQ96{height:382px;object-fit:none;object-position:top;position:absolute;top:0;width:100%;z-index:0}.bannerContentContainer_RLp6{gap:186px;padding-top:24px}.bannerContentContainer_RLp6,.bannerTextContainerStyle_O5rS{align-items:center;display:flex;flex-direction:column;justify-content:center}.bannerTextContainerStyle_O5rS{gap:24px;position:relative;width:100%;z-index:2}.sloganStyle_zysD{font-size:56px;font-weight:800;line-height:88px;text-align:center}.descStyle_U78g{font-size:14px;font-weight:400;line-height:22px;padding-left:20px;padding-right:20px;text-align:center;width:100%}.buttonContainerStyle_UkM3,.buttonContainerStyle_ulq9{align-content:space-between;align-items:center;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:24px;line-height:28px}.bannerImageStyle_bakd,.bannerImageStyle_ppqY{align-items:center;display:flex;justify-content:center;padding-top:64px;width:100%}.colorDescAgentStyle_LHLV,.colorDescAgentStyle_x5xU{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff33ba .77%,#ffb7e7 100.77%);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescAppStyle_An_L,.colorDescAppStyle_qG8r{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1effff,#c9ffff);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescFlowStyle_VvqE,.colorDescFlowStyle_y9g7{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8d33ff,#d1adff);background-clip:text;-webkit-background-clip:text;font-weight:600}.solutionContainerStyle_QwBc{display:flex;flex-direction:column;gap:32px;margin-top:62px}.tabsContainerStyle_DETz{--tw-bg-opacity:1;--tw-backdrop-blur:blur(13px);align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgb(22 22 27/var(--tw-bg-opacity));border-color:#ffffff14;border-radius:36px;border-width:1px;display:flex;gap:2px;padding:2px;width:100%}.tabsItemStyle_TXig{align-items:center;border-radius:36px;color:#ffffff80;cursor:pointer;display:flex;flex:1 1 0%;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:20px;padding:14px 24px;position:relative;text-align:center;width:100%}.selectedTabStyle_CyW0{color:#fff;font-weight:600}.splitterItemStyle_gYQ6{background:linear-gradient(0deg,#0003,#0003),linear-gradient(180deg,#3f3849,#262a31);border-radius:34px;height:100%;position:absolute;top:0;width:100%;z-index:0}.solutionImageContainerStyle_LgpU{border-radius:12px;display:flex;flex-direction:row;overflow:hidden;position:relative;width:100%}.contentContainer_kErA svg,.solutionImageContainerStyle_LgpU svg{height:auto;width:100%}.solutionBaseBgStyle_nGRR{flex:none;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.solutionSelectBgStyle_Xioy{opacity:1;position:relative}.solutionUnSelectBgStyle_RZeW{opacity:0;position:absolute;z-index:-1}.solutionBaseImageStyle_APzO{border-radius:8px;bottom:0;box-shadow:0 4px 24px 0 #0000002e;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s;z-index:1}.linkButtonStyle_b1Kn{bottom:40px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.pricingMask_W_17{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow:hidden;position:absolute;width:100%;z-index:1}.pricingContainer_Iia_{position:relative;width:100%;z-index:1}.pricingMaskLeft_XgjA{filter:blur(238.125px);left:-525px;opacity:.5;top:-40px;width:1155px}.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj{--tw-bg-opacity:1;background-color:rgb(101 74 236/var(--tw-bg-opacity));display:none;height:453px;position:absolute}.pricingMaskRight_mQEj{filter:blur(238.125px);left:1004px;opacity:.3;top:109px;width:824px}.pricingMaskPhone_eCBF{background:radial-gradient(37% 76.28% at 48.58% 50.06%,#654aec 0,#654aec00 100%);display:block;filter:blur(50px);height:415.69px;left:-204px;opacity:.3;position:absolute;top:46.5px;transform:rotate(2.6deg);width:630px;z-index:-1}.pricingContent_kMON{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin:0 auto;padding-left:20px;padding-right:20px;width:100%}.pricingContentTitleExtra_U6Tm{background:linear-gradient(90deg,#fff0,#ffffff1a 50.38%,#fff0);border-radius:20px;color:#fff;display:block;font-size:14px;font-weight:500;line-height:26px;padding:3px 56px;text-align:center;width:-moz-fit-content;width:fit-content}.pricingContentTitle_tw94{font-size:40px;font-weight:700;justify-self:center;line-height:48px;padding-left:24px;padding-right:24px;text-align:center;width:100%}.cardContainerStyle_frTi{background:radial-gradient(98.85% 129.62% at 6.76% 2.06%,#bac1ff08 0,#dcdfff00 100%),#ffffff0f;border-color:#ffffff19;border-radius:8px;border-width:1px;display:flex;gap:20px;margin-top:8px;padding:24px;width:100%}.premiumCardContainer_ArgU{align-items:flex-start;gap:12px;width:100%}.premiumTitleStyle_pemo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9037ff,#f524ff);background-clip:text;-webkit-background-clip:text;font-size:20px;font-weight:700;line-height:30px}.premiumDescStyle_R6dg{color:#ffffffc0;display:block;font-size:12px;font-weight:400;line-height:15px}.premiumCardContainerStyle_zMC3{bottom:12px;display:flex;flex-direction:column;gap:12px;width:100%}.cardBaseStyle_lN8t{border-radius:8px;height:100%;overflow:hidden;padding:24px;position:relative;width:100%;z-index:1}.priceCardStyle_vDMh{background:linear-gradient(180deg,#ffffff0f,#fff0);display:flex;flex-direction:column;gap:12px}.cardBgStyle_q38d{bottom:0;height:auto;left:0;object-fit:cover;object-position:top;position:absolute;right:0;top:0;width:100%;z-index:-1}.cardIconStyle_UqGN{display:inline-flex;height:16px;width:16px}.agentListTitleStyle_sU8y{--tw-text-opacity:1;color:rgb(255 88 190/var(--tw-text-opacity))}.listIconStyle_TqyE{align-self:flex-start;padding-top:2px}.priceListTitleStyle_v2pp{font-size:16px;font-weight:600;line-height:22px}.priceListStyle_xBIv{display:flex;flex-direction:column;gap:4px}.listItemStyle_Pa3C{align-items:center;display:flex;gap:8px;padding-bottom:4px;padding-top:4px}.listItemNameStyle_YZOo{font-size:14px;font-weight:400;line-height:18px}.priceNumStyle_eiPz{font-size:28px;font-weight:700}.priceNumDescStyle_n2JG{color:#ffffffc0;font-size:12px;font-weight:400;line-height:16px}.upgradeButtonStyle_qpR6{--tw-bg-opacity:1;align-items:center;background-color:rgb(101 74 236/var(--tw-bg-opacity));border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:center;line-height:22px;padding:9px 32px;width:100%}.containerStyle_IK43,.descStyle_uxY4,.textContainerStyle_j9Qp{padding-left:20px;padding-right:20px}.containerStyle_IK43{align-items:center;color:#fff;display:flex;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;height:100%;margin-bottom:60px;overflow:hidden;position:relative}.indexBgStyle_Nusz{display:none;overflow:hidden;position:absolute;width:100%;z-index:-1}.indexBgStyle_Nusz img{bottom:0;height:auto;position:absolute;width:100%}.canvasContainerStyle_tBLh{height:100%;overflow:hidden;position:absolute;width:100%;z-index:-1}.contentContainer_kErA{align-items:center;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:space-between;padding-top:64px;position:relative}.textContainerStyle_LZMZ{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;position:relative;width:100%;z-index:2}.sloganStyle_L8z2{font-size:36px;font-weight:800;line-height:40px;text-align:center}.colorSloganStyle_oMou{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text}.descStyle_uxY4{font-size:14px;font-weight:400;line-height:17px;text-align:center;width:100%}.demoContainerStyle_taMy{bottom:0;height:auto;perspective:1040px;width:100%;z-index:2}.demoImgStyle_SvRF{border-radius:12px 12px 0 0;display:none;max-width:100%;overflow:hidden;position:relative;transform-origin:center;width:100%}.linkButtonStyle_m6Tn{bottom:16px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.baseLinkButtonStyle_PuMK{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:center;line-height:28px;overflow:hidden;position:relative;text-align:center}.smallSizeStyle_AohM{border-radius:32px;font-size:14px;height:48px;min-width:240px}.normalSizeStyle_qzr1{border-radius:24px;font-size:16px;height:56px;min-width:320px}.largeSizeStyle_kJWZ{border-radius:32px;font-size:16px;height:64px;min-width:320px}.darkColorStyle_MxJT{background-color:#0b0c0f;box-shadow:0 4px 8px 0 #15151d73;color:#fff}.lightColorStyle_JCL1{background-color:#fff;box-shadow:0 2px 24.8px 0 #6100ff;color:#0b0c0f}.lightColorStyle_JCL1:hover{color:#0b0c0f}.baseArrowStyle_lXyW{align-items:center;border-radius:9999px;box-shadow:0 4px 8px #23152f9e;display:flex;justify-content:center}.baseArrowStyle_lXyW svg{height:auto;width:16px}.smallArrowStyle_XZaI{height:32px;margin-right:8px;width:32px}.normalArrowStyle_XxGa{height:40px;margin-right:8px;width:40px}.largeArrowStyle_sKWX{height:40px;margin-right:12px;width:40px}.linesStyle_lbFy,.linkButtonBgStyle_WFWO{position:absolute;width:100%;display:flex}.darkArrowStyle_go7n{background:linear-gradient(180deg,#d1ccf2,#fff);color:#0b0c0f}.lightArrowStyle_QtFv{background:linear-gradient(180deg,#312578,#0b0c0f);color:#fff}.linkButtonBgStyle_WFWO{align-items:center;height:100%;justify-content:flex-end;transition:.3s ease-in-out;z-index:0}.swiper-slide,.swiper-wrapper{transition-property:transform;height:100%}.baseLinkButtonStyle_PuMK:hover .linkButtonBgStyle_WFWO{transform:translateX(-10%)}.linesStyle_lbFy{align-items:center;gap:10px;height:100%;z-index:-1}.swiper,.swiper-wrapper{z-index:1;position:relative}.lineContainerStyle_Y3Ta{display:flex;flex:none;height:100%;justify-content:center;transform:rotate(20deg);width:26px}.lineStyle__sNm{background-color:#0b0c0f;height:100%;width:1px}.darkLineStyle__Ris{--tw-bg-opacity:1;background-color:rgb(57 57 62/var(--tw-bg-opacity))}.lightLineStyle_xduB{--tw-bg-opacity:1;background-color:rgb(240 240 244/var(--tw-bg-opacity))}.bannerContainer_oUHl{gap:32px;height:100%;justify-content:center;overflow:hidden;padding-bottom:32px;padding-top:32px;position:relative}.bannerContainer_oUHl,.textContainerStyle_j9Qp{align-items:center;display:flex;flex-direction:column;width:100%}.textContainerStyle_j9Qp{gap:24px}.sloganStyle_XKtE{color:#fff;font-size:36px;font-weight:700;line-height:40px;text-align:center}.contentLabelStyle_dif9,.descStyle_YqnZ{color:#fff;font-size:14px;text-align:center}.descStyle_YqnZ{line-height:17px}.linkGroupItemStyle_KQRV{align-items:center;display:flex;flex-direction:column;gap:8px}.contentContainerStyle_JEhu{align-items:center;display:flex;flex:none;flex-direction:column;gap:12px;padding-left:8px;padding-right:8px}.contentLabelStyle_dif9{font-weight:600;line-height:20px}.swiper-slide{width:320px!important}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;margin-left:auto;margin-right:auto;overflow:hidden;padding:0}.swiper-wrapper{box-sizing:initial;display:flex;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;position:relative}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:1s linear infinite b}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (min-width:360px){.container{max-width:360px}}@media (min-width:480px){.container{max-width:480px}}@media (min-width:640px){.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2.5rem;line-height:3rem;margin-bottom:2rem}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2rem;line-height:2.5rem;margin-bottom:1.5rem}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.33rem;line-height:1.75rem;margin-bottom:1.5rem}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.75rem}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.75rem;line-height:1.0625rem}.admonition-simple *{line-height:1.25rem}.container{max-width:640px}.sm\:h-\[232px\]{height:232px}.sm\:flex-row{flex-direction:row}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:text-2xl{font-size:1.5rem}.sm\:text-sm{font-size:.875rem}}@media (min-width:656px){.container{max-width:656px}}@media (min-width:688px){.blog-sm\:max-w-screen-blog-sm,.container{max-width:688px}.blog-sm\:mb-16{margin-bottom:4rem}.blog-sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.blog-sm\:py-12{padding-bottom:3rem;padding-top:3rem}.blog-sm\:pb-16{padding-bottom:4rem}.blog-sm\:text-4xl{font-size:2.25rem}}@media (min-width:720px){.container{max-width:720px}}@media (min-width:768px){.max-w-screen-content{max-width:656px}.container{max-width:768px}.md\:mb-4{margin-bottom:1rem}.md\:mt-4{margin-top:1rem}.md\:h-64{height:16rem}.md\:w-60{width:15rem}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem}.md\:text-4xl{font-size:2.25rem}.md\:text-base{font-size:1rem}}@media (min-width:864px){.container{max-width:864px}}@media (min-width:944px){.container{max-width:944px}}@media (min-width:960px){.cardContentItemNormalStyle_f4ow,.footerBottom_L4UB,.lg\:flex-row{flex-direction:row}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;line-height:1.125rem}.container{max-width:960px}.lg\:mb-8{margin-bottom:2rem}.lg\:mt-0{margin-top:0}.lg\:mt-\[16px\]{margin-top:16px}.demoImgStyle_SvRF,.lg\:block,.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj,.publicize_vEiD{display:block}.back_vGuo,.bannerContainerStyle__SXx,.lg\:flex{display:flex}.bannerContainer_oUHl,.lg\:hidden,.mobileGap_cpxI:after,.pricingMaskPhone_eCBF{display:none}.itemDescription_LA9o,.templateItemDesc_NKfB{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box}.lg\:h-\[210px\]{height:210px}.lg\:h-\[26px\]{height:26px}.lg\:h-\[40px\],.logoStyle_ixBp{height:40px}.lg\:w-\[1040px\]{width:1040px}.lg\:w-\[550px\]{width:550px}.lg\:w-\[570px\]{width:570px}.lg\:w-\[800px\]{width:800px}.lg\:w-auto{width:auto}.lg\:max-w-\[680px\]{max-width:680px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1040px}.lg\:items-center{align-items:center}.lg\:gap-\[120px\]{gap:120px}.cardContainerStyle_Kvlw,.lg\:gap-\[32px\],.textContainerStyle_toav,.wallContainerStyle_Ny01{gap:32px}.lg\:gap-\[8px\]{gap:8px}.lg\:px-\[40px\]{padding-left:40px;padding-right:40px}.lg\:py-\[16px\]{padding-bottom:16px;padding-top:16px}.lg\:pb-\[100px\]{padding-bottom:100px}.lg\:pb-\[200px\]{padding-bottom:200px}.lg\:pl-\[30px\]{padding-left:30px}.lg\:pt-\[40px\]{padding-top:40px}.lg\:pt-\[48px\]{padding-top:48px}.lg\:text-\[16px\]{font-size:16px}.lg\:text-base{font-size:1rem}.lg\:text-sm{font-size:.875rem}.lg\:leading-\[19px\]{line-height:19px}.footerContainer_lS9F{gap:40px;padding:80px 120px 40px}.footerContentContainer_DQf_{column-gap:40px;flex-wrap:nowrap;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1040px}.footerBottom_L4UB{gap:48px}.footerBottom_L4UB,.footerItem_GsU2,.textDescStyle_vwoY{font-size:14px;line-height:22px}.lpHeader_rubd{flex-direction:row;flex-wrap:nowrap}.lpHeaderLeft_Zvbf{align-items:flex-start;gap:40px;justify-content:flex-start;text-align:left}.headerTitle_URD5{font-size:48px;line-height:56px}.headerGo_RttL{border-radius:8px;font-size:20px;font-weight:500;height:48px;line-height:28px;padding:10px 32px}.lpContainer_Zbon,.lpContainer_yWoG{padding-left:0;padding-right:0}.contentTitle_b3GB{margin-top:100px}.itemsContainer_OUc9{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.item_AuQF{gap:24px;padding:32px}.itemNameCommon_o16n,.templateHeaderLabel_W4fj{font-size:18px}.itemNameIntegrations_ZIud{line-height:26px}.itemDescription_LA9o{font-size:14px;line-height:24px;overflow:hidden}.contentContainer_c9t8{overflow:visible;padding-top:200px}.content_jfit{gap:200px}.commBottomContainerStyle_CDHK{margin-top:200px}.cardContentContainerStyle_kX6c{gap:64px}.textTitleNumStyle_h7vB,.textTitleStye_mJAH{font-size:40px}.textTitleNumStyle_TEnk{font-size:48px}.textDescStyle_NFkj{font-size:14px;line-height:22px;max-width:488px}.imgStyle_GNQD{width:431px}.cardContentItemReverseStyle_DHTD{flex-direction:row-reverse}.cardIContentItemContainerStyle_rPYn{border-radius:16px;gap:40px;padding:48px}.textTitleStye_u6Ys{font-size:36px;line-height:44px}.swipeMore_QWDA{font-size:16px;line-height:19px}.commBottomContainer_rcOJ{border-bottom-left-radius:40px;border-bottom-right-radius:40px;height:410px;padding:120px 120px 80px}.commBottomTitle_zpUk{font-size:40px;line-height:48px}.commBottomDesc_DyZe{width:600px}.commBottomBtn_pFSF{width:320px}.templateContainer_VElw{gap:40px;padding-bottom:100px}.templateHeader_AQwG{gap:24px;margin-top:60px}.templateItemContainer_lyZ8{gap:40px;grid-template-columns:repeat(4,minmax(0,1fr))}.templateItem_Ji0p{gap:24px}.templateHeaderTitle_yMrU{font-size:32px;line-height:56px}.templateHeaderDesc_XN3P{font-size:16px;line-height:24px}.templateItemDesc_NKfB{line-height:20px;overflow:hidden}.learnMore_Lb_l{font-size:14px;gap:8px;line-height:22px}.logoTitleStyle_hhN_{font-size:16px;line-height:28px}.logoContainerStyle_PeVm{align-items:center;column-gap:40px;display:flex;justify-content:center}.commentsContainerStyle_ctEM{gap:48px}.commentsTitleStyle_iQ9i{font-size:40px;line-height:56px}.commentsItemsContainerStyle_Zw4J{column-count:3;gap:16px}.userInfoContainerStyle_WdED img{height:32px;width:32px}.faqContainer_vbEd{gap:48px;width:800px}.faqTitle_s89i{line-height:56px}.faqListQuestion_Y7ri{border-top-left-radius:16px;border-top-right-radius:16px;font-size:16px}.faqListAnswer_uzUc{border-bottom-left-radius:16px;border-bottom-right-radius:16px;font-size:14px;line-height:22px}.publicizeStyle_C7Y6{height:179px;width:579px}.solutionBaseImageStyle_APzO{width:715px}.pricingContent_kMON{gap:24px;max-width:1200px}.pricingContentTitle_tw94{font-size:64px;line-height:72px}.cardContainerStyle_frTi{gap:40px}.premiumCardContainer_ArgU{border-radius:16px;gap:24px}.premiumTitleStyle_pemo{font-size:24px;line-height:28px}.premiumDescStyle_R6dg{line-height:20px}.premiumCardContainerStyle_zMC3{bottom:0;flex-direction:row;gap:24px}.priceCardStyle_vDMh{gap:20px}.operatingStyle_cGmQ{align-items:flex-start;justify-content:flex-start}.upgradeButtonStyle_qpR6{width:208px}.containerStyle_IK43{margin-bottom:120px}.indexBgStyle_Nusz{display:block;min-height:1200px}.indexBgStyle_Nusz img{height:1034px}.contentContainer_kErA{gap:56px;max-width:1040px;min-height:1200px;padding-top:150px}.sloganStyle_L8z2{font-size:56px;line-height:88px}.descStyle_uxY4{line-height:22px;max-width:800px}.demoContainerStyle_taMy{position:relative}.linkButtonStyle_m6Tn{bottom:40px}}@media (min-width:976px){.container{max-width:976px}}@media (min-width:997px){:root{--docusaurus-announcement-bar-height:30px}.announcementBarClose_S8lM,.announcementBarPlaceholder_nNiq{flex-basis:50px}.navbarSearchContainer_Pu8E{padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}}@media (min-width:1000px){.blog-md\:max-w-screen-blog-md,.container{max-width:1000px}.blog-md\:mb-8{margin-bottom:2rem}.blog-md\:block{display:block}.blog-md\:max-w-\[624px\]{max-width:624px}.blog-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-md\:flex-row{flex-direction:row}.blog-md\:border-t{border-top-width:1px}.blog-md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.blog-md\:py-16{padding-bottom:4rem;padding-top:4rem}.blog-md\:pb-8{padding-bottom:2rem}.blog-md\:pt-0{padding-top:0}.blog-md\:pt-12{padding-top:3rem}.blog-md\:pt-16{padding-top:4rem}.blog-md\:text-base{font-size:1rem}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1264px){.container{max-width:1264px}}@media (min-width:1280px){.container{max-width:1280px}.blog-lg\:mb-12{margin-bottom:3rem}.blog-lg\:max-w-screen-content-2xl{max-width:864px}.blog-lg\:gap-12{gap:3rem}.blog-lg\:text-5xl{font-size:3rem}.blog-lg\:text-xl{font-size:1.25rem}}@media (min-width:1296px){.container{max-width:1296px}}@media (min-width:1408px){.container{max-width:1408px}}@media (min-width:1440px){.container{max-width:var(--ifm-container-width-xl);max-width:1440px}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:h-\[152px\]{height:152px}.xl\:h-\[192px\]{height:192px}.xl\:h-\[80px\]{height:80px}.xl\:h-\[96px\]{height:96px}.xl\:w-\[250px\]{width:250px}.xl\:w-\[400px\]{width:400px}.xl\:w-auto{width:auto}.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:px-\[200px\]{padding-left:200px;padding-right:200px}.xl\:text-\[14px\]{font-size:14px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.footerContentContainer_DQf_,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1200px}.content_jfit{padding:0}.allContentContainer_nVOG{gap:64px}.allContentTitle_K0Y2{font-size:40px;line-height:48px}.imgStyle_GNQD{width:532px}.faqTitle_s89i{font-size:48px}.solutionBaseImageStyle_APzO{width:825px}.contentContainer_kErA{max-width:1200px;width:1200px}}@media (min-width:1536px){.refine-prose{font-size:1rem;line-height:1.75}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6em;margin-top:1.6em;padding-left:1em}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.25em;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.875em;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.875em;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;padding:.8571429em 1.1428571em}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.\32xl\:prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.\32xl\:prose-base>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3em;margin-top:3em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(.\32xl\:prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.\32xl\:prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.max-w-screen-content{max-width:864px}.container{max-width:1536px}.\32xl\:mb-6{margin-bottom:1.5rem}.\32xl\:p-6{padding:1.5rem}.\32xl\:text-\[32px\]{font-size:32px}.\32xl\:text-base{font-size:1rem}.\32xl\:text-lg{font-size:1.125rem}.\32xl\:text-xl{font-size:1.25rem}.\32xl\:leading-10{line-height:2.5rem}}@media (min-width:1584px){.container{max-width:1584px}.blog-2xl\:mb-20{margin-bottom:5rem}.blog-2xl\:max-w-screen-blog-md{max-width:1000px}.blog-2xl\:px-0{padding-left:0;padding-right:0}.blog-2xl\:pb-12{padding-bottom:3rem}.blog-2xl\:pt-20{padding-top:5rem}}@media (max-width:996px){.col{--ifm-col-width:100%;flex-basis:var(--ifm-col-width);margin-left:0}.footer{--ifm-footer-padding-horizontal:0}.colorModeToggle_Kblj,.footer__link-separator,.navbar__item{display:none}.footer__col{margin-bottom:calc(var(--ifm-spacing-vertical)*3)}.footer__link-item{display:block}.hero{padding-left:0;padding-right:0}.navbar>.container,.navbar>.container-fluid{padding:0}.navbar__toggle{display:inherit}.navbar__search-input{width:9rem}.pills--block,.tabs--block{flex-direction:column}.navbarSearchContainer_Pu8E{position:absolute;right:var(--ifm-navbar-padding-horizontal)}}@media screen and (max-width:960px){.mobileFooterContainer_tpXD{transform:translateY(0)!important}.linkButtonBgStyle_WFWO{transform:translateX(0)!important}}@media (max-width:576px){.markdown h1:first-child{--ifm-h1-font-size:2rem}.markdown>h2{--ifm-h2-font-size:1.5rem}.markdown>h3{--ifm-h3-font-size:1.25rem}}@media (pointer:fine){.thin-scrollbar{scrollbar-width:thin}.thin-scrollbar::-webkit-scrollbar{height:var(--ifm-scrollbar-size);width:var(--ifm-scrollbar-size)}.thin-scrollbar::-webkit-scrollbar-track{background:var(--ifm-scrollbar-track-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--ifm-scrollbar-thumb-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--ifm-scrollbar-thumb-hover-background-color)}}@media (prefers-reduced-motion:reduce){:root{--ifm-transition-fast:0ms;--ifm-transition-slow:0ms}}@media print{.announcementBar_hbYq,.footer,.menu,.navbar,.pagination-nav,.table-of-contents{display:none}.tabs{page-break-inside:avoid}.codeBlockLines_THA1{white-space:pre-wrap}}
\ No newline at end of file
+.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6{margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading))}blockquote,pre{margin:0 0 var(--ifm-spacing-vertical)}.breadcrumbs__link,.button{transition-timing-function:var(--ifm-transition-timing-default)}.button,code{vertical-align:middle}.button--outline.button--active,.button--outline:active,.button--outline:hover,:root{--ifm-button-color:var(--ifm-font-color-base-inverse)}.menu__link:hover,a{transition:color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.navbar--dark,:root{--ifm-navbar-link-hover-color:var(--ifm-color-primary)}.menu,.navbar-sidebar{overflow-x:hidden}:root,html[data-theme=dark]{--ifm-color-emphasis-500:var(--ifm-color-gray-500)}*,:after,:before{box-sizing:border-box}.markdown li,body{word-wrap:break-word}.button,.dropdown__link,.text--truncate,.truncate,.whitespace-nowrap{white-space:nowrap}.toggleButton_C0po,html{-webkit-tap-highlight-color:transparent}#__docusaurus,.min-h-full{min-height:100%}.clean-list,.containsTaskList_aqzd,.details_GXzP>summary,.dropdown__menu,.menu__list,.swiper,menu,ol,ul{list-style:none}:root{--ifm-color-scheme:light;--ifm-dark-value:10%;--ifm-darker-value:15%;--ifm-darkest-value:30%;--ifm-light-value:15%;--ifm-lighter-value:30%;--ifm-lightest-value:50%;--ifm-contrast-background-value:90%;--ifm-contrast-foreground-value:70%;--ifm-contrast-background-dark-value:70%;--ifm-contrast-foreground-dark-value:90%;--ifm-color-primary:#3578e5;--ifm-color-secondary:#ebedf0;--ifm-color-success:#00a400;--ifm-color-info:#54c7ec;--ifm-color-warning:#ffba00;--ifm-color-danger:#fa383e;--ifm-color-primary-dark:#306cce;--ifm-color-primary-darker:#2d66c3;--ifm-color-primary-darkest:#2554a0;--ifm-color-primary-light:#538ce9;--ifm-color-primary-lighter:#72a1ed;--ifm-color-primary-lightest:#9abcf2;--ifm-color-primary-contrast-background:#ebf2fc;--ifm-color-primary-contrast-foreground:#102445;--ifm-color-secondary-dark:#d4d5d8;--ifm-color-secondary-darker:#c8c9cc;--ifm-color-secondary-darkest:#a4a6a8;--ifm-color-secondary-light:#eef0f2;--ifm-color-secondary-lighter:#f1f2f5;--ifm-color-secondary-lightest:#f5f6f8;--ifm-color-secondary-contrast-background:#fdfdfe;--ifm-color-secondary-contrast-foreground:#474748;--ifm-color-success-dark:#009400;--ifm-color-success-darker:#008b00;--ifm-color-success-darkest:#007300;--ifm-color-success-light:#26b226;--ifm-color-success-lighter:#4dbf4d;--ifm-color-success-lightest:#80d280;--ifm-color-success-contrast-background:#e6f6e6;--ifm-color-success-contrast-foreground:#003100;--ifm-color-info-dark:#4cb3d4;--ifm-color-info-darker:#47a9c9;--ifm-color-info-darkest:#3b8ba5;--ifm-color-info-light:#6ecfef;--ifm-color-info-lighter:#87d8f2;--ifm-color-info-lightest:#aae3f6;--ifm-color-info-contrast-background:#eef9fd;--ifm-color-info-contrast-foreground:#193c47;--ifm-color-warning-dark:#e6a700;--ifm-color-warning-darker:#d99e00;--ifm-color-warning-darkest:#b38200;--ifm-color-warning-light:#ffc426;--ifm-color-warning-lighter:#ffcf4d;--ifm-color-warning-lightest:#ffdd80;--ifm-color-warning-contrast-background:#fff8e6;--ifm-color-warning-contrast-foreground:#4d3800;--ifm-color-danger-dark:#e13238;--ifm-color-danger-darker:#d53035;--ifm-color-danger-darkest:#af272b;--ifm-color-danger-light:#fb565b;--ifm-color-danger-lighter:#fb7478;--ifm-color-danger-lightest:#fd9c9f;--ifm-color-danger-contrast-background:#ffebec;--ifm-color-danger-contrast-foreground:#4b1113;--ifm-color-white:#fff;--ifm-color-black:#000;--ifm-color-gray-0:var(--ifm-color-white);--ifm-color-gray-100:#f5f6f7;--ifm-color-gray-200:#ebedf0;--ifm-color-gray-300:#dadde1;--ifm-color-gray-400:#ccd0d5;--ifm-color-gray-500:#bec3c9;--ifm-color-gray-600:#8d949e;--ifm-color-gray-700:#606770;--ifm-color-gray-800:#444950;--ifm-color-gray-900:#1c1e21;--ifm-color-gray-1000:var(--ifm-color-black);--ifm-color-emphasis-0:var(--ifm-color-gray-0);--ifm-color-emphasis-100:var(--ifm-color-gray-100);--ifm-color-emphasis-200:var(--ifm-color-gray-200);--ifm-color-emphasis-300:var(--ifm-color-gray-300);--ifm-color-emphasis-400:var(--ifm-color-gray-400);--ifm-color-emphasis-600:var(--ifm-color-gray-600);--ifm-color-emphasis-700:var(--ifm-color-gray-700);--ifm-color-emphasis-800:var(--ifm-color-gray-800);--ifm-color-emphasis-900:var(--ifm-color-gray-900);--ifm-color-emphasis-1000:var(--ifm-color-gray-1000);--ifm-color-content:var(--ifm-color-emphasis-900);--ifm-color-content-inverse:var(--ifm-color-emphasis-0);--ifm-color-content-secondary:#525860;--ifm-background-color:#0000;--ifm-background-surface-color:var(--ifm-color-content-inverse);--ifm-global-border-width:1px;--ifm-global-radius:0.4rem;--ifm-hover-overlay:#0000000d;--ifm-font-color-base:var(--ifm-color-content);--ifm-font-color-base-inverse:var(--ifm-color-content-inverse);--ifm-font-color-secondary:var(--ifm-color-content-secondary);--ifm-font-family-base:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--ifm-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ifm-font-size-base:100%;--ifm-font-weight-light:300;--ifm-font-weight-normal:400;--ifm-font-weight-semibold:500;--ifm-font-weight-bold:700;--ifm-font-weight-base:var(--ifm-font-weight-normal);--ifm-line-height-base:1.65;--ifm-global-spacing:1rem;--ifm-spacing-vertical:var(--ifm-global-spacing);--ifm-spacing-horizontal:var(--ifm-global-spacing);--ifm-transition-fast:200ms;--ifm-transition-slow:400ms;--ifm-transition-timing-default:cubic-bezier(0.08,0.52,0.52,1);--ifm-global-shadow-lw:0 1px 2px 0 #0000001a;--ifm-global-shadow-md:0 5px 40px #0003;--ifm-global-shadow-tl:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a;--ifm-z-index-dropdown:100;--ifm-z-index-fixed:200;--ifm-z-index-overlay:400;--ifm-container-width:1140px;--ifm-container-width-xl:1320px;--ifm-code-background:#f6f7f8;--ifm-code-border-radius:var(--ifm-global-radius);--ifm-code-font-size:90%;--ifm-code-padding-horizontal:0.1rem;--ifm-code-padding-vertical:0.1rem;--ifm-pre-background:var(--ifm-code-background);--ifm-pre-border-radius:var(--ifm-code-border-radius);--ifm-pre-color:inherit;--ifm-pre-line-height:1.45;--ifm-pre-padding:1rem;--ifm-heading-color:inherit;--ifm-heading-margin-top:0;--ifm-heading-margin-bottom:var(--ifm-spacing-vertical);--ifm-heading-font-family:var(--ifm-font-family-base);--ifm-heading-font-weight:var(--ifm-font-weight-bold);--ifm-heading-line-height:1.25;--ifm-h1-font-size:2rem;--ifm-h2-font-size:1.5rem;--ifm-h3-font-size:1.25rem;--ifm-h4-font-size:1rem;--ifm-h5-font-size:0.875rem;--ifm-h6-font-size:0.85rem;--ifm-image-alignment-padding:1.25rem;--ifm-leading-desktop:1.25;--ifm-leading:calc(var(--ifm-leading-desktop)*1rem);--ifm-list-left-padding:2rem;--ifm-list-margin:1rem;--ifm-list-item-margin:0.25rem;--ifm-list-paragraph-margin:1rem;--ifm-table-cell-padding:0.75rem;--ifm-table-background:#0000;--ifm-table-stripe-background:#00000008;--ifm-table-border-width:1px;--ifm-table-border-color:var(--ifm-color-emphasis-300);--ifm-table-head-background:inherit;--ifm-table-head-color:inherit;--ifm-table-head-font-weight:var(--ifm-font-weight-bold);--ifm-table-cell-color:inherit;--ifm-link-color:var(--ifm-color-primary);--ifm-link-decoration:none;--ifm-link-hover-color:var(--ifm-link-color);--ifm-link-hover-decoration:underline;--ifm-paragraph-margin-bottom:var(--ifm-leading);--ifm-blockquote-font-size:var(--ifm-font-size-base);--ifm-blockquote-border-left-width:2px;--ifm-blockquote-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-blockquote-padding-vertical:0;--ifm-blockquote-shadow:none;--ifm-blockquote-color:var(--ifm-color-emphasis-800);--ifm-blockquote-border-color:var(--ifm-color-emphasis-300);--ifm-hr-background-color:var(--ifm-color-emphasis-500);--ifm-hr-height:1px;--ifm-hr-margin-vertical:1.5rem;--ifm-scrollbar-size:7px;--ifm-scrollbar-track-background-color:#f1f1f1;--ifm-scrollbar-thumb-background-color:silver;--ifm-scrollbar-thumb-hover-background-color:#a7a7a7;--ifm-alert-background-color:inherit;--ifm-alert-border-color:inherit;--ifm-alert-border-radius:var(--ifm-global-radius);--ifm-alert-border-width:0px;--ifm-alert-border-left-width:5px;--ifm-alert-color:var(--ifm-font-color-base);--ifm-alert-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-alert-padding-vertical:var(--ifm-spacing-vertical);--ifm-alert-shadow:var(--ifm-global-shadow-lw);--ifm-avatar-intro-margin:1rem;--ifm-avatar-intro-alignment:inherit;--ifm-avatar-photo-size:3rem;--ifm-badge-background-color:inherit;--ifm-badge-border-color:inherit;--ifm-badge-border-radius:var(--ifm-global-radius);--ifm-badge-border-width:var(--ifm-global-border-width);--ifm-badge-color:var(--ifm-color-white);--ifm-badge-padding-horizontal:calc(var(--ifm-spacing-horizontal)*0.5);--ifm-badge-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-breadcrumb-border-radius:1.5rem;--ifm-breadcrumb-spacing:0.5rem;--ifm-breadcrumb-color-active:var(--ifm-color-primary);--ifm-breadcrumb-item-background-active:var(--ifm-hover-overlay);--ifm-breadcrumb-padding-horizontal:0.8rem;--ifm-breadcrumb-padding-vertical:0.4rem;--ifm-breadcrumb-size-multiplier:1;--ifm-breadcrumb-separator:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');--ifm-breadcrumb-separator-filter:none;--ifm-breadcrumb-separator-size:0.5rem;--ifm-breadcrumb-separator-size-multiplier:1.25;--ifm-button-background-color:inherit;--ifm-button-border-color:var(--ifm-button-background-color);--ifm-button-border-width:var(--ifm-global-border-width);--ifm-button-font-weight:var(--ifm-font-weight-bold);--ifm-button-padding-horizontal:1.5rem;--ifm-button-padding-vertical:0.375rem;--ifm-button-size-multiplier:1;--ifm-button-transition-duration:var(--ifm-transition-fast);--ifm-button-border-radius:calc(var(--ifm-global-radius)*var(--ifm-button-size-multiplier));--ifm-button-group-spacing:2px;--ifm-card-background-color:var(--ifm-background-surface-color);--ifm-card-border-radius:calc(var(--ifm-global-radius)*2);--ifm-card-horizontal-spacing:var(--ifm-global-spacing);--ifm-card-vertical-spacing:var(--ifm-global-spacing);--ifm-toc-border-color:var(--ifm-color-emphasis-300);--ifm-toc-link-color:var(--ifm-color-content-secondary);--ifm-toc-padding-vertical:0.5rem;--ifm-toc-padding-horizontal:0.5rem;--ifm-dropdown-background-color:var(--ifm-background-surface-color);--ifm-dropdown-font-weight:var(--ifm-font-weight-semibold);--ifm-dropdown-link-color:var(--ifm-font-color-base);--ifm-dropdown-hover-background-color:var(--ifm-hover-overlay);--ifm-footer-background-color:var(--ifm-color-emphasis-100);--ifm-footer-color:inherit;--ifm-footer-link-color:var(--ifm-color-emphasis-700);--ifm-footer-link-hover-color:var(--ifm-color-primary);--ifm-footer-link-horizontal-spacing:0.5rem;--ifm-footer-padding-horizontal:calc(var(--ifm-spacing-horizontal)*2);--ifm-footer-padding-vertical:calc(var(--ifm-spacing-vertical)*2);--ifm-footer-title-color:inherit;--ifm-footer-logo-max-width:min(30rem,90vw);--ifm-hero-background-color:var(--ifm-background-surface-color);--ifm-hero-text-color:var(--ifm-color-emphasis-800);--ifm-menu-color:var(--ifm-color-emphasis-700);--ifm-menu-color-active:var(--ifm-color-primary);--ifm-menu-color-background-active:var(--ifm-hover-overlay);--ifm-menu-color-background-hover:var(--ifm-hover-overlay);--ifm-menu-link-padding-horizontal:0.75rem;--ifm-menu-link-padding-vertical:0.375rem;--ifm-menu-link-sublist-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');--ifm-menu-link-sublist-icon-filter:none;--ifm-navbar-background-color:var(--ifm-background-surface-color);--ifm-navbar-height:3.75rem;--ifm-navbar-item-padding-horizontal:0.75rem;--ifm-navbar-item-padding-vertical:0.25rem;--ifm-navbar-link-color:var(--ifm-font-color-base);--ifm-navbar-link-active-color:var(--ifm-link-color);--ifm-navbar-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-navbar-padding-vertical:calc(var(--ifm-spacing-vertical)*0.5);--ifm-navbar-shadow:var(--ifm-global-shadow-lw);--ifm-navbar-search-input-background-color:var(--ifm-color-emphasis-200);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-800);--ifm-navbar-search-input-placeholder-color:var(--ifm-color-emphasis-500);--ifm-navbar-search-input-icon:url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>');--ifm-navbar-sidebar-width:83vw;--ifm-pagination-border-radius:var(--ifm-global-radius);--ifm-pagination-color-active:var(--ifm-color-primary);--ifm-pagination-font-size:1rem;--ifm-pagination-item-active-background:var(--ifm-hover-overlay);--ifm-pagination-page-spacing:0.2em;--ifm-pagination-padding-horizontal:calc(var(--ifm-spacing-horizontal)*1);--ifm-pagination-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-pagination-nav-border-radius:var(--ifm-global-radius);--ifm-pagination-nav-color-hover:var(--ifm-color-primary);--ifm-pills-color-active:var(--ifm-color-primary);--ifm-pills-color-background-active:var(--ifm-hover-overlay);--ifm-pills-spacing:0.125rem;--ifm-tabs-color:var(--ifm-font-color-secondary);--ifm-tabs-color-active:var(--ifm-color-primary);--ifm-tabs-color-active-border:var(--ifm-tabs-color-active);--ifm-tabs-padding-horizontal:1rem;--ifm-tabs-padding-vertical:1rem;--docusaurus-progress-bar-color:var(--ifm-color-primary);--ifm-color-primary:#654aec;--ifm-color-primary-dark:#4d2ee9;--ifm-color-primary-darker:#4120e8;--ifm-color-primary-darkest:#3215c4;--ifm-color-primary-light:#7d66ef;--ifm-color-primary-lighter:#8974f0;--ifm-color-primary-lightest:#846ef0;--ifm-code-font-size:95%;--docusaurus-highlighted-code-line-bg:#0000001a;--docusaurus-announcement-bar-height:auto;--swiper-theme-color:#007aff}.badge--danger,.badge--info,.badge--primary,.badge--secondary,.badge--success,.badge--warning{--ifm-badge-border-color:var(--ifm-badge-background-color)}.button--link,.button--outline{--ifm-button-background-color:#0000}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--ifm-background-color);color:var(--ifm-font-color-base);color-scheme:var(--ifm-color-scheme);font:var(--ifm-font-size-base)/var(--ifm-line-height-base) var(--ifm-font-family-base);text-rendering:optimizelegibility}iframe{border:0;color-scheme:auto}.container{margin:0 auto;max-width:var(--ifm-container-width);padding:0 var(--ifm-spacing-horizontal)}.container--fluid{max-width:inherit}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--ifm-spacing-horizontal)*-1)}.\!mb-0,.margin-bottom--none,.margin-vert--none,.markdown>:last-child,.refine-details .refine-details-content>div>:last-child{margin-bottom:0!important}.\!mt-0,.margin-top--none,.margin-vert--none{margin-top:0!important}.row--no-gutters{margin-left:0;margin-right:0}.margin-horiz--none,.margin-right--none{margin-right:0!important}.px-0,.row--no-gutters>.col{padding-left:0;padding-right:0}.items-start,.row--align-top{align-items:flex-start}.row--align-bottom{align-items:flex-end}.items-center,.row--align-center{align-items:center}.row--align-stretch{align-items:stretch}.row--align-baseline{align-items:baseline}.col{--ifm-col-width:100%;flex:1 0;margin-left:0;max-width:var(--ifm-col-width);padding:0 var(--ifm-spacing-horizontal);width:100%}.padding-bottom--none,.padding-vert--none{padding-bottom:0!important}.padding-top--none,.padding-vert--none{padding-top:0!important}.padding-horiz--none,.padding-left--none{padding-left:0!important}.padding-horiz--none,.padding-right--none{padding-right:0!important}.col[class*=col--]{flex:0 0 var(--ifm-col-width)}.col--1{--ifm-col-width:8.33333%}.col--offset-1{margin-left:8.33333%}.col--2{--ifm-col-width:16.66667%}.col--offset-2{margin-left:16.66667%}.col--3{--ifm-col-width:25%}.col--offset-3{margin-left:25%}.col--4{--ifm-col-width:33.33333%}.col--offset-4{margin-left:33.33333%}.col--5{--ifm-col-width:41.66667%}.col--offset-5{margin-left:41.66667%}.col--6{--ifm-col-width:50%}.col--offset-6{margin-left:50%}.col--7{--ifm-col-width:58.33333%}.col--offset-7{margin-left:58.33333%}.col--8{--ifm-col-width:66.66667%}.col--offset-8{margin-left:66.66667%}.col--9{--ifm-col-width:75%}.col--offset-9{margin-left:75%}.col--10{--ifm-col-width:83.33333%}.col--offset-10{margin-left:83.33333%}.col--11{--ifm-col-width:91.66667%}.col--offset-11{margin-left:91.66667%}.col--12{--ifm-col-width:100%}.col--offset-12{margin-left:100%}.margin-horiz--none,.margin-left--none{margin-left:0!important}.\!m-0,.margin--none{margin:0!important}.margin-bottom--xs,.margin-vert--xs{margin-bottom:.25rem!important}.margin-top--xs,.margin-vert--xs{margin-top:.25rem!important}.margin-horiz--xs,.margin-left--xs{margin-left:.25rem!important}.margin-horiz--xs,.margin-right--xs{margin-right:.25rem!important}.margin--xs{margin:.25rem!important}.margin-bottom--sm,.margin-vert--sm{margin-bottom:.5rem!important}.margin-top--sm,.margin-vert--sm{margin-top:.5rem!important}.margin-horiz--sm,.margin-left--sm{margin-left:.5rem!important}.margin-horiz--sm,.margin-right--sm{margin-right:.5rem!important}.margin--sm{margin:.5rem!important}.margin-bottom--md,.margin-vert--md{margin-bottom:1rem!important}.margin-top--md,.margin-vert--md{margin-top:1rem!important}.margin-horiz--md,.margin-left--md{margin-left:1rem!important}.margin-horiz--md,.margin-right--md{margin-right:1rem!important}.margin--md{margin:1rem!important}.margin-bottom--lg,.margin-vert--lg{margin-bottom:2rem!important}.margin-top--lg,.margin-vert--lg{margin-top:2rem!important}.margin-horiz--lg,.margin-left--lg{margin-left:2rem!important}.margin-horiz--lg,.margin-right--lg{margin-right:2rem!important}.margin--lg{margin:2rem!important}.margin-bottom--xl,.margin-vert--xl{margin-bottom:5rem!important}.margin-top--xl,.margin-vert--xl{margin-top:5rem!important}.margin-horiz--xl,.margin-left--xl{margin-left:5rem!important}.margin-horiz--xl,.margin-right--xl{margin-right:5rem!important}.margin--xl{margin:5rem!important}.padding--none{padding:0!important}.padding-bottom--xs,.padding-vert--xs{padding-bottom:.25rem!important}.padding-top--xs,.padding-vert--xs{padding-top:.25rem!important}.padding-horiz--xs,.padding-left--xs{padding-left:.25rem!important}.padding-horiz--xs,.padding-right--xs{padding-right:.25rem!important}.padding--xs{padding:.25rem!important}.padding-bottom--sm,.padding-vert--sm{padding-bottom:.5rem!important}.padding-top--sm,.padding-vert--sm{padding-top:.5rem!important}.padding-horiz--sm,.padding-left--sm{padding-left:.5rem!important}.padding-horiz--sm,.padding-right--sm{padding-right:.5rem!important}.padding--sm{padding:.5rem!important}.\!py-4,.padding-bottom--md,.padding-vert--md{padding-bottom:1rem!important}.\!py-4,.padding-top--md,.padding-vert--md{padding-top:1rem!important}.\!px-4,.padding-horiz--md,.padding-left--md{padding-left:1rem!important}.\!px-4,.padding-horiz--md,.padding-right--md{padding-right:1rem!important}.padding--md{padding:1rem!important}.padding-bottom--lg,.padding-vert--lg{padding-bottom:2rem!important}.padding-top--lg,.padding-vert--lg{padding-top:2rem!important}.padding-horiz--lg,.padding-left--lg{padding-left:2rem!important}.padding-horiz--lg,.padding-right--lg{padding-right:2rem!important}.padding--lg{padding:2rem!important}.padding-bottom--xl,.padding-vert--xl{padding-bottom:5rem!important}.padding-top--xl,.padding-vert--xl{padding-top:5rem!important}.padding-horiz--xl,.padding-left--xl{padding-left:5rem!important}.padding-horiz--xl,.padding-right--xl{padding-right:5rem!important}.padding--xl{padding:5rem!important}code{background-color:var(--ifm-code-background);border:.1rem solid #0000001a;border-radius:var(--ifm-code-border-radius);font-family:var(--ifm-font-family-monospace);font-size:var(--ifm-code-font-size);padding:var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal)}a code{color:inherit}pre{background-color:var(--ifm-pre-background);border-radius:var(--ifm-pre-border-radius);color:var(--ifm-pre-color);font:var(--ifm-code-font-size)/var(--ifm-pre-line-height) var(--ifm-font-family-monospace);overflow:auto;padding:var(--ifm-pre-padding)}pre code{background-color:initial;border:none;font-size:100%;line-height:inherit;padding:0}kbd{background-color:var(--ifm-color-emphasis-0);border:1px solid var(--ifm-color-emphasis-400);border-radius:.2rem;box-shadow:inset 0 -1px 0 var(--ifm-color-emphasis-400);color:var(--ifm-color-emphasis-800);font:80% var(--ifm-font-family-monospace);padding:.15rem .3rem}h1,h2,h3,h4,h5,h6{color:var(--ifm-heading-color);font-family:var(--ifm-heading-font-family);font-weight:var(--ifm-heading-font-weight);line-height:var(--ifm-heading-line-height);margin:var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0}h1{font-size:var(--ifm-h1-font-size)}h2{font-size:var(--ifm-h2-font-size)}h3{font-size:var(--ifm-h3-font-size)}h4{font-size:var(--ifm-h4-font-size)}h5{font-size:var(--ifm-h5-font-size)}h6{font-size:var(--ifm-h6-font-size)}img[align=right]{padding-left:var(--image-alignment-padding)}img[align=left]{padding-right:var(--image-alignment-padding)}.markdown{--ifm-h1-vertical-rhythm-top:3;--ifm-h2-vertical-rhythm-top:2;--ifm-h3-vertical-rhythm-top:1.5;--ifm-heading-vertical-rhythm-top:1.25;--ifm-h1-vertical-rhythm-bottom:1.25;--ifm-heading-vertical-rhythm-bottom:1}.markdown:after,.markdown:before{content:"";display:table}.markdown:after{clear:both}.markdown h1:first-child{--ifm-h1-font-size:3rem;margin-bottom:calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading))}.markdown>h2{--ifm-h2-font-size:2rem;margin-top:calc(var(--ifm-h2-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h3{--ifm-h3-font-size:1.5rem;margin-top:calc(var(--ifm-h3-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h4,.markdown>h5,.markdown>h6{margin-top:calc(var(--ifm-heading-vertical-rhythm-top)*var(--ifm-leading))}.markdown>p,.markdown>pre,.markdown>ul{margin-bottom:var(--ifm-leading)}.markdown li>p{margin-top:var(--ifm-list-paragraph-margin)}.markdown li+li{margin-top:var(--ifm-list-item-margin)}ol,ul{margin:0 0 var(--ifm-list-margin);padding-left:var(--ifm-list-left-padding)}ol ol,ul ol{list-style-type:lower-roman}ol ol,ol ul,ul ol,ul ul{margin:0}ol ol ol,ol ul ol,ul ol ol,ul ul ol{list-style-type:lower-alpha}table thead tr{border-bottom:2px solid var(--ifm-table-border-color)}table thead,table tr:nth-child(2n){background-color:var(--ifm-table-stripe-background)}table tr{background-color:var(--ifm-table-background);border-top:var(--ifm-table-border-width) solid var(--ifm-table-border-color)}table td,table th{border:var(--ifm-table-border-width) solid var(--ifm-table-border-color);padding:var(--ifm-table-cell-padding)}table th{background-color:var(--ifm-table-head-background);color:var(--ifm-table-head-color);font-weight:var(--ifm-table-head-font-weight)}table td{color:var(--ifm-table-cell-color)}strong{font-weight:var(--ifm-font-weight-bold)}a{color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration);color:inherit;text-decoration:inherit}a:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button:hover,.text--no-decoration,.text--no-decoration:hover,a:not([href]){text-decoration:none}p{margin:0 0 var(--ifm-paragraph-margin-bottom)}blockquote{border-left:var(--ifm-blockquote-border-left-width) solid var(--ifm-blockquote-border-color);box-shadow:var(--ifm-blockquote-shadow);color:var(--ifm-blockquote-color);font-size:var(--ifm-blockquote-font-size);padding:var(--ifm-blockquote-padding-vertical) var(--ifm-blockquote-padding-horizontal)}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}hr{background-color:var(--ifm-hr-background-color);border:0;height:var(--ifm-hr-height);margin:var(--ifm-hr-margin-vertical) 0}.shadow--lw{box-shadow:var(--ifm-global-shadow-lw)!important}.shadow--md{box-shadow:var(--ifm-global-shadow-md)!important}.shadow--tl{box-shadow:var(--ifm-global-shadow-tl)!important}.text--primary,.wordWrapButtonEnabled_I8k2 .wordWrapButtonIcon_dUFy{color:var(--ifm-color-primary)}.text--secondary{color:var(--ifm-color-secondary)}.text--success{color:var(--ifm-color-success)}.text--info{color:var(--ifm-color-info)}.text--warning{color:var(--ifm-color-warning)}.text--danger{color:var(--ifm-color-danger)}.text--center{text-align:center}.text--left{text-align:left}.text--justify{text-align:justify}.text--right{text-align:right}.text--capitalize{text-transform:capitalize}.text--lowercase{text-transform:lowercase}.alert__heading,.text--uppercase{text-transform:uppercase}.text--light{font-weight:var(--ifm-font-weight-light)}.text--normal{font-weight:var(--ifm-font-weight-normal)}.text--semibold{font-weight:var(--ifm-font-weight-semibold)}.text--bold{font-weight:var(--ifm-font-weight-bold)}.text--italic{font-style:italic}.text--truncate{overflow:hidden;text-overflow:ellipsis}.text--break{word-wrap:break-word!important;word-break:break-word!important}.clean-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;padding:0}.alert,.alert .close{color:var(--ifm-alert-foreground-color)}.clean-list{padding-left:0}.alert--primary{--ifm-alert-background-color:var(--ifm-color-primary-contrast-background);--ifm-alert-background-color-highlight:#3578e526;--ifm-alert-foreground-color:var(--ifm-color-primary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-primary-dark)}.alert--secondary{--ifm-alert-background-color:var(--ifm-color-secondary-contrast-background);--ifm-alert-background-color-highlight:#ebedf026;--ifm-alert-foreground-color:var(--ifm-color-secondary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-secondary-dark)}.alert--success{--ifm-alert-background-color:var(--ifm-color-success-contrast-background);--ifm-alert-background-color-highlight:#00a40026;--ifm-alert-foreground-color:var(--ifm-color-success-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-success-dark)}.alert--info{--ifm-alert-background-color:var(--ifm-color-info-contrast-background);--ifm-alert-background-color-highlight:#54c7ec26;--ifm-alert-foreground-color:var(--ifm-color-info-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-info-dark)}.alert--warning{--ifm-alert-background-color:var(--ifm-color-warning-contrast-background);--ifm-alert-background-color-highlight:#ffba0026;--ifm-alert-foreground-color:var(--ifm-color-warning-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-warning-dark)}.alert--danger{--ifm-alert-background-color:var(--ifm-color-danger-contrast-background);--ifm-alert-background-color-highlight:#fa383e26;--ifm-alert-foreground-color:var(--ifm-color-danger-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-danger-dark)}.alert{--ifm-code-background:var(--ifm-alert-background-color-highlight);--ifm-link-color:var(--ifm-alert-foreground-color);--ifm-link-hover-color:var(--ifm-alert-foreground-color);--ifm-link-decoration:underline;--ifm-tabs-color:var(--ifm-alert-foreground-color);--ifm-tabs-color-active:var(--ifm-alert-foreground-color);--ifm-tabs-color-active-border:var(--ifm-alert-border-color);background-color:var(--ifm-alert-background-color);border:var(--ifm-alert-border-width) solid var(--ifm-alert-border-color);border-left-width:var(--ifm-alert-border-left-width);border-radius:var(--ifm-alert-border-radius);box-shadow:var(--ifm-alert-shadow);padding:var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal)}.alert__heading{align-items:center;display:flex;font:700 var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);margin-bottom:.5rem}.alert__icon{display:inline-flex;margin-right:.4em}.alert__icon svg{fill:var(--ifm-alert-foreground-color);stroke:var(--ifm-alert-foreground-color);stroke-width:0}.alert .close{margin:calc(var(--ifm-alert-padding-vertical)*-1) calc(var(--ifm-alert-padding-horizontal)*-1) 0 0;opacity:.75}.alert .close:focus,.alert .close:hover{opacity:1}.alert a{text-decoration-color:var(--ifm-alert-border-color)}.alert a:hover{text-decoration-thickness:2px}.avatar{column-gap:var(--ifm-avatar-intro-margin);display:flex}.avatar__photo{border-radius:50%;display:block;height:var(--ifm-avatar-photo-size);overflow:hidden;width:var(--ifm-avatar-photo-size)}.avatar__photo--sm{--ifm-avatar-photo-size:2rem}.avatar__photo--lg{--ifm-avatar-photo-size:4rem}.avatar__photo--xl{--ifm-avatar-photo-size:6rem}.avatar__intro{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:var(--ifm-avatar-intro-alignment)}.badge,.breadcrumbs__item,.breadcrumbs__link,.button,.dropdown>.navbar__link:after,.inline-block{display:inline-block}.avatar__name{font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base)}.avatar__subtitle{margin-top:.25rem}.avatar--vertical{--ifm-avatar-intro-alignment:center;--ifm-avatar-intro-margin:0.5rem;align-items:center;flex-direction:column}.badge{background-color:var(--ifm-badge-background-color);border:var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);border-radius:var(--ifm-badge-border-radius);color:var(--ifm-badge-color);font-size:75%;font-weight:var(--ifm-font-weight-bold);line-height:1;padding:var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal)}.badge--primary{--ifm-badge-background-color:var(--ifm-color-primary)}.badge--secondary{--ifm-badge-background-color:var(--ifm-color-secondary);color:var(--ifm-color-black)}.breadcrumbs__link,.button.button--secondary.button--outline:not(.button--active):not(:hover){color:var(--ifm-font-color-base)}.badge--success{--ifm-badge-background-color:var(--ifm-color-success)}.badge--info{--ifm-badge-background-color:var(--ifm-color-info)}.badge--warning{--ifm-badge-background-color:var(--ifm-color-warning)}.badge--danger{--ifm-badge-background-color:var(--ifm-color-danger)}.breadcrumbs{margin-bottom:0;padding-left:0}.breadcrumbs__item:not(:last-child):after{background:var(--ifm-breadcrumb-separator) center;content:" ";display:inline-block;filter:var(--ifm-breadcrumb-separator-filter);height:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier));margin:0 var(--ifm-breadcrumb-spacing);opacity:.5;width:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier))}.breadcrumbs__item--active .breadcrumbs__link{background:var(--ifm-breadcrumb-item-background-active);color:var(--ifm-breadcrumb-color-active)}.breadcrumbs__link{border-radius:var(--ifm-breadcrumb-border-radius);font-size:calc(1rem*var(--ifm-breadcrumb-size-multiplier));padding:calc(var(--ifm-breadcrumb-padding-vertical)*var(--ifm-breadcrumb-size-multiplier)) calc(var(--ifm-breadcrumb-padding-horizontal)*var(--ifm-breadcrumb-size-multiplier));transition-duration:var(--ifm-transition-fast);transition-property:background,color}.breadcrumbs__link:any-link:hover,.breadcrumbs__link:link:hover,.breadcrumbs__link:visited:hover,area[href].breadcrumbs__link:hover{background:var(--ifm-breadcrumb-item-background-active);text-decoration:none}.breadcrumbs--sm{--ifm-breadcrumb-size-multiplier:0.8}.breadcrumbs--lg{--ifm-breadcrumb-size-multiplier:1.2}.button{background-color:var(--ifm-button-background-color);border:var(--ifm-button-border-width) solid var(--ifm-button-border-color);border-radius:var(--ifm-button-border-radius);cursor:pointer;font-size:calc(.875rem*var(--ifm-button-size-multiplier));font-weight:var(--ifm-button-font-weight);line-height:1.5;padding:calc(var(--ifm-button-padding-vertical)*var(--ifm-button-size-multiplier)) calc(var(--ifm-button-padding-horizontal)*var(--ifm-button-size-multiplier));text-align:center;transition-duration:var(--ifm-button-transition-duration);transition-property:color,background,border-color;-webkit-user-select:none;user-select:none}.button,.button:hover{color:var(--ifm-button-color)}.button--outline{--ifm-button-color:var(--ifm-button-border-color)}.button--outline:hover{--ifm-button-background-color:var(--ifm-button-border-color)}.button--link{--ifm-button-border-color:#0000;color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration)}.button--link.button--active,.button--link:active,.button--link:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button.disabled,.button:disabled,.button[disabled]{opacity:.65;pointer-events:none}.button--sm{--ifm-button-size-multiplier:0.8}.button--lg{--ifm-button-size-multiplier:1.35}.button--block{display:block;width:100%}.button.button--secondary{color:var(--ifm-color-gray-900)}:where(.button--primary){--ifm-button-background-color:var(--ifm-color-primary);--ifm-button-border-color:var(--ifm-color-primary)}:where(.button--primary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-primary-dark);--ifm-button-border-color:var(--ifm-color-primary-dark)}.button--primary.button--active,.button--primary:active{--ifm-button-background-color:var(--ifm-color-primary-darker);--ifm-button-border-color:var(--ifm-color-primary-darker)}:where(.button--secondary){--ifm-button-background-color:var(--ifm-color-secondary);--ifm-button-border-color:var(--ifm-color-secondary)}:where(.button--secondary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-secondary-dark);--ifm-button-border-color:var(--ifm-color-secondary-dark)}.button--secondary.button--active,.button--secondary:active{--ifm-button-background-color:var(--ifm-color-secondary-darker);--ifm-button-border-color:var(--ifm-color-secondary-darker)}:where(.button--success){--ifm-button-background-color:var(--ifm-color-success);--ifm-button-border-color:var(--ifm-color-success)}:where(.button--success):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-success-dark);--ifm-button-border-color:var(--ifm-color-success-dark)}.button--success.button--active,.button--success:active{--ifm-button-background-color:var(--ifm-color-success-darker);--ifm-button-border-color:var(--ifm-color-success-darker)}:where(.button--info){--ifm-button-background-color:var(--ifm-color-info);--ifm-button-border-color:var(--ifm-color-info)}:where(.button--info):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-info-dark);--ifm-button-border-color:var(--ifm-color-info-dark)}.button--info.button--active,.button--info:active{--ifm-button-background-color:var(--ifm-color-info-darker);--ifm-button-border-color:var(--ifm-color-info-darker)}:where(.button--warning){--ifm-button-background-color:var(--ifm-color-warning);--ifm-button-border-color:var(--ifm-color-warning)}:where(.button--warning):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-warning-dark);--ifm-button-border-color:var(--ifm-color-warning-dark)}.button--warning.button--active,.button--warning:active{--ifm-button-background-color:var(--ifm-color-warning-darker);--ifm-button-border-color:var(--ifm-color-warning-darker)}:where(.button--danger){--ifm-button-background-color:var(--ifm-color-danger);--ifm-button-border-color:var(--ifm-color-danger)}:where(.button--danger):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-danger-dark);--ifm-button-border-color:var(--ifm-color-danger-dark)}.button--danger.button--active,.button--danger:active{--ifm-button-background-color:var(--ifm-color-danger-darker);--ifm-button-border-color:var(--ifm-color-danger-darker)}.button-group{display:inline-flex;gap:var(--ifm-button-group-spacing)}.button-group>.button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.button-group>.button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.button-group--block{display:flex;justify-content:stretch}.button-group--block>.button{flex-grow:1}.card{background-color:var(--ifm-card-background-color);border-radius:var(--ifm-card-border-radius);box-shadow:var(--ifm-global-shadow-lw);display:flex;flex-direction:column;overflow:hidden}.card--full-height{height:100%}.card__image{padding-top:var(--ifm-card-vertical-spacing)}.card__image:first-child,.pt-0{padding-top:0}.card__body,.card__footer,.card__header{padding:var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing)}.card__body:not(:last-child),.card__footer:not(:last-child),.card__header:not(:last-child){padding-bottom:0}.card__body>:last-child,.card__footer>:last-child,.card__header>:last-child{margin-bottom:0}.card__footer{margin-top:auto}.table-of-contents{font-size:.8rem;margin-bottom:0;padding:var(--ifm-toc-padding-vertical) 0}.table-of-contents,.table-of-contents ul{list-style:none;padding-left:var(--ifm-toc-padding-horizontal)}.table-of-contents li{margin:var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal)}.table-of-contents__left-border{border-left:1px solid var(--ifm-toc-border-color)}.table-of-contents__link{color:var(--ifm-toc-link-color);display:block}.table-of-contents__link--active,.table-of-contents__link--active code,.table-of-contents__link:hover,.table-of-contents__link:hover code{color:var(--ifm-color-primary);text-decoration:none}.close{color:var(--ifm-color-black);float:right;font-size:1.5rem;font-weight:var(--ifm-font-weight-bold);line-height:1;opacity:.5;padding:1rem;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.close:hover{opacity:.7}.close:focus,.theme-code-block-highlighted-line .codeLineNumber_UV2B:before{opacity:.8}.dropdown{display:inline-flex;font-weight:var(--ifm-dropdown-font-weight);position:relative;vertical-align:top}.dropdown--hoverable:hover .dropdown__menu,.dropdown--show .dropdown__menu{opacity:1;pointer-events:all;transform:translateY(-1px);visibility:visible}.dropdown--right .dropdown__menu{left:inherit;right:0}.dropdown--nocaret .navbar__link:after{content:none!important}.dropdown__menu{background-color:var(--ifm-dropdown-background-color);border-radius:var(--ifm-global-radius);box-shadow:var(--ifm-global-shadow-md);left:0;max-height:80vh;min-width:10rem;opacity:0;overflow-y:auto;padding:.5rem;pointer-events:none;position:absolute;top:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);transform:translateY(-.625rem);transition-duration:var(--ifm-transition-fast);transition-property:opacity,transform,visibility;transition-timing-function:var(--ifm-transition-timing-default);visibility:hidden;z-index:var(--ifm-z-index-dropdown)}.menu__caret,.menu__link,.menu__list-item-collapsible{border-radius:.25rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.dropdown__link{border-radius:.25rem;color:var(--ifm-dropdown-link-color);display:block;font-size:.875rem;margin-top:.2rem;padding:.25rem .5rem}.dropdown__link--active,.dropdown__link:hover{background-color:var(--ifm-dropdown-hover-background-color);color:var(--ifm-dropdown-link-color);text-decoration:none}.dropdown__link--active,.dropdown__link--active:hover{--ifm-dropdown-link-color:var(--ifm-link-color)}.dropdown>.navbar__link:after{border-color:currentcolor #0000;border-style:solid;border-width:.4em .4em 0;content:"";margin-left:.3em;position:relative;top:2px;transform:translateY(-50%)}.footer{background-color:var(--ifm-footer-background-color);color:var(--ifm-footer-color);padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal)}.footer--dark{--ifm-footer-background-color:#303846;--ifm-footer-color:var(--ifm-footer-link-color);--ifm-footer-link-color:var(--ifm-color-secondary);--ifm-footer-title-color:var(--ifm-color-white)}.footer__links,.mb-4{margin-bottom:1rem}.footer__link-item{color:var(--ifm-footer-link-color);line-height:2}.footer__link-item:hover{color:var(--ifm-footer-link-hover-color)}.footer__link-separator{margin:0 var(--ifm-footer-link-horizontal-spacing)}.footer__logo{margin-top:1rem;max-width:var(--ifm-footer-logo-max-width)}.footer__title{color:var(--ifm-footer-title-color);font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base);margin-bottom:var(--ifm-heading-margin-bottom)}.menu,.navbar__link{font-weight:var(--ifm-font-weight-semibold)}.footer__item{margin-top:0}.footer__items{margin-bottom:0}.codeBlockStandalone_BZ5x,.p-0,[type=checkbox],dialog,fieldset,legend{padding:0}.hero{align-items:center;background-color:var(--ifm-hero-background-color);color:var(--ifm-hero-text-color);display:flex;padding:4rem 2rem}.hero--primary{--ifm-hero-background-color:var(--ifm-color-primary);--ifm-hero-text-color:var(--ifm-font-color-base-inverse)}.hero--dark{--ifm-hero-background-color:#303846;--ifm-hero-text-color:var(--ifm-color-white)}.hero__title{font-size:3rem}.hero__subtitle,.text-2xl{font-size:1.5rem}.menu__list{margin:0;padding-left:0}.menu__caret,.menu__link{padding:var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal)}.menu__list .menu__list{flex:0 0 100%;margin-top:.25rem;padding-left:var(--ifm-menu-link-padding-horizontal)}.menu__list-item:not(:first-child),.mt-1{margin-top:.25rem}.menu__list-item--collapsed .menu__list{height:0;overflow:hidden}.details_GXzP[data-collapsed=false].isBrowser_pHft>summary:before,.details_GXzP[open]:not(.isBrowser_pHft)>summary:before,.menu__list-item--collapsed .menu__caret:before,.menu__list-item--collapsed .menu__link--sublist:after{transform:rotate(90deg)}.menu__list-item-collapsible{display:flex;flex-wrap:wrap;position:relative}.menu__caret:hover,.menu__link:hover,.menu__list-item-collapsible--active,.menu__list-item-collapsible:hover{background:var(--ifm-menu-color-background-hover)}.menu__list-item-collapsible .menu__link--active,.menu__list-item-collapsible .menu__link:hover{background:none!important}.menu__caret,.menu__link{align-items:center;display:flex}.navbar-sidebar,.navbar-sidebar__backdrop{opacity:0;top:0;transition-duration:var(--ifm-transition-fast);transition-timing-function:ease-in-out;visibility:hidden;left:0;bottom:0}.menu__link{color:var(--ifm-menu-color);flex:1;line-height:1.25}.menu__link:hover{color:var(--ifm-menu-color);text-decoration:none}.menu__caret:before,.menu__link--sublist-caret:after{content:"";filter:var(--ifm-menu-link-sublist-icon-filter);height:1.25rem;transform:rotate(180deg);transition:transform var(--ifm-transition-fast) linear;width:1.25rem}.menu__link--sublist-caret:after{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem;margin-left:auto;min-width:1.25rem}.menu__link--active,.menu__link--active:hover{color:var(--ifm-menu-color-active)}.navbar__brand,.navbar__link{color:var(--ifm-navbar-link-color)}.menu__link--active:not(.menu__link--sublist){background-color:var(--ifm-menu-color-background-active)}.menu__caret:before{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem}.filter,.hover\:brightness-90:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navbar--dark,html[data-theme=dark]{--ifm-menu-link-sublist-icon-filter:invert(100%) sepia(94%) saturate(17%) hue-rotate(223deg) brightness(104%) contrast(98%)}.navbar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-navbar-shadow);height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.flex,.navbar,.navbar>.container,.navbar>.container-fluid{display:flex}.navbar--fixed-top{position:sticky;top:0;z-index:var(--ifm-z-index-fixed)}.navbar__inner{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.navbar__brand{align-items:center;display:flex;margin-right:1rem;min-width:0}.navbar__brand:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.announcementBarContent__DAX,.navbar__title{flex:1 1 auto}.navbar__toggle{display:none;margin-right:.5rem}.navbar__logo{flex:0 0 auto;height:2rem;margin-right:.5rem}.h-full,.navbar__logo img,body,html{height:100%}.navbar__items{align-items:center;display:flex;flex:1;min-width:0}.navbar__items--center{flex:0 0 auto}.m-0,.navbar__items--center .navbar__brand,blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}.navbar__items--center+.navbar__items--right{flex:1}.navbar__items--right{flex:0 0 auto;justify-content:flex-end}.navbar__items--right>:last-child{padding-right:0}.navbar__item{display:inline-block;padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}#nprogress,.navbar__item.dropdown .navbar__link:not([href]){pointer-events:none}.navbar__link--active,.navbar__link:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.navbar--dark,.navbar--primary{--ifm-menu-color:var(--ifm-color-gray-300);--ifm-navbar-link-color:var(--ifm-color-gray-100);--ifm-navbar-search-input-background-color:#ffffff1a;--ifm-navbar-search-input-placeholder-color:#ffffff80;color:var(--ifm-color-white)}.navbar--dark{--ifm-navbar-background-color:#242526;--ifm-menu-color-background-active:#ffffff0d;--ifm-navbar-search-input-color:var(--ifm-color-white)}.navbar--primary{--ifm-navbar-background-color:var(--ifm-color-primary);--ifm-navbar-link-hover-color:var(--ifm-color-white);--ifm-menu-color-active:var(--ifm-color-white);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-500)}.navbar__search-input{-webkit-appearance:none;appearance:none;background:var(--ifm-navbar-search-input-background-color) var(--ifm-navbar-search-input-icon) no-repeat .75rem center/1rem 1rem;border:none;border-radius:2rem;color:var(--ifm-navbar-search-input-color);cursor:text;display:inline-block;font-size:.9rem;height:2rem;padding:0 .5rem 0 2.25rem;width:12.5rem}.cursor-pointer,.dropdownNavbarItemMobile_JUhd,.footerItem_GsU2,.pills__item,.refine-toc-item,.tabs__item,[role=button],button{cursor:pointer}.navbar__search-input::placeholder{color:var(--ifm-navbar-search-input-placeholder-color)}.navbar-sidebar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-global-shadow-md);position:fixed;transform:translate3d(-100%,0,0);transition-property:opacity,visibility,transform;width:var(--ifm-navbar-sidebar-width)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar__items,.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar--show .navbar-sidebar__backdrop{opacity:1;visibility:visible}.navbar-sidebar__backdrop{background-color:#0009;position:fixed;right:0;transition-property:opacity,visibility}.navbar-sidebar__brand{align-items:center;box-shadow:var(--ifm-navbar-shadow);display:flex;flex:1;height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.navbar-sidebar__items{display:flex;height:calc(100% - var(--ifm-navbar-height));transition:transform var(--ifm-transition-fast) ease-in-out}.navbar-sidebar__items--show-secondary{transform:translate3d(calc((var(--ifm-navbar-sidebar-width))*-1),0,0)}.navbar-sidebar__item{flex-shrink:0;padding:.5rem;width:calc(var(--ifm-navbar-sidebar-width))}.navbar-sidebar__back{background:var(--ifm-menu-color-background-active);font-size:15px;font-weight:var(--ifm-button-font-weight);margin:0 0 .2rem -.5rem;padding:.6rem 1.5rem;position:relative;text-align:left;top:-.5rem;width:calc(100% + 1rem)}.navbar-sidebar__close{display:flex;margin-left:auto}.pagination{column-gap:var(--ifm-pagination-page-spacing);display:flex;font-size:var(--ifm-pagination-font-size);padding-left:0}.pagination--sm{--ifm-pagination-font-size:0.8rem;--ifm-pagination-padding-horizontal:0.8rem;--ifm-pagination-padding-vertical:0.2rem}.pagination--lg{--ifm-pagination-font-size:1.2rem;--ifm-pagination-padding-horizontal:1.2rem;--ifm-pagination-padding-vertical:0.3rem}.inline-flex,.pagination__item{display:inline-flex}.pagination__item>span{padding:var(--ifm-pagination-padding-vertical)}.pagination__item--active .pagination__link{color:var(--ifm-pagination-color-active)}.pagination__item--active .pagination__link,.pagination__item:not(.pagination__item--active):hover .pagination__link{background:var(--ifm-pagination-item-active-background)}.pagination__item--disabled,.pagination__item[disabled]{opacity:.25;pointer-events:none}.pagination__link{border-radius:var(--ifm-pagination-border-radius);color:var(--ifm-font-color-base);display:inline-block;padding:var(--ifm-pagination-padding-vertical) var(--ifm-pagination-padding-horizontal);transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination__link:hover,html .no-underline{text-decoration:none}.pagination-nav{grid-gap:var(--ifm-spacing-horizontal);display:grid;gap:var(--ifm-spacing-horizontal);grid-template-columns:repeat(2,1fr)}.pagination-nav__link{border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-pagination-nav-border-radius);display:block;height:100%;line-height:var(--ifm-heading-line-height);padding:var(--ifm-global-spacing);transition:border-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination-nav__link:hover{border-color:var(--ifm-pagination-nav-color-hover);text-decoration:none}.pagination-nav__link--next{grid-column:2/3;text-align:right}.content_B3zk,.text-center{text-align:center}.pagination-nav__label{font-size:var(--ifm-h4-font-size);font-weight:var(--ifm-heading-font-weight);word-break:break-word}.pagination-nav__link--prev .pagination-nav__label:before{content:"« "}.pagination-nav__link--next .pagination-nav__label:after{content:" »"}.pagination-nav__sublabel{color:var(--ifm-color-content-secondary);font-size:var(--ifm-h5-font-size);font-weight:var(--ifm-font-weight-semibold);margin-bottom:.25rem}.pills__item,.tabs{font-weight:var(--ifm-font-weight-bold)}.pills{display:flex;gap:var(--ifm-pills-spacing);padding-left:0}.pills__item{border-radius:.5rem;display:inline-block;padding:.25rem 1rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pills__item--active{color:var(--ifm-pills-color-active)}.pills__item--active,.pills__item:not(.pills__item--active):hover{background:var(--ifm-pills-color-background-active)}.pills--block{justify-content:stretch}.pills--block .pills__item{flex-grow:1;text-align:center}.tabs{color:var(--ifm-tabs-color);display:flex;margin-bottom:0;overflow-x:auto;padding-left:0}.tabs__item{border-bottom:3px solid #0000;border-radius:var(--ifm-global-radius);display:inline-flex;padding:var(--ifm-tabs-padding-vertical) var(--ifm-tabs-padding-horizontal);transition:background-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.transition,.transition-colors,.transition-opacity,.transition-transform{transition-duration:.15s}.refine-details>summary .refine-details-triangle,.transition,.transition-colors,.transition-opacity,.transition-transform{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tabs__item--active{border-bottom-color:var(--ifm-tabs-color-active-border);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--ifm-tabs-color-active)}.tabs__item:hover{background-color:var(--ifm-hover-overlay)}.tabs--block{justify-content:stretch}.tabs--block .tabs__item{flex-grow:1;justify-content:center}html[data-theme=dark]{--ifm-color-scheme:dark;--ifm-color-emphasis-0:var(--ifm-color-gray-1000);--ifm-color-emphasis-100:var(--ifm-color-gray-900);--ifm-color-emphasis-200:var(--ifm-color-gray-800);--ifm-color-emphasis-300:var(--ifm-color-gray-700);--ifm-color-emphasis-400:var(--ifm-color-gray-600);--ifm-color-emphasis-600:var(--ifm-color-gray-400);--ifm-color-emphasis-700:var(--ifm-color-gray-300);--ifm-color-emphasis-800:var(--ifm-color-gray-200);--ifm-color-emphasis-900:var(--ifm-color-gray-100);--ifm-color-emphasis-1000:var(--ifm-color-gray-0);--ifm-background-color:#1b1b1d;--ifm-background-surface-color:#242526;--ifm-hover-overlay:#ffffff0d;--ifm-color-content:#e3e3e3;--ifm-color-content-secondary:#fff;--ifm-breadcrumb-separator-filter:invert(64%) sepia(11%) saturate(0%) hue-rotate(149deg) brightness(99%) contrast(95%);--ifm-code-background:#ffffff1a;--ifm-scrollbar-track-background-color:#444;--ifm-scrollbar-thumb-background-color:#686868;--ifm-scrollbar-thumb-hover-background-color:#7a7a7a;--ifm-table-stripe-background:#ffffff12;--ifm-toc-border-color:var(--ifm-color-emphasis-200);--ifm-color-primary-contrast-background:#102445;--ifm-color-primary-contrast-foreground:#ebf2fc;--ifm-color-secondary-contrast-background:#474748;--ifm-color-secondary-contrast-foreground:#fdfdfe;--ifm-color-success-contrast-background:#003100;--ifm-color-success-contrast-foreground:#e6f6e6;--ifm-color-info-contrast-background:#193c47;--ifm-color-info-contrast-foreground:#eef9fd;--ifm-color-warning-contrast-background:#4d3800;--ifm-color-warning-contrast-foreground:#fff8e6;--ifm-color-danger-contrast-background:#4b1113;--ifm-color-danger-contrast-foreground:#ffebec}#nprogress .bar{background:var(--docusaurus-progress-bar-color);height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px var(--docusaurus-progress-bar-color),0 0 5px var(--docusaurus-progress-bar-color);height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}.blog-wrapper:root,.docs-wrapper:root{--primary-font-sans:"Inter"}.scrollbar-slim{scrollbar-color:red blue;scrollbar-width:thin}.scrollbar-slim::-webkit-scrollbar{width:12px}.scrollbar-slim::-webkit-scrollbar-track{background:#14141f;border-radius:5px}.scrollbar-slim::-webkit-scrollbar-thumb{background-color:#303450;border:3px solid #14141f;border-radius:12px}.refine-prose{color:var(--tw-prose-body);max-width:100%!important;--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75;--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders);font-weight:400;max-width:none}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.refine-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.refine-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.refine-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.refine-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.refine-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.refine-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.refine-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}progress,sub,sup{vertical-align:initial}.refine-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.refine-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.refine-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.refine-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.refine-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .refine-prose) :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity));font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600;font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity));font-weight:600;font-size:1rem;line-height:1.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));font-weight:600;font-size:.875rem;line-height:2.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity));font-weight:600;font-size:.75rem;line-height:1.33rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-bottom:1.25rem;margin-top:0;font-size:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;margin-bottom:0;margin-top:0}.refine-prose :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){border-left-width:4px;border-radius:.5rem;font-style:normal;font-weight:400;padding:1rem;--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity));border-left-color:rgb(163 173 194/var(--tw-border-opacity));color:rgb(48 52 80/var(--tw-text-opacity))}.refine-prose:last-child :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:0}:is(:where([data-theme=dark]) .refine-prose) :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity));border-left-color:rgb(71 78 107/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.625rem;line-height:.75rem;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(222 229 237/var(--tw-bg-opacity));color:rgb(48 52 80/var(--tw-text-opacity));border-radius:.25rem;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:2px .375rem 3px;border-style:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):before{--tw-content:none;content:var(--tw-content)}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):after{--tw-content:none;content:var(--tw-content)}.refine-prose h1 code,.refine-prose h2 code,.refine-prose h3 code{font-size:inherit;line-height:inherit;vertical-align:bottom}.refine-prose blockquote p:after,.refine-prose blockquote p:before,.refine-prose blockquote:after,.refine-prose blockquote:before{--tw-content:none;content:var(--tw-content)}.refine-prose table :is(:where(table):not(:where([class~=not-prose],[class~=not-prose] *))){border-style:none}.refine-prose table tr{border-top:unset}.refine-prose table td,.refine-prose table th{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(222 229 237/var(--tw-border-opacity));border-width:1px;color:rgb(20 20 31/var(--tw-text-opacity));padding:.5rem;font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table td),:is(:where([data-theme=dark]) .refine-prose table th){--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity));color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose table th{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600}:is(:where([data-theme=dark]) .refine-prose table th){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose table th,.refine-prose table th code,.text-sm{font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(odd)){--tw-bg-opacity:0.3;background-color:rgb(48 52 80/var(--tw-bg-opacity))}.refine-prose table tbody tr:nth-child(odd){--tw-bg-opacity:0.1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}.bg-gray-50,.refine-prose table tbody tr:nth-child(2n),.refine-prose table thead{--tw-bg-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(2n)){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table thead){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}.refine-prose table thead tr{border-style:none}.refine-prose .table-container{margin-bottom:1rem;margin-top:2rem;max-width:100%;overflow:auto;padding-bottom:1rem}.refine-prose .table-container table{display:table;margin-bottom:0;margin-top:0;table-layout:auto}.refine-toc-item code:after,.refine-toc-item code:before{content:""}.refine-toc-item code{border-radius:.25rem;border-style:none!important;color:inherit!important;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:.125rem .25rem;vertical-align:bottom!important;font-size:12px}:is(:where([data-theme=dark]) .refine-toc-item code){--tw-bg-opacity:0.3;background-color:rgb(71 78 107/var(--tw-bg-opacity));color:inherit!important}a:has(>code){text-decoration:none!important}a:has(>code) code{--tw-text-opacity:1!important;color:rgb(0 128 255/var(--tw-text-opacity))!important;vertical-align:text-bottom!important}:is(:where([data-theme=dark]) a:has(>code) code){--tw-text-opacity:1!important;color:rgb(110 179 247/var(--tw-text-opacity))!important}p:has(>code) code{margin-left:.125rem;margin-right:.125rem;vertical-align:text-bottom!important}li a:has(>code) code{margin-left:0!important;margin-right:0!important;vertical-align:text-bottom!important}.admonition.admonition-caution code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(242 128 13/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution code){--tw-bg-opacity:15%;background-color:#ff99331a}.admonition.admonition-caution a{--tw-text-opacity:1;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution a){--tw-text-opacity:1;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-caution a code{--tw-text-opacity:1!important;color:rgb(204 102 0/var(--tw-text-opacity))!important}:is(:where([data-theme=dark]) .admonition.admonition-caution a code){--tw-text-opacity:1!important;color:rgb(255 153 51/var(--tw-text-opacity))!important}.admonition.admonition-caution li::marker{--tw-text-opacity:0.5;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution li)::marker{--tw-text-opacity:0.5;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-danger code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(255 76 77/var(--tw-bg-opacity))}.admonition.admonition-danger a{--tw-text-opacity:1;color:rgb(255 76 77/var(--tw-text-opacity))}.admonition.admonition-danger a code{--tw-text-opacity:1!important;color:rgb(255 76 77/var(--tw-text-opacity))!important}.admonition.admonition-info code{--tw-bg-opacity:15%;background-color:#0080ff1a}:is(:where([data-theme=dark]) .admonition.admonition-info code){--tw-bg-opacity:15%;background-color:#6eb3f71a}.admonition.admonition-info a,.admonition.admonition-info-tip a{--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info a){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-info li::marker{--tw-text-opacity:0.5;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info li)::marker{--tw-text-opacity:0.5;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-tip code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(31 173 102/var(--tw-bg-opacity))}.admonition.admonition-note code,.bg-\[\#5865F2\],.bg-black,.bg-blue-100,.bg-gray-0,.bg-gray-100,.bg-gray-200,.bg-gray-600,.bg-gray-900,.bg-refine-blue,.bg-tech-purple-03,.bg-violet-800,.bg-white{--tw-bg-opacity:1}.admonition.admonition-tip a{--tw-text-opacity:1;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-tip a code{--tw-text-opacity:1!important;color:rgb(31 173 102/var(--tw-text-opacity))!important}.admonition.admonition-tip li::marker{--tw-text-opacity:0.5;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-note code{--tw-bg-opacity:15%;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-additional a,.admonition.admonition-note a{--tw-text-opacity:1;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-note a code{--tw-text-opacity:1!important;color:rgb(15 189 189/var(--tw-text-opacity))!important}.admonition.admonition-note li::marker{--tw-text-opacity:0.5;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-additional code{--tw-bg-opacity:0.2;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-info-tip code{--tw-bg-opacity:0.2;background-color:rgb(0 128 255/var(--tw-bg-opacity))}.admonition pre.prism-code code,.bg-transparent{background-color:initial}.refine-details>summary+div>div{border-top-width:0;margin-top:0;padding-top:0}.p-4,.refine-details-content{padding:1rem}.refine-details>summary .refine-details-triangle{--tw-rotate:-90deg;transition-duration:.2s;transition-property:transform}.-rotate-180,.-rotate-90,.refine-details>summary .refine-details-triangle,.refine-details[open]>summary .refine-details-triangle,.rotate-0,.scale-100,.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.refine-details[open]>summary .refine-details-triangle,.rotate-0{--tw-rotate:0deg}.max-w-screen-content{max-width:480px}html[data-active-page=index],html[data-active-page=index] body{--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}@keyframes a{0%,35%,to{opacity:0}30%,5%{opacity:1}}.landing-hero-mobile-svg .auth,.landing-hero-mobile-svg .backend,.landing-hero-mobile-svg .framework,.landing-hero-mobile-svg .platform{animation:24s infinite a;opacity:0;will-change:opacity}.landing-hero-mobile-svg .nextjs{animation-delay:0s}.landing-hero-mobile-svg .vite{animation-delay:8s}.landing-hero-mobile-svg .remix{animation-delay:16s}.landing-hero-mobile-svg .mui{animation-delay:-3s}.landing-hero-mobile-svg .antd{animation-delay:5s}.landing-hero-mobile-svg .chakra{animation-delay:13s}.landing-hero-mobile-svg .supabase{animation-delay:-6s}.landing-hero-mobile-svg .nest{animation-delay:2s}.landing-hero-mobile-svg .appwrite{animation-delay:10s}.landing-hero-mobile-svg .google{animation-delay:-9s}.landing-hero-mobile-svg .auth0{animation-delay:-1s}.landing-hero-mobile-svg .strapi{animation-delay:7s}.animation-parent{backface-visibility:hidden;perspective:1000;transform:translateZ(0)}#__docusaurus-base-url-issue-banner-container,.hidden,.sp-icon-standalone[title="Open in CodeSandbox"] svg+span,.sp-preview .sp-custom-loading,.sp-preview .sp-loading,.themedComponent_FXRw,[data-theme=dark] .lightToggleIcon__wwy,[data-theme=light] .darkToggleIcon_iyjK,[hidden],html[data-announcement-bar-initially-dismissed=true] .announcementBar_hbYq{display:none}.sp-preview .sp-loading+.sp-custom-loading{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:calc(var(--sp-zIndices-top) + 1)}button.sp-button.sp-icon-standalone[title="Open in CodeSandbox"]:has(svg+span){padding-left:0;padding-right:4px;width:26px}.admonition-simple .admonition-content :last-child,.admonitionContent_YstZ>:last-child,.collapsibleContent_uFAl p:last-child,.details_GXzP>summary>p:last-child,.mb-0,.refine-tab-content>:last-child{margin-bottom:0}.admonition-simple ul{list-style-position:outside;list-style-type:"-   ";margin:0;padding-left:24px}.admonition-simple *{font-size:.875rem;line-height:1rem}.admonition-simple .admonition-content ul li::marker{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition-simple .admonition-content ul li)::marker{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}h4>del:has(code:only-child){text-decoration-line:none}html h4>del:has(code:only-child){text-decoration:none}h4>del:has(code:only-child) code{text-decoration-line:line-through}.font-\[500\],.font-medium,.sp-tab-button[data-active=true]{font-weight:500}*,:after,:before{border:0 solid #dee5ed}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{display:block;margin-bottom:var(--ifm-spacing-vertical);overflow:auto;border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}.admonitionHeading_wuvZ code,button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}menu,ol,ul{margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a3adc2;opacity:1}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container,.w-full{width:100%}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible,.swiper-slide-invisible-blank{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.right-\[24px\]{right:24px}.top-0{top:0}.top-2{top:.5rem}.top-32{top:8rem}.top-\[24px\]{top:24px}.top-\[67px\]{top:67px}.z-50{z-index:50}.z-\[100\],.z-modal{z-index:100}.z-\[1\]{z-index:1}.z-\[55\]{z-index:55}.m-1{margin:.25rem}.m-6{margin:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[40px\]{margin-bottom:40px}.ml-\[5px\]{margin-left:5px}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.table{display:table}.grid{display:grid}.h-0{height:0}.h-0\.5{height:.125rem}.h-12{height:3rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[120px\]{height:120px}.h-\[12px\]{height:12px}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[40px\]{height:40px}.h-\[4px\]{height:4px}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-\[calc\(100vh-67px\)\]{height:calc(100vh - 67px)}.h-auto,.img_CfaS,.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.h-screen{height:100vh}.max-h-\[180px\]{max-height:180px}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[10px\]{width:10px}.w-\[12px\]{width:12px}.w-\[142px\]{width:142px}.w-\[193px\]{width:193px}.w-\[24px\]{width:24px}.w-\[264px\]{width:264px}.w-\[280px\]{width:280px}.w-\[343px\]{width:343px}.w-\[40px\]{width:40px}.w-\[42\.5px\]{width:42.5px}.w-\[45px\]{width:45px}.w-\[4px\]{width:4px}.w-\[51px\]{width:51px}.w-auto{width:auto}.w-max{width:max-content}.min-w-0{min-width:0}.max-w-\[1600px\]{max-width:1600px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-\[512px\]{max-width:512px}.max-w-\[576px\]{max-width:576px}.max-w-md{max-width:28rem}.max-w-screen-blog-max{max-width:1408px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-rotate-180{--tw-rotate:-180deg}.-rotate-90{--tw-rotate:-90deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.footerContentContainer_DQf_,.itemsContainer_OUc9,.logoContainerStyle_PeVm,.templateItemContainer_lyZ8{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col,.swiper-vertical>.swiper-wrapper{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[16px\]{gap:16px}.gap-\[24px\]{gap:24px}.gap-\[40px\]{gap:40px}.gap-\[4px\]{gap:4px}.gap-\[60px\]{gap:60px}.gap-\[8px\]{gap:8px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border,.border-\[1px\]{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-gray-02{border-color:#1f1f1f}.border-gray-100{--tw-border-opacity:1;border-color:rgb(237 242 247/var(--tw-border-opacity))}.border-white-01{border-color:#fff}.border-l-gray-100{--tw-border-opacity:1;border-left-color:rgb(237 242 247/var(--tw-border-opacity))}.border-t-gray-200{--tw-border-opacity:1;border-top-color:rgb(222 229 237/var(--tw-border-opacity))}.bg-\[\#000000bf\]{background-color:#000000bf}.bg-\[\#5865F2\]{background-color:rgb(88 101 242/var(--tw-bg-opacity))}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.75\)\]{background-color:#ffffffbf}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/\[0\.64\]{background-color:#000000a3}.bg-blue-100{background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-gray-0,.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-01{background-color:#000}.bg-gray-02{background-color:#1f1f1f}.bg-gray-100{background-color:rgb(237 242 247/var(--tw-bg-opacity))}.bg-gray-200{background-color:rgb(222 229 237/var(--tw-bg-opacity))}.bg-gray-600{background-color:rgb(71 78 107/var(--tw-bg-opacity))}.bg-gray-900{background-color:rgb(20 20 31/var(--tw-bg-opacity))}.bg-gray-900\/20{background-color:#14141f33}.bg-gray-900\/70{background-color:#14141fb3}.bg-refine-blue{background-color:rgb(0 128 255/var(--tw-bg-opacity))}.bg-tech-purple-03{background-color:rgb(101 74 236/var(--tw-bg-opacity))}.bg-violet-800{background-color:rgb(91 33 182/var(--tw-bg-opacity))}.bg-white-01{background-color:#fff}.bg-white-09,.hover\:bg-white-09:hover{background-color:#ffffff19}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:.5rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[24px\]{padding-left:24px;padding-right:24px}.px-\[4px\]{padding-left:4px;padding-right:4px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-\[22px\]{padding-bottom:22px;padding-top:22px}.pb-10{padding-bottom:2.5rem}.pb-6{padding-bottom:1.5rem}.pb-\[100px\]{padding-bottom:100px}.pb-\[60px\]{padding-bottom:60px}.pl-1{padding-left:.25rem}.pl-11{padding-left:2.75rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-7{padding-left:1.75rem}.pl-\[32px\]{padding-left:32px}.pr-3{padding-right:.75rem}.pt-6{padding-top:1.5rem}.pt-\[4px\]{padding-top:4px}.align-middle{vertical-align:middle}.font-\[\'Inter\'\]{font-family:Inter}.font-sans{font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.textTitleNumStyle_TEnk,.textTitleNumStyle_h7vB{font-family:Eurostile Becker,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-3xl{font-size:1.875rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.font-\[400\],.font-normal{font-weight:400}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.5\]{line-height:1.5}.leading-\[17px\]{line-height:17px}.leading-\[22px\]{line-height:22px}.leading-\[28px\]{line-height:28px}.\!text-white-04{color:#ffffff80!important}.hover\:text-\[\#0b0c0f\]:hover,.text-\[\#0B0C0F\],.text-\[\#0b0c0f\]{--tw-text-opacity:1;color:rgb(11 12 15/var(--tw-text-opacity))}.text-\[\#1D2129\]{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity))}.text-gray-0,.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-gray-02:hover,.text-gray-02{color:#1f1f1f}.hover\:text-gray-03:hover,.text-gray-03{color:#5c5c5c}.text-gray-100{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}.hover\:text-gray-600:hover,.text-gray-600{--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}.hover\:text-gray-800:hover,.text-gray-800{--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-tech-purple-01{--tw-text-opacity:1;color:rgb(38 24 156/var(--tw-text-opacity))}.text-transparent{color:#0000}.hover\:text-white-01:hover,.text-white-01{color:#fff}.text-white-02{color:#ffffffe6}.hover\:text-white-03:hover,.text-white-03{color:#ffffffc0}.hover\:text-white-04:hover,.text-white-04{color:#ffffff80}.text-opacity-90{--tw-text-opacity:0.9}.faqListAnswer_uzUc a,.underline{text-decoration-line:underline}.baseLinkButtonStyle_PuMK:hover,.basePanelItemContainerStyle_IaDP:hover,.commBottomBtn_pFSF:hover,.hover\:no-underline:hover,.menuItemStyle_SQLa,.menuItemStyle_SQLa:active,.menuItemStyle_SQLa:hover,.menuItemStyle_a3Ir:hover,.no-underline,.operateItemStyle_quc4:hover,.panelItemStyle_VUhY:hover{text-decoration-line:none}.opacity-0{opacity:0}.footerLogoLink_K6r0:hover,.hash-link:focus,.opacity-100,.solutionSelectImageStyle_GSp1,:hover>.hash-link{opacity:1}.backdrop-blur-\[50px\]{--tw-backdrop-blur:blur(50px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.transition-opacity{transition-property:opacity}.transition-transform{transition-property:transform}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:bg-grayBlue-09:hover,.lightPanelItemContainerStyle_OZnY:hover{background-color:#f2f3f5}.hover\:brightness-90:hover{--tw-brightness:brightness(.9)}.basePopoverPanelStyle_y9hq:focus,.focus\:outline-none:focus,.popoverPanelStyle_GNCw:focus{outline:#0000 solid 2px;outline-offset:2px}:is(:where([data-theme=dark]) .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-l-gray-700){--tw-border-opacity:1;border-left-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-t-gray-700){--tw-border-opacity:1;border-top-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-500){--tw-bg-opacity:1;background-color:rgb(108 119 147/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgb(71 78 107/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-0){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-200){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-white-01){color:#fff}:is(:where([data-theme=dark]) .dark\:text-white-04){color:#ffffff80}:is(:where([data-theme=dark]) .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:hover\:text-white-01:hover){color:#fff}:is(:where([data-theme=dark]) .hover\:dark\:text-white-01):hover{color:#fff}[data-theme=dark]{--ifm-color-primary:#9580ff;--ifm-color-primary-dark:#755aff;--ifm-color-primary-darker:#6547ff;--ifm-color-primary-darkest:#350dff;--ifm-color-primary-light:#b5a6ff;--ifm-color-primary-lighter:#c5b9ff;--ifm-color-primary-lightest:#f5f3ff;--ifm-background-color:#0a0a0a;--docusaurus-highlighted-code-line-bg:#0000004d}@font-face{font-family:Eurostile Becker;src:url("/illa-website/de/assets/fonts/Eurostile Becker Heavy Regular-99fb2b764178f7417346a5e3e15d5947.ttf") format("truetype")}body:not(.navigation-with-keyboard) :not(input):focus{outline:0}.skipToContent_YRel{background-color:var(--ifm-background-surface-color);color:var(--ifm-color-emphasis-900);left:100%;padding:calc(var(--ifm-global-spacing)/2) var(--ifm-global-spacing);position:fixed;top:1rem;z-index:calc(var(--ifm-z-index-fixed) + 1)}.skipToContent_YRel:focus{box-shadow:var(--ifm-global-shadow-md);left:1rem}.closeButton_r_Ma{line-height:0;padding:0}.content_B3zk{font-size:85%;padding:5px 0}.content_B3zk a{color:inherit;text-decoration:underline}.announcementBar_hbYq{align-items:center;background-color:var(--ifm-color-white);border-bottom:1px solid var(--ifm-color-emphasis-100);color:var(--ifm-color-black);display:flex;height:var(--docusaurus-announcement-bar-height)}.announcementBarPlaceholder_nNiq{flex:0 0 10px}.announcementBarClose_S8lM{align-self:stretch;flex:0 0 30px}.toggle_Io7t{height:2rem;width:2rem}.toggleButton_C0po{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;transition:background var(--ifm-transition-fast);width:100%}.toggleButton_C0po:hover{background:var(--ifm-color-emphasis-200)}.toggleButtonDisabled_IHuh{cursor:not-allowed}.darkNavbarColorModeToggle_jx_9:hover{background:var(--ifm-color-gray-800)}[data-theme=dark] .themedComponent--dark_gZs3,[data-theme=light] .themedComponent--light_RIle,html:not([data-theme]) .themedComponent--light_RIle{display:initial}.iconExternalLink_ocOZ{margin-left:.3rem}.dropdownNavbarItemMobile_JUhd:after{margin-left:8px}.iconLanguage_DSK9{display:inline-block;margin-right:5px;vertical-align:text-bottom}@supports selector(:has(*)){.navbarSearchContainer_Pu8E:not(:has(>*)){display:none}}.navbarHideable_QJhM{transition:transform var(--ifm-transition-fast) ease}.navbarHidden_JLKf{transform:translate3d(0,calc(-100% - 2px),0)}.errorBoundaryError_t44J{color:red;white-space:pre-wrap}.errorBoundaryFallback_HTeJ{color:red;padding:.55rem}.footerLogoLink_K6r0{opacity:.5;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.anchorWithStickyNavbar_dXVO{scroll-margin-top:calc(var(--ifm-navbar-height) + .5rem)}.anchorWithHideOnScrollNavbar_ZIVZ{scroll-margin-top:.5rem}.hash-link{opacity:0;padding-left:.5rem;transition:opacity var(--ifm-transition-fast);-webkit-user-select:none;user-select:none}.hash-link:before{content:"#"}.mainWrapper_Xc8_{display:flex;flex:1 0 auto;flex-direction:column}.docusaurus-mt-lg{margin-top:3rem}#__docusaurus{display:flex;flex-direction:column}.menuItemContainerStyle_JXsu,.priceListTitleContainerStyle_MEs5{align-items:center;display:flex;gap:8px}.popoverContainerStyle_ZIFy{display:inline-block;font-weight:500;padding:12px 16px;position:relative;text-align:left}.basePopoverPanelStyle_y9hq,.popoverPanelStyle_GNCw{margin-top:8px;position:absolute;transform-origin:top right;left:0}.popoverItemStyle_wfx7{align-items:center;display:flex;font-size:14px;gap:8px}.popoverPanelStyle_GNCw{--tw-shadow:0px 2px 16px 0px #00000029;--tw-shadow-colored:0px 2px 16px 0px var(--tw-shadow-color);border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:4px;padding-top:4px;right:0}.menuItemStyle_a3Ir{font-size:14px;font-weight:500;padding:12px 16px}.panelItemContainerStyle_xEK2{align-items:center;display:flex;justify-content:center;width:100%}.panelItemStyle_VUhY{font-size:14px;font-weight:500;line-height:40px}.operateItemStyle_quc4{align-items:center;border-radius:20px;display:flex;font-weight:500;gap:8px;justify-content:center;padding:8px 24px}.operateItemStyleBg_neML{border-color:#0000;border-width:1px;color:#fff;background:linear-gradient(90deg,#9734e4,#712eff)}.darkColorStyle_MxJT:hover,.operateItemStyleBg_neML:hover{color:#fff}.popoverItemStyle_WmOV{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left}.basePopoverPanelStyle_y9hq{border-radius:16px;border-width:1px;display:flex;flex-direction:column;gap:24px;padding:24px 16px;width:340px}.darkPopoverPanelStyle_sycJ{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(27 28 29/var(--tw-bg-opacity));border-color:rgb(46 46 48/var(--tw-border-opacity))}.lightPopoverPanelStyle_aRwx{background-color:#fff;border-color:#f2f3f5;box-shadow:0 2px 4px 0 #00000014}.subTitleStyle_GZ4H{font-size:16px;font-weight:700;line-height:24px;padding-left:16px;padding-right:16px;text-align:start}.basePanelItemContainerStyle_IaDP{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:12px 16px;width:100%}.darkPanelItemContainerStyle_JqRZ:hover{background-color:#ffffff0a}.panelItemStyle_w8TD{font-size:14px;font-weight:500;line-height:22px}.footerBottom_L4UB,.footerItem_GsU2,.panelItemDescStyle_zY1Y{font-size:12px;font-weight:400;line-height:16px}.menuItemStyle_SQLa{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;height:40px;width:100%;font-size:16px;font-weight:500}.footerContainer_lS9F{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:100px 20px 20px;width:100%}.footerContentContainer_DQf_{display:grid;justify-content:space-between;row-gap:40px;width:100%}.space_IcLX{background-color:#ffffff1a;height:1px;width:100%}.footerBottom_L4UB{align-items:center;color:#fff;display:flex;flex-direction:column;gap:24px;justify-content:space-between;width:100%}.localSelectContainer_aJ7M .dropdown__menu{bottom:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);top:unset}.lpHeader_rubd{align-items:flex-start;flex-wrap:wrap;gap:40px;justify-content:space-between;padding-top:30px}.lpHeaderLeft_Zvbf,.lpHeader_rubd,.premiumCardContainer_ArgU,.premiumHeaderStyle_yb36{display:flex;flex-direction:column}.lpHeaderLeft_Zvbf{align-items:center;gap:24px;text-align:center}.back_vGuo{--tw-text-opacity:1;align-items:center;color:rgb(101 74 236/var(--tw-text-opacity));cursor:pointer;display:none;flex-direction:row;font-size:18px;font-weight:600;gap:12px;line-height:32px;padding-bottom:12px;padding-top:12px}.headerGo_RttL,.itemImage_FU2S{align-items:center;--tw-bg-opacity:1}.headerTitle_URD5{font-size:40px;font-weight:700;line-height:48px}.headerDesc_zhHJ{font-weight:400;font-weight:16px;line-height:24px}.headerGo_RttL{background-color:rgb(101 74 236/var(--tw-bg-opacity));white-space:nowrap;border-radius:4px;color:#fff;display:flex;font-size:16px;font-weight:400;height:44px;justify-content:center;line-height:20px;padding:12px 16px}.headerGo_RttL:hover{--tw-bg-opacity:1;background-color:rgb(131 104 240/var(--tw-bg-opacity))}.headerGo_RttL:active{--tw-bg-opacity:1;background-color:rgb(66 46 196/var(--tw-bg-opacity))}.lpContainer_Zbon,.lpContainer_yWoG{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity));margin-left:auto;margin-right:auto;max-width:1200px;padding-left:20px;padding-right:20px;width:100%}.tag_oKb5{display:inline-block;margin:.5rem .5rem 0 1rem}.contentTitle_b3GB{font-size:20px;font-weight:600;line-height:28px;margin-top:60px}.itemsContainer_OUc9{display:grid;gap:12px}.item_AuQF{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:16px}.itemBg_GUYW{background:linear-gradient(180deg,#dde1e833,#dde1e800)}.itemImage_FU2S{background-color:rgb(240 232 255/var(--tw-bg-opacity));border-radius:13px;display:flex;height:120px;justify-content:center;width:120px}.itemNameCommon_o16n{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.commBottomDesc_DyZe,.itemDescription_LA9o{-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}.itemNameIntegrations_ZIud{line-height:20px}.itemNameComponents_JcBj{line-height:24px}.itemDescription_LA9o{display:-webkit-box;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.contentContainer_c9t8{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow-x:hidden;padding-top:40px;z-index:31}.contentContainer_c9t8,.content_jfit{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.content_jfit{color:#fff;gap:100px;padding-left:20px;padding-right:20px}.commBottomContainerStyle_CDHK{align-items:center;color:#fff;display:flex;margin-top:100px;width:100%}.allContentContainer_nVOG{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;text-align:center;width:100%}.allContentTitle_K0Y2{font-size:20px;font-weight:700;line-height:24px;text-align:center}.cardContainerStyle_Kvlw,.cardContentContainerStyle_kX6c{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.headerContainerStyle_RgD_{align-items:center;display:flex;flex-direction:column;gap:16px}.textTitleStye_mJAH{color:#fff;font-size:20px;font-weight:700}.textTitleNumStyle_TEnk{font-size:24px;font-weight:400}.textDescStyle_NFkj{font-size:12px;font-weight:400;line-height:16px;max-width:100%;text-align:center}.imgStyle_GNQD{border-radius:8px;height:auto;width:100%}.cardContentItemNormalStyle_f4ow,.cardContentItemReverseStyle_DHTD{flex-direction:column-reverse}.cardIContentItemContainerStyle_rPYn{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:flex-start;background-color:rgb(18 18 18/var(--tw-bg-opacity));border-color:rgb(42 42 42/var(--tw-border-opacity));border-radius:8px;border-width:1px;display:flex;flex-wrap:nowrap;gap:20px;padding:16px}.textContainerStyle_toav{align-items:flex-start;display:flex;flex-direction:column;gap:16px;width:100%}.textTitleStye_u6Ys{color:#fff;font-size:18px;font-weight:700;line-height:22px}.textTitleNumStyle_h7vB{font-size:20px;font-weight:400}.textDescStyle_vwoY{color:#ffffffe6;font-size:12px;font-weight:400;line-height:16px}.swipeMore_QWDA{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;gap:8px;grid-column:1;grid-row:3;height:auto;line-height:17px}.builderListTitleStyle_ul1g,.swipeMore_QWDA,.swipeMore_QWDA:hover{--tw-text-opacity:1;color:rgb(101 74 236/var(--tw-text-opacity))}.buttonGroup_uxJT button,.codeBlockContainer_USIv{background:var(--prism-background-color);color:var(--prism-color)}.codeBlockContainer_USIv{border-radius:var(--ifm-code-border-radius);box-shadow:var(--ifm-global-shadow-lw);margin-bottom:var(--ifm-leading)}.codeBlockContent_PMfr{border-radius:inherit;direction:ltr;position:relative}.codeBlockTitle_jXLV{border-bottom:1px solid var(--ifm-color-emphasis-300);border-top-left-radius:inherit;border-top-right-radius:inherit;font-size:var(--ifm-code-font-size);font-weight:500;padding:.75rem var(--ifm-pre-padding)}.codeBlock_IHkF{--ifm-pre-background:var(--prism-background-color);margin:0;padding:0}.codeBlockTitle_jXLV+.codeBlockContent_PMfr .codeBlock_IHkF{border-top-left-radius:0;border-top-right-radius:0}.codeBlockLines_THA1{float:left;font:inherit;min-width:100%;padding:var(--ifm-pre-padding)}.codeBlockLinesWithNumbering_tjAB{display:table;padding:var(--ifm-pre-padding) 0}.buttonGroup_uxJT{column-gap:.2rem;display:flex;position:absolute;right:calc(var(--ifm-pre-padding)/2);top:calc(var(--ifm-pre-padding)/2)}.buttonGroup_uxJT button{align-items:center;border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-global-radius);display:flex;line-height:0;opacity:0;padding:.4rem;transition:opacity var(--ifm-transition-fast) ease-in-out}.buttonGroup_uxJT button:focus-visible,.buttonGroup_uxJT button:hover{opacity:1!important}.theme-code-block:hover .buttonGroup_uxJT button{opacity:.4}:where(:root){--docusaurus-highlighted-code-line-bg:#484d5b}:where([data-theme=dark]){--docusaurus-highlighted-code-line-bg:#646464}.theme-code-block-highlighted-line{background-color:var(--docusaurus-highlighted-code-line-bg);display:block;margin:0 calc(var(--ifm-pre-padding)*-1);padding:0 var(--ifm-pre-padding)}.codeLine_VZlW{counter-increment:a;display:table-row}.codeLineNumber_UV2B{background:var(--ifm-pre-background);display:table-cell;left:0;overflow-wrap:normal;padding:0 var(--ifm-pre-padding);position:sticky;text-align:right;width:1%}.codeLineNumber_UV2B:before{content:counter(a);opacity:.4}.codeLineContent_gotU{padding-right:var(--ifm-pre-padding)}.theme-code-block:hover .copyButtonCopied_TPRR{opacity:1!important}.copyButtonIcons_LZ6a{height:1.125rem;position:relative;width:1.125rem}.copyButtonIcon_H1v1,.copyButtonSuccessIcon_J5e4{fill:currentColor;height:inherit;left:0;opacity:inherit;position:absolute;top:0;transition:all var(--ifm-transition-fast) ease;width:inherit}.copyButtonSuccessIcon_J5e4{color:#00d600;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(.33)}.copyButtonCopied_TPRR .copyButtonIcon_H1v1{opacity:0;transform:scale(.33)}.copyButtonCopied_TPRR .copyButtonSuccessIcon_J5e4{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:75ms}.wordWrapButtonIcon_dUFy{height:1.2rem;width:1.2rem}.details_GXzP{--docusaurus-details-summary-arrow-size:0.38rem;--docusaurus-details-transition:transform 200ms ease;--docusaurus-details-decoration-color:grey}.details_GXzP>summary{cursor:pointer;padding-left:1rem;position:relative}.details_GXzP>summary::-webkit-details-marker{display:none}.details_GXzP>summary:before{border-color:#0000 #0000 #0000 var(--docusaurus-details-decoration-color);border-style:solid;border-width:var(--docusaurus-details-summary-arrow-size);content:"";left:0;position:absolute;top:.45rem;transform:rotate(0);transform-origin:calc(var(--docusaurus-details-summary-arrow-size)/2) 50%;transition:var(--docusaurus-details-transition)}.collapsibleContent_uFAl{border-top:1px solid var(--docusaurus-details-decoration-color);margin-top:1rem;padding-top:1rem}.details_B91m{--docusaurus-details-decoration-color:var(--ifm-alert-border-color);--docusaurus-details-transition:transform var(--ifm-transition-fast) ease;border:1px solid var(--ifm-alert-border-color);margin:0 0 var(--ifm-spacing-vertical)}:not(.containsTaskList_aqzd>li)>.containsTaskList_aqzd{padding-left:0}.admonition_Ztdk{margin-bottom:1em}.admonitionHeading_wuvZ{font:var(--ifm-heading-font-weight) var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);text-transform:uppercase}.admonitionHeading_wuvZ:not(:last-child){margin-bottom:.3rem}.admonitionIcon_bKMe{display:inline-block;margin-right:.4em;vertical-align:middle}.admonitionIcon_bKMe svg{fill:var(--ifm-alert-foreground-color);display:inline-block;height:1.6em;width:1.6em}.commBottomContainer_rcOJ{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 20px 40px;position:relative}.commBottomBtnBg_ws3H,.commBottomContainer_rcOJ{border-bottom-left-radius:20px;border-bottom-right-radius:20px;width:100%}.commBottomBtnBg_ws3H{bottom:0;position:absolute;z-index:-1}.bottomBg_zy8j{background:linear-gradient(180deg,#654aec00,#654aec80)}.whiteBottomBg_HW9h{background:linear-gradient(180deg,#516ab500,#516ab514)}.commBottomTitle_zpUk{color:#fff;font-size:20px;font-weight:700;line-height:24px;text-align:center}.bottomTitle__Qxb{background:linear-gradient(90deg,#ffffff80,#fff 50%,#ffffff80);-webkit-background-clip:text;background-clip:text}.bottomTitle__Qxb,.whiteBottomTitle_r_oZ{-webkit-text-fill-color:#0000;color:#0000}.learnMore_Lb_l,.templateHeaderLabel_W4fj{color:rgb(101 74 236/var(--tw-text-opacity));--tw-text-opacity:1}.whiteBottomTitle_r_oZ{background:linear-gradient(90deg,#0b0c0f80,#0b0c0f 50%,#0b0c0f80);-webkit-background-clip:text;background-clip:text}.commBottomDesc_DyZe{display:-webkit-box;font-size:14px;font-weight:400;line-height:22px;overflow:hidden;text-align:center;width:100%}.commBottomBtn_pFSF{align-items:center;border-radius:24px;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;gap:10px;justify-content:center;line-height:28px;padding:10px 32px;width:100%}.commBottomBtn_pFSF svg{width:16px}.templateContainer_VElw{gap:20px;padding-bottom:30px}.templateContainer_VElw,.templateHeader_AQwG{display:flex;flex-direction:column;margin-top:30px}.templateHeader_AQwG{align-items:flex-start;gap:16px}.templateItemContainer_lyZ8{display:grid;gap:16px}.templateItem_Ji0p{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center}.templateHeaderLabel_W4fj{font-size:14px;font-weight:600;line-height:32px}.templateHeaderTitle_yMrU{font-size:20px;font-weight:700;line-height:28px}.templateHeaderDesc_XN3P{font-size:14px;font-weight:400;line-height:17px}.templateItemName_yjoV{-webkit-line-clamp:1;font-size:16px;font-weight:600;line-height:24px}.templateItemDesc_NKfB,.templateItemName_yjoV{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.templateItemDesc_NKfB{-webkit-line-clamp:4;font-size:12px;font-weight:400;line-height:16px}.learnMore_Lb_l{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:16px;text-decoration-line:underline}.operatingStyle_cGmQ,.wallContainerStyle_Ny01{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.logoTitleStyle_hhN_{color:#fff;font-size:12px;font-weight:500;line-height:1.5;text-align:center;width:100%}.logoContainerStyle_PeVm{column-gap:12px;display:grid;row-gap:24px;width:100%}.logoStyle_ixBp{height:28px;width:auto}.commentsContainerStyle_ctEM{align-items:center;display:flex;flex-direction:column;gap:24px}.commentsTitleStyle_iQ9i{font-size:20px;font-weight:700;line-height:28px;text-align:center}.commentsItemsContainerStyle_Zw4J{column-count:2;gap:8px;width:100%}.borderStyle_jCx_{background:linear-gradient(0deg,#000,#242424);border-radius:8px;break-inside:avoid;padding:1px;width:100%}.commentsItemStyle_rd1k{--tw-bg-opacity:1;background-color:rgb(20 20 20/var(--tw-bg-opacity));border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:24px}.commentContentStyle_NzjM{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.contentTextStyle_PpXf{color:#ffffffc0;font-size:12px;font-weight:500;line-height:16px}.reverseQuoteStyle_waKq{align-self:flex-end;transform:rotate(180deg)}.userInfoContainerStyle_WdED img{border-radius:50%;flex:none;height:20px;width:20px}.commentUserNameStyle_D4y3{color:#fff;font-size:12px;font-weight:500;line-height:20px}.commentUserCompanyStyle_zWSD{color:#ffffffc0;font-size:10px;font-weight:400;line-height:16px}.mobileGap_cpxI:after{content:"";display:block;padding-bottom:8px}.faqContainer_vbEd{align-items:center;display:flex;flex-direction:column;gap:24px;width:100%}.faqTitle_s89i{font-size:24px;font-weight:700;line-height:28px}.faqListContainer_XW42{align-items:flex-start;display:flex;flex-direction:column;width:100%}.faqListQuestion_Y7ri{border-radius:8px 8px 2px 2px;cursor:pointer;flex-direction:row;font-size:14px;font-weight:500;gap:16px;justify-content:space-between;line-height:22px;padding:4px 24px}.faqListAnswer_uzUc,.faqListQuestion_Y7ri{align-items:center;display:flex;text-align:start;width:100%}.faqListAnswer_uzUc{background-color:#ffffff14;border-radius:2px 2px 8px 8px;font-size:12px;font-weight:400;line-height:16px;padding-bottom:12px;padding-left:24px;padding-right:24px;white-space:pre-line}.direction_IrxQ{height:12px;width:12px}.publicize_vEiD{--tw-text-opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;display:none;font-size:14px;font-weight:400;height:40px;line-height:22px;margin-left:auto;margin-right:auto;min-width:400px;overflow:hidden;padding-left:25px;padding-right:25px;position:relative}.publicizeStyle_C7Y6{align-items:center;background:linear-gradient(90deg,#ea984c,#5c9ac6 45.31%,#687100 91.49%);display:flex;filter:blur(23px);flex-direction:row;height:124px;justify-content:space-between;left:50%;object-fit:none;object-position:center;opacity:.16;position:absolute;top:50%;transform:translate(-50%,-50%);width:402px;z-index:0}.publicIntru_nEWo{align-items:center;display:flex;gap:11px}.bannerContainerStyle__SXx{align-items:center;color:#fff;display:none;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;padding-left:20px;padding-right:20px}.canvasContainerStyle_h8pN{overflow:hidden;position:absolute;width:100%;z-index:-1}.bgStyle_xQ96{height:382px;object-fit:none;object-position:top;position:absolute;top:0;width:100%;z-index:0}.bannerContentContainer_RLp6{gap:186px;padding-top:24px}.bannerContentContainer_RLp6,.bannerTextContainerStyle_O5rS{align-items:center;display:flex;flex-direction:column;justify-content:center}.bannerTextContainerStyle_O5rS{gap:24px;position:relative;width:100%;z-index:2}.sloganStyle_zysD{font-size:56px;font-weight:800;line-height:88px;text-align:center}.descStyle_U78g{font-size:14px;font-weight:400;line-height:22px;padding-left:20px;padding-right:20px;text-align:center;width:100%}.buttonContainerStyle_UkM3,.buttonContainerStyle_ulq9{align-content:space-between;align-items:center;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:24px;line-height:28px}.bannerImageStyle_bakd,.bannerImageStyle_ppqY{align-items:center;display:flex;justify-content:center;padding-top:64px;width:100%}.colorDescAgentStyle_LHLV,.colorDescAgentStyle_x5xU{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff33ba .77%,#ffb7e7 100.77%);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescAppStyle_An_L,.colorDescAppStyle_qG8r{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1effff,#c9ffff);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescFlowStyle_VvqE,.colorDescFlowStyle_y9g7{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8d33ff,#d1adff);background-clip:text;-webkit-background-clip:text;font-weight:600}.solutionContainerStyle_QwBc{display:flex;flex-direction:column;gap:32px;margin-top:62px}.tabsContainerStyle_DETz{--tw-bg-opacity:1;--tw-backdrop-blur:blur(13px);align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgb(22 22 27/var(--tw-bg-opacity));border-color:#ffffff14;border-radius:36px;border-width:1px;display:flex;gap:2px;padding:2px;width:100%}.tabsItemStyle_TXig{align-items:center;border-radius:36px;color:#ffffff80;cursor:pointer;display:flex;flex:1 1 0%;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:20px;padding:14px 24px;position:relative;text-align:center;width:100%}.selectedTabStyle_CyW0{color:#fff;font-weight:600}.splitterItemStyle_gYQ6{background:linear-gradient(0deg,#0003,#0003),linear-gradient(180deg,#3f3849,#262a31);border-radius:34px;height:100%;position:absolute;top:0;width:100%;z-index:0}.solutionImageContainerStyle_LgpU{border-radius:12px;display:flex;flex-direction:row;overflow:hidden;position:relative;width:100%}.contentContainer_kErA svg,.solutionImageContainerStyle_LgpU svg{height:auto;width:100%}.solutionBaseBgStyle_nGRR{flex:none;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.solutionSelectBgStyle_Xioy{opacity:1;position:relative}.solutionUnSelectBgStyle_RZeW{opacity:0;position:absolute;z-index:-1}.solutionBaseImageStyle_APzO{border-radius:8px;bottom:0;box-shadow:0 4px 24px 0 #0000002e;left:50%;opacity:1;position:absolute;transform:translateX(-50%);transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s;z-index:1}.linkButtonStyle_b1Kn{bottom:40px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.pricingMask_W_17{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow:hidden;position:absolute;width:100%;z-index:1}.pricingContainer_Iia_{position:relative;width:100%;z-index:1}.pricingMaskLeft_XgjA{filter:blur(238.125px);left:-525px;opacity:.5;top:-40px;width:1155px}.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj{--tw-bg-opacity:1;background-color:rgb(101 74 236/var(--tw-bg-opacity));display:none;height:453px;position:absolute}.pricingMaskRight_mQEj{filter:blur(238.125px);left:1004px;opacity:.3;top:109px;width:824px}.pricingMaskPhone_eCBF{background:radial-gradient(37% 76.28% at 48.58% 50.06%,#654aec 0,#654aec00 100%);display:block;filter:blur(50px);height:415.69px;left:-204px;opacity:.3;position:absolute;top:46.5px;transform:rotate(2.6deg);width:630px;z-index:-1}.pricingContent_kMON{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin:0 auto;padding-left:20px;padding-right:20px;width:100%}.pricingContentTitleExtra_U6Tm{background:linear-gradient(90deg,#fff0,#ffffff1a 50.38%,#fff0);border-radius:20px;color:#fff;display:block;font-size:14px;font-weight:500;line-height:26px;padding:3px 56px;text-align:center;width:-moz-fit-content;width:fit-content}.pricingContentTitle_tw94{font-size:40px;font-weight:700;justify-self:center;line-height:48px;padding-left:24px;padding-right:24px;text-align:center;width:100%}.cardContainerStyle_frTi{background:radial-gradient(98.85% 129.62% at 6.76% 2.06%,#bac1ff08 0,#dcdfff00 100%),#ffffff0f;border-color:#ffffff19;border-radius:8px;border-width:1px;display:flex;gap:20px;margin-top:8px;padding:24px;width:100%}.premiumCardContainer_ArgU{align-items:flex-start;gap:12px;width:100%}.premiumTitleStyle_pemo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9037ff,#f524ff);background-clip:text;-webkit-background-clip:text;font-size:20px;font-weight:700;line-height:30px}.premiumDescStyle_R6dg{color:#ffffffc0;display:block;font-size:12px;font-weight:400;line-height:15px}.premiumCardContainerStyle_zMC3{bottom:12px;display:flex;flex-direction:column;gap:12px;width:100%}.cardBaseStyle_lN8t{border-radius:8px;height:100%;overflow:hidden;padding:24px;position:relative;width:100%;z-index:1}.priceCardStyle_vDMh{background:linear-gradient(180deg,#ffffff0f,#fff0);display:flex;flex-direction:column;gap:12px}.cardBgStyle_q38d{bottom:0;height:auto;left:0;object-fit:cover;object-position:top;position:absolute;right:0;top:0;width:100%;z-index:-1}.cardIconStyle_UqGN{display:inline-flex;height:16px;width:16px}.agentListTitleStyle_sU8y{--tw-text-opacity:1;color:rgb(255 88 190/var(--tw-text-opacity))}.listIconStyle_TqyE{align-self:flex-start;padding-top:2px}.priceListTitleStyle_v2pp{font-size:16px;font-weight:600;line-height:22px}.priceListStyle_xBIv{display:flex;flex-direction:column;gap:4px}.listItemStyle_Pa3C{align-items:center;display:flex;gap:8px;padding-bottom:4px;padding-top:4px}.listItemNameStyle_YZOo{font-size:14px;font-weight:400;line-height:18px}.priceNumStyle_eiPz{font-size:28px;font-weight:700}.priceNumDescStyle_n2JG{color:#ffffffc0;font-size:12px;font-weight:400;line-height:16px}.upgradeButtonStyle_qpR6{--tw-bg-opacity:1;align-items:center;background-color:rgb(101 74 236/var(--tw-bg-opacity));border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:center;line-height:22px;padding:9px 32px;width:100%}.containerStyle_IK43,.descStyle_uxY4,.textContainerStyle_j9Qp{padding-left:20px;padding-right:20px}.containerStyle_IK43{align-items:center;color:#fff;display:flex;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;height:100%;margin-bottom:60px;overflow:hidden;position:relative}.indexBgStyle_Nusz{display:none;overflow:hidden;position:absolute;width:100%;z-index:-1}.indexBgStyle_Nusz img{bottom:0;height:auto;position:absolute;width:100%}.canvasContainerStyle_tBLh{height:100%;overflow:hidden;position:absolute;width:100%;z-index:-1}.contentContainer_kErA{align-items:center;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:space-between;padding-top:64px;position:relative}.textContainerStyle_LZMZ{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;position:relative;width:100%;z-index:2}.sloganStyle_L8z2{font-size:36px;font-weight:800;line-height:40px;text-align:center}.colorSloganStyle_oMou{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text}.descStyle_uxY4{font-size:14px;font-weight:400;line-height:17px;text-align:center;width:100%}.demoContainerStyle_taMy{bottom:0;height:auto;perspective:1040px;width:100%;z-index:2}.demoImgStyle_SvRF{border-radius:12px 12px 0 0;display:none;max-width:100%;overflow:hidden;position:relative;transform-origin:center;width:100%}.linkButtonStyle_m6Tn{bottom:16px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.baseLinkButtonStyle_PuMK{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:center;line-height:28px;overflow:hidden;position:relative;text-align:center}.smallSizeStyle_AohM{border-radius:32px;font-size:14px;height:48px;min-width:240px}.normalSizeStyle_qzr1{border-radius:24px;font-size:16px;height:56px;min-width:320px}.largeSizeStyle_kJWZ{border-radius:32px;font-size:16px;height:64px;min-width:320px}.darkColorStyle_MxJT{background-color:#0b0c0f;box-shadow:0 4px 8px 0 #15151d73;color:#fff}.lightColorStyle_JCL1{background-color:#fff;box-shadow:0 2px 24.8px 0 #6100ff;color:#0b0c0f}.lightColorStyle_JCL1:hover{color:#0b0c0f}.baseArrowStyle_lXyW{align-items:center;border-radius:9999px;box-shadow:0 4px 8px #23152f9e;display:flex;justify-content:center}.baseArrowStyle_lXyW svg{height:auto;width:16px}.smallArrowStyle_XZaI{height:32px;margin-right:8px;width:32px}.normalArrowStyle_XxGa{height:40px;margin-right:8px;width:40px}.largeArrowStyle_sKWX{height:40px;margin-right:12px;width:40px}.linesStyle_lbFy,.linkButtonBgStyle_WFWO{position:absolute;width:100%;display:flex}.darkArrowStyle_go7n{background:linear-gradient(180deg,#d1ccf2,#fff);color:#0b0c0f}.lightArrowStyle_QtFv{background:linear-gradient(180deg,#312578,#0b0c0f);color:#fff}.linkButtonBgStyle_WFWO{align-items:center;height:100%;justify-content:flex-end;transition:.3s ease-in-out;z-index:0}.swiper-slide,.swiper-wrapper{transition-property:transform;height:100%}.baseLinkButtonStyle_PuMK:hover .linkButtonBgStyle_WFWO{transform:translateX(-10%)}.linesStyle_lbFy{align-items:center;gap:10px;height:100%;z-index:-1}.swiper,.swiper-wrapper{z-index:1;position:relative}.lineContainerStyle_Y3Ta{display:flex;flex:none;height:100%;justify-content:center;transform:rotate(20deg);width:26px}.lineStyle__sNm{background-color:#0b0c0f;height:100%;width:1px}.darkLineStyle__Ris{--tw-bg-opacity:1;background-color:rgb(57 57 62/var(--tw-bg-opacity))}.lightLineStyle_xduB{--tw-bg-opacity:1;background-color:rgb(240 240 244/var(--tw-bg-opacity))}.bannerContainer_oUHl{gap:32px;height:100%;justify-content:center;overflow:hidden;padding-bottom:32px;padding-top:32px;position:relative}.bannerContainer_oUHl,.textContainerStyle_j9Qp{align-items:center;display:flex;flex-direction:column;width:100%}.textContainerStyle_j9Qp{gap:24px}.sloganStyle_XKtE{color:#fff;font-size:36px;font-weight:700;line-height:40px;text-align:center}.contentLabelStyle_dif9,.descStyle_YqnZ{color:#fff;font-size:14px;text-align:center}.descStyle_YqnZ{line-height:17px}.linkGroupItemStyle_KQRV{align-items:center;display:flex;flex-direction:column;gap:8px}.contentContainerStyle_JEhu{align-items:center;display:flex;flex:none;flex-direction:column;gap:12px;padding-left:8px;padding-right:8px}.contentLabelStyle_dif9{font-weight:600;line-height:20px}.swiper-slide{width:320px!important}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;margin-left:auto;margin-right:auto;overflow:hidden;padding:0}.swiper-wrapper{box-sizing:initial;display:flex;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;position:relative}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:1s linear infinite b}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (min-width:360px){.container{max-width:360px}}@media (min-width:480px){.container{max-width:480px}}@media (min-width:640px){.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2.5rem;line-height:3rem;margin-bottom:2rem}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2rem;line-height:2.5rem;margin-bottom:1.5rem}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.33rem;line-height:1.75rem;margin-bottom:1.5rem}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.75rem}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.75rem;line-height:1.0625rem}.admonition-simple *{line-height:1.25rem}.container{max-width:640px}.sm\:h-\[232px\]{height:232px}.sm\:flex-row{flex-direction:row}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:text-2xl{font-size:1.5rem}.sm\:text-sm{font-size:.875rem}}@media (min-width:656px){.container{max-width:656px}}@media (min-width:688px){.blog-sm\:max-w-screen-blog-sm,.container{max-width:688px}.blog-sm\:mb-16{margin-bottom:4rem}.blog-sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.blog-sm\:py-12{padding-bottom:3rem;padding-top:3rem}.blog-sm\:pb-16{padding-bottom:4rem}.blog-sm\:text-4xl{font-size:2.25rem}}@media (min-width:720px){.container{max-width:720px}}@media (min-width:768px){.max-w-screen-content{max-width:656px}.container{max-width:768px}.md\:mb-4{margin-bottom:1rem}.md\:mt-4{margin-top:1rem}.md\:h-64{height:16rem}.md\:w-60{width:15rem}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem}.md\:text-4xl{font-size:2.25rem}.md\:text-base{font-size:1rem}}@media (min-width:864px){.container{max-width:864px}}@media (min-width:944px){.container{max-width:944px}}@media (min-width:960px){.cardContentItemNormalStyle_f4ow,.footerBottom_L4UB,.lg\:flex-row{flex-direction:row}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;line-height:1.125rem}.container{max-width:960px}.lg\:mb-8{margin-bottom:2rem}.lg\:mt-0{margin-top:0}.lg\:mt-\[16px\]{margin-top:16px}.demoImgStyle_SvRF,.lg\:block,.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj,.publicize_vEiD{display:block}.back_vGuo,.bannerContainerStyle__SXx,.lg\:flex{display:flex}.bannerContainer_oUHl,.lg\:hidden,.mobileGap_cpxI:after,.pricingMaskPhone_eCBF{display:none}.itemDescription_LA9o,.templateItemDesc_NKfB{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box}.lg\:h-\[210px\]{height:210px}.lg\:h-\[26px\]{height:26px}.lg\:h-\[40px\],.logoStyle_ixBp{height:40px}.lg\:w-\[1040px\]{width:1040px}.lg\:w-\[550px\]{width:550px}.lg\:w-\[570px\]{width:570px}.lg\:w-\[800px\]{width:800px}.lg\:w-auto{width:auto}.lg\:max-w-\[680px\]{max-width:680px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1040px}.lg\:items-center{align-items:center}.lg\:gap-\[120px\]{gap:120px}.cardContainerStyle_Kvlw,.lg\:gap-\[32px\],.textContainerStyle_toav,.wallContainerStyle_Ny01{gap:32px}.lg\:gap-\[8px\]{gap:8px}.lg\:px-\[40px\]{padding-left:40px;padding-right:40px}.lg\:py-\[16px\]{padding-bottom:16px;padding-top:16px}.lg\:pb-\[100px\]{padding-bottom:100px}.lg\:pb-\[200px\]{padding-bottom:200px}.lg\:pl-\[30px\]{padding-left:30px}.lg\:pt-\[40px\]{padding-top:40px}.lg\:pt-\[48px\]{padding-top:48px}.lg\:text-\[16px\]{font-size:16px}.lg\:text-base{font-size:1rem}.lg\:text-sm{font-size:.875rem}.lg\:leading-\[19px\]{line-height:19px}.footerContainer_lS9F{gap:40px;padding:80px 120px 40px}.footerContentContainer_DQf_{column-gap:40px;flex-wrap:nowrap;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1040px}.footerBottom_L4UB{gap:48px}.footerBottom_L4UB,.footerItem_GsU2,.textDescStyle_vwoY{font-size:14px;line-height:22px}.lpHeader_rubd{flex-direction:row;flex-wrap:nowrap}.lpHeaderLeft_Zvbf{align-items:flex-start;gap:40px;justify-content:flex-start;text-align:left}.headerTitle_URD5{font-size:48px;line-height:56px}.headerGo_RttL{border-radius:8px;font-size:20px;font-weight:500;height:48px;line-height:28px;padding:10px 32px}.lpContainer_Zbon,.lpContainer_yWoG{padding-left:0;padding-right:0}.contentTitle_b3GB{margin-top:100px}.itemsContainer_OUc9{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.item_AuQF{gap:24px;padding:32px}.itemNameCommon_o16n,.templateHeaderLabel_W4fj{font-size:18px}.itemNameIntegrations_ZIud{line-height:26px}.itemDescription_LA9o{font-size:14px;line-height:24px;overflow:hidden}.contentContainer_c9t8{overflow:visible;padding-top:200px}.content_jfit{gap:200px}.commBottomContainerStyle_CDHK{margin-top:200px}.cardContentContainerStyle_kX6c{gap:64px}.textTitleNumStyle_h7vB,.textTitleStye_mJAH{font-size:40px}.textTitleNumStyle_TEnk{font-size:48px}.textDescStyle_NFkj{font-size:14px;line-height:22px;max-width:488px}.imgStyle_GNQD{width:431px}.cardContentItemReverseStyle_DHTD{flex-direction:row-reverse}.cardIContentItemContainerStyle_rPYn{border-radius:16px;gap:40px;padding:48px}.textTitleStye_u6Ys{font-size:36px;line-height:44px}.swipeMore_QWDA{font-size:16px;line-height:19px}.commBottomContainer_rcOJ{border-bottom-left-radius:40px;border-bottom-right-radius:40px;height:410px;padding:120px 120px 80px}.commBottomTitle_zpUk{font-size:40px;line-height:48px}.commBottomDesc_DyZe{width:600px}.commBottomBtn_pFSF{width:320px}.templateContainer_VElw{gap:40px;padding-bottom:100px}.templateHeader_AQwG{gap:24px;margin-top:60px}.templateItemContainer_lyZ8{gap:40px;grid-template-columns:repeat(4,minmax(0,1fr))}.templateItem_Ji0p{gap:24px}.templateHeaderTitle_yMrU{font-size:32px;line-height:56px}.templateHeaderDesc_XN3P{font-size:16px;line-height:24px}.templateItemDesc_NKfB{line-height:20px;overflow:hidden}.learnMore_Lb_l{font-size:14px;gap:8px;line-height:22px}.logoTitleStyle_hhN_{font-size:16px;line-height:28px}.logoContainerStyle_PeVm{align-items:center;column-gap:40px;display:flex;justify-content:center}.commentsContainerStyle_ctEM{gap:48px}.commentsTitleStyle_iQ9i{font-size:40px;line-height:56px}.commentsItemsContainerStyle_Zw4J{column-count:3;gap:16px}.userInfoContainerStyle_WdED img{height:32px;width:32px}.faqContainer_vbEd{gap:48px;width:800px}.faqTitle_s89i{line-height:56px}.faqListQuestion_Y7ri{border-top-left-radius:16px;border-top-right-radius:16px;font-size:16px}.faqListAnswer_uzUc{border-bottom-left-radius:16px;border-bottom-right-radius:16px;font-size:14px;line-height:22px}.publicizeStyle_C7Y6{height:179px;width:579px}.solutionBaseImageStyle_APzO{width:715px}.pricingContent_kMON{gap:24px;max-width:1200px}.pricingContentTitle_tw94{font-size:64px;line-height:72px}.cardContainerStyle_frTi{gap:40px}.premiumCardContainer_ArgU{border-radius:16px;gap:24px}.premiumTitleStyle_pemo{font-size:24px;line-height:28px}.premiumDescStyle_R6dg{line-height:20px}.premiumCardContainerStyle_zMC3{bottom:0;flex-direction:row;gap:24px}.priceCardStyle_vDMh{gap:20px}.operatingStyle_cGmQ{align-items:flex-start;justify-content:flex-start}.upgradeButtonStyle_qpR6{width:208px}.containerStyle_IK43{margin-bottom:120px}.indexBgStyle_Nusz{display:block;min-height:1200px}.indexBgStyle_Nusz img{height:1034px}.contentContainer_kErA{gap:56px;max-width:1040px;min-height:1200px;padding-top:150px}.sloganStyle_L8z2{font-size:56px;line-height:88px}.descStyle_uxY4{line-height:22px;max-width:800px}.demoContainerStyle_taMy{position:relative}.linkButtonStyle_m6Tn{bottom:40px}}@media (min-width:976px){.container{max-width:976px}}@media (min-width:997px){:root{--docusaurus-announcement-bar-height:30px}.announcementBarClose_S8lM,.announcementBarPlaceholder_nNiq{flex-basis:50px}.navbarSearchContainer_Pu8E{padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}}@media (min-width:1000px){.blog-md\:max-w-screen-blog-md,.container{max-width:1000px}.blog-md\:mb-8{margin-bottom:2rem}.blog-md\:block{display:block}.blog-md\:max-w-\[624px\]{max-width:624px}.blog-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-md\:flex-row{flex-direction:row}.blog-md\:border-t{border-top-width:1px}.blog-md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.blog-md\:py-16{padding-bottom:4rem;padding-top:4rem}.blog-md\:pb-8{padding-bottom:2rem}.blog-md\:pt-0{padding-top:0}.blog-md\:pt-12{padding-top:3rem}.blog-md\:pt-16{padding-top:4rem}.blog-md\:text-base{font-size:1rem}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1264px){.container{max-width:1264px}}@media (min-width:1280px){.container{max-width:1280px}.blog-lg\:mb-12{margin-bottom:3rem}.blog-lg\:max-w-screen-content-2xl{max-width:864px}.blog-lg\:gap-12{gap:3rem}.blog-lg\:text-5xl{font-size:3rem}.blog-lg\:text-xl{font-size:1.25rem}}@media (min-width:1296px){.container{max-width:1296px}}@media (min-width:1408px){.container{max-width:1408px}}@media (min-width:1440px){.container{max-width:var(--ifm-container-width-xl);max-width:1440px}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:h-\[152px\]{height:152px}.xl\:h-\[192px\]{height:192px}.xl\:h-\[80px\]{height:80px}.xl\:h-\[96px\]{height:96px}.xl\:w-\[250px\]{width:250px}.xl\:w-\[400px\]{width:400px}.xl\:w-auto{width:auto}.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:px-\[200px\]{padding-left:200px;padding-right:200px}.xl\:text-\[14px\]{font-size:14px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.footerContentContainer_DQf_,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1200px}.content_jfit{padding:0}.allContentContainer_nVOG{gap:64px}.allContentTitle_K0Y2{font-size:40px;line-height:48px}.imgStyle_GNQD{width:532px}.faqTitle_s89i{font-size:48px}.solutionBaseImageStyle_APzO{width:825px}.contentContainer_kErA{max-width:1200px;width:1200px}}@media (min-width:1536px){.refine-prose{font-size:1rem;line-height:1.75}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6em;margin-top:1.6em;padding-left:1em}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.25em;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.875em;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.875em;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;padding:.8571429em 1.1428571em}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.\32xl\:prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.\32xl\:prose-base>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3em;margin-top:3em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(.\32xl\:prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.\32xl\:prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.max-w-screen-content{max-width:864px}.container{max-width:1536px}.\32xl\:mb-6{margin-bottom:1.5rem}.\32xl\:p-6{padding:1.5rem}.\32xl\:text-\[32px\]{font-size:32px}.\32xl\:text-base{font-size:1rem}.\32xl\:text-lg{font-size:1.125rem}.\32xl\:text-xl{font-size:1.25rem}.\32xl\:leading-10{line-height:2.5rem}}@media (min-width:1584px){.container{max-width:1584px}.blog-2xl\:mb-20{margin-bottom:5rem}.blog-2xl\:max-w-screen-blog-md{max-width:1000px}.blog-2xl\:px-0{padding-left:0;padding-right:0}.blog-2xl\:pb-12{padding-bottom:3rem}.blog-2xl\:pt-20{padding-top:5rem}}@media (max-width:996px){.col{--ifm-col-width:100%;flex-basis:var(--ifm-col-width);margin-left:0}.footer{--ifm-footer-padding-horizontal:0}.colorModeToggle_Kblj,.footer__link-separator,.navbar__item{display:none}.footer__col{margin-bottom:calc(var(--ifm-spacing-vertical)*3)}.footer__link-item{display:block}.hero{padding-left:0;padding-right:0}.navbar>.container,.navbar>.container-fluid{padding:0}.navbar__toggle{display:inherit}.navbar__search-input{width:9rem}.pills--block,.tabs--block{flex-direction:column}.navbarSearchContainer_Pu8E{position:absolute;right:var(--ifm-navbar-padding-horizontal)}}@media screen and (max-width:960px){.mobileFooterContainer_tpXD{transform:translateY(0)!important}.linkButtonBgStyle_WFWO{transform:translateX(0)!important}}@media (max-width:576px){.markdown h1:first-child{--ifm-h1-font-size:2rem}.markdown>h2{--ifm-h2-font-size:1.5rem}.markdown>h3{--ifm-h3-font-size:1.25rem}}@media (pointer:fine){.thin-scrollbar{scrollbar-width:thin}.thin-scrollbar::-webkit-scrollbar{height:var(--ifm-scrollbar-size);width:var(--ifm-scrollbar-size)}.thin-scrollbar::-webkit-scrollbar-track{background:var(--ifm-scrollbar-track-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--ifm-scrollbar-thumb-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--ifm-scrollbar-thumb-hover-background-color)}}@media (prefers-reduced-motion:reduce){:root{--ifm-transition-fast:0ms;--ifm-transition-slow:0ms}}@media print{.announcementBar_hbYq,.footer,.menu,.navbar,.pagination-nav,.table-of-contents{display:none}.tabs{page-break-inside:avoid}.codeBlockLines_THA1{white-space:pre-wrap}}
\ No newline at end of file
diff --git a/de/assets/js/1842627e.50bd85e0.js b/de/assets/js/1842627e.50bd85e0.js
new file mode 100644
index 0000000000..5fd30334be
--- /dev/null
+++ b/de/assets/js/1842627e.50bd85e0.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5037],{2640:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/de/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"UI Library",permalink:"/illa-website/de/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/de/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/de/blog/tags/react"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/de/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/de/blog/nvm-use-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/de/blog/shadcn-ui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/de/blog/nvm-use-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/de/blog/lowcode-vs-traditional",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,i.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,i.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,i.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(t.p,{children:"These include:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,i.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/1842627e.87b363d4.js b/de/assets/js/1842627e.87b363d4.js
deleted file mode 100644
index f5b4b99e97..0000000000
--- a/de/assets/js/1842627e.87b363d4.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5037],{2640:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/de/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"UI Library",permalink:"/illa-website/de/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/de/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/de/blog/tags/react"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/de/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/de/blog/nvm-use-2024"},relatedPosts:[{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",permalink:"/illa-website/de/blog/shadcn-vs-mui",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.12,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/de/blog/shadcn-ui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/de/blog/nvm-use-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,n.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,n.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsx)(t.li,{children:"Design"}),"\n",(0,n.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Colors"}),"\n",(0,n.jsx)(t.li,{children:"Border radii"}),"\n",(0,n.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,n.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,n.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,n.jsx)(t.p,{children:"These include:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,n.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,n.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,n.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,n.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,n.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,n.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,t,i)=>{i.d(t,{Z:()=>r,a:()=>a});var n=i(959);const o={},s=n.createContext(o);function a(e){const t=n.useContext(s);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/1df93b7f.93c94f4a.js b/de/assets/js/1df93b7f.c6a8adb1.js
similarity index 84%
rename from ja/assets/js/1df93b7f.93c94f4a.js
rename to de/assets/js/1df93b7f.c6a8adb1.js
index c6426bb606..dfa1a8d870 100644
--- a/ja/assets/js/1df93b7f.93c94f4a.js
+++ b/de/assets/js/1df93b7f.c6a8adb1.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3237],{1641:(e,t,s)=>{s.d(t,{Z:()=>i});var a,l=s(959);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},n.apply(this,arguments)}const i=e=>{let{title:t,titleId:s,...i}=e;return l.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:15,height:13,viewBox:"0 0 15 13",fill:"none","aria-labelledby":s},i),t?l.createElement("title",{id:s},t):null,a||(a=l.createElement("path",{d:"M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},7812:(e,t,s)=>{s.d(t,{Z:()=>u});const a="faqContainer_vbEd",l="faqTitle_s89i",n="faqListQuestion_Y7ri",i="faqListAnswer_uzUc",o="direction_IrxQ";var c=s(3023),r=s(3473),d=s(5341),m=s(1527);const u=e=>{let{title:t,content:s}=e;const u="transform rotate-0",h="transform -rotate-180",p="bg-white/[0.08]";return(0,m.jsxs)("div",{className:a,children:[(0,m.jsx)("h2",{className:l,children:t}),(0,m.jsx)("div",{className:"w-full flex flex-col gap-[8px]",children:s.map((e=>(0,m.jsx)(c.p,{as:"div",className:"w-full",children:t=>{let{open:s}=t;return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(c.p.Button,{className:(0,d.Z)(n,s?`${p}`:""),children:[(0,m.jsx)("span",{children:e.question}),(0,m.jsx)(r.Z,{className:(0,d.Z)(s?`${h}`:`${u}`,o)})]}),s&&(0,m.jsx)(c.p.Panel,{className:i,children:e.answer})]})}},e.question)))})]})}},117:(e,t,s)=>{s.d(t,{Z:()=>A});var a=s(0),l=s(5341);const n="baseLinkButtonStyle_PuMK",i="smallSizeStyle_AohM",o="normalSizeStyle_qzr1",c="largeSizeStyle_kJWZ",r="darkColorStyle_MxJT",d="lightColorStyle_JCL1",m="baseArrowStyle_lXyW",u="smallArrowStyle_XZaI",h="normalArrowStyle_XxGa",p="largeArrowStyle_sKWX",g="darkArrowStyle_go7n",f="lightArrowStyle_QtFv",v="linkButtonBgStyle_WFWO",b="linesStyle_lbFy",w="lineContainerStyle_Y3Ta",y="lineStyle__sNm",_="darkLineStyle__Ris",x="lightLineStyle_xduB";var I=s(1641),j=s(1527);const A=e=>{let{href:t,children:s,size:A,colorType:L,handleClick:S}=e;return(0,j.jsxs)(a.Z,{to:t,onClick:S,className:(0,l.Z)(n,"small"===A&&i,"normal"===A&&o,"large"===A&&c,"dark"===L?r:d),children:[(0,j.jsxs)("span",{className:v,children:[(0,j.jsx)("span",{className:b,children:Array.from({length:10}).map(((e,t)=>(0,j.jsx)("span",{className:w,children:(0,j.jsx)("span",{className:(0,l.Z)(y,"dark"===L?_:x)},t)},t)))}),(0,j.jsx)("span",{className:(0,l.Z)(m,"small"===A&&u,"normal"===A&&h,"large"===A&&p,"dark"===L?g:f),children:(0,j.jsx)(I.Z,{})})]}),(0,j.jsx)("span",{className:"relative z-[1]",children:s})]})}},3090:(e,t,s)=>{s.d(t,{G:()=>l});var a=s(959);const l=(e,t)=>{const s=(0,a.useRef)(null),l=(0,a.useCallback)((()=>{const a=e.current;if(!a)return;const l=a.getContext("2d");a.width=t.current.clientWidth,a.height=t.current.clientHeight;s.current=(l.clearRect(0,0,a.width,a.height),void(()=>{l.strokeStyle="rgba(255, 255, 255, 0.1)";for(let e=0;e<=a.height;e+=56)l.beginPath(),l.moveTo(0,e),l.lineTo(a.width,e),l.stroke();for(let e=0;e<=a.width;e+=56)l.beginPath(),l.moveTo(e,0),l.lineTo(e,a.height),l.stroke()})())}),[e]);(0,a.useEffect)((()=>{const e=t.current,a=new ResizeObserver((()=>{s.current&&cancelAnimationFrame(s.current),l()}));return a.observe(e),l(),()=>{a&&a.unobserve(e)}}),[t,l]),(0,a.useEffect)((()=>()=>{s.current&&cancelAnimationFrame(s.current),s.current=null}),[])}},7518:(e,t,s)=>{s.r(t),s.d(t,{default:()=>Tt});var a=s(4491),l=s(1153),n=s(2204),i=s(7546),o=s(5374);const c={title:(0,o.I)({id:"meta.title",message:"ILLA Cloud | Build AI Driven Business App"}),description:(0,o.I)({id:"meta.description",message:"Empower your team with AI Agent and advanced low-code tools to create business apps"}),keywords:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"},r={title:(0,o.I)({id:"faq.title",message:"Frequently Asked Questions"}),content:[{question:(0,o.I)({id:"faq.content.0.question",message:"What kind of content can I build with ILLA AI?"}),answer:(0,o.I)({id:"faq.content.0.answer",message:"You can build any internal application or AI tool you need, and you can also integrate AI with internal applications. For example, a dashboard, an admin panel, file content management, customer management system, text generation tool, image generation tool, email generation tool, and so on."})},{question:(0,o.I)({id:"faq.content.1.question",message:"Who can use ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.1.answer",message:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."})},{question:(0,o.I)({id:"faq.content.2.question",message:"How can I benefit from ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.2.answer",message:"ILLA AI not only reduces the cost of building your tools but also integrates any AI capabilities you desire, making your work more efficient and enabling you to generate more valuable content in less time."})},{question:(0,o.I)({id:"faq.content.3.question",message:"Can I customize the AI Agent for my specific business needs?"}),answer:(0,o.I)({id:"faq.content.3.answer",message:"Yes, you can! AI Agent is based on a large language model and can be customized to perform specific tasks. You can define the behavior of the AI Agent based on your business requirements. By using ILLA Builder, you can feed data into the AI Agent and train it to accomplish designated tasks such as text processing, image recognition, and natural language processing."})},{question:(0,o.I)({id:"faq.content.4.question",message:"What data sources does ILLA support?"}),answer:(0,o.I)({id:"faq.content.4.answer",message:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."})},{question:(0,o.I)({id:"faq.content.5.question",message:"Is there any technical support available for ILLA Cloud users?"}),answer:(0,o.I)({id:"faq.content.5.answer",message:"Yes, ILLA Cloud offers technical support to its users. If you encounter any issues or have questions about the platform's features, you can reach out to our support team for assistance. We are dedicated to helping you have a seamless experience with ILLA Cloud."})}]},d={"@context":"https://schema.org","@graph":[{"@type":"Organization",name:"ILLA Cloud",url:"https://www.illacloud.com/#organization",logo:"https://www.illacloud.com/#logo",sameAs:["https://twitter.com/illacloudhq","https://github.com/illacloud/illa-builder","https://www.illacloud.com/","https://www.youtube.com/@illacloud","https://www.linkedin.com/company/illacloud/"]},{"@type":"WebSite",name:"ILLA Cloud",url:"https://www.illacloud.com/#Website",potentialAction:{"@type":"SearchAction",target:"https://www.illacloud.com/?search={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage",url:"www.illacloud.com/illadrive/#WebPage",name:"ILLA Cloud",description:"An open-source low-code platform with react component library to build AI native internal applications in minutes."},{"@type":"FAQPage",mainEntity:[{"@type":"Question",name:"What is ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"ILLA Cloud is a low-code platform that inherits multiple capabilities from ILLA Builder and ILLA Drive. It provides a seamless experience by allowing users to log in and register to access its features. With ILLA Cloud, you can effortlessly build internal tools, dashboards, CRUD (create, read, update, delete) applications, and more. The platform significantly improves work efficiency and helps companies save costs."}},{"@type":"Question",name:"Who can use ILLA Cloud",acceptedAnswer:{"@type":"Answer",text:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."}},{"@type":"Question",name:"What kinds of applications can you develop using ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"1. Rapid idea implementation: When enterprises experience a high demand for internal tools during rapid growth, ILLA can significantly accelerate the development speed and quality of your internal applications. This helps expedite your company's growth by quickly addressing the tooling needs. 2. No skill limitations for editors: With ILLA, any individual within the organization can build the tools they need without requiring specialized teams or technical skills. This empowers employees across various roles to create their own solutions, fostering innovation and productivity. 3. Cost reduction: By leveraging ILLA, enterprises can allocate their time, workforce, and financial resources towards core business activities. This results in reduced costs as ILLA streamlines the development process, eliminates the need for specialized teams, and minimizes the investment required for tooling development."}},{"@type":"Question",name:"What problems can ILLA Cloud solve?",acceptedAnswer:{"@type":"Answer",text:"With ILLA Cloud, you can build any application you need, such as commonly used internal tools like Dashboards, Admin Panels, CRUD apps, CRM, CMS, and more. Additionally, you can develop AI applications, such as text-to-image applications with Stable Diffusion, audio-to-text applications with Whisper, and even embed OpenAI's GPT models to assist you in completing various tasks."}},{"@type":"Question",name:"Which data sources does ILLA support?",acceptedAnswer:{"@type":"Answer",text:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."}}]},{"@type":"VideoObject",name:"What is ILLA Cloud",description:"ILLA Cloud is a low-code platform to make users build internal tools faster.",thumbnailUrl:"https://cdn.illacloud.com/official-website/img/home/playVideoCover.png",uploadDate:"2023-06-15",duration:"PT1M20S",contentUrl:"https://cdn.illacloud.com/official-website/img/home/video.webm"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203341.svg",datePublished:"2023-06-15",description:"40+ components in ILLA Cloud",name:"ILLA Cloud components"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340.svg",datePublished:"2023-06-15",description:"SQL Generation based on OpenAI in ILLA Cloud",name:"ILLA Cloud SQL Generation"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340%20(1).svg",datePublished:"2023-06-15",description:"Real-time collaboration based on OpenAI in ILLA Cloud",name:"ILLA Cloud real-time collaboration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/datasource/datasource.svg",datePublished:"2023-06-15",description:"ILLA Cloud supports to connect multiple datasource with GUI mode. No code required. ",name:"ILLA Cloud data source integration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Codepartbgweb.svg",datePublished:"2023-06-15",description:"Build dashboard or any other internal tools with ILLA Cloud in minutes",name:"Build dashboard with ILLA Cloud"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356.svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required",name:"ILLA Drive"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356%20(1).svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required. Support anti-leech links",name:"Storage and share files via ILLA Drive"}]},m="contentContainer_c9t8",u="content_jfit",h="commBottomContainerStyle_CDHK",p="allContentContainer_nVOG",g="allContentTitle_K0Y2";var f=s(1527);const v=()=>(0,f.jsxs)("div",{className:p,children:[(0,f.jsx)("h2",{className:g,children:(0,f.jsx)(o.Z,{id:"content.all.title",children:"ILLA Cloud integrates everything"})}),(0,f.jsx)("img",{className:"w-full h-auto",src:"https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp",alt:"ILLA Cloud integrates everything"})]}),b="cardContentContainerStyle_kX6c",w="headerContainerStyle_RgD_",y="textTitleStye_mJAH",_="textTitleNumStyle_TEnk",x="textDescStyle_NFkj",I="imgStyle_GNQD",j="cardContainerStyle_Kvlw",A={cardContentItemReverseStyle:"cardContentItemReverseStyle_DHTD",cardContentItemNormalStyle:"cardContentItemNormalStyle_f4ow",cardIContentItemContainerStyle:"cardIContentItemContainerStyle_rPYn",textContainerStyle:"textContainerStyle_toav",textTitleStye:"textTitleStye_u6Ys",textTitleNumStyle:"textTitleNumStyle_h7vB",textDescStyle:"textDescStyle_vwoY"},L="swipeMore_QWDA";var S=s(0),N=s(5341),C=s(700),Z=s(1641);const k=e=>{let{href:t,title:s,category:a,leftPadding:l=!1}=e;return(0,f.jsxs)(S.Z,{className:(0,N.Z)(L,l?"lg:pl-[30px]":""),to:t,onClick:()=>{(0,C.l)({action:"click",category:a})},children:[(0,f.jsx)("span",{className:"underline",children:s}),(0,f.jsx)(Z.Z,{})]})};var E=s(5628);const O=e=>{let{imageIcon:t,stepNum:s,title:a,desc:l,moreTitle:n,moreHref:i,reverse:o}=e;const c=(0,E.f)();return(0,f.jsxs)("div",{className:(0,N.Z)(A.cardIContentItemContainerStyle,o?A.cardContentItemReverseStyle:A.cardContentItemNormalStyle),children:[t,(0,f.jsxs)("div",{className:A.textContainerStyle,children:[(0,f.jsxs)("h3",{className:A.textTitleStye,children:[(0,f.jsxs)("span",{className:A.textTitleNumStye,children:[s,"."]}),(0,f.jsx)("br",{}),(0,f.jsx)("span",{children:a})]}),(0,f.jsx)("span",{className:A.textDescStyle,children:l}),(0,f.jsx)(k,{title:n,href:c(i)??""})]})]})};var B=s(8930);const q={title:(0,o.I)({id:"how_to_use.title.3_steps_to_customize",message:"steps to customize your business apps"}),desc:(0,o.I)({id:"how_to_use.description.build_tools_through",message:"Build tools through drag-and-drop components, customize your AI Agent, connect to your data sources, and make AI a smart tool tailored to your needs and data, making your work more intelligent."}),items:[{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step1.webp",className:I}),title:(0,o.I)({id:"how_to_use.step1_title.create_ai_agent_for",message:"Drag and drop components to design UI"}),desc:(0,o.I)({id:"how_to_use.step1_description.you_can_create_an_ai",message:"By dragging and dropping components, you can quickly build the UI of the apps and implement any functionality you desire."}),moreTitle:(0,o.I)({id:"how_to_use.step1_button.ai_agent_marketplace",message:"Start building UI with ILLA"}),moreHref:B.E},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step2.webp",className:I}),title:(0,o.I)({id:"how_to_use.step2_title.build_the_frontend_p",message:"Connect to your data sources"}),desc:(0,o.I)({id:"how_to_use.step2_description.by_dragging_and_drop",message:"Connect to your own data sources, including MySQL, PostgreSQL, and other databases, REST APIs, GraphQL, etc. Build CRUD apps in just one minute."}),moreTitle:(0,o.I)({id:"how_to_use.step2_button.illa_app_marketplace",message:"Start building Apps with your data sources"}),moreHref:B.E,reverse:!0},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step3.webp",className:I}),title:(0,o.I)({id:"how_to_use.step3_title.connect_to_your_data",message:"Configure and connect to AI agents"}),desc:(0,o.I)({id:"how_to_use.step3_description.enable_data_integrat",message:"Integrating AI agents into your app and empower it with AI capabilities such as intelligent analysis, content generation, and more, without AI development skills."}),moreTitle:(0,o.I)({id:"how_to_use.step3_button.supported_data_sourc",message:"Start building AI driven apps"}),moreHref:B.E}]},D=()=>(0,f.jsxs)("div",{className:b,children:[(0,f.jsxs)("div",{className:w,children:[(0,f.jsxs)("h2",{className:y,children:[(0,f.jsx)("span",{className:_,children:"3\xa0"}),q.title]}),(0,f.jsx)("span",{className:x,children:q.desc})]}),(0,f.jsx)("div",{className:j,children:q.items.map(((e,t)=>{let{imageIcon:s,title:a,desc:l,moreHref:n,moreTitle:i,reverse:o}=e;return(0,f.jsx)(O,{imageIcon:s,desc:l,title:a,moreTitle:i,reverse:o,moreHref:n,stepNum:t+1},a)}))})]});var M=s(2330);const T="wallContainerStyle_Ny01",P="logoTitleStyle_hhN_",z="logoContainerStyle_PeVm",V="logoStyle_ixBp";var W,U=s(959);function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},R.apply(this,arguments)}const G=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",R({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,W||(W=U.createElement("path",{d:"M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z",fill:"#fff"})))};var H,Q;function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},F.apply(this,arguments)}const Y=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",F({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,H||(H=U.createElement("g",{clipPath:"url(#metaIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"}),U.createElement("path",{d:"M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"}),U.createElement("path",{d:"M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"}))),Q||(Q=U.createElement("defs",null,U.createElement("clipPath",{id:"metaIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.1)",d:"M0 0h120.8v40H0z"})))))};var X,K;function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},J.apply(this,arguments)}const $=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",J({width:171,height:40,viewBox:"0 0 171 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,X||(X=U.createElement("g",{clipPath:"url(#byteDanceIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"}))),K||(K=U.createElement("defs",null,U.createElement("clipPath",{id:"byteDanceIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h170v40H0z"})))))};var ee,te;function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},se.apply(this,arguments)}const ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",se({width:194,height:40,viewBox:"0 0 194 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ee||(ee=U.createElement("g",{clipPath:"url(#alibaba_svg__a)"},U.createElement("path",{d:"M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z",fill:"#fff"}))),te||(te=U.createElement("defs",null,U.createElement("clipPath",{id:"alibaba_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h193v40H0z"})))))};var le;function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ne.apply(this,arguments)}const ie=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ne({width:41,height:40,viewBox:"0 0 41 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,le||(le=U.createElement("path",{d:"M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z",fill:"#fff"})))};var oe;function ce(){return ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ce.apply(this,arguments)}const re=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ce({width:33,height:40,viewBox:"0 0 33 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,oe||(oe=U.createElement("path",{d:"M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z",fill:"#fff"})))},de=[{id:"google",icon:(0,f.jsx)(G,{className:V})},{id:"meta",icon:(0,f.jsx)(Y,{className:V})},{id:"byteDance",icon:(0,f.jsx)($,{className:V})},{id:"aliBaba",icon:(0,f.jsx)(ae,{className:V})},{id:"iPhone",icon:(0,f.jsx)(ie,{className:V})},{id:"jsDesign",icon:(0,f.jsx)(re,{className:V})}];const me=function(){return(0,f.jsxs)("div",{className:T,children:[(0,f.jsx)("span",{className:P,children:(0,f.jsx)(o.Z,{id:"customer.title",children:"Trusted by thousands of teams"})}),(0,f.jsx)("div",{className:z,children:de.map(((e,t)=>{let{id:s,icon:a}=e;return(0,f.jsx)("span",{className:(0,N.Z)(t%2==0?"flex justify-end":"flex justify-start"),children:a},s)}))})]})},ue="commentsContainerStyle_ctEM",he="commentsTitleStyle_iQ9i",pe="commentsItemsContainerStyle_Zw4J",ge="borderStyle_jCx_",fe="commentsItemStyle_rd1k",ve="commentContentStyle_NzjM",be="contentTextStyle_PpXf",we="reverseQuoteStyle_waKq",ye="commentUserNameStyle_D4y3",_e="commentUserCompanyStyle_zWSD",xe="mobileGap_cpxI";var Ie;function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},je.apply(this,arguments)}const Ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",je({width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,Ie||(Ie=U.createElement("path",{d:"M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z",fill:"#fff",fillOpacity:.5})))},Le={title:(0,o.I)({id:"testimonial.title.user_testimonials",message:"User Testimonials"}),items:[{content:(0,o.I)({id:"testimonial.testimonial1_content.illa_cloud_has_been",message:"ILLA Cloud has been a game-changer for me. It helps me generate highly efficient content in less time. The customized AI Agent and App perfectly cater to my business needs."}),userName:(0,o.I)({id:"testimonial.testimonial1_username.christopher",message:"Christopher"}),company:(0,o.I)({id:"testimonial.testimonial1_usertitle.seo_specialist",message:"SEO Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial2_content.i_think_i_become_a_b",message:"I think I become a BlogMaster now! This tool has revolutionized my content generation process, saving me valuable time. Whether it's generating blog ideas or structuring articles, the AI Agents have been a tremendous asset to me and my team."}),userName:(0,o.I)({id:"testimonial.testimonial2_username.lucas",message:"Lucas"}),company:(0,o.I)({id:"testimonial.testimonial2_usertitle.content_strategist",message:"Content Strategist"})},{content:(0,o.I)({id:"testimonial.testimonial3_content.it_empowers_me_to_pr",message:"It empowers me to provide exceptional customer support with minimal effort. The pre-built AI Agent and App, along with the ability to customize them for our specific needs, have significantly enhanced our team's effectiveness."}),userName:(0,o.I)({id:"testimonial.testimonial3_username.harper",message:"Harper"}),company:(0,o.I)({id:"testimonial.testimonial3_usertitle.customer_service_man",message:"Customer Service Manager"})},{content:(0,o.I)({id:"testimonial.testimonial4_content.ai_agent_low_code",message:"AI Agent & low-code has transformed my email writing process. It streamlines the creation of impactful emails, enabling me to craft engaging and persuasive messages effortlessly. ILLA Cloud has elevated our email communication to new heights."}),userName:(0,o.I)({id:"testimonial.testimonial4_username.abigail",message:"Abigail"}),company:(0,o.I)({id:"testimonial.testimonial4_usertitle.communication_specia",message:"Communication Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial5_content.i_need_to_oversee_va",message:"I need to oversee various aspects of my company. ILLA Cloud provides me with a comprehensive solution. It not only saves me time and effort in development and design but also allows me to manage and monitor my business better. "}),userName:(0,o.I)({id:"testimonial.testimonial5_username.matthew",message:"Matthew"}),company:(0,o.I)({id:"testimonial.testimonial5_usertitle.business_founder",message:"Business Founder"})},{content:(0,o.I)({id:"testimonial.testimonial6_content.using_illa_cloud_to",message:"Using ILLA Cloud to build a management dashboard has been incredibly easy. After just one day of work, we were able to accomplish tasks such as monitoring project progress and allocating resources within this dashboard."}),userName:(0,o.I)({id:"testimonial.testimonial6_username.samuel",message:"Samuel"}),company:(0,o.I)({id:"testimonial.testimonial6_usertitle.website_administrato",message:"Website Administrator"})}]},Se=()=>(0,f.jsxs)("div",{className:ue,children:[(0,f.jsx)("h2",{className:he,children:Le.title}),(0,f.jsx)("div",{className:pe,children:Le.items.map(((e,t)=>{let{content:s,userName:a,company:l}=e;return(0,f.jsx)("div",{className:(0,N.Z)(ge,xe,0!==t?"lg:mt-[16px]":""),children:(0,f.jsxs)("div",{className:fe,children:[(0,f.jsxs)("div",{className:ve,children:[(0,f.jsx)(Ae,{className:"w-[10px]"}),(0,f.jsx)("span",{className:be,children:s}),(0,f.jsx)(Ae,{className:we})]}),(0,f.jsxs)("span",{className:"flex flex-col",children:[(0,f.jsx)("span",{className:ye,children:a}),(0,f.jsx)("span",{className:_e,children:l})]})]})},a)}))})]});var Ne=s(7812);const Ce=()=>(0,f.jsxs)("div",{className:m,children:[(0,f.jsxs)("div",{className:u,children:[(0,f.jsx)(me,{}),(0,f.jsx)(D,{}),(0,f.jsx)(Se,{}),(0,f.jsx)(v,{}),(0,f.jsx)(Ne.Z,{title:r.title,content:r.content})]}),(0,f.jsx)("div",{className:h,children:(0,f.jsx)(M.Z,{scrollStart:.9368,scrollEnd:1})})]}),Ze={publicize:"publicize_vEiD",publicizeStyle:"publicizeStyle_C7Y6",publicIntru:"publicIntru_nEWo"};var ke=s(8848);const Ee=e=>{let{stars:t}=e;return(0,f.jsx)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:"hover:no-underline",children:(0,f.jsxs)("div",{className:Ze.publicize,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_banner_click"})},children:[(0,f.jsx)("span",{className:Ze.publicizeStyle}),(0,f.jsxs)("span",{className:"flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]",children:[(0,f.jsx)("span",{className:"flex flex-row justify-between",children:(0,f.jsxs)("span",{className:Ze.publicIntru,children:[(0,f.jsx)(ke.Z,{className:"h-[24px] w-[24px]"}),(0,f.jsxs)("span",{children:[(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.github",children:"Github"})}),(0,f.jsx)("span",{className:"inline-block w-[45px] text-center",children:t}),(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})})]})]})}),(0,f.jsxs)("span",{className:Ze.publicSlogan,role:"img","aria-label":"star us",children:[(0,f.jsx)(o.Z,{id:"title.star-us",children:"Star us"})," \ud83d\udc49"]})]})]})})};var Oe=s(3090);const Be="bannerContainerStyle__SXx",qe="canvasContainerStyle_h8pN",De="bgStyle_xQ96",Me="bannerContentContainer_RLp6",Te="bannerTextContainerStyle_O5rS",Pe="sloganStyle_zysD",ze="descStyle_U78g",Ve="buttonContainerStyle_ulq9",We="colorDescAgentStyle_LHLV",Ue="colorDescAppStyle_qG8r",Re="colorDescFlowStyle_VvqE";var Ge=s(7224);const He="solutionContainerStyle_QwBc",Qe="tabsContainerStyle_DETz",Fe="tabsItemStyle_TXig",Ye="selectedTabStyle_CyW0",Xe="splitterItemStyle_gYQ6",Ke="solutionImageContainerStyle_LgpU",Je="solutionBaseBgStyle_nGRR",$e="solutionSelectBgStyle_Xioy",et="solutionUnSelectBgStyle_RZeW",tt="solutionBaseImageStyle_APzO",st="solutionSelectImageStyle_GSp1",at="linkButtonStyle_b1Kn",lt=[{label:(0,o.I)({id:"ai_header.solutions_title.dashboard",message:"Data Analysis Dashboard"}),value:0},{label:(0,o.I)({id:"ai_header.solutions_title.image_generator",message:"AI Image Generator"}),value:1},{label:(0,o.I)({id:"ai_header.solutions_title.ai_voice_generator",message:"AI Voice Generator"}),value:2},{label:(0,o.I)({id:"ai_header.solutions_title.cms",message:"Content Management"}),value:3},{label:(0,o.I)({id:"ai_header.solutions_title.crm",message:"Sales CRM"}),value:4},{label:(0,o.I)({id:"ai_header.solutions_title.admin_panel",message:"Admin Panel"}),value:5}],nt=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Xz",value:0},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bc",value:1},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bb",value:2},{contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full"}),appID:"ILAcx4p1C72G",value:3},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7N5",value:4},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Oy",value:5}],it=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp",className:"w-full max-w-[320px]"})}].map(((e,t)=>({...e,...lt[t]})));var ot=s(117),ct=s(8618);const rt=()=>{const[e,t]=(0,U.useState)(0),s=(0,U.useRef)(null),a=(0,E.f)(),l=e=>{const t=(0,ct.M)(`${B.kS}/${e}/detail`,{operateType:"fork"});return a(`${B.E}?redirectURL=${encodeURIComponent(t)}`)};return(0,U.useEffect)((()=>(s.current&&clearInterval(s.current),s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3),()=>{s.current&&clearInterval(s.current)})),[]),(0,f.jsxs)("div",{className:He,children:[(0,f.jsx)("div",{className:Qe,children:lt.map((a=>(0,f.jsxs)("div",{className:(0,N.Z)(Fe,a.value===e&&Ye),onClick:()=>{return e=a.value,t(e),s.current&&clearInterval(s.current),void(s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3));var e},children:[(0,f.jsx)("span",{className:"w-full h-full relative z-[1] text-nowrap",children:a.label}),a.value===e&&(0,f.jsx)(Ge.E.div,{layout:"position",className:Xe,layoutId:"underline"})]},a.value)))}),(0,f.jsx)("div",{className:Ke,children:nt.map((t=>(0,f.jsxs)(U.Fragment,{children:[(0,f.jsxs)("div",{className:(0,N.Z)(Je,e===t.value?$e:et),children:[t.contentBg,(0,f.jsx)("div",{className:(0,N.Z)(tt,e===t.value&&st),children:t.content})]}),(0,f.jsx)("div",{className:at,children:(0,f.jsx)(ot.Z,{href:l(t.appID),size:"small",colorType:"dark",handleClick:()=>{(0,C.l)({action:"solution_try_for_free"})},children:(0,f.jsx)(o.Z,{id:"website_4.solution.use_this_template",children:"Try now"})})})]},t.value)))})]})};var dt=s(3630);const mt=(0,o.I)({id:"description",message:"Build { businessApp } with low code, make automated { flow }, create { AIAgent } easily"}),ut=e=>{const{githubStarts:t}=e,a=(0,E.f)(),l=(0,U.useRef)(null),n=(0,U.useRef)(null);return(0,Oe.G)(l,n),(0,f.jsxs)("div",{ref:n,className:Be,children:[(0,f.jsx)("div",{className:qe,children:(0,f.jsx)("canvas",{ref:l})}),(0,f.jsx)("video",{className:De,loop:!0,autoPlay:!0,muted:!0,children:(0,f.jsx)("source",{src:s(139).Z,type:"video/mp4"})}),(0,f.jsxs)("div",{className:Me,children:[(0,f.jsx)(Ee,{stars:t}),(0,f.jsxs)("div",{className:Te,children:[(0,f.jsxs)("div",{className:"flex flex-col gap-[16px]",children:[(0,f.jsx)("h1",{className:Pe,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:ze,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:We,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ue,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Re,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:mt})})]}),(0,f.jsx)("div",{className:Ve,children:(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"large",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})})]})]}),(0,f.jsx)(rt,{})]})};var ht,pt,gt;function ft(){return ft=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ft.apply(this,arguments)}const vt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ft({width:44,height:44,viewBox:"0 0 88 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ht||(ht=U.createElement("rect",{y:-.001,width:88,height:88,rx:44,fill:"url(#linearGithub_svg__a)"})),pt||(pt=U.createElement("path",{d:"M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z",fill:"#fff"})),gt||(gt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearGithub_svg__a",x1:44,y1:-.001,x2:44,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))};var bt,wt,yt;function _t(){return _t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},_t.apply(this,arguments)}const xt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",_t({width:44,height:44,viewBox:"0 0 89 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,bt||(bt=U.createElement("rect",{x:.5,y:-.001,width:88,height:88,rx:44,fill:"url(#linearDiscord_svg__a)"})),wt||(wt=U.createElement("path",{d:"M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z",fill:"#fff"})),yt||(yt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearDiscord_svg__a",x1:44.5,y1:-.001,x2:44.5,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))},It="bannerContainer_oUHl",jt="textContainerStyle_j9Qp",At="sloganStyle_XKtE",Lt="descStyle_YqnZ",St="linkGroupItemStyle_KQRV",Nt="colorDescAgentStyle_x5xU",Ct="colorDescAppStyle_An_L",Zt="colorDescFlowStyle_y9g7",kt="contentContainerStyle_JEhu",Et="contentLabelStyle_dif9";var Ot=s(5676),Bt=s(929);const qt=()=>(0,f.jsx)(Ot.tq,{modules:[Bt.pt],centeredSlides:!0,slidesPerView:"auto",spaceBetween:0,className:"w-full",autoplay:{delay:3e3},children:it.map((e=>(0,f.jsx)(Ot.o5,{children:(0,f.jsxs)("div",{className:kt,children:[e.content,(0,f.jsx)("span",{className:Et,children:e.label})]})},e.label)))}),Dt=e=>{const[t]=(0,U.useState)(!1),{githubStarts:s}=e,a=(0,E.f)(),l=(0,o.I)({id:"description",message:"Build { businessApp } with low code, make automated { flow }, create { AIAgent } easily"});return(0,U.useEffect)((()=>{document.body.style.overflow=t?"hidden":"auto"}),[t]),(0,f.jsxs)("div",{className:It,children:[(0,f.jsxs)("div",{className:jt,children:[(0,f.jsx)("h1",{className:At,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:Lt,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:Nt,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ct,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Zt,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:l})}),(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"normal",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})]}),(0,f.jsxs)("div",{className:"flex items-center gap-[40px]",children:[(0,f.jsxs)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:St,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_mob_click"})},children:[(0,f.jsx)(vt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsxs)("span",{className:"ml-[5px]",children:[s,(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})]})})]}),(0,f.jsxs)(S.Z,{href:"https://discord.com/invite/illacloud",className:"flex flex-col items-center gap-[8px]",onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_discord_mob_click"})},children:[(0,f.jsx)(xt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsx)("span",{className:"ml-[5px] align-middle",children:(0,f.jsx)(o.Z,{id:"join-community",children:"Join Discord"})})})]})]}),(0,f.jsx)(qt,{})]})},Mt=()=>{const[e,t]=(0,U.useState)(!0),[s,a]=(0,U.useState)(0),l=(0,U.useCallback)((async e=>{try{const t=await fetch("https://api.github.com/repos/illacloud/illa-builder",{signal:e}),s=await t.json();return s?.stargazers_count||1e4}catch{return 1e4}}),[]);return(0,U.useEffect)((()=>{const e=new AbortController;return t(!0),l(e.signal).then((e=>{a(e),t(!1)})),()=>{e.abort()}}),[]),[e,(n=s,`${(n/1e3).toFixed(1)}k`)];var n};function Tt(){const[,e]=Mt();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(a.Z,{children:[(0,f.jsx)("html",{"data-active-page":"index"}),(0,f.jsx)("meta",{name:"twitter:title",content:c.title}),(0,f.jsx)("meta",{name:"twitter:description",content:c.description}),(0,f.jsx)("script",{type:"application/ld+json",children:JSON.stringify(d)})]}),(0,f.jsx)(l.j,{...c,children:(0,f.jsxs)("div",{className:"bg-black overflow-visible w-full relative z-[1] font-sans",children:[(0,f.jsx)(n.f,{}),(0,f.jsx)(ut,{githubStarts:e}),(0,f.jsx)(Dt,{githubStarts:e}),(0,f.jsx)(Ce,{}),(0,f.jsx)(i.Z,{scrollStart:.939,scrollEnd:1})]})})]})}},8618:(e,t,s)=>{s.d(t,{M:()=>a});const a=(e,t)=>{const s=new URL(e);for(const a in t)t[a]&&s.searchParams.append(a,t[a]);return s.toString()}},139:(e,t,s)=>{s.d(t,{Z:()=>a});const a=s.p+"assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4"}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3237],{1641:(e,t,s)=>{s.d(t,{Z:()=>i});var a,l=s(959);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},n.apply(this,arguments)}const i=e=>{let{title:t,titleId:s,...i}=e;return l.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:15,height:13,viewBox:"0 0 15 13",fill:"none","aria-labelledby":s},i),t?l.createElement("title",{id:s},t):null,a||(a=l.createElement("path",{d:"M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},7812:(e,t,s)=>{s.d(t,{Z:()=>u});const a="faqContainer_vbEd",l="faqTitle_s89i",n="faqListQuestion_Y7ri",i="faqListAnswer_uzUc",o="direction_IrxQ";var c=s(3023),r=s(3473),d=s(5341),m=s(1527);const u=e=>{let{title:t,content:s}=e;const u="transform rotate-0",h="transform -rotate-180",p="bg-white/[0.08]";return(0,m.jsxs)("div",{className:a,children:[(0,m.jsx)("h2",{className:l,children:t}),(0,m.jsx)("div",{className:"w-full flex flex-col gap-[8px]",children:s.map((e=>(0,m.jsx)(c.p,{as:"div",className:"w-full",children:t=>{let{open:s}=t;return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(c.p.Button,{className:(0,d.Z)(n,s?`${p}`:""),children:[(0,m.jsx)("span",{children:e.question}),(0,m.jsx)(r.Z,{className:(0,d.Z)(s?`${h}`:`${u}`,o)})]}),s&&(0,m.jsx)(c.p.Panel,{className:i,children:e.answer})]})}},e.question)))})]})}},117:(e,t,s)=>{s.d(t,{Z:()=>A});var a=s(0),l=s(5341);const n="baseLinkButtonStyle_PuMK",i="smallSizeStyle_AohM",o="normalSizeStyle_qzr1",c="largeSizeStyle_kJWZ",r="darkColorStyle_MxJT",d="lightColorStyle_JCL1",m="baseArrowStyle_lXyW",u="smallArrowStyle_XZaI",h="normalArrowStyle_XxGa",p="largeArrowStyle_sKWX",g="darkArrowStyle_go7n",f="lightArrowStyle_QtFv",v="linkButtonBgStyle_WFWO",b="linesStyle_lbFy",w="lineContainerStyle_Y3Ta",y="lineStyle__sNm",_="darkLineStyle__Ris",x="lightLineStyle_xduB";var I=s(1641),j=s(1527);const A=e=>{let{href:t,children:s,size:A,colorType:L,handleClick:S}=e;return(0,j.jsxs)(a.Z,{to:t,onClick:S,className:(0,l.Z)(n,"small"===A&&i,"normal"===A&&o,"large"===A&&c,"dark"===L?r:d),children:[(0,j.jsxs)("span",{className:v,children:[(0,j.jsx)("span",{className:b,children:Array.from({length:10}).map(((e,t)=>(0,j.jsx)("span",{className:w,children:(0,j.jsx)("span",{className:(0,l.Z)(y,"dark"===L?_:x)},t)},t)))}),(0,j.jsx)("span",{className:(0,l.Z)(m,"small"===A&&u,"normal"===A&&h,"large"===A&&p,"dark"===L?g:f),children:(0,j.jsx)(I.Z,{})})]}),(0,j.jsx)("span",{className:"relative z-[1]",children:s})]})}},3090:(e,t,s)=>{s.d(t,{G:()=>l});var a=s(959);const l=(e,t)=>{const s=(0,a.useRef)(null),l=(0,a.useCallback)((()=>{const a=e.current;if(!a)return;const l=a.getContext("2d");a.width=t.current.clientWidth,a.height=t.current.clientHeight;s.current=(l.clearRect(0,0,a.width,a.height),void(()=>{l.strokeStyle="rgba(255, 255, 255, 0.1)";for(let e=0;e<=a.height;e+=56)l.beginPath(),l.moveTo(0,e),l.lineTo(a.width,e),l.stroke();for(let e=0;e<=a.width;e+=56)l.beginPath(),l.moveTo(e,0),l.lineTo(e,a.height),l.stroke()})())}),[e]);(0,a.useEffect)((()=>{const e=t.current,a=new ResizeObserver((()=>{s.current&&cancelAnimationFrame(s.current),l()}));return a.observe(e),l(),()=>{a&&a.unobserve(e)}}),[t,l]),(0,a.useEffect)((()=>()=>{s.current&&cancelAnimationFrame(s.current),s.current=null}),[])}},7518:(e,t,s)=>{s.r(t),s.d(t,{default:()=>Tt});var a=s(4491),l=s(1153),n=s(2204),i=s(7546),o=s(5374);const c={title:(0,o.I)({id:"meta.title",message:"ILLA Cloud | Build AI Driven Business App"}),description:(0,o.I)({id:"meta.description",message:"Empower your team with AI Agent and advanced low-code tools to create business apps"}),keywords:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"},r={title:(0,o.I)({id:"faq.title",message:"Frequently Asked Questions"}),content:[{question:(0,o.I)({id:"faq.content.0.question",message:"What kind of content can I build with ILLA AI?"}),answer:(0,o.I)({id:"faq.content.0.answer",message:"You can build any internal application or AI tool you need, and you can also integrate AI with internal applications. For example, a dashboard, an admin panel, file content management, customer management system, text generation tool, image generation tool, email generation tool, and so on."})},{question:(0,o.I)({id:"faq.content.1.question",message:"Who can use ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.1.answer",message:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."})},{question:(0,o.I)({id:"faq.content.2.question",message:"How can I benefit from ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.2.answer",message:"ILLA AI not only reduces the cost of building your tools but also integrates any AI capabilities you desire, making your work more efficient and enabling you to generate more valuable content in less time."})},{question:(0,o.I)({id:"faq.content.3.question",message:"Can I customize the AI Agent for my specific business needs?"}),answer:(0,o.I)({id:"faq.content.3.answer",message:"Yes, you can! AI Agent is based on a large language model and can be customized to perform specific tasks. You can define the behavior of the AI Agent based on your business requirements. By using ILLA Builder, you can feed data into the AI Agent and train it to accomplish designated tasks such as text processing, image recognition, and natural language processing."})},{question:(0,o.I)({id:"faq.content.4.question",message:"What data sources does ILLA support?"}),answer:(0,o.I)({id:"faq.content.4.answer",message:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."})},{question:(0,o.I)({id:"faq.content.5.question",message:"Is there any technical support available for ILLA Cloud users?"}),answer:(0,o.I)({id:"faq.content.5.answer",message:"Yes, ILLA Cloud offers technical support to its users. If you encounter any issues or have questions about the platform's features, you can reach out to our support team for assistance. We are dedicated to helping you have a seamless experience with ILLA Cloud."})}]},d={"@context":"https://schema.org","@graph":[{"@type":"Organization",name:"ILLA Cloud",url:"https://www.illacloud.com/#organization",logo:"https://www.illacloud.com/#logo",sameAs:["https://twitter.com/illacloudhq","https://github.com/illacloud/illa-builder","https://www.illacloud.com/","https://www.youtube.com/@illacloud","https://www.linkedin.com/company/illacloud/"]},{"@type":"WebSite",name:"ILLA Cloud",url:"https://www.illacloud.com/#Website",potentialAction:{"@type":"SearchAction",target:"https://www.illacloud.com/?search={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage",url:"www.illacloud.com/illadrive/#WebPage",name:"ILLA Cloud",description:"An open-source low-code platform with react component library to build AI native internal applications in minutes."},{"@type":"FAQPage",mainEntity:[{"@type":"Question",name:"What is ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"ILLA Cloud is a low-code platform that inherits multiple capabilities from ILLA Builder and ILLA Drive. It provides a seamless experience by allowing users to log in and register to access its features. With ILLA Cloud, you can effortlessly build internal tools, dashboards, CRUD (create, read, update, delete) applications, and more. The platform significantly improves work efficiency and helps companies save costs."}},{"@type":"Question",name:"Who can use ILLA Cloud",acceptedAnswer:{"@type":"Answer",text:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."}},{"@type":"Question",name:"What kinds of applications can you develop using ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"1. Rapid idea implementation: When enterprises experience a high demand for internal tools during rapid growth, ILLA can significantly accelerate the development speed and quality of your internal applications. This helps expedite your company's growth by quickly addressing the tooling needs. 2. No skill limitations for editors: With ILLA, any individual within the organization can build the tools they need without requiring specialized teams or technical skills. This empowers employees across various roles to create their own solutions, fostering innovation and productivity. 3. Cost reduction: By leveraging ILLA, enterprises can allocate their time, workforce, and financial resources towards core business activities. This results in reduced costs as ILLA streamlines the development process, eliminates the need for specialized teams, and minimizes the investment required for tooling development."}},{"@type":"Question",name:"What problems can ILLA Cloud solve?",acceptedAnswer:{"@type":"Answer",text:"With ILLA Cloud, you can build any application you need, such as commonly used internal tools like Dashboards, Admin Panels, CRUD apps, CRM, CMS, and more. Additionally, you can develop AI applications, such as text-to-image applications with Stable Diffusion, audio-to-text applications with Whisper, and even embed OpenAI's GPT models to assist you in completing various tasks."}},{"@type":"Question",name:"Which data sources does ILLA support?",acceptedAnswer:{"@type":"Answer",text:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."}}]},{"@type":"VideoObject",name:"What is ILLA Cloud",description:"ILLA Cloud is a low-code platform to make users build internal tools faster.",thumbnailUrl:"https://cdn.illacloud.com/official-website/img/home/playVideoCover.png",uploadDate:"2023-06-15",duration:"PT1M20S",contentUrl:"https://cdn.illacloud.com/official-website/img/home/video.webm"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203341.svg",datePublished:"2023-06-15",description:"40+ components in ILLA Cloud",name:"ILLA Cloud components"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340.svg",datePublished:"2023-06-15",description:"SQL Generation based on OpenAI in ILLA Cloud",name:"ILLA Cloud SQL Generation"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340%20(1).svg",datePublished:"2023-06-15",description:"Real-time collaboration based on OpenAI in ILLA Cloud",name:"ILLA Cloud real-time collaboration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/datasource/datasource.svg",datePublished:"2023-06-15",description:"ILLA Cloud supports to connect multiple datasource with GUI mode. No code required. ",name:"ILLA Cloud data source integration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Codepartbgweb.svg",datePublished:"2023-06-15",description:"Build dashboard or any other internal tools with ILLA Cloud in minutes",name:"Build dashboard with ILLA Cloud"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356.svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required",name:"ILLA Drive"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356%20(1).svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required. Support anti-leech links",name:"Storage and share files via ILLA Drive"}]},m="contentContainer_c9t8",u="content_jfit",h="commBottomContainerStyle_CDHK",p="allContentContainer_nVOG",g="allContentTitle_K0Y2";var f=s(1527);const v=()=>(0,f.jsxs)("div",{className:p,children:[(0,f.jsx)("h2",{className:g,children:(0,f.jsx)(o.Z,{id:"content.all.title",children:"ILLA Cloud integrates everything"})}),(0,f.jsx)("img",{className:"w-full h-auto",src:"https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp",alt:"ILLA Cloud integrates everything"})]}),b="cardContentContainerStyle_kX6c",w="headerContainerStyle_RgD_",y="textTitleStye_mJAH",_="textTitleNumStyle_TEnk",x="textDescStyle_NFkj",I="imgStyle_GNQD",j="cardContainerStyle_Kvlw",A={cardContentItemReverseStyle:"cardContentItemReverseStyle_DHTD",cardContentItemNormalStyle:"cardContentItemNormalStyle_f4ow",cardIContentItemContainerStyle:"cardIContentItemContainerStyle_rPYn",textContainerStyle:"textContainerStyle_toav",textTitleStye:"textTitleStye_u6Ys",textTitleNumStyle:"textTitleNumStyle_h7vB",textDescStyle:"textDescStyle_vwoY"},L="swipeMore_QWDA";var S=s(0),N=s(5341),C=s(700),Z=s(1641);const k=e=>{let{href:t,title:s,category:a,leftPadding:l=!1}=e;return(0,f.jsxs)(S.Z,{className:(0,N.Z)(L,l?"lg:pl-[30px]":""),to:t,onClick:()=>{(0,C.l)({action:"click",category:a})},children:[(0,f.jsx)("span",{className:"underline",children:s}),(0,f.jsx)(Z.Z,{})]})};var E=s(5628);const O=e=>{let{imageIcon:t,stepNum:s,title:a,desc:l,moreTitle:n,moreHref:i,reverse:o}=e;const c=(0,E.f)();return(0,f.jsxs)("div",{className:(0,N.Z)(A.cardIContentItemContainerStyle,o?A.cardContentItemReverseStyle:A.cardContentItemNormalStyle),children:[t,(0,f.jsxs)("div",{className:A.textContainerStyle,children:[(0,f.jsxs)("h3",{className:A.textTitleStye,children:[(0,f.jsxs)("span",{className:A.textTitleNumStye,children:[s,"."]}),(0,f.jsx)("br",{}),(0,f.jsx)("span",{children:a})]}),(0,f.jsx)("span",{className:A.textDescStyle,children:l}),(0,f.jsx)(k,{title:n,href:c(i)??""})]})]})};var B=s(8930);const q={title:(0,o.I)({id:"how_to_use.title.3_steps_to_customize",message:"steps to customize your business apps"}),desc:(0,o.I)({id:"how_to_use.description.build_tools_through",message:"Build tools through drag-and-drop components, customize your AI Agent, connect to your data sources, and make AI a smart tool tailored to your needs and data, making your work more intelligent."}),items:[{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step1.webp",className:I}),title:(0,o.I)({id:"how_to_use.step1_title.create_ai_agent_for",message:"Drag and drop components to design UI"}),desc:(0,o.I)({id:"how_to_use.step1_description.you_can_create_an_ai",message:"By dragging and dropping components, you can quickly build the UI of the apps and implement any functionality you desire."}),moreTitle:(0,o.I)({id:"how_to_use.step1_button.ai_agent_marketplace",message:"Start building UI with ILLA"}),moreHref:B.E},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step2.webp",className:I}),title:(0,o.I)({id:"how_to_use.step2_title.build_the_frontend_p",message:"Connect to your data sources"}),desc:(0,o.I)({id:"how_to_use.step2_description.by_dragging_and_drop",message:"Connect to your own data sources, including MySQL, PostgreSQL, and other databases, REST APIs, GraphQL, etc. Build CRUD apps in just one minute."}),moreTitle:(0,o.I)({id:"how_to_use.step2_button.illa_app_marketplace",message:"Start building Apps with your data sources"}),moreHref:B.E,reverse:!0},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step3.webp",className:I}),title:(0,o.I)({id:"how_to_use.step3_title.connect_to_your_data",message:"Configure and connect to AI agents"}),desc:(0,o.I)({id:"how_to_use.step3_description.enable_data_integrat",message:"Integrating AI agents into your app and empower it with AI capabilities such as intelligent analysis, content generation, and more, without AI development skills."}),moreTitle:(0,o.I)({id:"how_to_use.step3_button.supported_data_sourc",message:"Start building AI driven apps"}),moreHref:B.E}]},D=()=>(0,f.jsxs)("div",{className:b,children:[(0,f.jsxs)("div",{className:w,children:[(0,f.jsxs)("h2",{className:y,children:[(0,f.jsx)("span",{className:_,children:"3\xa0"}),q.title]}),(0,f.jsx)("span",{className:x,children:q.desc})]}),(0,f.jsx)("div",{className:j,children:q.items.map(((e,t)=>{let{imageIcon:s,title:a,desc:l,moreHref:n,moreTitle:i,reverse:o}=e;return(0,f.jsx)(O,{imageIcon:s,desc:l,title:a,moreTitle:i,reverse:o,moreHref:n,stepNum:t+1},a)}))})]});var M=s(2330);const T="wallContainerStyle_Ny01",P="logoTitleStyle_hhN_",z="logoContainerStyle_PeVm",V="logoStyle_ixBp";var W,U=s(959);function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},R.apply(this,arguments)}const G=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",R({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,W||(W=U.createElement("path",{d:"M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z",fill:"#fff"})))};var H,Q;function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},F.apply(this,arguments)}const Y=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",F({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,H||(H=U.createElement("g",{clipPath:"url(#metaIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"}),U.createElement("path",{d:"M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"}),U.createElement("path",{d:"M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"}))),Q||(Q=U.createElement("defs",null,U.createElement("clipPath",{id:"metaIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.1)",d:"M0 0h120.8v40H0z"})))))};var X,K;function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},J.apply(this,arguments)}const $=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",J({width:171,height:40,viewBox:"0 0 171 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,X||(X=U.createElement("g",{clipPath:"url(#byteDanceIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"}))),K||(K=U.createElement("defs",null,U.createElement("clipPath",{id:"byteDanceIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h170v40H0z"})))))};var ee,te;function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},se.apply(this,arguments)}const ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",se({width:194,height:40,viewBox:"0 0 194 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ee||(ee=U.createElement("g",{clipPath:"url(#alibaba_svg__a)"},U.createElement("path",{d:"M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z",fill:"#fff"}))),te||(te=U.createElement("defs",null,U.createElement("clipPath",{id:"alibaba_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h193v40H0z"})))))};var le;function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ne.apply(this,arguments)}const ie=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ne({width:41,height:40,viewBox:"0 0 41 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,le||(le=U.createElement("path",{d:"M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z",fill:"#fff"})))};var oe;function ce(){return ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ce.apply(this,arguments)}const re=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ce({width:33,height:40,viewBox:"0 0 33 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,oe||(oe=U.createElement("path",{d:"M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z",fill:"#fff"})))},de=[{id:"google",icon:(0,f.jsx)(G,{className:V})},{id:"meta",icon:(0,f.jsx)(Y,{className:V})},{id:"byteDance",icon:(0,f.jsx)($,{className:V})},{id:"aliBaba",icon:(0,f.jsx)(ae,{className:V})},{id:"iPhone",icon:(0,f.jsx)(ie,{className:V})},{id:"jsDesign",icon:(0,f.jsx)(re,{className:V})}];const me=function(){return(0,f.jsxs)("div",{className:T,children:[(0,f.jsx)("span",{className:P,children:(0,f.jsx)(o.Z,{id:"customer.title",children:"Trusted by thousands of teams"})}),(0,f.jsx)("div",{className:z,children:de.map(((e,t)=>{let{id:s,icon:a}=e;return(0,f.jsx)("span",{className:(0,N.Z)(t%2==0?"flex justify-end":"flex justify-start"),children:a},s)}))})]})},ue="commentsContainerStyle_ctEM",he="commentsTitleStyle_iQ9i",pe="commentsItemsContainerStyle_Zw4J",ge="borderStyle_jCx_",fe="commentsItemStyle_rd1k",ve="commentContentStyle_NzjM",be="contentTextStyle_PpXf",we="reverseQuoteStyle_waKq",ye="commentUserNameStyle_D4y3",_e="commentUserCompanyStyle_zWSD",xe="mobileGap_cpxI";var Ie;function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},je.apply(this,arguments)}const Ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",je({width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,Ie||(Ie=U.createElement("path",{d:"M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z",fill:"#fff",fillOpacity:.5})))},Le={title:(0,o.I)({id:"testimonial.title.user_testimonials",message:"User Testimonials"}),items:[{content:(0,o.I)({id:"testimonial.testimonial1_content.illa_cloud_has_been",message:"ILLA Cloud has been a game-changer for me. It helps me generate highly efficient content in less time. The customized AI Agent and App perfectly cater to my business needs."}),userName:(0,o.I)({id:"testimonial.testimonial1_username.christopher",message:"Christopher"}),company:(0,o.I)({id:"testimonial.testimonial1_usertitle.seo_specialist",message:"SEO Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial2_content.i_think_i_become_a_b",message:"I think I become a BlogMaster now! This tool has revolutionized my content generation process, saving me valuable time. Whether it's generating blog ideas or structuring articles, the AI Agents have been a tremendous asset to me and my team."}),userName:(0,o.I)({id:"testimonial.testimonial2_username.lucas",message:"Lucas"}),company:(0,o.I)({id:"testimonial.testimonial2_usertitle.content_strategist",message:"Content Strategist"})},{content:(0,o.I)({id:"testimonial.testimonial3_content.it_empowers_me_to_pr",message:"It empowers me to provide exceptional customer support with minimal effort. The pre-built AI Agent and App, along with the ability to customize them for our specific needs, have significantly enhanced our team's effectiveness."}),userName:(0,o.I)({id:"testimonial.testimonial3_username.harper",message:"Harper"}),company:(0,o.I)({id:"testimonial.testimonial3_usertitle.customer_service_man",message:"Customer Service Manager"})},{content:(0,o.I)({id:"testimonial.testimonial4_content.ai_agent_low_code",message:"AI Agent & low-code has transformed my email writing process. It streamlines the creation of impactful emails, enabling me to craft engaging and persuasive messages effortlessly. ILLA Cloud has elevated our email communication to new heights."}),userName:(0,o.I)({id:"testimonial.testimonial4_username.abigail",message:"Abigail"}),company:(0,o.I)({id:"testimonial.testimonial4_usertitle.communication_specia",message:"Communication Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial5_content.i_need_to_oversee_va",message:"I need to oversee various aspects of my company. ILLA Cloud provides me with a comprehensive solution. It not only saves me time and effort in development and design but also allows me to manage and monitor my business better. "}),userName:(0,o.I)({id:"testimonial.testimonial5_username.matthew",message:"Matthew"}),company:(0,o.I)({id:"testimonial.testimonial5_usertitle.business_founder",message:"Business Founder"})},{content:(0,o.I)({id:"testimonial.testimonial6_content.using_illa_cloud_to",message:"Using ILLA Cloud to build a management dashboard has been incredibly easy. After just one day of work, we were able to accomplish tasks such as monitoring project progress and allocating resources within this dashboard."}),userName:(0,o.I)({id:"testimonial.testimonial6_username.samuel",message:"Samuel"}),company:(0,o.I)({id:"testimonial.testimonial6_usertitle.website_administrato",message:"Website Administrator"})}]},Se=()=>(0,f.jsxs)("div",{className:ue,children:[(0,f.jsx)("h2",{className:he,children:Le.title}),(0,f.jsx)("div",{className:pe,children:Le.items.map(((e,t)=>{let{content:s,userName:a,company:l}=e;return(0,f.jsx)("div",{className:(0,N.Z)(ge,xe,0!==t?"lg:mt-[16px]":""),children:(0,f.jsxs)("div",{className:fe,children:[(0,f.jsxs)("div",{className:ve,children:[(0,f.jsx)(Ae,{className:"w-[10px]"}),(0,f.jsx)("span",{className:be,children:s}),(0,f.jsx)(Ae,{className:we})]}),(0,f.jsxs)("span",{className:"flex flex-col",children:[(0,f.jsx)("span",{className:ye,children:a}),(0,f.jsx)("span",{className:_e,children:l})]})]})},a)}))})]});var Ne=s(7812);const Ce=()=>(0,f.jsxs)("div",{className:m,children:[(0,f.jsxs)("div",{className:u,children:[(0,f.jsx)(me,{}),(0,f.jsx)(D,{}),(0,f.jsx)(Se,{}),(0,f.jsx)(v,{}),(0,f.jsx)(Ne.Z,{title:r.title,content:r.content})]}),(0,f.jsx)("div",{className:h,children:(0,f.jsx)(M.Z,{scrollStart:.9368,scrollEnd:1})})]}),Ze={publicize:"publicize_vEiD",publicizeStyle:"publicizeStyle_C7Y6",publicIntru:"publicIntru_nEWo"};var ke=s(8848);const Ee=e=>{let{stars:t}=e;return(0,f.jsx)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:"hover:no-underline",children:(0,f.jsxs)("div",{className:Ze.publicize,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_banner_click"})},children:[(0,f.jsx)("span",{className:Ze.publicizeStyle}),(0,f.jsxs)("span",{className:"flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]",children:[(0,f.jsx)("span",{className:"flex flex-row justify-between",children:(0,f.jsxs)("span",{className:Ze.publicIntru,children:[(0,f.jsx)(ke.Z,{className:"h-[24px] w-[24px]"}),(0,f.jsxs)("span",{children:[(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.github",children:"Github"})}),(0,f.jsx)("span",{className:"inline-block w-[45px] text-center",children:t}),(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})})]})]})}),(0,f.jsxs)("span",{className:Ze.publicSlogan,role:"img","aria-label":"star us",children:[(0,f.jsx)(o.Z,{id:"title.star-us",children:"Star us"})," \ud83d\udc49"]})]})]})})};var Oe=s(3090);const Be="bannerContainerStyle__SXx",qe="canvasContainerStyle_h8pN",De="bgStyle_xQ96",Me="bannerContentContainer_RLp6",Te="bannerTextContainerStyle_O5rS",Pe="sloganStyle_zysD",ze="descStyle_U78g",Ve="buttonContainerStyle_ulq9",We="colorDescAgentStyle_LHLV",Ue="colorDescAppStyle_qG8r",Re="colorDescFlowStyle_VvqE";var Ge=s(7224);const He="solutionContainerStyle_QwBc",Qe="tabsContainerStyle_DETz",Fe="tabsItemStyle_TXig",Ye="selectedTabStyle_CyW0",Xe="splitterItemStyle_gYQ6",Ke="solutionImageContainerStyle_LgpU",Je="solutionBaseBgStyle_nGRR",$e="solutionSelectBgStyle_Xioy",et="solutionUnSelectBgStyle_RZeW",tt="solutionBaseImageStyle_APzO",st="solutionSelectImageStyle_GSp1",at="linkButtonStyle_b1Kn",lt=[{label:(0,o.I)({id:"ai_header.solutions_title.dashboard",message:"Data Analysis Dashboard"}),value:0},{label:(0,o.I)({id:"ai_header.solutions_title.image_generator",message:"AI Image Generator"}),value:1},{label:(0,o.I)({id:"ai_header.solutions_title.ai_voice_generator",message:"AI Voice Generator"}),value:2},{label:(0,o.I)({id:"ai_header.solutions_title.cms",message:"Content Management"}),value:3},{label:(0,o.I)({id:"ai_header.solutions_title.crm",message:"Sales CRM"}),value:4},{label:(0,o.I)({id:"ai_header.solutions_title.admin_panel",message:"Admin Panel"}),value:5}],nt=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Xz",value:0},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bc",value:1},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bb",value:2},{contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full"}),appID:"ILAcx4p1C72G",value:3},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7N5",value:4},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Oy",value:5}],it=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp",className:"w-full max-w-[320px]"})}].map(((e,t)=>({...e,...lt[t]})));var ot=s(117),ct=s(8618);const rt=()=>{const[e,t]=(0,U.useState)(0),s=(0,U.useRef)(null),a=(0,E.f)(),l=e=>{const t=(0,ct.M)(`${B.kS}/${e}/detail`,{operateType:"fork"});return a(`${B.E}?redirectURL=${encodeURIComponent(t)}`)};return(0,U.useEffect)((()=>(s.current&&clearInterval(s.current),s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3),()=>{s.current&&clearInterval(s.current)})),[]),(0,f.jsxs)("div",{className:He,children:[(0,f.jsx)("div",{className:Qe,children:lt.map((a=>(0,f.jsxs)("div",{className:(0,N.Z)(Fe,a.value===e&&Ye),onClick:()=>{return e=a.value,t(e),s.current&&clearInterval(s.current),void(s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3));var e},children:[(0,f.jsx)("span",{className:"w-full h-full relative z-[1] text-nowrap",children:a.label}),a.value===e&&(0,f.jsx)(Ge.E.div,{layout:"position",className:Xe,layoutId:"underline"})]},a.value)))}),(0,f.jsx)("div",{className:Ke,children:nt.map((t=>(0,f.jsxs)(U.Fragment,{children:[(0,f.jsxs)("div",{className:(0,N.Z)(Je,e===t.value?$e:et),children:[t.contentBg,(0,f.jsx)("div",{className:(0,N.Z)(tt,e===t.value&&st),children:t.content})]}),(0,f.jsx)("div",{className:at,children:(0,f.jsx)(ot.Z,{href:l(t.appID),size:"small",colorType:"dark",handleClick:()=>{(0,C.l)({action:"solution_try_for_free"})},children:(0,f.jsx)(o.Z,{id:"website_4.solution.use_this_template",children:"Try now"})})})]},t.value)))})]})};var dt=s(3630);const mt=(0,o.I)({id:"description",message:"Build {businessApp} with low code, make automated {flow}, create {AIAgent} easily"}),ut=e=>{const{githubStarts:t}=e,a=(0,E.f)(),l=(0,U.useRef)(null),n=(0,U.useRef)(null);return(0,Oe.G)(l,n),(0,f.jsxs)("div",{ref:n,className:Be,children:[(0,f.jsx)("div",{className:qe,children:(0,f.jsx)("canvas",{ref:l})}),(0,f.jsx)("video",{className:De,loop:!0,autoPlay:!0,muted:!0,children:(0,f.jsx)("source",{src:s(139).Z,type:"video/mp4"})}),(0,f.jsxs)("div",{className:Me,children:[(0,f.jsx)(Ee,{stars:t}),(0,f.jsxs)("div",{className:Te,children:[(0,f.jsxs)("div",{className:"flex flex-col gap-[16px]",children:[(0,f.jsx)("h1",{className:Pe,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:ze,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:We,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ue,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Re,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:mt})})]}),(0,f.jsx)("div",{className:Ve,children:(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"large",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})})]})]}),(0,f.jsx)(rt,{})]})};var ht,pt,gt;function ft(){return ft=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ft.apply(this,arguments)}const vt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ft({width:44,height:44,viewBox:"0 0 88 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ht||(ht=U.createElement("rect",{y:-.001,width:88,height:88,rx:44,fill:"url(#linearGithub_svg__a)"})),pt||(pt=U.createElement("path",{d:"M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z",fill:"#fff"})),gt||(gt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearGithub_svg__a",x1:44,y1:-.001,x2:44,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))};var bt,wt,yt;function _t(){return _t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},_t.apply(this,arguments)}const xt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",_t({width:44,height:44,viewBox:"0 0 89 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,bt||(bt=U.createElement("rect",{x:.5,y:-.001,width:88,height:88,rx:44,fill:"url(#linearDiscord_svg__a)"})),wt||(wt=U.createElement("path",{d:"M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z",fill:"#fff"})),yt||(yt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearDiscord_svg__a",x1:44.5,y1:-.001,x2:44.5,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))},It="bannerContainer_oUHl",jt="textContainerStyle_j9Qp",At="sloganStyle_XKtE",Lt="descStyle_YqnZ",St="linkGroupItemStyle_KQRV",Nt="colorDescAgentStyle_x5xU",Ct="colorDescAppStyle_An_L",Zt="colorDescFlowStyle_y9g7",kt="contentContainerStyle_JEhu",Et="contentLabelStyle_dif9";var Ot=s(5676),Bt=s(929);const qt=()=>(0,f.jsx)(Ot.tq,{modules:[Bt.pt],centeredSlides:!0,slidesPerView:"auto",spaceBetween:0,className:"w-full",autoplay:{delay:3e3},children:it.map((e=>(0,f.jsx)(Ot.o5,{children:(0,f.jsxs)("div",{className:kt,children:[e.content,(0,f.jsx)("span",{className:Et,children:e.label})]})},e.label)))}),Dt=e=>{const[t]=(0,U.useState)(!1),{githubStarts:s}=e,a=(0,E.f)(),l=(0,o.I)({id:"description",message:"Build {businessApp} with low code, make automated {flow}, create {AIAgent} easily"});return(0,U.useEffect)((()=>{document.body.style.overflow=t?"hidden":"auto"}),[t]),(0,f.jsxs)("div",{className:It,children:[(0,f.jsxs)("div",{className:jt,children:[(0,f.jsx)("h1",{className:At,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:Lt,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:Nt,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ct,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Zt,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:l})}),(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"normal",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})]}),(0,f.jsxs)("div",{className:"flex items-center gap-[40px]",children:[(0,f.jsxs)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:St,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_mob_click"})},children:[(0,f.jsx)(vt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsxs)("span",{className:"ml-[5px]",children:[s,(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})]})})]}),(0,f.jsxs)(S.Z,{href:"https://discord.com/invite/illacloud",className:"flex flex-col items-center gap-[8px]",onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_discord_mob_click"})},children:[(0,f.jsx)(xt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsx)("span",{className:"ml-[5px] align-middle",children:(0,f.jsx)(o.Z,{id:"join-community",children:"Join Discord"})})})]})]}),(0,f.jsx)(qt,{})]})},Mt=()=>{const[e,t]=(0,U.useState)(!0),[s,a]=(0,U.useState)(0),l=(0,U.useCallback)((async e=>{try{const t=await fetch("https://api.github.com/repos/illacloud/illa-builder",{signal:e}),s=await t.json();return s?.stargazers_count||1e4}catch{return 1e4}}),[]);return(0,U.useEffect)((()=>{const e=new AbortController;return t(!0),l(e.signal).then((e=>{a(e),t(!1)})),()=>{e.abort()}}),[]),[e,(n=s,`${(n/1e3).toFixed(1)}k`)];var n};function Tt(){const[,e]=Mt();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(a.Z,{children:[(0,f.jsx)("html",{"data-active-page":"index"}),(0,f.jsx)("meta",{name:"twitter:title",content:c.title}),(0,f.jsx)("meta",{name:"twitter:description",content:c.description}),(0,f.jsx)("script",{type:"application/ld+json",children:JSON.stringify(d)})]}),(0,f.jsx)(l.j,{...c,children:(0,f.jsxs)("div",{className:"bg-black overflow-visible w-full relative z-[1] font-sans",children:[(0,f.jsx)(n.f,{}),(0,f.jsx)(ut,{githubStarts:e}),(0,f.jsx)(Dt,{githubStarts:e}),(0,f.jsx)(Ce,{}),(0,f.jsx)(i.Z,{scrollStart:.939,scrollEnd:1})]})})]})}},8618:(e,t,s)=>{s.d(t,{M:()=>a});const a=(e,t)=>{const s=new URL(e);for(const a in t)t[a]&&s.searchParams.append(a,t[a]);return s.toString()}},139:(e,t,s)=>{s.d(t,{Z:()=>a});const a=s.p+"assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4"}}]);
\ No newline at end of file
diff --git a/de/assets/js/31eafaf9.df3c804c.js b/de/assets/js/31eafaf9.6987740c.js
similarity index 99%
rename from de/assets/js/31eafaf9.df3c804c.js
rename to de/assets/js/31eafaf9.6987740c.js
index e9e60c9489..f0d30232fe 100644
--- a/de/assets/js/31eafaf9.df3c804c.js
+++ b/de/assets/js/31eafaf9.6987740c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3581],{2040:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/de/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"UI Library",permalink:"/illa-website/de/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/de/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/de/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/de/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3581],{2040:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/de/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"UI Library",permalink:"/illa-website/de/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/de/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/de/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/de/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/354dfbd1.9b5e4865.js b/de/assets/js/354dfbd1.54489368.js
similarity index 99%
rename from de/assets/js/354dfbd1.9b5e4865.js
rename to de/assets/js/354dfbd1.54489368.js
index c405d0d2a3..404a3a6947 100644
--- a/de/assets/js/354dfbd1.9b5e4865.js
+++ b/de/assets/js/354dfbd1.54489368.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8248],{5209:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"low-code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/de/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/de/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8248],{5209:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"low-code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/de/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/de/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/3dca0203.34d2e42b.js b/de/assets/js/3dca0203.335ac0e2.js
similarity index 99%
rename from de/assets/js/3dca0203.34d2e42b.js
rename to de/assets/js/3dca0203.335ac0e2.js
index 5455b914ca..a88ab66e8d 100644
--- a/de/assets/js/3dca0203.34d2e42b.js
+++ b/de/assets/js/3dca0203.335ac0e2.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5694],{1077:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"low-code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/de/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/de/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5694],{1077:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"low-code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/de/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/de/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/4a61f11b.ee7c63e0.js b/de/assets/js/4a61f11b.d53e6eae.js
similarity index 98%
rename from de/assets/js/4a61f11b.ee7c63e0.js
rename to de/assets/js/4a61f11b.d53e6eae.js
index 74db3faa17..6e88694f47 100644
--- a/de/assets/js/4a61f11b.ee7c63e0.js
+++ b/de/assets/js/4a61f11b.d53e6eae.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9699],{1483:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/de/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"shadcn-ui",permalink:"/illa-website/de/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/de/blog/tags/react"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/de/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/de/blog/shadcn-vs-mui"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/de/blog/nvm-use-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/de/blog/lowcode-vs-traditional",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9699],{1483:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/de/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"shadcn-ui",permalink:"/illa-website/de/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/de/blog/tags/react"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/de/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/de/blog/shadcn-vs-mui"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/de/blog/nvm-use-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/de/blog/lowcode-vs-traditional",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/4a83e123.9060f120.js b/de/assets/js/4a83e123.534ac1a2.js
similarity index 99%
rename from de/assets/js/4a83e123.9060f120.js
rename to de/assets/js/4a83e123.534ac1a2.js
index c11304cbee..cd968214fe 100644
--- a/de/assets/js/4a83e123.9060f120.js
+++ b/de/assets/js/4a83e123.534ac1a2.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[6137],{8506:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/de/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"UI Library",permalink:"/illa-website/de/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/de/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/de/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/de/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[6137],{8506:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/de/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"UI Library",permalink:"/illa-website/de/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/de/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/de/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/de/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/5cd65baf.09a21917.js b/de/assets/js/5cd65baf.306f314f.js
similarity index 79%
rename from de/assets/js/5cd65baf.09a21917.js
rename to de/assets/js/5cd65baf.306f314f.js
index 965cbf9d42..5a5ccb5104 100644
--- a/de/assets/js/5cd65baf.09a21917.js
+++ b/de/assets/js/5cd65baf.306f314f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9239],{9590:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/de/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"low code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/de/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/de/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/de/blog/mui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/de/blog/shadcn-ui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/de/blog/nvm-use-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9239],{9590:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/de/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"low code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/de/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/de/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/de/blog/mui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/de/blog/nvm-use-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/de/blog/shadcn-ui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/5f78ec6a.9de9618a.js b/de/assets/js/5f78ec6a.e94c18cc.js
similarity index 84%
rename from de/assets/js/5f78ec6a.9de9618a.js
rename to de/assets/js/5f78ec6a.e94c18cc.js
index 46ca1a7818..8b2565f681 100644
--- a/de/assets/js/5f78ec6a.9de9618a.js
+++ b/de/assets/js/5f78ec6a.e94c18cc.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3096],{2369:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>m,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},a=void 0,l={permalink:"/illa-website/de/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"nvm",permalink:"/illa-website/de/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/de/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/de/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/de/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/de/blog/shadcn-ui-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/de/blog/lowcode-vs-traditional",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/de/blog/shadcn-ui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>l,a:()=>a});var s=o(959);const t={},i=s.createContext(t);function a(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3096],{2369:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>m,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},a=void 0,l={permalink:"/illa-website/de/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"nvm",permalink:"/illa-website/de/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/de/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/de/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/de/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/de/blog/shadcn-ui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/de/blog/shadcn-ui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/de/blog/lowcode-vs-traditional",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>l,a:()=>a});var s=o(959);const t={},i=s.createContext(t);function a(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/6d69edbe.b5f01cec.js b/de/assets/js/6d69edbe.6b1f86d0.js
similarity index 84%
rename from de/assets/js/6d69edbe.b5f01cec.js
rename to de/assets/js/6d69edbe.6b1f86d0.js
index fec3deada6..ed625c8994 100644
--- a/de/assets/js/6d69edbe.b5f01cec.js
+++ b/de/assets/js/6d69edbe.6b1f86d0.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8876],{5391:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>m,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},a=void 0,l={permalink:"/illa-website/de/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"nvm",permalink:"/illa-website/de/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/de/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/de/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/de/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/de/blog/shadcn-ui-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/de/blog/lowcode-vs-traditional",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/de/blog/shadcn-ui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>l,a:()=>a});var s=o(959);const t={},i=s.createContext(t);function a(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8876],{5391:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>m,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},a=void 0,l={permalink:"/illa-website/de/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"nvm",permalink:"/illa-website/de/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/de/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/de/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/de/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/de/blog/shadcn-ui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/de/blog/shadcn-ui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/de/blog/lowcode-vs-traditional",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>l,a:()=>a});var s=o(959);const t={},i=s.createContext(t);function a(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/72d3bf7a.041a490a.js b/de/assets/js/72d3bf7a.e46612c3.js
similarity index 79%
rename from de/assets/js/72d3bf7a.041a490a.js
rename to de/assets/js/72d3bf7a.e46612c3.js
index 4cea7b9dd7..08d7a99b7f 100644
--- a/de/assets/js/72d3bf7a.041a490a.js
+++ b/de/assets/js/72d3bf7a.e46612c3.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4808],{2685:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/de/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"low code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/de/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/de/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/de/blog/mui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/de/blog/shadcn-ui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/de/blog/nvm-use-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4808],{2685:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/de/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"low code",permalink:"/illa-website/de/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/de/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/de/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/de/blog/mui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/de/blog/nvm-use-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/de/blog/shadcn-ui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/88d8af9f.77ea1414.js b/de/assets/js/88d8af9f.77ea1414.js
new file mode 100644
index 0000000000..43e53a41a7
--- /dev/null
+++ b/de/assets/js/88d8af9f.77ea1414.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5038],{9129:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/de/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"UI Library",permalink:"/illa-website/de/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/de/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/de/blog/tags/react"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/de/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/de/blog/nvm-use-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/de/blog/shadcn-ui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/de/blog/nvm-use-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/de/blog/lowcode-vs-traditional",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,i.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,i.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,i.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(t.p,{children:"These include:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,i.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/88d8af9f.d9be0639.js b/de/assets/js/88d8af9f.d9be0639.js
deleted file mode 100644
index 6e344521d8..0000000000
--- a/de/assets/js/88d8af9f.d9be0639.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5038],{9129:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/de/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"UI Library",permalink:"/illa-website/de/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/de/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/de/blog/tags/react"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/de/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/de/blog/nvm-use-2024"},relatedPosts:[{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",permalink:"/illa-website/de/blog/shadcn-vs-mui",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.12,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/de/blog/shadcn-ui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/de/blog/nvm-use-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,n.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,n.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsx)(t.li,{children:"Design"}),"\n",(0,n.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Colors"}),"\n",(0,n.jsx)(t.li,{children:"Border radii"}),"\n",(0,n.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,n.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,n.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,n.jsx)(t.p,{children:"These include:"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,n.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,n.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,n.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,n.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,n.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,n.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,t,i)=>{i.d(t,{Z:()=>r,a:()=>a});var n=i(959);const o={},s=n.createContext(o);function a(e){const t=n.useContext(s);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/96447363.957b338c.js b/de/assets/js/96447363.a328ae39.js
similarity index 98%
rename from de/assets/js/96447363.957b338c.js
rename to de/assets/js/96447363.a328ae39.js
index 72bd46055c..384070a105 100644
--- a/de/assets/js/96447363.957b338c.js
+++ b/de/assets/js/96447363.a328ae39.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9713],{6100:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/de/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"data dashboard",permalink:"/illa-website/de/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/de/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/de/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/de/blog/backend-create-web-ui",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9713],{6100:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/de/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"data dashboard",permalink:"/illa-website/de/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/de/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/de/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/de/blog/backend-create-web-ui",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/b6eb34d2.c892cbd0.js b/de/assets/js/b6eb34d2.0f328ea0.js
similarity index 98%
rename from de/assets/js/b6eb34d2.c892cbd0.js
rename to de/assets/js/b6eb34d2.0f328ea0.js
index 00eb57cbb0..c9d8c3a67e 100644
--- a/de/assets/js/b6eb34d2.c892cbd0.js
+++ b/de/assets/js/b6eb34d2.0f328ea0.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5191],{5067:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/de/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"shadcn-ui",permalink:"/illa-website/de/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/de/blog/tags/react"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/de/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/de/blog/shadcn-vs-mui"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/de/blog/nvm-use-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/de/blog/lowcode-vs-traditional",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5191],{5067:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/de/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"shadcn-ui",permalink:"/illa-website/de/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/de/blog/tags/react"},{label:"javascript",permalink:"/illa-website/de/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/de/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/de/blog/shadcn-vs-mui"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/de/blog/nvm-use-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/mui-2024",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/de/blog/lowcode-vs-traditional",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/bb85b74d.76a61702.js b/de/assets/js/bb85b74d.3953cb9f.js
similarity index 98%
rename from de/assets/js/bb85b74d.76a61702.js
rename to de/assets/js/bb85b74d.3953cb9f.js
index b9b32e96fd..a3b521afb1 100644
--- a/de/assets/js/bb85b74d.76a61702.js
+++ b/de/assets/js/bb85b74d.3953cb9f.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5938],{576:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/de/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"data dashboard",permalink:"/illa-website/de/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/de/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/de/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/de/blog/backend-create-web-ui",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5938],{576:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/de/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"data dashboard",permalink:"/illa-website/de/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/de/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/de/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/de/blog/backend-create-web-ui",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/e20c763e.04cf3dc7.js b/de/assets/js/e20c763e.3f7c0bee.js
similarity index 98%
rename from de/assets/js/e20c763e.04cf3dc7.js
rename to de/assets/js/e20c763e.3f7c0bee.js
index b511a8396a..1961e67bdf 100644
--- a/de/assets/js/e20c763e.04cf3dc7.js
+++ b/de/assets/js/e20c763e.3f7c0bee.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7599],{8311:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>r,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,r={permalink:"/illa-website/de/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"internal tools",permalink:"/illa-website/de/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/de/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/de/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/de/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/build-dashboard",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>r,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function r(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7599],{8311:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>r,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,r={permalink:"/illa-website/de/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"internal tools",permalink:"/illa-website/de/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/de/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/de/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/de/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/build-dashboard",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>r,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function r(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/e765f05a.40fbde2c.js b/de/assets/js/e765f05a.dc3e2a4b.js
similarity index 98%
rename from de/assets/js/e765f05a.40fbde2c.js
rename to de/assets/js/e765f05a.dc3e2a4b.js
index 3a68163d76..5550c3d4c9 100644
--- a/de/assets/js/e765f05a.40fbde2c.js
+++ b/de/assets/js/e765f05a.dc3e2a4b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7272],{26:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>r,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,r={permalink:"/illa-website/de/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:08:52.000Z",formattedDate:"3. Januar 2024",tags:[{label:"internal tools",permalink:"/illa-website/de/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/de/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/de/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/de/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/build-dashboard",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>r,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function r(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7272],{26:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>l,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>r,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,r={permalink:"/illa-website/de/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:28:24.000Z",formattedDate:"3. Januar 2024",tags:[{label:"internal tools",permalink:"/illa-website/de/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/de/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/de/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/de/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/de/blog/build-dashboard",formattedDate:"3. Januar 2024",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>r,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function r(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
diff --git a/de/assets/js/main.90fd4256.js b/de/assets/js/main.cde0ebb4.js
similarity index 74%
rename from de/assets/js/main.90fd4256.js
rename to de/assets/js/main.cde0ebb4.js
index 706405e2e4..ec53012dda 100644
--- a/de/assets/js/main.90fd4256.js
+++ b/de/assets/js/main.cde0ebb4.js
@@ -1,2 +1,2 @@
-/*! For license information please see main.90fd4256.js.LICENSE.txt */
-(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[179],{1422:(e,t,n)=>{var a={"./":1884};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=1422},6002:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7558),r=n.n(a),o=n(6887);const i={"0104b3a5":[()=>Promise.all([n.e(532),n.e(8592),n.e(1205)]).then(n.bind(n,2048)),"@site/src/pages/components/List/index.tsx",2048],"01a85c17":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(4013)]).then(n.bind(n,5602)),"@theme/BlogTagsListPage",5602],"01bd692b":[()=>Promise.all([n.e(532),n.e(8592),n.e(8550)]).then(n.bind(n,9451)),"@site/src/pages/components/Switch/index.tsx",9451],"03598c98":[()=>Promise.all([n.e(532),n.e(8592),n.e(4530)]).then(n.bind(n,406)),"@site/src/pages/components/Statistics/index.tsx",406],"03d60dda":[()=>Promise.all([n.e(532),n.e(8592),n.e(1618)]).then(n.bind(n,489)),"@site/src/pages/components/Divider/index.tsx",489],"0ef6880a":[()=>n.e(1043).then(n.t.bind(n,9232,19)),"~blog/default/illa-website-de-blog-tags-data-dashboard-143.json",9232],"17fb53e2":[()=>Promise.all([n.e(532),n.e(8592),n.e(4893)]).then(n.bind(n,2439)),"@site/src/pages/integrations/OracleDB/index.tsx",2439],"1842627e":[()=>n.e(5037).then(n.bind(n,2640)),"@site/blog/mui-2024/mui.md",2640],"188c27a7":[()=>Promise.all([n.e(532),n.e(8592),n.e(6921)]).then(n.bind(n,7108)),"@site/src/pages/components/index.tsx",7108],"1b97b52f":[()=>Promise.all([n.e(532),n.e(8592),n.e(2833)]).then(n.bind(n,7880)),"@site/src/pages/components/Input/index.tsx",7880],"1df93b7f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5708),n.e(3237)]).then(n.bind(n,7518)),"@site/src/pages/index.tsx",7518],"25bbf118":[()=>Promise.all([n.e(532),n.e(8592),n.e(7277)]).then(n.bind(n,5013)),"@site/src/pages/components/Modal/index.tsx",5013],"25c95330":[()=>n.e(3611).then(n.t.bind(n,2307,19)),"~blog/default/illa-website-de-blog-tags-data-dashboard-143-list.json",2307],"25ffa5da":[()=>Promise.all([n.e(532),n.e(8592),n.e(4417)]).then(n.bind(n,716)),"@site/src/pages/components/DateRange/index.tsx",716],"279770d6":[()=>Promise.all([n.e(532),n.e(8592),n.e(7654)]).then(n.bind(n,145)),"@site/src/pages/pricing/index.tsx",145],"2864c10f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5923),n.e(3807)]).then(n.bind(n,6641)),"@theme/SolutionsPage",6641],"2937fddb":[()=>Promise.all([n.e(532),n.e(8592),n.e(7559)]).then(n.bind(n,5430)),"@site/src/pages/integrations/HuggingFaceInferenceEndpoint/index.tsx",5430],"2d1ec1f7":[()=>Promise.all([n.e(532),n.e(8592),n.e(4664)]).then(n.bind(n,9400)),"@site/src/pages/integrations/MicrosoftSQLServer/index.tsx",9400],"2e55149c":[()=>n.e(8920).then(n.bind(n,8692)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-dashboard.mdx",8692],30834002:[()=>Promise.all([n.e(532),n.e(8592),n.e(7949)]).then(n.bind(n,2150)),"@site/src/pages/components/Tabs/index.tsx",2150],"30da2238":[()=>Promise.all([n.e(532),n.e(8592),n.e(7906)]).then(n.bind(n,7201)),"@site/src/pages/integrations/Clickhouse/index.tsx",7201],"31eafaf9":[()=>n.e(3581).then(n.bind(n,2040)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",2040],"34d0e50f":[()=>n.e(5385).then(n.t.bind(n,5745,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],"3505054e":[()=>n.e(5084).then(n.t.bind(n,8815,19)),"~blog/default/illa-website-de-blog-tags-shadcn-ui-ffc.json",8815],"354dfbd1":[()=>n.e(8248).then(n.bind(n,5209)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md?truncated=true",5209],"38806fe8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9248)]).then(n.bind(n,7179)),"@site/src/pages/integrations/PostgreSQL/index.tsx",7179],"3951042e":[()=>n.e(6194).then(n.t.bind(n,8316,19)),"~blog/default/illa-website-de-blog-tags-admin-panel-ff2.json",8316],"3d6ccfd0":[()=>Promise.all([n.e(532),n.e(8592),n.e(7543)]).then(n.bind(n,2667)),"@site/src/pages/components/Video/index.tsx",2667],"3dca0203":[()=>n.e(5694).then(n.bind(n,1077)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md",1077],"3fee51a2":[()=>Promise.all([n.e(532),n.e(8592),n.e(7155)]).then(n.bind(n,2974)),"@site/src/pages/components/Form/index.tsx",2974],41685197:[()=>Promise.all([n.e(532),n.e(8592),n.e(4610)]).then(n.bind(n,3608)),"@site/src/pages/integrations/TiDB/index.tsx",3608],"451bfe05":[()=>Promise.all([n.e(532),n.e(8592),n.e(5162)]).then(n.bind(n,780)),"@site/src/pages/integrations/Hydra/index.tsx",780],45267849:[()=>Promise.all([n.e(532),n.e(8592),n.e(2136)]).then(n.bind(n,7417)),"@site/src/pages/integrations/MySQL/index.tsx",7417],"46a49447":[()=>Promise.all([n.e(532),n.e(8592),n.e(4771)]).then(n.bind(n,2208)),"@site/src/pages/components/CircleProgress/index.tsx",2208],"474ec535":[()=>Promise.all([n.e(532),n.e(8592),n.e(1055)]).then(n.bind(n,3886)),"@site/src/pages/components/PDF/index.tsx",3886],49586834:[()=>Promise.all([n.e(532),n.e(8592),n.e(852)]).then(n.bind(n,8292)),"@site/src/pages/components/Button/index.tsx",8292],"4a61f11b":[()=>n.e(9699).then(n.bind(n,1483)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",1483],"4a83e123":[()=>n.e(6137).then(n.bind(n,8506)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md?truncated=true",8506],"4ac275c7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1679)]).then(n.bind(n,9098)),"@site/src/pages/integrations/CouchDB/index.tsx",9098],"4c3a04f4":[()=>Promise.all([n.e(532),n.e(8592),n.e(2578)]).then(n.bind(n,8532)),"@site/src/pages/components/Chart/index.tsx",8532],"50cfa8ab":[()=>Promise.all([n.e(532),n.e(8592),n.e(9788)]).then(n.bind(n,7779)),"@site/src/pages/components/BarProgress/index.tsx",7779],"53015dc5":[()=>Promise.all([n.e(532),n.e(8592),n.e(8962)]).then(n.bind(n,4118)),"@site/src/pages/components/Menu/index.tsx",4118],"56cbb393":[()=>Promise.all([n.e(532),n.e(8592),n.e(7050)]).then(n.bind(n,4515)),"@site/src/pages/components/Select/index.tsx",4515],"5758dffb":[()=>Promise.all([n.e(532),n.e(8592),n.e(9982)]).then(n.bind(n,5421)),"@site/src/pages/components/EditableText/index.tsx",5421],"589eda2e":[()=>Promise.all([n.e(532),n.e(8592),n.e(4556)]).then(n.bind(n,1566)),"@site/src/pages/integrations/AmazonDynamoDB/index.tsx",1566],"5a8d0967":[()=>n.e(4359).then(n.t.bind(n,841,19)),"~blog/default/illa-website-de-blog-tags-tags-f58.json",841],"5adc8aa7":[()=>n.e(4293).then(n.t.bind(n,1728,19)),"~blog/default/illa-website-de-blog-tags-mac-dbb-list.json",1728],"5b196cbe":[()=>n.e(2061).then(n.t.bind(n,4042,19)),"~blog/default/illa-website-de-blog-tags-nodejs-cbb.json",4042],"5bf9ba3f":[()=>n.e(9574).then(n.t.bind(n,8087,19)),"~blog/default/illa-website-de-blog-tags-react-5cb-list.json",8087],"5c63dc5b":[()=>n.e(6191).then(n.t.bind(n,3459,19)),"~blog/default/illa-website-de-blog-4a8.json",3459],"5ca6070c":[()=>Promise.all([n.e(532),n.e(8592),n.e(2056)]).then(n.bind(n,5462)),"@site/src/pages/components/Textarea Input/index.tsx",5462],"5cd65baf":[()=>n.e(9239).then(n.bind(n,9590)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md?truncated=true",9590],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],"5f78ec6a":[()=>n.e(3096).then(n.bind(n,2369)),"@site/blog/nvm-use/nvm-use.md",2369],"6632b8cf":[()=>Promise.all([n.e(532),n.e(8592),n.e(9090)]).then(n.bind(n,786)),"@site/src/pages/components/Icon/index.tsx",786],"6875c492":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(8610)]).then(n.bind(n,2304)),"@theme/BlogTagsPostsPage",2304],"68c10dd5":[()=>Promise.all([n.e(532),n.e(8592),n.e(2714)]).then(n.bind(n,5886)),"@site/src/pages/integrations/Neon/index.tsx",5886],"69e70952":[()=>n.e(3370).then(n.t.bind(n,4680,19)),"~blog/default/illa-website-de-blog-tags-admin-panel-ff2-list.json",4680],"6b09bb8f":[()=>n.e(8839).then(n.t.bind(n,8663,19)),"~blog/default/illa-website-de-blog-tags-traditional-development-7dc-list.json",8663],"6b7903a8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9324)]).then(n.bind(n,3564)),"@site/src/pages/components/NumberInput/index.tsx",3564],"6bb5daf4":[()=>n.e(6402).then(n.bind(n,6963)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-ai-voice-generator.mdx",6963],"6d69edbe":[()=>n.e(8876).then(n.bind(n,5391)),"@site/blog/nvm-use/nvm-use.md?truncated=true",5391],"6de1dbb7":[()=>n.e(2974).then(n.t.bind(n,6851,19)),"~blog/default/illa-website-de-blog-tags-ui-library-fd3.json",6851],"6e91fee9":[()=>Promise.all([n.e(532),n.e(8592),n.e(856)]).then(n.bind(n,2368)),"@site/src/pages/integrations/S3/index.tsx",2368],"6fb71529":[()=>n.e(8823).then(n.t.bind(n,8940,19)),"~blog/default/illa-website-de-blog-tags-open-source-3da.json",8940],"7213c8c2":[()=>Promise.all([n.e(532),n.e(8592),n.e(3045)]).then(n.bind(n,9219)),"@site/src/pages/components/Timeline/index.tsx",9219],"72d3bf7a":[()=>n.e(4808).then(n.bind(n,2685)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",2685],"733df29f":[()=>Promise.all([n.e(532),n.e(8592),n.e(8151)]).then(n.bind(n,3538)),"@site/src/pages/integrations/Appwrite/index.tsx",3538],"7467c04f":[()=>n.e(3104).then(n.t.bind(n,5429,19)),"~blog/default/illa-website-de-blog-tags-javascript-af9.json",5429],"78abd0ad":[()=>n.e(2477).then(n.t.bind(n,8884,19)),"~blog/default/illa-website-de-blog-tags-low-code-37e.json",8884],"78b157de":[()=>n.e(3768).then(n.bind(n,5693)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-crm.mdx",5693],"7b91dc2c":[()=>Promise.all([n.e(532),n.e(8592),n.e(7448)]).then(n.bind(n,5764)),"@site/src/pages/integrations/MariaDB/index.tsx",5764],"7d02bed8":[()=>Promise.all([n.e(532),n.e(8592),n.e(7832)]).then(n.bind(n,9840)),"@site/src/pages/integrations/ElasticSearch/index.tsx",9840],"7e92d9a9":[()=>n.e(3018).then(n.t.bind(n,5187,19)),"~blog/default/illa-website-de-blog-tags-open-source-3da-list.json",5187],"7f0a0f20":[()=>Promise.all([n.e(532),n.e(8592),n.e(2377)]).then(n.bind(n,5092)),"@site/src/pages/components/CheckboxGroup/index.tsx",5092],"837d095b":[()=>Promise.all([n.e(532),n.e(8592),n.e(9211)]).then(n.bind(n,8824)),"@site/src/pages/components/RadioGroup/index.tsx",8824],"83d2f18d":[()=>Promise.all([n.e(532),n.e(8592),n.e(4638)]).then(n.bind(n,6398)),"@site/src/pages/components/Audio/index.tsx",6398],"86953be1":[()=>Promise.all([n.e(532),n.e(8592),n.e(6510)]).then(n.bind(n,7072)),"@site/src/pages/components/Cascader/index.tsx",7072],"88d8af9f":[()=>n.e(5038).then(n.bind(n,9129)),"@site/blog/mui-2024/mui.md?truncated=true",9129],"890684bb":[()=>Promise.all([n.e(532),n.e(8592),n.e(3883)]).then(n.bind(n,9917)),"@site/src/pages/integrations/Redis/index.tsx",9917],"8d9a9c02":[()=>Promise.all([n.e(532),n.e(8592),n.e(3265)]).then(n.bind(n,3893)),"@site/src/pages/components/RadioButton/index.tsx",3893],"913e659f":[()=>n.e(5355).then(n.t.bind(n,5102,19)),"~blog/default/illa-website-de-blog-tags-shadcn-ui-ffc-list.json",5102],"921028f2":[()=>Promise.all([n.e(532),n.e(8592),n.e(8922)]).then(n.bind(n,4108)),"@site/src/pages/integrations/RESTAPI/index.tsx",4108],"927b8026":[()=>Promise.all([n.e(532),n.e(8592),n.e(1414)]).then(n.bind(n,4882)),"@site/src/pages/integrations/GraphQL/index.tsx",4882],"94161ec7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1845)]).then(n.bind(n,8521)),"@site/src/pages/integrations/Snowflake/index.tsx",8521],96447363:[()=>n.e(9713).then(n.bind(n,6100)),"@site/blog/build-dashboard/build-dashboard.md",6100],"97896d63":[()=>n.e(8364).then(n.bind(n,2077)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-admin-panel.mdx",2077],"999679b7":[()=>n.e(1281).then(n.bind(n,9268)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-image-generator.mdx",9268],"9de45a08":[()=>Promise.all([n.e(532),n.e(8592),n.e(4640)]).then(n.bind(n,7582)),"@site/src/pages/integrations/SupabaseDB/index.tsx",7582],"9f91eb4c":[()=>Promise.all([n.e(532),n.e(8592),n.e(6290)]).then(n.bind(n,3668)),"@site/src/pages/components/DateTime/index.tsx",3668],a241c358:[()=>n.e(5649).then(n.t.bind(n,3267,19)),"~blog/default/illa-website-de-blog-tags-low-code-37e-list.json",3267],a6aa9e1f:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(3089)]).then(n.bind(n,6336)),"@theme/BlogListPage",6336],a6b4f45f:[()=>Promise.all([n.e(532),n.e(8592),n.e(3102)]).then(n.bind(n,9967)),"@site/src/pages/components/Carousel/index.tsx",9967],a828f322:[()=>Promise.all([n.e(532),n.e(8592),n.e(8891)]).then(n.bind(n,9216)),"@site/src/pages/integrations/HuggingFaceInferenceAPI/index.tsx",9216],a9372106:[()=>Promise.all([n.e(532),n.e(8592),n.e(1777)]).then(n.bind(n,7134)),"@site/src/pages/components/Text/index.tsx",7134],a9b6c276:[()=>n.e(6681).then(n.t.bind(n,5722,19)),"~blog/default/illa-website-de-blog-tags-nvm-6d2-list.json",5722],ac92cbdc:[()=>Promise.all([n.e(532),n.e(8592),n.e(5378)]).then(n.bind(n,5501)),"@site/src/pages/integrations/SMTP/index.tsx",5501],adcfd9b9:[()=>n.e(684).then(n.t.bind(n,6192,19)),"~blog/default/illa-website-de-blog-tags-internal-tools-349.json",6192],b6eb34d2:[()=>n.e(5191).then(n.bind(n,5067)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md?truncated=true",5067],b83b1560:[()=>n.e(5064).then(n.t.bind(n,696,19)),"~blog/default/illa-website-de-blog-tags-react-5cb.json",696],bb2e1bc1:[()=>n.e(905).then(n.t.bind(n,9568,19)),"~blog/default/illa-website-de-blog-tags-nodejs-cbb-list.json",9568],bb85b74d:[()=>n.e(5938).then(n.bind(n,576)),"@site/blog/build-dashboard/build-dashboard.md?truncated=true",576],bb9e3f22:[()=>Promise.all([n.e(532),n.e(8592),n.e(5118)]).then(n.bind(n,4980)),"@site/src/pages/components/Container/index.tsx",4980],bc7db89f:[()=>n.e(5465).then(n.t.bind(n,619,19)),"~blog/default/illa-website-de-blog-tags-traditional-development-7dc.json",619],be1d629d:[()=>Promise.all([n.e(532),n.e(8592),n.e(545)]).then(n.bind(n,3563)),"@site/src/pages/components/Rate/index.tsx",3563],c133d0bc:[()=>Promise.all([n.e(532),n.e(8592),n.e(7746)]).then(n.bind(n,1814)),"@site/src/pages/components/Image/index.tsx",1814],c62c5061:[()=>n.e(6584).then(n.t.bind(n,9488,19)),"~blog/default/illa-website-de-blog-tags-internal-tools-349-list.json",9488],ca19ac91:[()=>Promise.all([n.e(532),n.e(8592),n.e(7612)]).then(n.bind(n,7690)),"@site/src/pages/integrations/GoogleSheets/index.tsx",7690],ca854f54:[()=>n.e(1273).then(n.t.bind(n,6830,19)),"~blog/default/illa-website-de-blog-tags-ui-library-fd3-list.json",6830],ca96679e:[()=>Promise.all([n.e(532),n.e(8592),n.e(2031)]).then(n.bind(n,5014)),"@site/src/pages/components/Tables/index.tsx",5014],ccc49370:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(5923),n.e(4809),n.e(6103)]).then(n.bind(n,9466)),"@theme/BlogPostPage",9466],cf603bed:[()=>n.e(4711).then(n.t.bind(n,5734,19)),"~blog/default/illa-website-de-blog-tags-nvm-6d2.json",5734],d8096fab:[()=>Promise.all([n.e(532),n.e(8592),n.e(6828)]).then(n.bind(n,3769)),"@site/src/pages/integrations/index.tsx",3769],da1593ee:[()=>Promise.all([n.e(532),n.e(8592),n.e(9321)]).then(n.bind(n,1086)),"@site/src/pages/components/Multiselect/index.tsx",1086],deb5faec:[()=>Promise.all([n.e(532),n.e(8592),n.e(2224)]).then(n.bind(n,320)),"@site/src/pages/components/Date/index.tsx",320],e015af33:[()=>Promise.all([n.e(532),n.e(8592),n.e(8595)]).then(n.bind(n,7818)),"@site/src/pages/integrations/MongoDB/index.tsx",7818],e0cd9918:[()=>Promise.all([n.e(532),n.e(8592),n.e(8155)]).then(n.bind(n,4855)),"@site/src/pages/components/Upload/index.tsx",4855],e20c763e:[()=>n.e(7599).then(n.bind(n,8311)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md?truncated=true",8311],e4e1a4b6:[()=>Promise.all([n.e(532),n.e(8592),n.e(8296)]).then(n.bind(n,5586)),"@site/src/pages/integrations/Airtable/index.tsx",5586],e5ce6207:[()=>n.e(4482).then(n.t.bind(n,4670,19)),"~blog/default/illa-website-de-blog-tags-mac-dbb.json",4670],e765f05a:[()=>n.e(7272).then(n.bind(n,26)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md",26],ea190378:[()=>n.e(9217).then(n.t.bind(n,5940,19)),"~blog/default/illa-website-de-blog-tags-javascript-af9-list.json",5940],f1acacbf:[()=>n.e(199).then(n.bind(n,1485)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-cms.mdx",1485],f3cf1707:[()=>Promise.all([n.e(532),n.e(8592),n.e(3072)]).then(n.bind(n,109)),"@site/src/pages/integrations/Firebase/index.tsx",109],fc0df049:[()=>n.e(5315).then(n.t.bind(n,4469,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",4469]};var l=n(1527);function s(e){let{error:t,retry:n,pastDelay:a}=e;return t?(0,l.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,l.jsx)("p",{children:String(t)}),(0,l.jsx)("div",{children:(0,l.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):a?(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,l.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,l.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,l.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(4420),u=n(2762);function d(e,t){if("*"===e)return r()({loading:s,loader:()=>Promise.all([n.e(532),n.e(8592),n.e(8245)]).then(n.bind(n,8245)),modules:["@theme/NotFound"],webpack:()=>[8245],render(e,t){const n=e.default;return(0,l.jsx)(u.z,{value:{plugin:{name:"native",id:"default"}},children:(0,l.jsx)(n,{...t})})}});const a=o[`${e}-${t}`],d={},p=[],f=[],g=(0,c.Z)(a);return Object.entries(g).forEach((e=>{let[t,n]=e;const a=i[n];a&&(d[t]=a[0],p.push(a[1]),f.push(a[2]))})),r().Map({loading:s,loader:d,modules:p,webpack:()=>f,render(t,n){const r=JSON.parse(JSON.stringify(a));Object.entries(t).forEach((t=>{let[n,a]=t;const o=a.default;if(!o)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof o&&"function"!=typeof o||Object.keys(a).filter((e=>"default"!==e)).forEach((e=>{o[e]=a[e]}));let i=r;const l=n.split(".");l.slice(0,-1).forEach((e=>{i=i[e]})),i[l[l.length-1]]=o}));const o=r.__comp;delete r.__comp;const i=r.__context;return delete r.__context,(0,l.jsx)(u.z,{value:i,children:(0,l.jsx)(o,{...r,...n})})}})}const p=[{path:"/illa-website/de/admin-panel",component:d("/illa-website/de/admin-panel","d67"),exact:!0},{path:"/illa-website/de/ai-voice-generator",component:d("/illa-website/de/ai-voice-generator","667"),exact:!0},{path:"/illa-website/de/blog",component:d("/illa-website/de/blog","7f9"),exact:!0},{path:"/illa-website/de/blog/backend-create-web-ui",component:d("/illa-website/de/blog/backend-create-web-ui","68d"),exact:!0},{path:"/illa-website/de/blog/build-dashboard",component:d("/illa-website/de/blog/build-dashboard","5ed"),exact:!0},{path:"/illa-website/de/blog/lowcode-vs-traditional",component:d("/illa-website/de/blog/lowcode-vs-traditional","5da"),exact:!0},{path:"/illa-website/de/blog/mui-2024",component:d("/illa-website/de/blog/mui-2024","201"),exact:!0},{path:"/illa-website/de/blog/nvm-use-2024",component:d("/illa-website/de/blog/nvm-use-2024","8a4"),exact:!0},{path:"/illa-website/de/blog/shadcn-ui-2024",component:d("/illa-website/de/blog/shadcn-ui-2024","73c"),exact:!0},{path:"/illa-website/de/blog/shadcn-vs-mui",component:d("/illa-website/de/blog/shadcn-vs-mui","ed1"),exact:!0},{path:"/illa-website/de/blog/tags",component:d("/illa-website/de/blog/tags","2aa"),exact:!0},{path:"/illa-website/de/blog/tags/admin-panel",component:d("/illa-website/de/blog/tags/admin-panel","4ea"),exact:!0},{path:"/illa-website/de/blog/tags/data-dashboard",component:d("/illa-website/de/blog/tags/data-dashboard","e8f"),exact:!0},{path:"/illa-website/de/blog/tags/internal-tools",component:d("/illa-website/de/blog/tags/internal-tools","888"),exact:!0},{path:"/illa-website/de/blog/tags/javascript",component:d("/illa-website/de/blog/tags/javascript","e79"),exact:!0},{path:"/illa-website/de/blog/tags/low-code",component:d("/illa-website/de/blog/tags/low-code","5a6"),exact:!0},{path:"/illa-website/de/blog/tags/mac",component:d("/illa-website/de/blog/tags/mac","bca"),exact:!0},{path:"/illa-website/de/blog/tags/nodejs",component:d("/illa-website/de/blog/tags/nodejs","dc8"),exact:!0},{path:"/illa-website/de/blog/tags/nvm",component:d("/illa-website/de/blog/tags/nvm","cdb"),exact:!0},{path:"/illa-website/de/blog/tags/open-source",component:d("/illa-website/de/blog/tags/open-source","de7"),exact:!0},{path:"/illa-website/de/blog/tags/react",component:d("/illa-website/de/blog/tags/react","cb0"),exact:!0},{path:"/illa-website/de/blog/tags/shadcn-ui",component:d("/illa-website/de/blog/tags/shadcn-ui","f47"),exact:!0},{path:"/illa-website/de/blog/tags/traditional-development",component:d("/illa-website/de/blog/tags/traditional-development","a93"),exact:!0},{path:"/illa-website/de/blog/tags/ui-library",component:d("/illa-website/de/blog/tags/ui-library","910"),exact:!0},{path:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024",component:d("/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024","05a"),exact:!0},{path:"/illa-website/de/cms",component:d("/illa-website/de/cms","230"),exact:!0},{path:"/illa-website/de/components/",component:d("/illa-website/de/components/","3af"),exact:!0},{path:"/illa-website/de/components/Audio/",component:d("/illa-website/de/components/Audio/","02d"),exact:!0},{path:"/illa-website/de/components/BarProgress/",component:d("/illa-website/de/components/BarProgress/","0e1"),exact:!0},{path:"/illa-website/de/components/Button/",component:d("/illa-website/de/components/Button/","d1d"),exact:!0},{path:"/illa-website/de/components/Carousel/",component:d("/illa-website/de/components/Carousel/","3e4"),exact:!0},{path:"/illa-website/de/components/Cascader/",component:d("/illa-website/de/components/Cascader/","c6f"),exact:!0},{path:"/illa-website/de/components/Chart/",component:d("/illa-website/de/components/Chart/","974"),exact:!0},{path:"/illa-website/de/components/CheckboxGroup/",component:d("/illa-website/de/components/CheckboxGroup/","f2d"),exact:!0},{path:"/illa-website/de/components/CircleProgress/",component:d("/illa-website/de/components/CircleProgress/","86a"),exact:!0},{path:"/illa-website/de/components/Container/",component:d("/illa-website/de/components/Container/","e84"),exact:!0},{path:"/illa-website/de/components/Date/",component:d("/illa-website/de/components/Date/","9f8"),exact:!0},{path:"/illa-website/de/components/DateRange/",component:d("/illa-website/de/components/DateRange/","ac5"),exact:!0},{path:"/illa-website/de/components/DateTime/",component:d("/illa-website/de/components/DateTime/","790"),exact:!0},{path:"/illa-website/de/components/Divider/",component:d("/illa-website/de/components/Divider/","e21"),exact:!0},{path:"/illa-website/de/components/EditableText/",component:d("/illa-website/de/components/EditableText/","4a2"),exact:!0},{path:"/illa-website/de/components/Form/",component:d("/illa-website/de/components/Form/","1b7"),exact:!0},{path:"/illa-website/de/components/Icon/",component:d("/illa-website/de/components/Icon/","d86"),exact:!0},{path:"/illa-website/de/components/Image/",component:d("/illa-website/de/components/Image/","92c"),exact:!0},{path:"/illa-website/de/components/Input/",component:d("/illa-website/de/components/Input/","a1b"),exact:!0},{path:"/illa-website/de/components/List/",component:d("/illa-website/de/components/List/","a5b"),exact:!0},{path:"/illa-website/de/components/Menu/",component:d("/illa-website/de/components/Menu/","22e"),exact:!0},{path:"/illa-website/de/components/Modal/",component:d("/illa-website/de/components/Modal/","cc6"),exact:!0},{path:"/illa-website/de/components/Multiselect/",component:d("/illa-website/de/components/Multiselect/","f62"),exact:!0},{path:"/illa-website/de/components/NumberInput/",component:d("/illa-website/de/components/NumberInput/","323"),exact:!0},{path:"/illa-website/de/components/PDF/",component:d("/illa-website/de/components/PDF/","119"),exact:!0},{path:"/illa-website/de/components/RadioButton/",component:d("/illa-website/de/components/RadioButton/","420"),exact:!0},{path:"/illa-website/de/components/RadioGroup/",component:d("/illa-website/de/components/RadioGroup/","7ae"),exact:!0},{path:"/illa-website/de/components/Rate/",component:d("/illa-website/de/components/Rate/","b6c"),exact:!0},{path:"/illa-website/de/components/Select/",component:d("/illa-website/de/components/Select/","ed6"),exact:!0},{path:"/illa-website/de/components/Statistics/",component:d("/illa-website/de/components/Statistics/","dee"),exact:!0},{path:"/illa-website/de/components/Switch/",component:d("/illa-website/de/components/Switch/","6da"),exact:!0},{path:"/illa-website/de/components/Tables/",component:d("/illa-website/de/components/Tables/","2c4"),exact:!0},{path:"/illa-website/de/components/Tabs/",component:d("/illa-website/de/components/Tabs/","f91"),exact:!0},{path:"/illa-website/de/components/Text/",component:d("/illa-website/de/components/Text/","96b"),exact:!0},{path:"/illa-website/de/components/Textarea%20Input/",component:d("/illa-website/de/components/Textarea%20Input/","396"),exact:!0},{path:"/illa-website/de/components/Timeline/",component:d("/illa-website/de/components/Timeline/","1bc"),exact:!0},{path:"/illa-website/de/components/Upload/",component:d("/illa-website/de/components/Upload/","a0d"),exact:!0},{path:"/illa-website/de/components/Video/",component:d("/illa-website/de/components/Video/","5a3"),exact:!0},{path:"/illa-website/de/crm",component:d("/illa-website/de/crm","dc0"),exact:!0},{path:"/illa-website/de/dashboard",component:d("/illa-website/de/dashboard","387"),exact:!0},{path:"/illa-website/de/image-generator",component:d("/illa-website/de/image-generator","d46"),exact:!0},{path:"/illa-website/de/integrations/",component:d("/illa-website/de/integrations/","573"),exact:!0},{path:"/illa-website/de/integrations/Airtable/",component:d("/illa-website/de/integrations/Airtable/","eda"),exact:!0},{path:"/illa-website/de/integrations/AmazonDynamoDB/",component:d("/illa-website/de/integrations/AmazonDynamoDB/","676"),exact:!0},{path:"/illa-website/de/integrations/Appwrite/",component:d("/illa-website/de/integrations/Appwrite/","735"),exact:!0},{path:"/illa-website/de/integrations/Clickhouse/",component:d("/illa-website/de/integrations/Clickhouse/","306"),exact:!0},{path:"/illa-website/de/integrations/CouchDB/",component:d("/illa-website/de/integrations/CouchDB/","2e2"),exact:!0},{path:"/illa-website/de/integrations/ElasticSearch/",component:d("/illa-website/de/integrations/ElasticSearch/","4f8"),exact:!0},{path:"/illa-website/de/integrations/Firebase/",component:d("/illa-website/de/integrations/Firebase/","98f"),exact:!0},{path:"/illa-website/de/integrations/GoogleSheets/",component:d("/illa-website/de/integrations/GoogleSheets/","dce"),exact:!0},{path:"/illa-website/de/integrations/GraphQL/",component:d("/illa-website/de/integrations/GraphQL/","64f"),exact:!0},{path:"/illa-website/de/integrations/HuggingFaceInferenceAPI/",component:d("/illa-website/de/integrations/HuggingFaceInferenceAPI/","0b5"),exact:!0},{path:"/illa-website/de/integrations/HuggingFaceInferenceEndpoint/",component:d("/illa-website/de/integrations/HuggingFaceInferenceEndpoint/","405"),exact:!0},{path:"/illa-website/de/integrations/Hydra/",component:d("/illa-website/de/integrations/Hydra/","823"),exact:!0},{path:"/illa-website/de/integrations/MariaDB/",component:d("/illa-website/de/integrations/MariaDB/","700"),exact:!0},{path:"/illa-website/de/integrations/MicrosoftSQLServer/",component:d("/illa-website/de/integrations/MicrosoftSQLServer/","491"),exact:!0},{path:"/illa-website/de/integrations/MongoDB/",component:d("/illa-website/de/integrations/MongoDB/","67c"),exact:!0},{path:"/illa-website/de/integrations/MySQL/",component:d("/illa-website/de/integrations/MySQL/","605"),exact:!0},{path:"/illa-website/de/integrations/Neon/",component:d("/illa-website/de/integrations/Neon/","0d1"),exact:!0},{path:"/illa-website/de/integrations/OracleDB/",component:d("/illa-website/de/integrations/OracleDB/","01c"),exact:!0},{path:"/illa-website/de/integrations/PostgreSQL/",component:d("/illa-website/de/integrations/PostgreSQL/","34b"),exact:!0},{path:"/illa-website/de/integrations/Redis/",component:d("/illa-website/de/integrations/Redis/","3ae"),exact:!0},{path:"/illa-website/de/integrations/RESTAPI/",component:d("/illa-website/de/integrations/RESTAPI/","883"),exact:!0},{path:"/illa-website/de/integrations/S3/",component:d("/illa-website/de/integrations/S3/","08f"),exact:!0},{path:"/illa-website/de/integrations/SMTP/",component:d("/illa-website/de/integrations/SMTP/","b3f"),exact:!0},{path:"/illa-website/de/integrations/Snowflake/",component:d("/illa-website/de/integrations/Snowflake/","2b9"),exact:!0},{path:"/illa-website/de/integrations/SupabaseDB/",component:d("/illa-website/de/integrations/SupabaseDB/","d00"),exact:!0},{path:"/illa-website/de/integrations/TiDB/",component:d("/illa-website/de/integrations/TiDB/","698"),exact:!0},{path:"/illa-website/de/pricing/",component:d("/illa-website/de/pricing/","198"),exact:!0},{path:"/illa-website/de/",component:d("/illa-website/de/","a2b"),exact:!0},{path:"*",component:d("*")}]},7752:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>i});var a=n(959),r=n(1527);const o=a.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{i(!0)}),[]),(0,r.jsx)(o.Provider,{value:n,children:t})}},1136:(e,t,n)=>{"use strict";var a=n(959),r=n(4478),o=n(9500),i=n(387),l=n(6047);const s=[n(3852),n(89),n(6070),n(4329),n(962),n(1245)];var c=n(6002),u=n(8903),d=n(6920);function p(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var a=e.path?(0,u.LX)(t,e):n.length?n[n.length-1].match:u.F0.computeRootMatch(t);return a&&(n.push({route:e,match:a}),e.routes&&p(e.routes,t,n)),a})),n}var f=n(1527);function g(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var m=n(4491),h=n(2688),b=n(9925),y=n(2593),v=n(1610),w=n(8224),x=n(864);const k="default";var L=n(6771),S=n(7535);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,h.Z)(),a=(0,w.l)(),r=n[e].htmlLang,o=e=>e.replace("-","_");return(0,f.jsxs)(m.Z,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:o(r)}),Object.values(n).filter((e=>r!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:o(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,h.Z)(),a=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,h.Z)(),{pathname:a}=(0,u.TH)();return e+(0,L.applyTrailingSlash)((0,b.Z)(a),{trailingSlash:n,baseUrl:t})}(),r=t?`${n}${t}`:a;return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{property:"og:url",content:r}),(0,f.jsx)("link",{rel:"canonical",href:r})]})}function P(){const{i18n:{currentLocale:e}}=(0,h.Z)(),{metadata:t,image:n}=(0,y.L)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:x.h})]}),n&&(0,f.jsx)(v.d,{image:n}),(0,f.jsx)(C,{}),(0,f.jsx)(_,{}),(0,f.jsx)(S.Z,{tag:k,locale:e}),(0,f.jsx)(m.Z,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const A=new Map;function D(e){if(A.has(e.pathname))return{...e,pathname:A.get(e.pathname)};if(p(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return A.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return A.set(e.pathname,t),{...e,pathname:t}}var E=n(7752),I=n(6855),T=n(2827);function j(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];const r=s.map((t=>{const a=t.default?.[e]??t[e];return a?.(...n)}));return()=>r.forEach((e=>e?.()))}const R=function(e){let{children:t,location:n,previousLocation:a}=e;return(0,T.Z)((()=>{a!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const a=t.pathname===n.pathname,r=t.hash===n.hash,o=t.search===n.search;if(a&&r&&!o)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:a}),j("onRouteDidUpdate",{previousLocation:a,location:n}))}),[a,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>p(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class O extends a.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?j("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=j("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(R,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(u.AW,{location:t,render:()=>e})})}}const M=O,F="__docusaurus-base-url-issue-banner-container",B="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function U(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${F}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${B}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function $(){const{siteConfig:{baseUrl:e}}=(0,h.Z)();return(0,f.jsx)(f.Fragment,{children:!l.Z.canUseDOM&&(0,f.jsx)(m.Z,{children:(0,f.jsx)("script",{children:U(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,h.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?(0,f.jsx)($,{}):null}function H(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:a,localeConfigs:r}}=(0,h.Z)(),o=(0,b.Z)(e),{htmlLang:i,direction:l}=r[a];return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("html",{lang:i,dir:l}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:o})]})}var G=n(1289),Z=n(7111);function V(){const e=(0,Z.Z)();return(0,f.jsx)(m.Z,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}function W(){const e=function(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(u.rs,n,e.map((function(e,n){return a.createElement(u.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,d.Z)({},n,{},t,{route:e})):a.createElement(e.component,(0,d.Z)({},n,t,{route:e}))}})}))):null}(c.Z),t=(0,u.TH)();return(0,f.jsx)(G.Z,{children:(0,f.jsx)(I.M,{children:(0,f.jsxs)(E.t,{children:[(0,f.jsxs)(g,{children:[(0,f.jsx)(H,{}),(0,f.jsx)(P,{}),(0,f.jsx)(q,{}),(0,f.jsx)(M,{location:D(t),children:e})]}),(0,f.jsx)(V,{})]})})})}var Q=n(6887);const Y=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const a=document.createElement("link");a.setAttribute("rel","prefetch"),a.setAttribute("href",e),a.onload=()=>t(),a.onerror=()=>n();const r=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;r?.appendChild(a)}))}:function(e){return new Promise(((t,n)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.withCredentials=!0,a.onload=()=>{200===a.status?t():n()},a.send(null)}))};var K=n(4420);const X=new Set,J=new Set,ee=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,te={prefetch(e){if(!(e=>!ee()&&!J.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=p(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(Q).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,K.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Y(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!ee()&&!J.has(e))(e)&&(J.add(e),N(e))},ne=Object.freeze(te),ae=Boolean(!0);if(l.Z.canUseDOM){window.docusaurus=ne;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(i.B6,{children:(0,f.jsx)(o.VK,{children:(0,f.jsx)(W,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},l=()=>{if(ae)a.startTransition((()=>{r.hydrateRoot(e,t,{onRecoverableError:n})}));else{const o=r.createRoot(e,{onRecoverableError:n});a.startTransition((()=>{o.render(t)}))}};N(window.location.pathname).then(l)}},6855:(e,t,n)=>{"use strict";n.d(t,{_:()=>d,M:()=>p});var a=n(959),r=n(6809);const o=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-QW745VE33W"],"anonymizeIP":false,"id":"default"}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en","zh","ja","de"],"path":"i18n","currentLocale":"de","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"zh":{"label":"\u4e2d\u6587","direction":"ltr","htmlLang":"zh","calendar":"gregory","path":"zh"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"},"de":{"label":"Deutsch","direction":"ltr","htmlLang":"de","calendar":"gregory","path":"de"}}}');var l=n(7529);const s=JSON.parse('{"docusaurusVersion":"3.0.1","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"3.0.1"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.0.1"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.0.1"},"prefix-svg-ids":{"type":"local"},"docusaurus-tailwindcss":{"type":"local"},"docusaurus-plugin-content-blog":{"type":"project"},"docusaurus-plugin-content-pages":{"type":"project"},"docusaurus-plugin-ILLA-linkedin":{"type":"project"},"docusaurus-plugin-ILLA-twitter":{"type":"project"},"docusaurus-plugin-ILLA-chatwoot":{"type":"project"}}}');var c=n(1527);const u={siteConfig:r.default,siteMetadata:s,globalData:o,i18n:i,codeTranslations:l},d=a.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},1289:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Be});var a=n(959),r=n(6047),o=n(4491),i=n(6771),l=n(5341),s=n(1610),c=n(9920),u=n(421),d=n(864),p=n(7675),f=n(2593),g=n(4288),m=n(5374),h=n(1527);function b(e){let{width:t=21,height:n=21,color:a="currentColor",strokeWidth:r=1.2,className:o,...i}=e;return(0,h.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,h.jsx)("g",{stroke:a,strokeWidth:r,children:(0,h.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const y={closeButton:"closeButton_r_Ma"};function v(e){return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,l.Z)("clean-btn close",y.closeButton,e.className),children:(0,h.jsx)(b,{width:14,height:14,strokeWidth:3.1})})}const w={content:"content_B3zk"};function x(e){const{announcementBar:t}=(0,f.L)(),{content:n}=t;return(0,h.jsx)("div",{...e,className:(0,l.Z)(w.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const k={announcementBar:"announcementBar_hbYq",announcementBarPlaceholder:"announcementBarPlaceholder_nNiq",announcementBarClose:"announcementBarClose_S8lM",announcementBarContent:"announcementBarContent__DAX"};function L(){const{announcementBar:e}=(0,f.L)(),{isActive:t,close:n}=(0,g.nT)();if(!t)return null;const{backgroundColor:a,textColor:r,isCloseable:o}=e;return(0,h.jsxs)("div",{className:k.announcementBar,style:{backgroundColor:a,color:r},role:"banner",children:[o&&(0,h.jsx)("div",{className:k.announcementBarPlaceholder}),(0,h.jsx)(x,{className:k.announcementBarContent}),o&&(0,h.jsx)(v,{onClick:n,className:k.announcementBarClose})]})}var S=n(5580),_=n(5508),C=n(3707);var P=n(1900);function A(e){let{header:t,primaryMenu:n,secondaryMenu:a}=e;const{shown:r}=(0,P.Y)();return(0,h.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,h.jsxs)("div",{className:(0,l.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":r}),children:[(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:a})]})]})}var D=n(1694),E=n(7111);function I(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function T(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const j={toggle:"toggle_Io7t",toggleButton:"toggleButton_C0po",darkToggleIcon:"darkToggleIcon_iyjK",lightToggleIcon:"lightToggleIcon__wwy",toggleButtonDisabled:"toggleButtonDisabled_IHuh"};function R(e){let{className:t,buttonClassName:n,value:a,onChange:r}=e;const o=(0,E.Z)(),i=(0,m.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===a?(0,m.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,m.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,h.jsx)("div",{className:(0,l.Z)(j.toggle,t),children:(0,h.jsxs)("button",{className:(0,l.Z)("clean-btn",j.toggleButton,!o&&j.toggleButtonDisabled,n),type:"button",onClick:()=>r("dark"===a?"light":"dark"),disabled:!o,title:i,"aria-label":i,"aria-live":"polite",children:[(0,h.jsx)(I,{className:(0,l.Z)(j.toggleIcon,j.lightToggleIcon)}),(0,h.jsx)(T,{className:(0,l.Z)(j.toggleIcon,j.darkToggleIcon)})]})})}const N=a.memo(R),O={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_jx_9"};function M(e){let{className:t}=e;const n=(0,f.L)().navbar.style,a=(0,f.L)().colorMode.disableSwitch,{colorMode:r,setColorMode:o}=(0,D.I)();return a?null:(0,h.jsx)(N,{className:t,buttonClassName:"dark"===n?O.darkNavbarColorModeToggle:void 0,value:r,onChange:o})}var F=n(0),B=n(9925),z=n(2688);const U={themedComponent:"themedComponent_FXRw","themedComponent--light":"themedComponent--light_RIle","themedComponent--dark":"themedComponent--dark_gZs3"};function $(e){let{className:t,children:n}=e;const r=(0,E.Z)(),{colorMode:o}=(0,D.I)();return(0,h.jsx)(h.Fragment,{children:(r?"dark"===o?["dark"]:["light"]:["light","dark"]).map((e=>{const r=n({theme:e,className:(0,l.Z)(t,U.themedComponent,U[`themedComponent--${e}`])});return(0,h.jsx)(a.Fragment,{children:r},e)}))})}function q(e){const{sources:t,className:n,alt:a,...r}=e;return(0,h.jsx)($,{className:n,children:e=>{let{theme:n,className:o}=e;return(0,h.jsx)("img",{src:t[n],alt:a,className:o,...r})}})}function H(e){let{logo:t,alt:n,imageClassName:a}=e;const r={light:(0,B.Z)(t.src),dark:(0,B.Z)(t.srcDark||t.src)},o=(0,h.jsx)(q,{className:t.className,sources:r,height:t.height,width:t.width,alt:n,style:t.style});return a?(0,h.jsx)("div",{className:a,children:o}):o}function G(e){const{siteConfig:{title:t}}=(0,z.Z)(),{navbar:{title:n,logo:a}}=(0,f.L)(),{imageClassName:r,titleClassName:o,...i}=e,l=(0,B.Z)(a?.href||"/"),s=n?"":t,c=a?.alt??s;return(0,h.jsxs)(F.Z,{to:l,...i,...a?.target&&{target:a.target},children:[a&&(0,h.jsx)(H,{logo:a,alt:c,imageClassName:r}),null!=n&&(0,h.jsx)("b",{className:o,children:n})]})}function Z(){return(0,h.jsx)(G,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function V(){const e=(0,S.e)();return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,h.jsx)(b,{color:"var(--ifm-color-emphasis-600)"})})}function W(){return(0,h.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,h.jsx)(Z,{}),(0,h.jsx)(M,{className:"margin-right--md"}),(0,h.jsx)(V,{})]})}var Q=n(6794);function Y(){const e=(0,S.e)(),t=(0,f.L)().navbar.items;return(0,h.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,a.createElement)(Q.Z,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function K(e){return(0,h.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,h.jsx)(m.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function X(){const e=0===(0,f.L)().navbar.items.length,t=(0,P.Y)();return(0,h.jsxs)(h.Fragment,{children:[!e&&(0,h.jsx)(K,{onClick:()=>t.hide()}),t.content]})}function J(){const e=(0,S.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,a.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,h.jsx)(A,{header:(0,h.jsx)(W,{}),primaryMenu:(0,h.jsx)(Y,{}),secondaryMenu:(0,h.jsx)(X,{})}):null}const ee={navbarHideable:"navbarHideable_QJhM",navbarHidden:"navbarHidden_JLKf"};function te(e){return(0,h.jsx)("div",{role:"presentation",...e,className:(0,l.Z)("navbar-sidebar__backdrop",e.className)})}function ne(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:r}}=(0,f.L)(),o=(0,S.e)(),{navbarRef:i,isNavbarVisible:s}=function(e){const[t,n]=(0,a.useState)(e),r=(0,a.useRef)(!1),o=(0,a.useRef)(0),i=(0,a.useCallback)((e=>{null!==e&&(o.current=e.getBoundingClientRect().height)}),[]);return(0,C.RF)(((t,a)=>{let{scrollY:i}=t;if(!e)return;if(i<o.current)return void n(!0);if(r.current)return void(r.current=!1);const l=a?.scrollY,s=document.documentElement.scrollHeight-o.current,c=window.innerHeight;l&&i>=l?n(!1):i+c<s&&n(!0)})),(0,_.S)((t=>{if(!e)return;const a=t.location.hash;if(a?document.getElementById(a.substring(1)):void 0)return r.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,h.jsxs)("nav",{ref:i,"aria-label":(0,m.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,l.Z)("navbar","navbar--fixed-top",n&&[ee.navbarHideable,!s&&ee.navbarHidden],{"navbar--dark":"dark"===r,"navbar--primary":"primary"===r,"navbar-sidebar--show":o.shown}),children:[t,(0,h.jsx)(te,{onClick:o.toggle}),(0,h.jsx)(J,{})]})}var ae=n(809),re=n(5160),oe=n(1603);function ie(e){let{width:t=30,height:n=30,className:a,...r}=e;return(0,h.jsx)("svg",{className:a,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...r,children:(0,h.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function le(){const{toggle:e,shown:t}=(0,S.e)();return(0,h.jsx)("button",{onClick:e,"aria-label":(0,m.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,h.jsx)(ie,{})})}var se=n(5243);const ce={colorModeToggle:"colorModeToggle_Kblj"};function ue(e){let{items:t}=e;return(0,h.jsx)(h.Fragment,{children:t.map(((e,t)=>(0,h.jsx)(ae.QW,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,h.jsx)(Q.Z,{...e})},t)))})}function de(e){let{left:t,right:n}=e;return(0,h.jsxs)("div",{className:"navbar__inner",children:[(0,h.jsx)("div",{className:"navbar__items",children:t}),(0,h.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function pe(){const e=(0,S.e)(),t=(0,f.L)().navbar.items,[n,a]=(0,re.A)(t),r=t.find((e=>"search"===e.type));return(0,h.jsx)(de,{left:(0,h.jsxs)(h.Fragment,{children:[!e.disabled&&(0,h.jsx)(le,{}),(0,h.jsx)(Z,{}),(0,h.jsx)(ue,{items:n})]}),right:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(ue,{items:a}),(0,h.jsx)(M,{className:ce.colorModeToggle}),!r&&(0,h.jsx)(se.Z,{children:(0,h.jsx)(oe.Z,{})})]})})}function fe(){return(0,h.jsx)(ne,{children:(0,h.jsx)(pe,{})})}var ge=n(8295),me=n(3815);function he(e){let{item:t}=e;const{to:n,href:a,label:r,prependBaseUrlToHref:o,...i}=t,l=(0,B.Z)(n),s=(0,B.Z)(a,{forcePrependBaseUrl:!0});return(0,h.jsxs)(F.Z,{className:"footer__link-item",...a?{href:o?s:a}:{to:l},...i,children:[r,a&&!(0,ge.Z)(a)&&(0,h.jsx)(me.Z,{})]})}function be(e){let{item:t}=e;return t.html?(0,h.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)("li",{className:"footer__item",children:(0,h.jsx)(he,{item:t})},t.href??t.to)}function ye(e){let{column:t}=e;return(0,h.jsxs)("div",{className:"col footer__col",children:[(0,h.jsx)("div",{className:"footer__title",children:t.title}),(0,h.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,h.jsx)(be,{item:e},t)))})]})}function ve(e){let{columns:t}=e;return(0,h.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,h.jsx)(ye,{column:e},t)))})}function we(){return(0,h.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function xe(e){let{item:t}=e;return t.html?(0,h.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)(he,{item:t})}function ke(e){let{links:t}=e;return(0,h.jsx)("div",{className:"footer__links text--center",children:(0,h.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,h.jsxs)(a.Fragment,{children:[(0,h.jsx)(xe,{item:e}),t.length!==n+1&&(0,h.jsx)(we,{})]},n)))})})}function Le(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,h.jsx)(ve,{columns:t}):(0,h.jsx)(ke,{links:t})}const Se={footerLogoLink:"footerLogoLink_K6r0"};function _e(e){let{logo:t}=e;const{withBaseUrl:n}=(0,B.C)(),a={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,h.jsx)(q,{className:(0,l.Z)("footer__logo",t.className),alt:t.alt,sources:a,width:t.width,height:t.height,style:t.style})}function Ce(e){let{logo:t}=e;return t.href?(0,h.jsx)(F.Z,{href:t.href,className:Se.footerLogoLink,target:t.target,children:(0,h.jsx)(_e,{logo:t})}):(0,h.jsx)(_e,{logo:t})}function Pe(e){let{copyright:t}=e;return(0,h.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function Ae(e){let{style:t,links:n,logo:a,copyright:r}=e;return(0,h.jsx)("footer",{className:(0,l.Z)("footer",{"footer--dark":"dark"===t}),children:(0,h.jsxs)("div",{className:"container container-fluid",children:[n,(a||r)&&(0,h.jsxs)("div",{className:"footer__bottom text--center",children:[a&&(0,h.jsx)("div",{className:"margin-bottom--sm",children:a}),r]})]})})}function De(){const{footer:e}=(0,f.L)();if(!e)return null;const{copyright:t,links:n,logo:a,style:r}=e;return(0,h.jsx)(Ae,{style:r,links:n&&n.length>0&&(0,h.jsx)(Le,{links:n}),logo:a&&(0,h.jsx)(Ce,{logo:a}),copyright:t&&(0,h.jsx)(Pe,{copyright:t})})}const Ee=a.memo(De);var Ie=n(5299),Te=n(2520);const je={mainWrapper:"mainWrapper_Xc8_"};function Re(e){const{children:t,noFooter:n,wrapperClassName:a,title:r,description:o}=e;return(0,d.t)(),(0,h.jsxs)(Ie.Z,{children:[(0,h.jsx)(s.d,{title:r,description:o}),(0,h.jsx)(p.Z,{}),(0,h.jsx)(L,{}),(0,h.jsx)(fe,{}),(0,h.jsx)("div",{id:c.u,className:(0,l.Z)(u.k.wrapper.main,je.mainWrapper,a),children:(0,h.jsx)(Be,{fallback:e=>(0,h.jsx)(Te.Z,{...e}),children:t})}),!n&&(0,h.jsx)(Ee,{})]})}function Ne(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,h.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,h.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,h.jsx)(Oe,{error:t})]})}function Oe(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,h.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function Me(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)(Be,{fallback:()=>(0,h.jsx)(Ne,{error:t,tryAgain:n}),children:[(0,h.jsx)(o.Z,{children:(0,h.jsx)("title",{children:"Page Error"})}),(0,h.jsx)(Re,{children:(0,h.jsx)(Ne,{error:t,tryAgain:n})})]})}const Fe=e=>(0,h.jsx)(Me,{...e});class Be extends a.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){r.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??Fe)(e)}return e??null}}},6047:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const a="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,r={canUseDOM:a,canUseEventListeners:a&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:a&&"IntersectionObserver"in window,canUseViewport:a&&"screen"in window}},4491:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);var a=n(387),r=n(1527);function o(e){return(0,r.jsx)(a.ql,{...e})}},3630:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i,s:()=>o});var a=n(959),r=n(1527);function o(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,a.isValidElement)(e)))?n.map(((e,t)=>(0,a.isValidElement)(e)?a.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}function i(e){let{children:t,values:n}=e;if("string"!=typeof t)throw new Error("The Docusaurus <Interpolate> component only accept simple string values. Received: "+((0,a.isValidElement)(t)?"React element":typeof t));return(0,r.jsx)(r.Fragment,{children:o(t,n)})}},0:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var a=n(959),r=n(9500),o=n(6771),i=n(2688),l=n(8295),s=n(6047),c=n(1527);const u=a.createContext({collectLink:()=>{}});var d=n(9925);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:g,isActive:m,"data-noBrokenLinkCheck":h,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:{trailingSlash:v,baseUrl:w}}=(0,i.Z)(),{withBaseUrl:x}=(0,d.C)(),k=(0,a.useContext)(u),L=(0,a.useRef)(null);(0,a.useImperativeHandle)(t,(()=>L.current));const S=p||f;const _=(0,l.Z)(S),C=S?.replace("pathname://","");let P=void 0!==C?(A=C,b&&(e=>e.startsWith("/"))(A)?x(A):A):void 0;var A;P&&_&&(P=(0,o.applyTrailingSlash)(P,{trailingSlash:v,baseUrl:w}));const D=(0,a.useRef)(!1),E=n?r.OL:r.rU,I=s.Z.canUseIntersectionObserver,T=(0,a.useRef)(),j=()=>{D.current||null==P||(window.docusaurus.preload(P),D.current=!0)};(0,a.useEffect)((()=>(!I&&_&&null!=P&&window.docusaurus.prefetch(P),()=>{I&&T.current&&T.current.disconnect()})),[T,P,I,_]);const R=P?.startsWith("#")??!1,N=!P||!_||R;return N||h||k.collectLink(P),N?(0,c.jsx)("a",{ref:L,href:P,...S&&!_&&{target:"_blank",rel:"noopener noreferrer"},...y}):(0,c.jsx)(E,{...y,onMouseEnter:j,onTouchStart:j,innerRef:e=>{L.current=e,I&&e&&_&&(T.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(T.current.unobserve(e),T.current.disconnect(),null!=P&&window.docusaurus.prefetch(P))}))})),T.current.observe(e))},to:P,...n&&{isActive:m,activeClassName:g}})}const f=a.forwardRef(p)},1603:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const a=()=>null},5374:(e,t,n)=>{"use strict";n.d(t,{I:()=>l,Z:()=>s});n(959);var a=n(3630),r=n(7529),o=n(1527);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return r[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;const o=i({message:n,id:r});return(0,a.s)(o,t)}function s(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const l=i({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:(0,a.s)(l,r)})}},4684:(e,t,n)=>{"use strict";n.d(t,{m:()=>a});const a="default"},8295:(e,t,n)=>{"use strict";function a(e){return/^(?:\w*:|\/\/)/.test(e)}function r(e){return void 0!==e&&!a(e)}n.d(t,{Z:()=>r,b:()=>a})},9925:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var a=n(959),r=n(2688),o=n(8295);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,r.Z)(),n=(0,a.useCallback)(((n,a)=>function(e,t,n,a){let{forcePrependBaseUrl:r=!1,absolute:i=!1}=void 0===a?{}:a;if(!n||n.startsWith("#")||(0,o.b)(n))return n;if(r)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,a)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},2688:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959),r=n(6855);function o(){return(0,a.useContext)(r._)}},7111:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959),r=n(7752);function o(){return(0,a.useContext)(r._)}},2827:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(959);const r=n(6047).Z.canUseDOM?a.useLayoutEffect:a.useEffect},4420:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const a=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function r(e){const t={};return function e(n,r){Object.entries(n).forEach((n=>{let[o,i]=n;const l=r?`${r}.${o}`:o;a(i)?e(i,l):t[l]=i}))}(e),t}},2762:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,z:()=>i});var a=n(959),r=n(1527);const o=a.createContext(null);function i(e){let{children:t,value:n}=e;const i=a.useContext(o),l=(0,a.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const a={...t.data,...n?.data};return{plugin:t.plugin,data:a}}({parent:i,value:n})),[i,n]);return(0,r.jsx)(o.Provider,{value:l,children:t})}},9384:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>g,_r:()=>u,zh:()=>d,yW:()=>f,gB:()=>p});var a=n(8903),r=n(2688),o=n(4684);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,r.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=function(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,a.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),r=n?.docs.find((e=>!!(0,a.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:r,alternateDocVersions:r?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((a=>{a.id===t&&(n[e.name]=a)}))})),n}(r.id):{}}}const c={},u=()=>i("docusaurus-plugin-content-docs")??c,d=e=>function(e,t,n){void 0===t&&(t=o.m),void 0===n&&(n={});const a=i(e),r=a?.[t];if(!r&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return r}("docusaurus-plugin-content-docs",e,{failfast:!0});function p(e){return d(e).versions}function f(e){const t=d(e);return l(t)}function g(e){const t=d(e),{pathname:n}=(0,a.TH)();return s(t,n)}},3852:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("set","page_path",t.pathname+t.search+t.hash),window.gtag("event","page_view")}))}}},7558:(e,t,n)=>{"use strict";function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}var l=n(959),s=n(507),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(a){var r=d(e[a]);r.loading?t.loading=!0:(t.loaded[a]=r.loaded,t.error=r.error),n.push(r.promise),r.promise.then((function(e){t.loaded[a]=e})).catch((function(e){t.error=e}))}))}catch(a){t.error=a}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return l.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function g(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var g=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),m=null;function h(){return m||(m=e(g.loader)),m.promise}return c.push(h),"function"==typeof g.webpack&&u.push((function(){if((0,g.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return h()})),p=d=function(t){function n(n){var a;return o(r(r(a=t.call(this,n)||this)),"retry",(function(){a.setState({error:null,loading:!0,timedOut:!1}),m=e(g.loader),a._loadModule()})),h(),a.state={error:m.error,pastDelay:!1,timedOut:!1,loading:m.loading,loaded:m.loaded},a}a(n,t),n.preload=function(){return h()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(g.modules)&&g.modules.forEach((function(t){e.context.loadable.report(t)})),m.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof g.delay&&(0===g.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),g.delay)),"number"==typeof g.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),g.timeout));var n=function(){t({error:m.error,loaded:m.loaded,loading:m.loading}),e._clearTimeouts()};m.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?l.createElement(g.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?g.render(this.state.loaded,this.props):null},n}(l.Component),o(d,"contextTypes",{loadable:s.shape({report:s.func.isRequired})}),p}function m(e){return g(d,e)}m.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return g(p,e)};var h=function(e){function t(){return e.apply(this,arguments)||this}a(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return l.Children.only(this.props.children)},t}(l.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}o(h,"propTypes",{report:s.func.isRequired}),o(h,"childContextTypes",{loadable:s.shape({report:s.func.isRequired}).isRequired}),m.Capture=h,m.preloadAll=function(){return new Promise((function(e,t){b(c).then(e,t)}))},m.preloadReady=function(){return new Promise((function(e,t){b(u).then(e,e)}))},e.exports=m},4329:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var a=n(9981),r=n.n(a);r().configure({showSpinner:!1});const o={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{r().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){r().done()}}},6070:(e,t,n)=>{"use strict";n.r(t);var a=n(2425),r=n(6809);!function(e){const{themeConfig:{prism:t}}=r.default,{additionalLanguages:a}=t;globalThis.Prism=e,a.forEach((e=>{"php"===e&&n(1559),n(1422)(`./prism-${e}`)})),delete globalThis.Prism}(a.p1)},2520:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});n(959);var a=n(5374),r=n(809),o=n(6561),i=n(1527);function l(e){let{error:t,tryAgain:n}=e;return(0,i.jsx)("main",{className:"container margin-vert--xl",children:(0,i.jsx)("div",{className:"row",children:(0,i.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,i.jsx)(o.Z,{as:"h1",className:"hero__title",children:(0,i.jsx)(a.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,i.jsx)("div",{className:"margin-vert--lg",children:(0,i.jsx)(r.Cw,{onClick:n,className:"button button--primary shadow--lw"})}),(0,i.jsx)("hr",{}),(0,i.jsx)("div",{className:"margin-vert--md",children:(0,i.jsx)(r.aG,{error:t})})]})})})}},6561:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(5341),r=n(5374),o=n(2593),i=n(0);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_dXVO",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_ZIVZ"};var s=n(1527);function c(e){let{as:t,id:n,...c}=e;const{navbar:{hideOnScroll:u}}=(0,o.L)();if("h1"===t||!n)return(0,s.jsx)(t,{...c,id:void 0});const d=(0,r.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof c.children?c.children:n});return(0,s.jsxs)(t,{...c,className:(0,a.Z)("anchor",u?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,c.className),id:n,children:[c.children,(0,s.jsx)(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":d,title:d,children:"\u200b"})]})}},3815:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);const a={iconExternalLink:"iconExternalLink_ocOZ"};var r=n(1527);function o(e){let{width:t=13.5,height:n=13.5}=e;return(0,r.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:a.iconExternalLink,children:(0,r.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},5299:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7399),r=n(1694),o=n(4288),i=n(3707),l=n(1836),s=n(1610),c=n(5160),u=n(1527);const d=(0,a.Qc)([r.S,o.pl,i.OC,l.L5,s.VC,c.V]);function p(e){let{children:t}=e;return(0,u.jsx)(d,{children:t})}},5243:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(5341);const r={navbarSearchContainer:"navbarSearchContainer_Pu8E"};var o=n(1527);function i(e){let{children:t,className:n}=e;return(0,o.jsx)("div",{className:(0,a.Z)(n,r.navbarSearchContainer),children:t})}},6612:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(0),r=n(9925),o=n(8295),i=n(3535),l=n(3815),s=n(1527);function c(e){let{activeBasePath:t,activeBaseRegex:n,to:c,href:u,label:d,html:p,isDropdownLink:f,prependBaseUrlToHref:g,...m}=e;const h=(0,r.Z)(c),b=(0,r.Z)(t),y=(0,r.Z)(u,{forcePrependBaseUrl:!0}),v=d&&u&&!(0,o.Z)(u),w=p?{dangerouslySetInnerHTML:{__html:p}}:{children:(0,s.jsxs)(s.Fragment,{children:[d,v&&(0,s.jsx)(l.Z,{...f&&{width:12,height:12}})]})};return u?(0,s.jsx)(a.Z,{href:g?y:u,...m,...w}):(0,s.jsx)(a.Z,{to:h,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,i.F)(n,t.pathname):t.pathname.startsWith(b)},...m,...w})}},6794:(e,t,n)=>{"use strict";n.d(t,{Z:()=>w});n(959);var a=n(5341),r=n(6612),o=n(1527);function i(e){let{className:t,isDropdownItem:n=!1,...i}=e;const l=(0,o.jsx)(r.Z,{className:(0,a.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...i});return n?(0,o.jsx)("li",{children:l}):l}function l(e){let{className:t,isDropdownItem:n,...i}=e;return(0,o.jsx)("li",{className:"menu__list-item",children:(0,o.jsx)(r.Z,{className:(0,a.Z)("menu__link",t),...i})})}function s(e){let{mobile:t=!1,position:n,...a}=e;const r=t?l:i;return(0,o.jsx)(r,{...a,activeClassName:a.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var c=n(8784),u=n(7412),d=n(1603),p=n(5243);var f=n(9384),g=n(8068);var m=n(1836),h=n(5374),b=n(8903);const y=e=>e.docs.find((t=>t.id===e.mainDocId));const v={default:s,localeDropdown:u.Z,search:function(e){let{mobile:t,className:n}=e;return t?null:(0,o.jsx)(p.Z,{className:n,children:(0,o.jsx)(d.Z,{})})},dropdown:c.Z,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:i=!1}=e;const l=i?"li":"div";return(0,o.jsx)(l,{className:(0,a.Z)({navbar__item:!r&&!i,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:a,...r}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.vY)(t,a),c=i?.path===l?.path;return null===l||l.unlisted&&!c?null:(0,o.jsx)(s,{exact:!0,...r,isActive:()=>c||!!i?.sidebar&&i.sidebar===l.sidebar,label:n??l.id,to:l.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:a,...r}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.oz)(t,a).link;if(!l)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,o.jsx)(s,{exact:!0,...r,isActive:()=>i?.sidebar===t,label:n??l.label,to:l.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:a,...r}=e;const i=(0,g.lO)(a)[0],l=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return(0,o.jsx)(s,{...r,label:l,to:c})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:a,dropdownItemsBefore:r,dropdownItemsAfter:i,...l}=e;const{search:u,hash:d}=(0,b.TH)(),p=(0,f.Iw)(n),v=(0,f.gB)(n),{savePreferredVersionName:w}=(0,m.J)(n),x=[...r,...v.map((e=>{const t=p.alternateDocVersions[e.name]??y(e);return{label:e.label,to:`${t.path}${u}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>w(e.name)}})),...i],k=(0,g.lO)(n)[0],L=t&&x.length>1?(0,h.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):k.label,S=t&&x.length>1?void 0:y(k).path;return x.length<=1?(0,o.jsx)(s,{...l,mobile:t,label:L,to:S,isActive:a?()=>!1:void 0}):(0,o.jsx)(c.Z,{...l,mobile:t,label:L,to:S,items:x,isActive:a?()=>!1:void 0})}};function w(e){let{type:t,...n}=e;const a=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),r=v[a];if(!r)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,o.jsx)(r,{...n})}},7535:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);var a=n(4491),r=n(1527);function o(e){let{locale:t,version:n,tag:o}=e;const i=t;return(0,r.jsxs)(a.Z,{children:[t&&(0,r.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,r.jsx)("meta",{name:"docusaurus_version",content:n}),o&&(0,r.jsx)("meta",{name:"docusaurus_tag",content:o}),i&&(0,r.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,r.jsx)("meta",{name:"docsearch:version",content:n}),o&&(0,r.jsx)("meta",{name:"docsearch:docusaurus_tag",content:o})]})}},7675:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(9920);const r={skipToContent:"skipToContent_YRel"};var o=n(1527);function i(){return(0,o.jsx)(a.l,{className:r.skipToContent})}},4794:(e,t,n)=>{"use strict";n.d(t,{z:()=>b,u:()=>s});var a=n(959),r=n(6047),o=n(2827);var i=n(1527);const l="ease-in-out";function s(e){let{initialState:t}=e;const[n,r]=(0,a.useState)(t??!1),o=(0,a.useCallback)((()=>{r((e=>!e))}),[]);return{collapsed:n,setCollapsed:r,toggleCollapsed:o}}const c={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?c:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function p(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}function f(e){let{collapsibleRef:t,collapsed:n,animation:r}=e;const o=(0,a.useRef)(!1);(0,a.useEffect)((()=>{const e=t.current;function a(){const t=function(){const t=e.scrollHeight;return{transition:`height ${r?.duration??p(t)}ms ${r?.easing??l}`,height:`${t}px`}}();e.style.transition=t.transition,e.style.height=t.height}if(!o.current)return d(e,n),void(o.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(a(),requestAnimationFrame((()=>{e.style.height=c.height,e.style.overflow=c.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{a()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,r])}function g(e){if(!r.Z.canUseDOM)return e?c:u}function m(e){let{as:t="div",collapsed:n,children:r,animation:o,onCollapseTransitionEnd:l,className:s,disableSSRStyle:c}=e;const u=(0,a.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:o}),(0,i.jsx)(t,{ref:u,style:c?void 0:g(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(u.current,n),l?.(n))},className:s,children:r})}function h(e){let{collapsed:t,...n}=e;const[r,l]=(0,a.useState)(!t),[s,c]=(0,a.useState)(t);return(0,o.Z)((()=>{t||l(!0)}),[t]),(0,o.Z)((()=>{r&&c(t)}),[r,t]),r?(0,i.jsx)(m,{...n,collapsed:s}):null}function b(e){let{lazy:t,...n}=e;const a=t?h:m;return(0,i.jsx)(a,{...n})}},4288:(e,t,n)=>{"use strict";n.d(t,{nT:()=>m,pl:()=>g});var a=n(959),r=n(7111),o=n(6340),i=n(7399),l=n(2593),s=n(1527);const c=(0,o.WA)("docusaurus.announcement.dismiss"),u=(0,o.WA)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=a.createContext(null);function g(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,r.Z)(),[n,o]=(0,a.useState)((()=>!!t&&d()));(0,a.useEffect)((()=>{o(d())}),[]);const i=(0,a.useCallback)((()=>{p(!0),o(!0)}),[]);return(0,a.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const a=t!==n;u.set(t),a&&p(!1),!a&&d()||o(!1)}),[e]),(0,a.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,s.jsx)(f.Provider,{value:n,children:t})}function m(){const e=(0,a.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},1694:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>h});var a=n(959),r=n(6047),o=n(7399),i=n(6340),l=n(2593),s=n(1527);const c=a.createContext(void 0),u="theme",d=(0,i.WA)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,g=e=>r.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),m=e=>{d.set(f(e))};function h(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[r,o]=(0,a.useState)(g(e));(0,a.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,a.useCallback)((function(t,a){void 0===a&&(a={});const{persist:r=!0}=a;t?(o(t),r&&m(t)):(o(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,a.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(r))}),[r]),(0,a.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,a.useRef)(!1);return(0,a.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(a),()=>e.removeListener(a)}),[i,t,n]),(0,a.useMemo)((()=>({colorMode:r,setColorMode:i,get isDarkTheme(){return r===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[r,i])}();return(0,s.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,a.useContext)(c);if(null==e)throw new o.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1836:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b});var a=n(959),r=n(9384),o=n(4684),i=n(2593),l=n(8068),s=n(7399),c=n(6340),u=n(1527);const d=e=>`docs-preferred-version-${e}`,p={save:(e,t,n)=>{(0,c.WA)(d(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(d(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(d(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const g=a.createContext(null);function m(){const e=(0,r._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,a.useMemo)((()=>Object.keys(e)),[e]),[o,l]=(0,a.useState)((()=>f(n)));(0,a.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:a}=e;function r(e){const t=p.read(e,n);return a[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,r(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[o,(0,a.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,u.jsx)(g.Provider,{value:n,children:t})}function b(e){let{children:t}=e;return l.cE?(0,u.jsx)(h,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function y(){const e=(0,a.useContext)(g);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=o.m);const t=(0,r.zh)(e),[n,i]=y(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,a.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},5580:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,e:()=>b});var a=n(959),r=n(5195),o=n(6047);const i={desktop:"desktop",mobile:"mobile",ssr:"ssr"},l=996;function s(){const[e,t]=(0,a.useState)((()=>"ssr"));return(0,a.useEffect)((()=>{function e(){t(function(){if(!o.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>l?i.desktop:i.mobile}())}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e}var c=n(8903),u=n(7399);function d(e){!function(e){const t=(0,c.k6)(),n=(0,u.zX)(e);(0,a.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var p=n(2593),f=n(1527);const g=a.createContext(void 0);function m(){const e=function(){const e=(0,r.HY)(),{items:t}=(0,p.L)().navbar;return 0===t.length&&!e.component}(),t=s(),n=!e&&"mobile"===t,[o,i]=(0,a.useState)(!1);d((()=>{if(o)return i(!1),!1}));const l=(0,a.useCallback)((()=>{i((e=>!e))}),[]);return(0,a.useEffect)((()=>{"desktop"===t&&i(!1)}),[t]),(0,a.useMemo)((()=>({disabled:e,shouldRender:n,toggle:l,shown:o})),[e,n,l,o])}function h(e){let{children:t}=e;const n=m();return(0,f.jsx)(g.Provider,{value:n,children:t})}function b(){const e=a.useContext(g);if(void 0===e)throw new u.i6("NavbarMobileSidebarProvider");return e}},5195:(e,t,n)=>{"use strict";n.d(t,{HY:()=>s,n2:()=>l});var a=n(959),r=n(7399),o=n(1527);const i=a.createContext(null);function l(e){let{children:t}=e;const n=(0,a.useState)({component:null,props:null});return(0,o.jsx)(i.Provider,{value:n,children:t})}function s(){const e=(0,a.useContext)(i);if(!e)throw new r.i6("NavbarSecondaryMenuContentProvider");return e[0]}},1900:(e,t,n)=>{"use strict";n.d(t,{P:()=>c,Y:()=>d});var a=n(959),r=n(7399),o=n(5580),i=n(5195),l=n(1527);const s=a.createContext(null);function c(e){let{children:t}=e;const n=function(){const e=(0,o.e)(),t=(0,i.HY)(),[n,l]=(0,a.useState)(!1),s=null!==t.component,c=(0,r.D9)(s);return(0,a.useEffect)((()=>{s&&!c&&l(!0)}),[s,c]),(0,a.useEffect)((()=>{s?e.shown||l(!0):l(!1)}),[e.shown,s]),(0,a.useMemo)((()=>[n,l]),[n])}();return(0,l.jsx)(s.Provider,{value:n,children:t})}function u(e){if(e.component){const t=e.component;return(0,l.jsx)(t,{...e.props})}}function d(){const e=(0,a.useContext)(s);if(!e)throw new r.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,a.useCallback)((()=>n(!1)),[n]),l=(0,i.HY)();return(0,a.useMemo)((()=>({shown:t,hide:o,content:u(l)})),[o,l,t])}},864:(e,t,n)=>{"use strict";n.d(t,{h:()=>r,t:()=>o});var a=n(959);const r="navigation-with-keyboard";function o(){(0,a.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(r),"mousedown"===e.type&&document.body.classList.remove(r)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(r),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},421:(e,t,n)=>{"use strict";n.d(t,{k:()=>a});const a={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},8068:(e,t,n)=>{"use strict";n.d(t,{cE:()=>l,lO:()=>s,vY:()=>u,oz:()=>c});var a=n(959),r=n(9384),o=n(1836);function i(e){return Array.from(new Set(e))}const l=!!r._r;function s(e){const{activeVersion:t}=(0,r.Iw)(e),{preferredVersion:n}=(0,o.J)(e),l=(0,r.yW)(e);return(0,a.useMemo)((()=>i([t,n,l].filter(Boolean))),[t,n,l])}function c(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),a=t.find((t=>t[0]===e));if(!a)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return a[1]}),[e,n])}function u(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),a=t.find((t=>t.id===e));if(!a){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${i(t.map((e=>e.id))).join("\n- ")}`)}return a}),[e,n])}},809:(e,t,n)=>{"use strict";n.d(t,{aG:()=>c,Cw:()=>s,QW:()=>u});var a=n(959),r=n(5374),o=n(6771);const i={errorBoundaryError:"errorBoundaryError_t44J",errorBoundaryFallback:"errorBoundaryFallback_HTeJ"};var l=n(1527);function s(e){return(0,l.jsx)("button",{type:"button",...e,children:(0,l.jsx)(r.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function c(e){let{error:t}=e;const n=(0,o.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{className:i.errorBoundaryError,children:n})}class u extends a.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}},1610:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>d,VC:()=>g});var a=n(959),r=n(5341),o=n(4491),i=n(2762);function l(){const e=a.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(9925),c=n(2688);var u=n(1527);function d(e){let{title:t,description:n,keywords:a,image:r,children:i}=e;const l=function(e){const{siteConfig:t}=(0,c.Z)(),{title:n,titleDelimiter:a}=t;return e?.trim().length?`${e.trim()} ${a} ${n}`:n}(t),{withBaseUrl:d}=(0,s.C)(),p=r?d(r,{absolute:!0}):void 0;return(0,u.jsxs)(o.Z,{children:[t&&(0,u.jsx)("title",{children:l}),t&&(0,u.jsx)("meta",{property:"og:title",content:l}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),a&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(a)?a.join(","):a}),p&&(0,u.jsx)("meta",{property:"og:image",content:p}),p&&(0,u.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=a.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=a.useContext(p),l=(0,r.Z)(i,t);return(0,u.jsxs)(p.Provider,{value:l,children:[(0,u.jsx)(o.Z,{children:(0,u.jsx)("html",{className:l})}),n]})}function g(e){let{children:t}=e;const n=l(),a=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const o=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,r.Z)(a,o),children:t})}},5160:(e,t,n)=>{"use strict";n.d(t,{A:()=>s,V:()=>c});n(959);var a=n(5580),r=n(5195),o=n(1900),i=n(1527);const l="right";function s(e){function t(e){return"left"===(e.position??l)}return[e.filter(t),e.filter((e=>!t(e)))]}function c(e){let{children:t}=e;return(0,i.jsx)(r.n2,{children:(0,i.jsx)(a.M,{children:(0,i.jsx)(o.P,{children:t})})})}},7399:(e,t,n)=>{"use strict";n.d(t,{D9:()=>l,Qc:()=>u,Ql:()=>c,i6:()=>s,zX:()=>i});var a=n(959),r=n(2827),o=n(1527);function i(e){const t=(0,a.useRef)(e);return(0,r.Z)((()=>{t.current=e}),[e]),(0,a.useCallback)((function(){return t.current(...arguments)}),[])}function l(e){const t=(0,a.useRef)();return(0,r.Z)((()=>{t.current=e})),t.current}class s extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,a.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,o.jsx)(o.Fragment,{children:e.reduceRight(((e,t)=>(0,o.jsx)(t,{children:e})),n)})}}},3535:(e,t,n)=>{"use strict";function a(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{F:()=>a})},3707:(e,t,n)=>{"use strict";n.d(t,{OC:()=>s,RF:()=>d});var a=n(959),r=n(6047),o=(n(7111),n(2827),n(7399)),i=n(1527);const l=a.createContext(void 0);function s(e){let{children:t}=e;const n=function(){const e=(0,a.useRef)(!0);return(0,a.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,i.jsx)(l.Provider,{value:n,children:t})}function c(){const e=(0,a.useContext)(l);if(null==e)throw new o.i6("ScrollControllerProvider");return e}const u=()=>r.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),r=(0,a.useRef)(u()),i=(0,o.zX)(e);(0,a.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();i(e,r.current),r.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[i,n,...t])}},9920:(e,t,n)=>{"use strict";n.d(t,{l:()=>p,u:()=>s});var a=n(959),r=n(8903),o=n(5374),i=n(5508),l=n(1527);const s="__docusaurus_skipToContent_fallback";function c(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function u(){const e=(0,a.useRef)(null),{action:t}=(0,r.k6)(),n=(0,a.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(s);t&&c(t)}),[]);return(0,i.S)((n=>{let{location:a}=n;e.current&&!a.hash&&"PUSH"===t&&c(e.current)})),{containerRef:e,onClick:n}}const d=(0,o.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function p(e){const t=e.children??d,{containerRef:n,onClick:a}=u();return(0,l.jsx)("div",{ref:n,role:"region","aria-label":d,children:(0,l.jsx)("a",{...e,href:`#${s}`,onClick:a,children:t})})}},6340:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(959);const a="localStorage";function r(e){let{key:t,oldValue:n,newValue:a,storage:r}=e;if(n===a)return;const o=document.createEvent("StorageEvent");o.initStorageEvent("storage",!1,!1,t,n,a,window.location.href,r),window.dispatchEvent(o)}function o(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=o(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const a=n.getItem(e);n.setItem(e,t),r({key:e,oldValue:a,newValue:t,storage:n})}catch(a){console.error(`Docusaurus storage error, can't set ${e}=${t}`,a)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),r({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const a=a=>{a.storageArea===n&&a.key===e&&t(a)};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)}catch(a){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,a),()=>{}}}}}},8224:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var a=n(2688),r=n(8903),o=n(6771);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:l}}=(0,a.Z)(),{pathname:s}=(0,r.TH)(),c=(0,o.applyTrailingSlash)(s,{trailingSlash:n,baseUrl:e}),u=l===i?e:e.replace(`/${l}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:a}=e;return`${a?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},5508:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var a=n(959),r=n(8903),o=n(7399);function i(e){const t=(0,r.TH)(),n=(0,o.D9)(t),i=(0,o.zX)(e);(0,a.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},2593:(e,t,n)=>{"use strict";n.d(t,{L:()=>r});var a=n(2688);function r(){return(0,a.Z)().siteConfig.themeConfig}},6115:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:a}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[r]=e.split(/[#?]/),o="/"===r||r===a?r:(i=r,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(r,o)}},6901:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},6771:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var r=n(6115);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return a(r).default}});var o=n(6901);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return o.getErrorCausalChain}})},8784:(e,t,n)=>{"use strict";n.d(t,{Z:()=>h});var a=n(959),r=n(5341),o=n(3535),i=n(4794),l=(n(6002),n(2688));var s=n(8903);var c=n(6612),u=n(6794);const d={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_JUhd"};var p=n(1527);function f(e,t){return e.some((e=>function(e,t){return!!function(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}(e.to,t)||!!(0,o.F)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function g(e){let{items:t,position:n,className:o,onClick:i,...l}=e;const s=(0,a.useRef)(null),[d,f]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{const e=e=>{s.current&&!s.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[s]),(0,p.jsxs)("div",{ref:s,className:(0,r.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":d}),children:[(0,p.jsx)(c.Z,{"aria-haspopup":"true","aria-expanded":d,role:"button",href:l.to?void 0:"#",className:(0,r.Z)("navbar__link",o),...l,onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),f(!d))},children:l.children??l.label}),(0,p.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,a.createElement)(u.Z,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function m(e){let{items:t,className:n,position:o,onClick:g,...m}=e;const h=function(){const{siteConfig:{baseUrl:e}}=(0,l.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),b=f(t,h),{collapsed:y,toggleCollapsed:v,setCollapsed:w}=(0,i.u)({initialState:()=>!b});return(0,a.useEffect)((()=>{b&&w(!b)}),[h,b,w]),(0,p.jsxs)("li",{className:(0,r.Z)("menu__list-item",{"menu__list-item--collapsed":y}),children:[(0,p.jsx)(c.Z,{role:"button",className:(0,r.Z)(d.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...m,onClick:e=>{e.preventDefault(),v()},children:m.children??m.label}),(0,p.jsx)(i.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:y,children:t.map(((e,t)=>(0,a.createElement)(u.Z,{mobile:!0,isDropdownItem:!0,onClick:g,activeClassName:"menu__link--active",...e,key:t})))})]})}function h(e){let{mobile:t=!1,...n}=e;const a=t?m:g;return(0,p.jsx)(a,{...n})}},7412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});n(959);var a=n(2688),r=n(8224),o=n(8903),i=n(8784),l=n(1527);function s(e){let{width:t=20,height:n=20,...a}=e;return(0,l.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...a,children:(0,l.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const c={iconLanguage:"iconLanguage_DSK9"};function u(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:u,queryString:d="",whiteTheme:p=!1,...f}=e;const{i18n:{currentLocale:g,locales:m,localeConfigs:h}}=(0,a.Z)(),b=(0,r.l)(),{search:y,hash:v}=(0,o.TH)(),w=[...n,...m.map((e=>{const n=`${`pathname://${b.createUrl({locale:e,fullyQualified:!1})}`}${y}${v}${d}`;return{label:h[e].label,lang:h[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===g?t?"menu__link--active":"dropdown__link--active":""}})),...u];return(0,l.jsx)(i.Z,{...f,mobile:t,label:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{className:c.iconLanguage}),h[g].label]}),items:w})}},4047:(e,t,n)=>{"use strict";n.d(t,{lX:()=>w,q_:()=>C,ob:()=>f,PP:()=>A,Ep:()=>p});var a=n(6920);function r(e){return"/"===e.charAt(0)}function o(e,t){for(var n=t,a=n+1,r=e.length;a<r;n+=1,a+=1)e[n]=e[a];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,a=e&&e.split("/")||[],i=t&&t.split("/")||[],l=e&&r(e),s=t&&r(t),c=l||s;if(e&&r(e)?i=a:a.length&&(i.pop(),i=i.concat(a)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?o(i,p):".."===f?(o(i,p),d++):d&&(o(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&r(i[0])||i.unshift("");var g=i.join("/");return n&&"/"!==g.substr(-1)&&(g+="/"),g};var l=n(8624);function s(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,a=e.hash,r=t||"/";return n&&"?"!==n&&(r+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(r+="#"===a.charAt(0)?a:"#"+a),r}function f(e,t,n,r){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",a="",r=t.indexOf("#");-1!==r&&(a=t.substr(r),t=t.substr(0,r));var o=t.indexOf("?");return-1!==o&&(n=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===n?"":n,hash:"#"===a?"":a}}(e),o.state=t):(void 0===(o=(0,a.Z)({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(o.key=n),r?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=i(o.pathname,r.pathname)):o.pathname=r.pathname:o.pathname||(o.pathname="/"),o}function g(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,a,r){if(null!=e){var o="function"==typeof e?e(t,n):e;"string"==typeof o?"function"==typeof a?a(o,r):r(!0):r(!1!==o)}else r(!0)},appendListener:function(e){var n=!0;function a(){n&&e.apply(void 0,arguments)}return t.push(a),function(){n=!1,t=t.filter((function(e){return e!==a}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];t.forEach((function(e){return e.apply(void 0,n)}))}}}var m=!("undefined"==typeof window||!window.document||!window.document.createElement);function h(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t,n=window.history,r=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,o=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,x=i.getUserConfirmation,k=void 0===x?h:x,L=i.keyLength,S=void 0===L?6:L,_=e.basename?d(s(e.basename)):"";function C(e){var t=e||{},n=t.key,a=t.state,r=window.location,o=r.pathname+r.search+r.hash;return _&&(o=u(o,_)),f(o,a,n)}function P(){return Math.random().toString(36).substr(2,S)}var A=g();function D(e){(0,a.Z)(U,e),U.length=n.length,A.notifyListeners(U.location,U.action)}function E(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||j(C(e.state))}function I(){j(C(v()))}var T=!1;function j(e){if(T)T=!1,D();else{A.confirmTransitionTo(e,"POP",k,(function(t){t?D({action:"POP",location:e}):function(e){var t=U.location,n=N.indexOf(t.key);-1===n&&(n=0);var a=N.indexOf(e.key);-1===a&&(a=0);var r=n-a;r&&(T=!0,M(r))}(e)}))}}var R=C(v()),N=[R.key];function O(e){return _+p(e)}function M(e){n.go(e)}var F=0;function B(e){1===(F+=e)&&1===e?(window.addEventListener(b,E),o&&window.addEventListener(y,I)):0===F&&(window.removeEventListener(b,E),o&&window.removeEventListener(y,I))}var z=!1;var U={length:n.length,action:"POP",location:R,createHref:O,push:function(e,t){var a="PUSH",o=f(e,t,P(),U.location);A.confirmTransitionTo(o,a,k,(function(e){if(e){var t=O(o),i=o.key,l=o.state;if(r)if(n.pushState({key:i,state:l},null,t),w)window.location.href=t;else{var s=N.indexOf(U.location.key),c=N.slice(0,s+1);c.push(o.key),N=c,D({action:a,location:o})}else window.location.href=t}}))},replace:function(e,t){var a="REPLACE",o=f(e,t,P(),U.location);A.confirmTransitionTo(o,a,k,(function(e){if(e){var t=O(o),i=o.key,l=o.state;if(r)if(n.replaceState({key:i,state:l},null,t),w)window.location.replace(t);else{var s=N.indexOf(U.location.key);-1!==s&&(N[s]=o.key),D({action:a,location:o})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return z||(B(1),z=!0),function(){return z&&(z=!1,B(-1)),t()}},listen:function(e){var t=A.appendListener(e);return B(1),function(){B(-1),t()}}};return U}var x="hashchange",k={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:s},slash:{encodePath:s,decodePath:s}};function L(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function S(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(L(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),r=n.getUserConfirmation,o=void 0===r?h:r,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(s(e.basename)):"",y=k[c],v=y.encodePath,w=y.decodePath;function C(){var e=w(S());return b&&(e=u(e,b)),f(e)}var P=g();function A(e){(0,a.Z)(z,e),z.length=t.length,P.notifyListeners(z.location,z.action)}var D=!1,E=null;function I(){var e,t,n=S(),a=v(n);if(n!==a)_(a);else{var r=C(),i=z.location;if(!D&&(t=r,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(E===p(r))return;E=null,function(e){if(D)D=!1,A();else{var t="POP";P.confirmTransitionTo(e,t,o,(function(n){n?A({action:t,location:e}):function(e){var t=z.location,n=N.lastIndexOf(p(t));-1===n&&(n=0);var a=N.lastIndexOf(p(e));-1===a&&(a=0);var r=n-a;r&&(D=!0,O(r))}(e)}))}}(r)}}var T=S(),j=v(T);T!==j&&_(j);var R=C(),N=[p(R)];function O(e){t.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?window.addEventListener(x,I):0===M&&window.removeEventListener(x,I)}var B=!1;var z={length:t.length,action:"POP",location:R,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=L(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",a=f(e,void 0,void 0,z.location);P.confirmTransitionTo(a,n,o,(function(e){if(e){var t=p(a),r=v(b+t);if(S()!==r){E=t,function(e){window.location.hash=e}(r);var o=N.lastIndexOf(p(z.location)),i=N.slice(0,o+1);i.push(t),N=i,A({action:n,location:a})}else A()}}))},replace:function(e,t){var n="REPLACE",a=f(e,void 0,void 0,z.location);P.confirmTransitionTo(a,n,o,(function(e){if(e){var t=p(a),r=v(b+t);S()!==r&&(E=t,_(r));var o=N.indexOf(p(z.location));-1!==o&&(N[o]=t),A({action:n,location:a})}}))},go:O,goBack:function(){O(-1)},goForward:function(){O(1)},block:function(e){void 0===e&&(e=!1);var t=P.setPrompt(e);return B||(F(1),B=!0),function(){return B&&(B=!1,F(-1)),t()}},listen:function(e){var t=P.appendListener(e);return F(1),function(){F(-1),t()}}};return z}function P(e,t,n){return Math.min(Math.max(e,t),n)}function A(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,r=t.initialEntries,o=void 0===r?["/"]:r,i=t.initialIndex,l=void 0===i?0:i,s=t.keyLength,c=void 0===s?6:s,u=g();function d(e){(0,a.Z)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function m(){return Math.random().toString(36).substr(2,c)}var h=P(l,0,o.length-1),b=o.map((function(e){return f(e,void 0,"string"==typeof e?m():e.key||m())})),y=p;function v(e){var t=P(w.index+e,0,w.entries.length-1),a=w.entries[t];u.confirmTransitionTo(a,"POP",n,(function(e){e?d({action:"POP",location:a,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[h],index:h,entries:b,createHref:y,push:function(e,t){var a="PUSH",r=f(e,t,m(),w.location);u.confirmTransitionTo(r,a,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,r):n.push(r),d({action:a,location:r,index:t,entries:n})}}))},replace:function(e,t){var a="REPLACE",r=f(e,t,m(),w.location);u.confirmTransitionTo(r,a,n,(function(e){e&&(w.entries[w.index]=r,d({action:a,location:r}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},2535:(e,t,n)=>{"use strict";var a=n(6237),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return a.isMemo(e)?i:l[e.$$typeof]||r}l[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[a.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,g=Object.prototype;e.exports=function e(t,n,a){if("string"!=typeof n){if(g){var r=f(n);r&&r!==g&&e(t,r,a)}var i=u(n);d&&(i=i.concat(d(n)));for(var l=s(t),m=s(n),h=0;h<i.length;++h){var b=i[h];if(!(o[b]||a&&a[b]||m&&m[b]||l&&l[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},3670:e=>{"use strict";e.exports=function(e,t,n,a,r,o,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,a,r,o,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},901:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},89:(e,t,n)=>{"use strict";n.r(t)},962:(e,t,n)=>{"use strict";n.r(t)},1245:(e,t,n)=>{"use strict";n.r(t)},9981:function(e,t,n){var a,r;a=function(){var e,t,n={version:"0.2.0"},a=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function r(e,t,n){return e<t?t:e>n?n:e}function o(e){return 100*(-1+e)}function i(e,t,n){var r;return(r="translate3d"===a.positionUsing?{transform:"translate3d("+o(e)+"%,0,0)"}:"translate"===a.positionUsing?{transform:"translate("+o(e)+"%,0)"}:{"margin-left":o(e)+"%"}).transition="all "+t+"ms "+n,r}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(a[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=r(e,a.minimum,1),n.status=1===e?null:e;var o=n.render(!t),c=o.querySelector(a.barSelector),u=a.speed,d=a.easing;return o.offsetWidth,l((function(t){""===a.positionUsing&&(a.positionUsing=n.getPositioningCSS()),s(c,i(e,u,d)),1===e?(s(o,{transition:"none",opacity:1}),o.offsetWidth,setTimeout((function(){s(o,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),a.trickleSpeed)};return a.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*r(Math.random()*t,.1,.95)),t=r(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*a.trickleRate)},e=0,t=0,n.promise=function(a){return a&&"resolved"!==a.state()?(0===t&&n.start(),e++,t++,a.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=a.template;var r,i=t.querySelector(a.barSelector),l=e?"-100":o(n.status||0),c=document.querySelector(a.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),a.showSpinner||(r=t.querySelector(a.spinnerSelector))&&f(r),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(a.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function a(t){var n=document.body.style;if(t in n)return t;for(var a,r=e.length,o=t.charAt(0).toUpperCase()+t.slice(1);r--;)if((a=e[r]+o)in n)return a;return t}function r(e){return e=n(e),t[e]||(t[e]=a(e))}function o(e,t,n){t=r(t),e.style[t]=n}return function(e,t){var n,a,r=arguments;if(2==r.length)for(n in t)void 0!==(a=t[n])&&t.hasOwnProperty(n)&&o(e,n,a);else o(e,r[1],r[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),a=n+t;c(n,t)||(e.className=a.substring(1))}function d(e,t){var n,a=p(e);c(e,t)&&(n=a.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(r="function"==typeof a?a.call(t,n,t,e):a)||(e.exports=r)},7720:(e,t,n)=>{var a=n(901);e.exports=f,e.exports.parse=o,e.exports.compile=function(e,t){return l(o(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=p;var r=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function o(e,t){for(var n,a=[],o=0,i=0,l="",u=t&&t.delimiter||"/";null!=(n=r.exec(e));){var d=n[0],p=n[1],f=n.index;if(l+=e.slice(i,f),i=f+d.length,p)l+=p[1];else{var g=e[i],m=n[2],h=n[3],b=n[4],y=n[5],v=n[6],w=n[7];l&&(a.push(l),l="");var x=null!=m&&null!=g&&g!==m,k="+"===v||"*"===v,L="?"===v||"*"===v,S=n[2]||u,_=b||y;a.push({name:h||o++,prefix:m||"",delimiter:S,optional:L,repeat:k,partial:x,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+s(S)+"]+?"})}}return i<e.length&&(l+=e.substr(i)),l&&a.push(l),a}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function l(e,t){for(var n=new Array(e.length),r=0;r<e.length;r++)"object"==typeof e[r]&&(n[r]=new RegExp("^(?:"+e[r].pattern+")$",d(t)));return function(t,r){for(var o="",l=t||{},s=(r||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=l[u.name];if(null==p){if(u.optional){u.partial&&(o+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(a(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=s(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");o+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):s(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');o+=u.prefix+d}}else o+=u}return o}}function s(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){a(t)||(n=t||n,t=[]);for(var r=(n=n||{}).strict,o=!1!==n.end,i="",l=0;l<e.length;l++){var c=e[l];if("string"==typeof c)i+=s(c);else{var p=s(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var g=s(n.delimiter||"/"),m=i.slice(-g.length)===g;return r||(i=(m?i.slice(0,-g.length):i)+"(?:"+g+"(?=$))?"),i+=o?"$":r&&m?"":"(?="+g+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return a(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var a=0;a<n.length;a++)t.push({name:a,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):a(e)?function(e,t,n){for(var a=[],r=0;r<e.length;r++)a.push(f(e[r],t,n).source);return u(new RegExp("(?:"+a.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(o(e,n),t,n)}(e,t,n)}},1064:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},1884:(e,t,n)=>{const a=n(1064),r=n(6474),o=new Set;function i(e){void 0===e?e=Object.keys(a.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...o,...Object.keys(Prism.languages)];r(a,e,t).load((e=>{if(!(e in a.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(2928).resolve(t)],delete Prism.languages[e],n(2928)(t),o.add(e)}))}i.silent=!1,e.exports=i},1559:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,r,o){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(r,(function(e){if("function"==typeof o&&!o(e))return e;for(var r,l=i.length;-1!==n.code.indexOf(r=t(a,l));)++l;return i[l]=e,r})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var r=0,o=Object.keys(n.tokenStack);!function i(l){for(var s=0;s<l.length&&!(r>=o.length);s++){var c=l[s];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=o[r],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(a,u),g=p.indexOf(f);if(g>-1){++r;var m=p.substring(0,g),h=new e.Token(a,e.tokenize(d,n.grammar),"language-"+a,d),b=p.substring(g+f.length),y=[];m&&y.push.apply(y,i([m])),y.push(h),b&&y.push.apply(y,i([b])),"string"==typeof c?l.splice.apply(l,[s,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return l}(n.tokens)}}}})}(Prism)},2928:(e,t,n)=>{var a={"./":1884};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=2928},6474:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,a=e.length;n<a;n++)t[e[n]]=!0;return t}function a(e){var n={},a=[];function r(a,o){if(!(a in n)){o.push(a);var i=o.indexOf(a);if(i<o.length-1)throw new Error("Circular dependency: "+o.slice(i).join(" -> "));var l={},s=e[a];if(s){function c(t){if(!(t in e))throw new Error(a+" depends on an unknown component "+t);if(!(t in l))for(var i in r(t,o),l[t]=!0,n[t])l[i]=!0}t(s.require,c),t(s.optional,c),t(s.modify,c)}n[a]=l,o.pop()}}return function(e){var t=n[e];return t||(r(e,a),t=n[e]),t}}function r(e){for(var t in e)return!0;return!1}return function(o,i,l){var s=function(e){var t={};for(var n in e){var a=e[n];for(var r in a)if("meta"!=r){var o=a[r];t[r]="string"==typeof o?{title:o}:o}}return t}(o),c=function(e){var n;return function(a){if(a in e)return a;if(!n)for(var r in n={},e){var o=e[r];t(o&&o.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+r+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+r+" because it is a component.");n[t]=r}))}return n[a]||a}}(s);i=i.map(c),l=(l||[]).map(c);var u=n(i),d=n(l);i.forEach((function e(n){var a=s[n];t(a&&a.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=a(s),g=u;r(g);){for(var m in p={},g){var h=s[m];t(h&&h.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in g=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,a,r){var o=r?r.series:void 0,i=r?r.parallel:e,l={},s={};function c(e){if(e in l)return l[e];s[e]=!0;var r,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)r=a(e);else{var p=i(u.map((function(e){var t=c(e);return delete s[e],t})));o?r=o(p,(function(){return a(e)})):a(e)}return l[e]=r}for(var u in n)c(u);var d=[];for(var p in s)d.push(l[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},4049:(e,t,n)=>{"use strict";var a=n(6257);function r(){}function o(){}o.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,o,i){if(i!==a){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:r};return n.PropTypes=n,n}},507:(e,t,n)=>{e.exports=n(4049)()},6257:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},3746:(e,t,n)=>{"use strict";var a=n(959),r=n(2962);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,l={};function s(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(l[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},g={};function m(e,t,n,a,r,o,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=a,this.attributeNamespace=r,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=o,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new m(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new m(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new m(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new m(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new m(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new m(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,a){var r=h.hasOwnProperty(t)?h[t]:null;(null!==r?0!==r.type:a||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,a){if(null==t||function(e,t,n,a){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!a&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,a))return!0;if(a)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,r,a)&&(n=null),a||null===r?function(e){return!!d.call(g,e)||!d.call(f,e)&&(p.test(e)?g[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):r.mustUseProperty?e[r.propertyName]=null===n?3!==r.type&&"":n:(t=r.attributeName,a=r.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(r=r.type)||4===r&&!0===n?"":""+n,a?e.setAttributeNS(a,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,x=Symbol.for("react.element"),k=Symbol.for("react.portal"),L=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),P=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),T=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var j=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var R=Symbol.iterator;function N(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=R&&e[R]||e["@@iterator"])?e:null}var O,M=Object.assign;function F(e){if(void 0===O)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);O=t&&t[1]||""}return"\n"+O+e}var B=!1;function z(e,t){if(!e||B)return"";B=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var a=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){a=c}e.call(t.prototype)}else{try{throw Error()}catch(c){a=c}e()}}catch(c){if(c&&a&&"string"==typeof c.stack){for(var r=c.stack.split("\n"),o=a.stack.split("\n"),i=r.length-1,l=o.length-1;1<=i&&0<=l&&r[i]!==o[l];)l--;for(;1<=i&&0<=l;i--,l--)if(r[i]!==o[l]){if(1!==i||1!==l)do{if(i--,0>--l||r[i]!==o[l]){var s="\n"+r[i].replace(" at new "," at ");return e.displayName&&s.includes("<anonymous>")&&(s=s.replace("<anonymous>",e.displayName)),s}}while(1<=i&&0<=l);break}}}finally{B=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?F(e):""}function U(e){switch(e.tag){case 5:return F(e.type);case 16:return F("Lazy");case 13:return F("Suspense");case 19:return F("SuspenseList");case 0:case 2:case 15:return e=z(e.type,!1);case 11:return e=z(e.type.render,!1);case 1:return e=z(e.type,!0);default:return""}}function $(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case L:return"Fragment";case k:return"Portal";case _:return"Profiler";case S:return"StrictMode";case D:return"Suspense";case E:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case P:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case I:return null!==(t=e.displayName||null)?t:$(e.type)||"Memo";case T:t=e._payload,e=e._init;try{return $(e(t))}catch(n){}}return null}function q(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return $(t);case 8:return t===S?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function G(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Z(e){e._valueTracker||(e._valueTracker=function(e){var t=G(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),a=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var r=n.get,o=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return r.call(this)},set:function(e){a=""+e,o.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(e){a=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function V(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),a="";return e&&(a=G(e)?e.checked?"true":"false":e.value),(e=a)!==n&&(t.setValue(e),!0)}function W(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,a=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:a,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function K(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function X(e,t){K(e,t);var n=H(t.value),a=t.type;if(null!=n)"number"===a?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===a||"reset"===a)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function J(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var a=t.type;if(!("submit"!==a&&"reset"!==a||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&W(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,a){if(e=e.options,t){t={};for(var r=0;r<n.length;r++)t["$"+n[r]]=!0;for(n=0;n<e.length;n++)r=t.hasOwnProperty("$"+e[n].value),e[n].selected!==r&&(e[n].selected=r),r&&a&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,r=0;r<e.length;r++){if(e[r].value===n)return e[r].selected=!0,void(a&&(e[r].defaultSelected=!0));null!==t||e[r].disabled||(t=e[r])}null!==t&&(t.selected=!0)}}function ae(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(o(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function re(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(o(92));if(te(n)){if(1<n.length)throw Error(o(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function oe(e,t){var n=H(t.value),a=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=a&&(e.defaultValue=""+a)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function le(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function se(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?le(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,a){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ge=["Webkit","ms","Moz","O"];function me(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function he(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var a=0===n.indexOf("--"),r=me(n,t[n],a);"float"===n&&(n="cssFloat"),a?e.setProperty(n,r):e[n]=r}}Object.keys(fe).forEach((function(e){ge.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(o(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(o(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(o(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(o(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function xe(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var ke=null,Le=null,Se=null;function _e(e){if(e=vr(e)){if("function"!=typeof ke)throw Error(o(280));var t=e.stateNode;t&&(t=xr(t),ke(e.stateNode,e.type,t))}}function Ce(e){Le?Se?Se.push(e):Se=[e]:Le=e}function Pe(){if(Le){var e=Le,t=Se;if(Se=Le=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Ae(e,t){return e(t)}function De(){}var Ee=!1;function Ie(e,t,n){if(Ee)return e(t,n);Ee=!0;try{return Ae(e,t,n)}finally{Ee=!1,(null!==Le||null!==Se)&&(De(),Pe())}}function Te(e,t){var n=e.stateNode;if(null===n)return null;var a=xr(n);if(null===a)return null;n=a[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(a=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!a;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(o(231,t,typeof n));return n}var je=!1;if(u)try{var Re={};Object.defineProperty(Re,"passive",{get:function(){je=!0}}),window.addEventListener("test",Re,Re),window.removeEventListener("test",Re,Re)}catch(ue){je=!1}function Ne(e,t,n,a,r,o,i,l,s){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var Oe=!1,Me=null,Fe=!1,Be=null,ze={onError:function(e){Oe=!0,Me=e}};function Ue(e,t,n,a,r,o,i,l,s){Oe=!1,Me=null,Ne.apply(ze,arguments)}function $e(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function qe(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if($e(e)!==e)throw Error(o(188))}function Ge(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=$e(e)))throw Error(o(188));return t!==e?null:e}for(var n=e,a=t;;){var r=n.return;if(null===r)break;var i=r.alternate;if(null===i){if(null!==(a=r.return)){n=a;continue}break}if(r.child===i.child){for(i=r.child;i;){if(i===n)return He(r),e;if(i===a)return He(r),t;i=i.sibling}throw Error(o(188))}if(n.return!==a.return)n=r,a=i;else{for(var l=!1,s=r.child;s;){if(s===n){l=!0,n=r,a=i;break}if(s===a){l=!0,a=r,n=i;break}s=s.sibling}if(!l){for(s=i.child;s;){if(s===n){l=!0,n=i,a=r;break}if(s===a){l=!0,a=i,n=r;break}s=s.sibling}if(!l)throw Error(o(189))}}if(n.alternate!==a)throw Error(o(190))}if(3!==n.tag)throw Error(o(188));return n.stateNode.current===n?e:t}(e))?Ze(e):null}function Ze(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ze(e);if(null!==t)return t;e=e.sibling}return null}var Ve=r.unstable_scheduleCallback,We=r.unstable_cancelCallback,Qe=r.unstable_shouldYield,Ye=r.unstable_requestPaint,Ke=r.unstable_now,Xe=r.unstable_getCurrentPriorityLevel,Je=r.unstable_ImmediatePriority,et=r.unstable_UserBlockingPriority,tt=r.unstable_NormalPriority,nt=r.unstable_LowPriority,at=r.unstable_IdlePriority,rt=null,ot=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(lt(e)/st|0)|0},lt=Math.log,st=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var a=0,r=e.suspendedLanes,o=e.pingedLanes,i=268435455&n;if(0!==i){var l=i&~r;0!==l?a=dt(l):0!==(o&=i)&&(a=dt(o))}else 0!==(i=n&~r)?a=dt(i):0!==o&&(a=dt(o));if(0===a)return 0;if(0!==t&&t!==a&&0==(t&r)&&((r=a&-a)>=(o=t&-t)||16===r&&0!=(4194240&o)))return t;if(0!=(4&a)&&(a|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=a;0<t;)r=1<<(n=31-it(t)),a|=e[n],t&=~r;return a}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function gt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function mt(){var e=ct;return 0==(4194240&(ct<<=1))&&(ct=64),e}function ht(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var a=31-it(n),r=1<<a;r&t|e[a]&t&&(e[a]|=t),n&=~r}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?0!=(268435455&e)?16:536870912:4:1}var xt,kt,Lt,St,_t,Ct=!1,Pt=[],At=null,Dt=null,Et=null,It=new Map,Tt=new Map,jt=[],Rt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Nt(e,t){switch(e){case"focusin":case"focusout":At=null;break;case"dragenter":case"dragleave":Dt=null;break;case"mouseover":case"mouseout":Et=null;break;case"pointerover":case"pointerout":It.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Tt.delete(t.pointerId)}}function Ot(e,t,n,a,r,o){return null===e||e.nativeEvent!==o?(e={blockedOn:t,domEventName:n,eventSystemFlags:a,nativeEvent:o,targetContainers:[r]},null!==t&&(null!==(t=vr(t))&&kt(t)),e):(e.eventSystemFlags|=a,t=e.targetContainers,null!==r&&-1===t.indexOf(r)&&t.push(r),e)}function Mt(e){var t=yr(e.target);if(null!==t){var n=$e(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=qe(n)))return e.blockedOn=t,void _t(e.priority,(function(){Lt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ft(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=vr(n))&&kt(t),e.blockedOn=n,!1;var a=new(n=e.nativeEvent).constructor(n.type,n);we=a,n.target.dispatchEvent(a),we=null,t.shift()}return!0}function Bt(e,t,n){Ft(e)&&n.delete(t)}function zt(){Ct=!1,null!==At&&Ft(At)&&(At=null),null!==Dt&&Ft(Dt)&&(Dt=null),null!==Et&&Ft(Et)&&(Et=null),It.forEach(Bt),Tt.forEach(Bt)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,r.unstable_scheduleCallback(r.unstable_NormalPriority,zt)))}function $t(e){function t(t){return Ut(t,e)}if(0<Pt.length){Ut(Pt[0],e);for(var n=1;n<Pt.length;n++){var a=Pt[n];a.blockedOn===e&&(a.blockedOn=null)}}for(null!==At&&Ut(At,e),null!==Dt&&Ut(Dt,e),null!==Et&&Ut(Et,e),It.forEach(t),Tt.forEach(t),n=0;n<jt.length;n++)(a=jt[n]).blockedOn===e&&(a.blockedOn=null);for(;0<jt.length&&null===(n=jt[0]).blockedOn;)Mt(n),null===n.blockedOn&&jt.shift()}var qt=w.ReactCurrentBatchConfig,Ht=!0;function Gt(e,t,n,a){var r=vt,o=qt.transition;qt.transition=null;try{vt=1,Vt(e,t,n,a)}finally{vt=r,qt.transition=o}}function Zt(e,t,n,a){var r=vt,o=qt.transition;qt.transition=null;try{vt=4,Vt(e,t,n,a)}finally{vt=r,qt.transition=o}}function Vt(e,t,n,a){if(Ht){var r=Qt(e,t,n,a);if(null===r)Ha(e,t,a,Wt,n),Nt(e,a);else if(function(e,t,n,a,r){switch(t){case"focusin":return At=Ot(At,e,t,n,a,r),!0;case"dragenter":return Dt=Ot(Dt,e,t,n,a,r),!0;case"mouseover":return Et=Ot(Et,e,t,n,a,r),!0;case"pointerover":var o=r.pointerId;return It.set(o,Ot(It.get(o)||null,e,t,n,a,r)),!0;case"gotpointercapture":return o=r.pointerId,Tt.set(o,Ot(Tt.get(o)||null,e,t,n,a,r)),!0}return!1}(r,e,t,n,a))a.stopPropagation();else if(Nt(e,a),4&t&&-1<Rt.indexOf(e)){for(;null!==r;){var o=vr(r);if(null!==o&&xt(o),null===(o=Qt(e,t,n,a))&&Ha(e,t,a,Wt,n),o===r)break;r=o}null!==r&&a.stopPropagation()}else Ha(e,t,a,null,n)}}var Wt=null;function Qt(e,t,n,a){if(Wt=null,null!==(e=yr(e=xe(a))))if(null===(t=$e(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=qe(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Wt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Xe()){case Je:return 1;case et:return 4;case tt:case nt:return 16;case at:return 536870912;default:return 16}default:return 16}}var Kt=null,Xt=null,Jt=null;function en(){if(Jt)return Jt;var e,t,n=Xt,a=n.length,r="value"in Kt?Kt.value:Kt.textContent,o=r.length;for(e=0;e<a&&n[e]===r[e];e++);var i=a-e;for(t=1;t<=i&&n[a-t]===r[o-t];t++);return Jt=r.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function an(){return!1}function rn(e){function t(t,n,a,r,o){for(var i in this._reactName=t,this._targetInst=a,this.type=n,this.nativeEvent=r,this.target=o,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(r):r[i]);return this.isDefaultPrevented=(null!=r.defaultPrevented?r.defaultPrevented:!1===r.returnValue)?nn:an,this.isPropagationStopped=an,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var on,ln,sn,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=rn(cn),dn=M({},cn,{view:0,detail:0}),pn=rn(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==sn&&(sn&&"mousemove"===e.type?(on=e.screenX-sn.screenX,ln=e.screenY-sn.screenY):ln=on=0,sn=e),on)},movementY:function(e){return"movementY"in e?e.movementY:ln}}),gn=rn(fn),mn=rn(M({},fn,{dataTransfer:0})),hn=rn(M({},dn,{relatedTarget:0})),bn=rn(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=rn(yn),wn=rn(M({},cn,{data:0})),xn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},kn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Ln={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Sn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Ln[e])&&!!t[e]}function _n(){return Sn}var Cn=M({},dn,{key:function(e){if(e.key){var t=xn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?kn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Pn=rn(Cn),An=rn(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Dn=rn(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),En=rn(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),In=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Tn=rn(In),jn=[9,13,27,32],Rn=u&&"CompositionEvent"in window,Nn=null;u&&"documentMode"in document&&(Nn=document.documentMode);var On=u&&"TextEvent"in window&&!Nn,Mn=u&&(!Rn||Nn&&8<Nn&&11>=Nn),Fn=String.fromCharCode(32),Bn=!1;function zn(e,t){switch(e){case"keyup":return-1!==jn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var $n=!1;var qn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!qn[e.type]:"textarea"===t}function Gn(e,t,n,a){Ce(a),0<(t=Za(t,"onChange")).length&&(n=new un("onChange","change",null,n,a),e.push({event:n,listeners:t}))}var Zn=null,Vn=null;function Wn(e){Fa(e,0)}function Qn(e){if(V(wr(e)))return e}function Yn(e,t){if("change"===e)return t}var Kn=!1;if(u){var Xn;if(u){var Jn="oninput"in document;if(!Jn){var ea=document.createElement("div");ea.setAttribute("oninput","return;"),Jn="function"==typeof ea.oninput}Xn=Jn}else Xn=!1;Kn=Xn&&(!document.documentMode||9<document.documentMode)}function ta(){Zn&&(Zn.detachEvent("onpropertychange",na),Vn=Zn=null)}function na(e){if("value"===e.propertyName&&Qn(Vn)){var t=[];Gn(t,Vn,e,xe(e)),Ie(Wn,t)}}function aa(e,t,n){"focusin"===e?(ta(),Vn=n,(Zn=t).attachEvent("onpropertychange",na)):"focusout"===e&&ta()}function ra(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Vn)}function oa(e,t){if("click"===e)return Qn(t)}function ia(e,t){if("input"===e||"change"===e)return Qn(t)}var la="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function sa(e,t){if(la(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++){var r=n[a];if(!d.call(t,r)||!la(e[r],t[r]))return!1}return!0}function ca(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ua(e,t){var n,a=ca(e);for(e=0;a;){if(3===a.nodeType){if(n=e+a.textContent.length,e<=t&&n>=t)return{node:a,offset:t-e};e=n}e:{for(;a;){if(a.nextSibling){a=a.nextSibling;break e}a=a.parentNode}a=void 0}a=ca(a)}}function da(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?da(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pa(){for(var e=window,t=W();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(a){n=!1}if(!n)break;t=W((e=t.contentWindow).document)}return t}function fa(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function ga(e){var t=pa(),n=e.focusedElem,a=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&da(n.ownerDocument.documentElement,n)){if(null!==a&&fa(n))if(t=a.start,void 0===(e=a.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var r=n.textContent.length,o=Math.min(a.start,r);a=void 0===a.end?o:Math.min(a.end,r),!e.extend&&o>a&&(r=a,a=o,o=r),r=ua(n,o);var i=ua(n,a);r&&i&&(1!==e.rangeCount||e.anchorNode!==r.node||e.anchorOffset!==r.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(r.node,r.offset),e.removeAllRanges(),o>a?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var ma=u&&"documentMode"in document&&11>=document.documentMode,ha=null,ba=null,ya=null,va=!1;function wa(e,t,n){var a=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;va||null==ha||ha!==W(a)||("selectionStart"in(a=ha)&&fa(a)?a={start:a.selectionStart,end:a.selectionEnd}:a={anchorNode:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset},ya&&sa(ya,a)||(ya=a,0<(a=Za(ba,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:a}),t.target=ha)))}function xa(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var ka={animationend:xa("Animation","AnimationEnd"),animationiteration:xa("Animation","AnimationIteration"),animationstart:xa("Animation","AnimationStart"),transitionend:xa("Transition","TransitionEnd")},La={},Sa={};function _a(e){if(La[e])return La[e];if(!ka[e])return e;var t,n=ka[e];for(t in n)if(n.hasOwnProperty(t)&&t in Sa)return La[e]=n[t];return e}u&&(Sa=document.createElement("div").style,"AnimationEvent"in window||(delete ka.animationend.animation,delete ka.animationiteration.animation,delete ka.animationstart.animation),"TransitionEvent"in window||delete ka.transitionend.transition);var Ca=_a("animationend"),Pa=_a("animationiteration"),Aa=_a("animationstart"),Da=_a("transitionend"),Ea=new Map,Ia="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Ta(e,t){Ea.set(e,t),s(t,[e])}for(var ja=0;ja<Ia.length;ja++){var Ra=Ia[ja];Ta(Ra.toLowerCase(),"on"+(Ra[0].toUpperCase()+Ra.slice(1)))}Ta(Ca,"onAnimationEnd"),Ta(Pa,"onAnimationIteration"),Ta(Aa,"onAnimationStart"),Ta("dblclick","onDoubleClick"),Ta("focusin","onFocus"),Ta("focusout","onBlur"),Ta(Da,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),s("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),s("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),s("onBeforeInput",["compositionend","keypress","textInput","paste"]),s("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Na="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Oa=new Set("cancel close invalid load scroll toggle".split(" ").concat(Na));function Ma(e,t,n){var a=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,a,r,i,l,s,c){if(Ue.apply(this,arguments),Oe){if(!Oe)throw Error(o(198));var u=Me;Oe=!1,Me=null,Fe||(Fe=!0,Be=u)}}(a,t,void 0,e),e.currentTarget=null}function Fa(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var a=e[n],r=a.event;a=a.listeners;e:{var o=void 0;if(t)for(var i=a.length-1;0<=i;i--){var l=a[i],s=l.instance,c=l.currentTarget;if(l=l.listener,s!==o&&r.isPropagationStopped())break e;Ma(r,l,c),o=s}else for(i=0;i<a.length;i++){if(s=(l=a[i]).instance,c=l.currentTarget,l=l.listener,s!==o&&r.isPropagationStopped())break e;Ma(r,l,c),o=s}}}if(Fe)throw e=Be,Fe=!1,Be=null,e}function Ba(e,t){var n=t[mr];void 0===n&&(n=t[mr]=new Set);var a=e+"__bubble";n.has(a)||(qa(t,e,2,!1),n.add(a))}function za(e,t,n){var a=0;t&&(a|=4),qa(n,e,a,t)}var Ua="_reactListening"+Math.random().toString(36).slice(2);function $a(e){if(!e[Ua]){e[Ua]=!0,i.forEach((function(t){"selectionchange"!==t&&(Oa.has(t)||za(t,!1,e),za(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ua]||(t[Ua]=!0,za("selectionchange",!1,t))}}function qa(e,t,n,a){switch(Yt(t)){case 1:var r=Gt;break;case 4:r=Zt;break;default:r=Vt}n=r.bind(null,t,n,e),r=void 0,!je||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(r=!0),a?void 0!==r?e.addEventListener(t,n,{capture:!0,passive:r}):e.addEventListener(t,n,!0):void 0!==r?e.addEventListener(t,n,{passive:r}):e.addEventListener(t,n,!1)}function Ha(e,t,n,a,r){var o=a;if(0==(1&t)&&0==(2&t)&&null!==a)e:for(;;){if(null===a)return;var i=a.tag;if(3===i||4===i){var l=a.stateNode.containerInfo;if(l===r||8===l.nodeType&&l.parentNode===r)break;if(4===i)for(i=a.return;null!==i;){var s=i.tag;if((3===s||4===s)&&((s=i.stateNode.containerInfo)===r||8===s.nodeType&&s.parentNode===r))return;i=i.return}for(;null!==l;){if(null===(i=yr(l)))return;if(5===(s=i.tag)||6===s){a=o=i;continue e}l=l.parentNode}}a=a.return}Ie((function(){var a=o,r=xe(n),i=[];e:{var l=Ea.get(e);if(void 0!==l){var s=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":s=Pn;break;case"focusin":c="focus",s=hn;break;case"focusout":c="blur",s=hn;break;case"beforeblur":case"afterblur":s=hn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":s=gn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":s=mn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":s=Dn;break;case Ca:case Pa:case Aa:s=bn;break;case Da:s=En;break;case"scroll":s=pn;break;case"wheel":s=Tn;break;case"copy":case"cut":case"paste":s=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":s=An}var u=0!=(4&t),d=!u&&"scroll"===e,p=u?null!==l?l+"Capture":null:l;u=[];for(var f,g=a;null!==g;){var m=(f=g).stateNode;if(5===f.tag&&null!==m&&(f=m,null!==p&&(null!=(m=Te(g,p))&&u.push(Ga(g,m,f)))),d)break;g=g.return}0<u.length&&(l=new s(l,c,null,n,r),i.push({event:l,listeners:u}))}}if(0==(7&t)){if(s="mouseout"===e||"pointerout"===e,(!(l="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!yr(c)&&!c[gr])&&(s||l)&&(l=r.window===r?r:(l=r.ownerDocument)?l.defaultView||l.parentWindow:window,s?(s=a,null!==(c=(c=n.relatedTarget||n.toElement)?yr(c):null)&&(c!==(d=$e(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(s=null,c=a),s!==c)){if(u=gn,m="onMouseLeave",p="onMouseEnter",g="mouse","pointerout"!==e&&"pointerover"!==e||(u=An,m="onPointerLeave",p="onPointerEnter",g="pointer"),d=null==s?l:wr(s),f=null==c?l:wr(c),(l=new u(m,g+"leave",s,n,r)).target=d,l.relatedTarget=f,m=null,yr(r)===a&&((u=new u(p,g+"enter",c,n,r)).target=f,u.relatedTarget=d,m=u),d=m,s&&c)e:{for(p=c,g=0,f=u=s;f;f=Va(f))g++;for(f=0,m=p;m;m=Va(m))f++;for(;0<g-f;)u=Va(u),g--;for(;0<f-g;)p=Va(p),f--;for(;g--;){if(u===p||null!==p&&u===p.alternate)break e;u=Va(u),p=Va(p)}u=null}else u=null;null!==s&&Wa(i,l,s,u,!1),null!==c&&null!==d&&Wa(i,d,c,u,!0)}if("select"===(s=(l=a?wr(a):window).nodeName&&l.nodeName.toLowerCase())||"input"===s&&"file"===l.type)var h=Yn;else if(Hn(l))if(Kn)h=ia;else{h=ra;var b=aa}else(s=l.nodeName)&&"input"===s.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(h=oa);switch(h&&(h=h(e,a))?Gn(i,h,n,r):(b&&b(e,l,a),"focusout"===e&&(b=l._wrapperState)&&b.controlled&&"number"===l.type&&ee(l,"number",l.value)),b=a?wr(a):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(ha=b,ba=a,ya=null);break;case"focusout":ya=ba=ha=null;break;case"mousedown":va=!0;break;case"contextmenu":case"mouseup":case"dragend":va=!1,wa(i,n,r);break;case"selectionchange":if(ma)break;case"keydown":case"keyup":wa(i,n,r)}var y;if(Rn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else $n?zn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&($n||"onCompositionStart"!==v?"onCompositionEnd"===v&&$n&&(y=en()):(Xt="value"in(Kt=r)?Kt.value:Kt.textContent,$n=!0)),0<(b=Za(a,v)).length&&(v=new wn(v,e,null,n,r),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=On?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(Bn=!0,Fn);case"textInput":return(e=t.data)===Fn&&Bn?null:e;default:return null}}(e,n):function(e,t){if($n)return"compositionend"===e||!Rn&&zn(e,t)?(e=en(),Jt=Xt=Kt=null,$n=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(a=Za(a,"onBeforeInput")).length&&(r=new wn("onBeforeInput","beforeinput",null,n,r),i.push({event:r,listeners:a}),r.data=y))}Fa(i,t)}))}function Ga(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Za(e,t){for(var n=t+"Capture",a=[];null!==e;){var r=e,o=r.stateNode;5===r.tag&&null!==o&&(r=o,null!=(o=Te(e,n))&&a.unshift(Ga(e,o,r)),null!=(o=Te(e,t))&&a.push(Ga(e,o,r))),e=e.return}return a}function Va(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Wa(e,t,n,a,r){for(var o=t._reactName,i=[];null!==n&&n!==a;){var l=n,s=l.alternate,c=l.stateNode;if(null!==s&&s===a)break;5===l.tag&&null!==c&&(l=c,r?null!=(s=Te(n,o))&&i.unshift(Ga(n,s,l)):r||null!=(s=Te(n,o))&&i.push(Ga(n,s,l))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qa=/\r\n?/g,Ya=/\u0000|\uFFFD/g;function Ka(e){return("string"==typeof e?e:""+e).replace(Qa,"\n").replace(Ya,"")}function Xa(e,t,n){if(t=Ka(t),Ka(e)!==t&&n)throw Error(o(425))}function Ja(){}var er=null,tr=null;function nr(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ar="function"==typeof setTimeout?setTimeout:void 0,rr="function"==typeof clearTimeout?clearTimeout:void 0,or="function"==typeof Promise?Promise:void 0,ir="function"==typeof queueMicrotask?queueMicrotask:void 0!==or?function(e){return or.resolve(null).then(e).catch(lr)}:ar;function lr(e){setTimeout((function(){throw e}))}function sr(e,t){var n=t,a=0;do{var r=n.nextSibling;if(e.removeChild(n),r&&8===r.nodeType)if("/$"===(n=r.data)){if(0===a)return e.removeChild(r),void $t(t);a--}else"$"!==n&&"$?"!==n&&"$!"!==n||a++;n=r}while(n);$t(t)}function cr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function ur(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var dr=Math.random().toString(36).slice(2),pr="__reactFiber$"+dr,fr="__reactProps$"+dr,gr="__reactContainer$"+dr,mr="__reactEvents$"+dr,hr="__reactListeners$"+dr,br="__reactHandles$"+dr;function yr(e){var t=e[pr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[gr]||n[pr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=ur(e);null!==e;){if(n=e[pr])return n;e=ur(e)}return t}n=(e=n).parentNode}return null}function vr(e){return!(e=e[pr]||e[gr])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function wr(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(o(33))}function xr(e){return e[fr]||null}var kr=[],Lr=-1;function Sr(e){return{current:e}}function _r(e){0>Lr||(e.current=kr[Lr],kr[Lr]=null,Lr--)}function Cr(e,t){Lr++,kr[Lr]=e.current,e.current=t}var Pr={},Ar=Sr(Pr),Dr=Sr(!1),Er=Pr;function Ir(e,t){var n=e.type.contextTypes;if(!n)return Pr;var a=e.stateNode;if(a&&a.__reactInternalMemoizedUnmaskedChildContext===t)return a.__reactInternalMemoizedMaskedChildContext;var r,o={};for(r in n)o[r]=t[r];return a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function Tr(e){return null!=(e=e.childContextTypes)}function jr(){_r(Dr),_r(Ar)}function Rr(e,t,n){if(Ar.current!==Pr)throw Error(o(168));Cr(Ar,t),Cr(Dr,n)}function Nr(e,t,n){var a=e.stateNode;if(t=t.childContextTypes,"function"!=typeof a.getChildContext)return n;for(var r in a=a.getChildContext())if(!(r in t))throw Error(o(108,q(e)||"Unknown",r));return M({},n,a)}function Or(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Pr,Er=Ar.current,Cr(Ar,e),Cr(Dr,Dr.current),!0}function Mr(e,t,n){var a=e.stateNode;if(!a)throw Error(o(169));n?(e=Nr(e,t,Er),a.__reactInternalMemoizedMergedChildContext=e,_r(Dr),_r(Ar),Cr(Ar,e)):_r(Dr),Cr(Dr,n)}var Fr=null,Br=!1,zr=!1;function Ur(e){null===Fr?Fr=[e]:Fr.push(e)}function $r(){if(!zr&&null!==Fr){zr=!0;var e=0,t=vt;try{var n=Fr;for(vt=1;e<n.length;e++){var a=n[e];do{a=a(!0)}while(null!==a)}Fr=null,Br=!1}catch(r){throw null!==Fr&&(Fr=Fr.slice(e+1)),Ve(Je,$r),r}finally{vt=t,zr=!1}}return null}var qr=[],Hr=0,Gr=null,Zr=0,Vr=[],Wr=0,Qr=null,Yr=1,Kr="";function Xr(e,t){qr[Hr++]=Zr,qr[Hr++]=Gr,Gr=e,Zr=t}function Jr(e,t,n){Vr[Wr++]=Yr,Vr[Wr++]=Kr,Vr[Wr++]=Qr,Qr=e;var a=Yr;e=Kr;var r=32-it(a)-1;a&=~(1<<r),n+=1;var o=32-it(t)+r;if(30<o){var i=r-r%5;o=(a&(1<<i)-1).toString(32),a>>=i,r-=i,Yr=1<<32-it(t)+r|n<<r|a,Kr=o+e}else Yr=1<<o|n<<r|a,Kr=e}function eo(e){null!==e.return&&(Xr(e,1),Jr(e,1,0))}function to(e){for(;e===Gr;)Gr=qr[--Hr],qr[Hr]=null,Zr=qr[--Hr],qr[Hr]=null;for(;e===Qr;)Qr=Vr[--Wr],Vr[Wr]=null,Kr=Vr[--Wr],Vr[Wr]=null,Yr=Vr[--Wr],Vr[Wr]=null}var no=null,ao=null,ro=!1,oo=null;function io(e,t){var n=Tc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function lo(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,no=e,ao=cr(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,no=e,ao=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Qr?{id:Yr,overflow:Kr}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Tc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,no=e,ao=null,!0);default:return!1}}function so(e){return 0!=(1&e.mode)&&0==(128&e.flags)}function co(e){if(ro){var t=ao;if(t){var n=t;if(!lo(e,t)){if(so(e))throw Error(o(418));t=cr(n.nextSibling);var a=no;t&&lo(e,t)?io(a,n):(e.flags=-4097&e.flags|2,ro=!1,no=e)}}else{if(so(e))throw Error(o(418));e.flags=-4097&e.flags|2,ro=!1,no=e}}}function uo(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;no=e}function po(e){if(e!==no)return!1;if(!ro)return uo(e),ro=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!nr(e.type,e.memoizedProps)),t&&(t=ao)){if(so(e))throw fo(),Error(o(418));for(;t;)io(e,t),t=cr(t.nextSibling)}if(uo(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(o(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){ao=cr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}ao=null}}else ao=no?cr(e.stateNode.nextSibling):null;return!0}function fo(){for(var e=ao;e;)e=cr(e.nextSibling)}function go(){ao=no=null,ro=!1}function mo(e){null===oo?oo=[e]:oo.push(e)}var ho=w.ReactCurrentBatchConfig;function bo(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var yo=Sr(null),vo=null,wo=null,xo=null;function ko(){xo=wo=vo=null}function Lo(e){var t=yo.current;_r(yo),e._currentValue=t}function So(e,t,n){for(;null!==e;){var a=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==a&&(a.childLanes|=t)):null!==a&&(a.childLanes&t)!==t&&(a.childLanes|=t),e===n)break;e=e.return}}function _o(e,t){vo=e,xo=wo=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(wl=!0),e.firstContext=null)}function Co(e){var t=e._currentValue;if(xo!==e)if(e={context:e,memoizedValue:t,next:null},null===wo){if(null===vo)throw Error(o(308));wo=e,vo.dependencies={lanes:0,firstContext:e}}else wo=wo.next=e;return t}var Po=null;function Ao(e){null===Po?Po=[e]:Po.push(e)}function Do(e,t,n,a){var r=t.interleaved;return null===r?(n.next=n,Ao(t)):(n.next=r.next,r.next=n),t.interleaved=n,Eo(e,a)}function Eo(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Io=!1;function To(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function jo(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Ro(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function No(e,t,n){var a=e.updateQueue;if(null===a)return null;if(a=a.shared,0!=(2&Ds)){var r=a.pending;return null===r?t.next=t:(t.next=r.next,r.next=t),a.pending=t,Eo(e,n)}return null===(r=a.interleaved)?(t.next=t,Ao(a)):(t.next=r.next,r.next=t),a.interleaved=t,Eo(e,n)}function Oo(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,0!=(4194240&n))){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}function Mo(e,t){var n=e.updateQueue,a=e.alternate;if(null!==a&&n===(a=a.updateQueue)){var r=null,o=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===o?r=o=i:o=o.next=i,n=n.next}while(null!==n);null===o?r=o=t:o=o.next=t}else r=o=t;return n={baseState:a.baseState,firstBaseUpdate:r,lastBaseUpdate:o,shared:a.shared,effects:a.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Fo(e,t,n,a){var r=e.updateQueue;Io=!1;var o=r.firstBaseUpdate,i=r.lastBaseUpdate,l=r.shared.pending;if(null!==l){r.shared.pending=null;var s=l,c=s.next;s.next=null,null===i?o=c:i.next=c,i=s;var u=e.alternate;null!==u&&((l=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===l?u.firstBaseUpdate=c:l.next=c,u.lastBaseUpdate=s))}if(null!==o){var d=r.baseState;for(i=0,u=c=s=null,l=o;;){var p=l.lane,f=l.eventTime;if((a&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:l.tag,payload:l.payload,callback:l.callback,next:null});e:{var g=e,m=l;switch(p=t,f=n,m.tag){case 1:if("function"==typeof(g=m.payload)){d=g.call(f,d,p);break e}d=g;break e;case 3:g.flags=-65537&g.flags|128;case 0:if(null==(p="function"==typeof(g=m.payload)?g.call(f,d,p):g))break e;d=M({},d,p);break e;case 2:Io=!0}}null!==l.callback&&0!==l.lane&&(e.flags|=64,null===(p=r.effects)?r.effects=[l]:p.push(l))}else f={eventTime:f,lane:p,tag:l.tag,payload:l.payload,callback:l.callback,next:null},null===u?(c=u=f,s=d):u=u.next=f,i|=p;if(null===(l=l.next)){if(null===(l=r.shared.pending))break;l=(p=l).next,p.next=null,r.lastBaseUpdate=p,r.shared.pending=null}}if(null===u&&(s=d),r.baseState=s,r.firstBaseUpdate=c,r.lastBaseUpdate=u,null!==(t=r.shared.interleaved)){r=t;do{i|=r.lane,r=r.next}while(r!==t)}else null===o&&(r.shared.lanes=0);Ms|=i,e.lanes=i,e.memoizedState=d}}function Bo(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var a=e[t],r=a.callback;if(null!==r){if(a.callback=null,a=n,"function"!=typeof r)throw Error(o(191,r));r.call(a)}}}var zo=(new a.Component).refs;function Uo(e,t,n,a){n=null==(n=n(a,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var $o={isMounted:function(e){return!!(e=e._reactInternals)&&$e(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var a=tc(),r=nc(e),o=Ro(a,r);o.payload=t,null!=n&&(o.callback=n),null!==(t=No(e,o,r))&&(ac(t,e,r,a),Oo(t,e,r))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var a=tc(),r=nc(e),o=Ro(a,r);o.tag=1,o.payload=t,null!=n&&(o.callback=n),null!==(t=No(e,o,r))&&(ac(t,e,r,a),Oo(t,e,r))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=tc(),a=nc(e),r=Ro(n,a);r.tag=2,null!=t&&(r.callback=t),null!==(t=No(e,r,a))&&(ac(t,e,a,n),Oo(t,e,a))}};function qo(e,t,n,a,r,o,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(a,o,i):!t.prototype||!t.prototype.isPureReactComponent||(!sa(n,a)||!sa(r,o))}function Ho(e,t,n){var a=!1,r=Pr,o=t.contextType;return"object"==typeof o&&null!==o?o=Co(o):(r=Tr(t)?Er:Ar.current,o=(a=null!=(a=t.contextTypes))?Ir(e,r):Pr),t=new t(n,o),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=$o,e.stateNode=t,t._reactInternals=e,a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=r,e.__reactInternalMemoizedMaskedChildContext=o),t}function Go(e,t,n,a){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,a),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,a),t.state!==e&&$o.enqueueReplaceState(t,t.state,null)}function Zo(e,t,n,a){var r=e.stateNode;r.props=n,r.state=e.memoizedState,r.refs=zo,To(e);var o=t.contextType;"object"==typeof o&&null!==o?r.context=Co(o):(o=Tr(t)?Er:Ar.current,r.context=Ir(e,o)),r.state=e.memoizedState,"function"==typeof(o=t.getDerivedStateFromProps)&&(Uo(e,t,o,n),r.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof r.getSnapshotBeforeUpdate||"function"!=typeof r.UNSAFE_componentWillMount&&"function"!=typeof r.componentWillMount||(t=r.state,"function"==typeof r.componentWillMount&&r.componentWillMount(),"function"==typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount(),t!==r.state&&$o.enqueueReplaceState(r,r.state,null),Fo(e,n,r,a),r.state=e.memoizedState),"function"==typeof r.componentDidMount&&(e.flags|=4194308)}function Vo(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(o(309));var a=n.stateNode}if(!a)throw Error(o(147,e));var r=a,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=r.refs;t===zo&&(t=r.refs={}),null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(o(284));if(!n._owner)throw Error(o(290,e))}return e}function Wo(e,t){throw e=Object.prototype.toString.call(t),Error(o(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Qo(e){return(0,e._init)(e._payload)}function Yo(e){function t(t,n){if(e){var a=t.deletions;null===a?(t.deletions=[n],t.flags|=16):a.push(n)}}function n(n,a){if(!e)return null;for(;null!==a;)t(n,a),a=a.sibling;return null}function a(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function r(e,t){return(e=Rc(e,t)).index=0,e.sibling=null,e}function i(t,n,a){return t.index=a,e?null!==(a=t.alternate)?(a=a.index)<n?(t.flags|=2,n):a:(t.flags|=2,n):(t.flags|=1048576,n)}function l(t){return e&&null===t.alternate&&(t.flags|=2),t}function s(e,t,n,a){return null===t||6!==t.tag?((t=Fc(n,e.mode,a)).return=e,t):((t=r(t,n)).return=e,t)}function c(e,t,n,a){var o=n.type;return o===L?d(e,t,n.props.children,a,n.key):null!==t&&(t.elementType===o||"object"==typeof o&&null!==o&&o.$$typeof===T&&Qo(o)===t.type)?((a=r(t,n.props)).ref=Vo(e,t,n),a.return=e,a):((a=Nc(n.type,n.key,n.props,null,e.mode,a)).ref=Vo(e,t,n),a.return=e,a)}function u(e,t,n,a){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Bc(n,e.mode,a)).return=e,t):((t=r(t,n.children||[])).return=e,t)}function d(e,t,n,a,o){return null===t||7!==t.tag?((t=Oc(n,e.mode,a,o)).return=e,t):((t=r(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Fc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case x:return(n=Nc(t.type,t.key,t.props,null,e.mode,n)).ref=Vo(e,null,t),n.return=e,n;case k:return(t=Bc(t,e.mode,n)).return=e,t;case T:return p(e,(0,t._init)(t._payload),n)}if(te(t)||N(t))return(t=Oc(t,e.mode,n,null)).return=e,t;Wo(e,t)}return null}function f(e,t,n,a){var r=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==r?null:s(e,t,""+n,a);if("object"==typeof n&&null!==n){switch(n.$$typeof){case x:return n.key===r?c(e,t,n,a):null;case k:return n.key===r?u(e,t,n,a):null;case T:return f(e,t,(r=n._init)(n._payload),a)}if(te(n)||N(n))return null!==r?null:d(e,t,n,a,null);Wo(e,n)}return null}function g(e,t,n,a,r){if("string"==typeof a&&""!==a||"number"==typeof a)return s(t,e=e.get(n)||null,""+a,r);if("object"==typeof a&&null!==a){switch(a.$$typeof){case x:return c(t,e=e.get(null===a.key?n:a.key)||null,a,r);case k:return u(t,e=e.get(null===a.key?n:a.key)||null,a,r);case T:return g(e,t,n,(0,a._init)(a._payload),r)}if(te(a)||N(a))return d(t,e=e.get(n)||null,a,r,null);Wo(t,a)}return null}function m(r,o,l,s){for(var c=null,u=null,d=o,m=o=0,h=null;null!==d&&m<l.length;m++){d.index>m?(h=d,d=null):h=d.sibling;var b=f(r,d,l[m],s);if(null===b){null===d&&(d=h);break}e&&d&&null===b.alternate&&t(r,d),o=i(b,o,m),null===u?c=b:u.sibling=b,u=b,d=h}if(m===l.length)return n(r,d),ro&&Xr(r,m),c;if(null===d){for(;m<l.length;m++)null!==(d=p(r,l[m],s))&&(o=i(d,o,m),null===u?c=d:u.sibling=d,u=d);return ro&&Xr(r,m),c}for(d=a(r,d);m<l.length;m++)null!==(h=g(d,r,m,l[m],s))&&(e&&null!==h.alternate&&d.delete(null===h.key?m:h.key),o=i(h,o,m),null===u?c=h:u.sibling=h,u=h);return e&&d.forEach((function(e){return t(r,e)})),ro&&Xr(r,m),c}function h(r,l,s,c){var u=N(s);if("function"!=typeof u)throw Error(o(150));if(null==(s=u.call(s)))throw Error(o(151));for(var d=u=null,m=l,h=l=0,b=null,y=s.next();null!==m&&!y.done;h++,y=s.next()){m.index>h?(b=m,m=null):b=m.sibling;var v=f(r,m,y.value,c);if(null===v){null===m&&(m=b);break}e&&m&&null===v.alternate&&t(r,m),l=i(v,l,h),null===d?u=v:d.sibling=v,d=v,m=b}if(y.done)return n(r,m),ro&&Xr(r,h),u;if(null===m){for(;!y.done;h++,y=s.next())null!==(y=p(r,y.value,c))&&(l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return ro&&Xr(r,h),u}for(m=a(r,m);!y.done;h++,y=s.next())null!==(y=g(m,r,h,y.value,c))&&(e&&null!==y.alternate&&m.delete(null===y.key?h:y.key),l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return e&&m.forEach((function(e){return t(r,e)})),ro&&Xr(r,h),u}return function e(a,o,i,s){if("object"==typeof i&&null!==i&&i.type===L&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case x:e:{for(var c=i.key,u=o;null!==u;){if(u.key===c){if((c=i.type)===L){if(7===u.tag){n(a,u.sibling),(o=r(u,i.props.children)).return=a,a=o;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===T&&Qo(c)===u.type){n(a,u.sibling),(o=r(u,i.props)).ref=Vo(a,u,i),o.return=a,a=o;break e}n(a,u);break}t(a,u),u=u.sibling}i.type===L?((o=Oc(i.props.children,a.mode,s,i.key)).return=a,a=o):((s=Nc(i.type,i.key,i.props,null,a.mode,s)).ref=Vo(a,o,i),s.return=a,a=s)}return l(a);case k:e:{for(u=i.key;null!==o;){if(o.key===u){if(4===o.tag&&o.stateNode.containerInfo===i.containerInfo&&o.stateNode.implementation===i.implementation){n(a,o.sibling),(o=r(o,i.children||[])).return=a,a=o;break e}n(a,o);break}t(a,o),o=o.sibling}(o=Bc(i,a.mode,s)).return=a,a=o}return l(a);case T:return e(a,o,(u=i._init)(i._payload),s)}if(te(i))return m(a,o,i,s);if(N(i))return h(a,o,i,s);Wo(a,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==o&&6===o.tag?(n(a,o.sibling),(o=r(o,i)).return=a,a=o):(n(a,o),(o=Fc(i,a.mode,s)).return=a,a=o),l(a)):n(a,o)}}var Ko=Yo(!0),Xo=Yo(!1),Jo={},ei=Sr(Jo),ti=Sr(Jo),ni=Sr(Jo);function ai(e){if(e===Jo)throw Error(o(174));return e}function ri(e,t){switch(Cr(ni,t),Cr(ti,e),Cr(ei,Jo),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:se(null,"");break;default:t=se(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}_r(ei),Cr(ei,t)}function oi(){_r(ei),_r(ti),_r(ni)}function ii(e){ai(ni.current);var t=ai(ei.current),n=se(t,e.type);t!==n&&(Cr(ti,e),Cr(ei,n))}function li(e){ti.current===e&&(_r(ei),_r(ti))}var si=Sr(0);function ci(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(128&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ui=[];function di(){for(var e=0;e<ui.length;e++)ui[e]._workInProgressVersionPrimary=null;ui.length=0}var pi=w.ReactCurrentDispatcher,fi=w.ReactCurrentBatchConfig,gi=0,mi=null,hi=null,bi=null,yi=!1,vi=!1,wi=0,xi=0;function ki(){throw Error(o(321))}function Li(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!la(e[n],t[n]))return!1;return!0}function Si(e,t,n,a,r,i){if(gi=i,mi=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,pi.current=null===e||null===e.memoizedState?ll:sl,e=n(a,r),vi){i=0;do{if(vi=!1,wi=0,25<=i)throw Error(o(301));i+=1,bi=hi=null,t.updateQueue=null,pi.current=cl,e=n(a,r)}while(vi)}if(pi.current=il,t=null!==hi&&null!==hi.next,gi=0,bi=hi=mi=null,yi=!1,t)throw Error(o(300));return e}function _i(){var e=0!==wi;return wi=0,e}function Ci(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===bi?mi.memoizedState=bi=e:bi=bi.next=e,bi}function Pi(){if(null===hi){var e=mi.alternate;e=null!==e?e.memoizedState:null}else e=hi.next;var t=null===bi?mi.memoizedState:bi.next;if(null!==t)bi=t,hi=e;else{if(null===e)throw Error(o(310));e={memoizedState:(hi=e).memoizedState,baseState:hi.baseState,baseQueue:hi.baseQueue,queue:hi.queue,next:null},null===bi?mi.memoizedState=bi=e:bi=bi.next=e}return bi}function Ai(e,t){return"function"==typeof t?t(e):t}function Di(e){var t=Pi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var a=hi,r=a.baseQueue,i=n.pending;if(null!==i){if(null!==r){var l=r.next;r.next=i.next,i.next=l}a.baseQueue=r=i,n.pending=null}if(null!==r){i=r.next,a=a.baseState;var s=l=null,c=null,u=i;do{var d=u.lane;if((gi&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),a=u.hasEagerState?u.eagerState:e(a,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(s=c=p,l=a):c=c.next=p,mi.lanes|=d,Ms|=d}u=u.next}while(null!==u&&u!==i);null===c?l=a:c.next=s,la(a,t.memoizedState)||(wl=!0),t.memoizedState=a,t.baseState=l,t.baseQueue=c,n.lastRenderedState=a}if(null!==(e=n.interleaved)){r=e;do{i=r.lane,mi.lanes|=i,Ms|=i,r=r.next}while(r!==e)}else null===r&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Ei(e){var t=Pi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var a=n.dispatch,r=n.pending,i=t.memoizedState;if(null!==r){n.pending=null;var l=r=r.next;do{i=e(i,l.action),l=l.next}while(l!==r);la(i,t.memoizedState)||(wl=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,a]}function Ii(){}function Ti(e,t){var n=mi,a=Pi(),r=t(),i=!la(a.memoizedState,r);if(i&&(a.memoizedState=r,wl=!0),a=a.queue,Hi(Ni.bind(null,n,a,e),[e]),a.getSnapshot!==t||i||null!==bi&&1&bi.memoizedState.tag){if(n.flags|=2048,Bi(9,Ri.bind(null,n,a,r,t),void 0,null),null===Es)throw Error(o(349));0!=(30&gi)||ji(n,t,r)}return r}function ji(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Ri(e,t,n,a){t.value=n,t.getSnapshot=a,Oi(t)&&Mi(e)}function Ni(e,t,n){return n((function(){Oi(t)&&Mi(e)}))}function Oi(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!la(e,n)}catch(a){return!0}}function Mi(e){var t=Eo(e,1);null!==t&&ac(t,e,1,-1)}function Fi(e){var t=Ci();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Ai,lastRenderedState:e},t.queue=e,e=e.dispatch=nl.bind(null,mi,e),[t.memoizedState,e]}function Bi(e,t,n,a){return e={tag:e,create:t,destroy:n,deps:a,next:null},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(a=n.next,n.next=e,e.next=a,t.lastEffect=e),e}function zi(){return Pi().memoizedState}function Ui(e,t,n,a){var r=Ci();mi.flags|=e,r.memoizedState=Bi(1|t,n,void 0,void 0===a?null:a)}function $i(e,t,n,a){var r=Pi();a=void 0===a?null:a;var o=void 0;if(null!==hi){var i=hi.memoizedState;if(o=i.destroy,null!==a&&Li(a,i.deps))return void(r.memoizedState=Bi(t,n,o,a))}mi.flags|=e,r.memoizedState=Bi(1|t,n,o,a)}function qi(e,t){return Ui(8390656,8,e,t)}function Hi(e,t){return $i(2048,8,e,t)}function Gi(e,t){return $i(4,2,e,t)}function Zi(e,t){return $i(4,4,e,t)}function Vi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Wi(e,t,n){return n=null!=n?n.concat([e]):null,$i(4,4,Vi.bind(null,t,e),n)}function Qi(){}function Yi(e,t){var n=Pi();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(n.memoizedState=[e,t],e)}function Ki(e,t){var n=Pi();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(e=e(),n.memoizedState=[e,t],e)}function Xi(e,t,n){return 0==(21&gi)?(e.baseState&&(e.baseState=!1,wl=!0),e.memoizedState=n):(la(n,t)||(n=mt(),mi.lanes|=n,Ms|=n,e.baseState=!0),t)}function Ji(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var a=fi.transition;fi.transition={};try{e(!1),t()}finally{vt=n,fi.transition=a}}function el(){return Pi().memoizedState}function tl(e,t,n){var a=nc(e);if(n={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null},al(e))rl(t,n);else if(null!==(n=Do(e,t,n,a))){ac(n,e,a,tc()),ol(n,t,a)}}function nl(e,t,n){var a=nc(e),r={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null};if(al(e))rl(t,r);else{var o=e.alternate;if(0===e.lanes&&(null===o||0===o.lanes)&&null!==(o=t.lastRenderedReducer))try{var i=t.lastRenderedState,l=o(i,n);if(r.hasEagerState=!0,r.eagerState=l,la(l,i)){var s=t.interleaved;return null===s?(r.next=r,Ao(t)):(r.next=s.next,s.next=r),void(t.interleaved=r)}}catch(c){}null!==(n=Do(e,t,r,a))&&(ac(n,e,a,r=tc()),ol(n,t,a))}}function al(e){var t=e.alternate;return e===mi||null!==t&&t===mi}function rl(e,t){vi=yi=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function ol(e,t,n){if(0!=(4194240&n)){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}var il={readContext:Co,useCallback:ki,useContext:ki,useEffect:ki,useImperativeHandle:ki,useInsertionEffect:ki,useLayoutEffect:ki,useMemo:ki,useReducer:ki,useRef:ki,useState:ki,useDebugValue:ki,useDeferredValue:ki,useTransition:ki,useMutableSource:ki,useSyncExternalStore:ki,useId:ki,unstable_isNewReconciler:!1},ll={readContext:Co,useCallback:function(e,t){return Ci().memoizedState=[e,void 0===t?null:t],e},useContext:Co,useEffect:qi,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ui(4194308,4,Vi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ui(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ui(4,2,e,t)},useMemo:function(e,t){var n=Ci();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var a=Ci();return t=void 0!==n?n(t):t,a.memoizedState=a.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},a.queue=e,e=e.dispatch=tl.bind(null,mi,e),[a.memoizedState,e]},useRef:function(e){return e={current:e},Ci().memoizedState=e},useState:Fi,useDebugValue:Qi,useDeferredValue:function(e){return Ci().memoizedState=e},useTransition:function(){var e=Fi(!1),t=e[0];return e=Ji.bind(null,e[1]),Ci().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var a=mi,r=Ci();if(ro){if(void 0===n)throw Error(o(407));n=n()}else{if(n=t(),null===Es)throw Error(o(349));0!=(30&gi)||ji(a,t,n)}r.memoizedState=n;var i={value:n,getSnapshot:t};return r.queue=i,qi(Ni.bind(null,a,i,e),[e]),a.flags|=2048,Bi(9,Ri.bind(null,a,i,n,t),void 0,null),n},useId:function(){var e=Ci(),t=Es.identifierPrefix;if(ro){var n=Kr;t=":"+t+"R"+(n=(Yr&~(1<<32-it(Yr)-1)).toString(32)+n),0<(n=wi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=xi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},sl={readContext:Co,useCallback:Yi,useContext:Co,useEffect:Hi,useImperativeHandle:Wi,useInsertionEffect:Gi,useLayoutEffect:Zi,useMemo:Ki,useReducer:Di,useRef:zi,useState:function(){return Di(Ai)},useDebugValue:Qi,useDeferredValue:function(e){return Xi(Pi(),hi.memoizedState,e)},useTransition:function(){return[Di(Ai)[0],Pi().memoizedState]},useMutableSource:Ii,useSyncExternalStore:Ti,useId:el,unstable_isNewReconciler:!1},cl={readContext:Co,useCallback:Yi,useContext:Co,useEffect:Hi,useImperativeHandle:Wi,useInsertionEffect:Gi,useLayoutEffect:Zi,useMemo:Ki,useReducer:Ei,useRef:zi,useState:function(){return Ei(Ai)},useDebugValue:Qi,useDeferredValue:function(e){var t=Pi();return null===hi?t.memoizedState=e:Xi(t,hi.memoizedState,e)},useTransition:function(){return[Ei(Ai)[0],Pi().memoizedState]},useMutableSource:Ii,useSyncExternalStore:Ti,useId:el,unstable_isNewReconciler:!1};function ul(e,t){try{var n="",a=t;do{n+=U(a),a=a.return}while(a);var r=n}catch(o){r="\nError generating stack: "+o.message+"\n"+o.stack}return{value:e,source:t,stack:r,digest:null}}function dl(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function pl(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var fl="function"==typeof WeakMap?WeakMap:Map;function gl(e,t,n){(n=Ro(-1,n)).tag=3,n.payload={element:null};var a=t.value;return n.callback=function(){Gs||(Gs=!0,Zs=a),pl(0,t)},n}function ml(e,t,n){(n=Ro(-1,n)).tag=3;var a=e.type.getDerivedStateFromError;if("function"==typeof a){var r=t.value;n.payload=function(){return a(r)},n.callback=function(){pl(0,t)}}var o=e.stateNode;return null!==o&&"function"==typeof o.componentDidCatch&&(n.callback=function(){pl(0,t),"function"!=typeof a&&(null===Vs?Vs=new Set([this]):Vs.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hl(e,t,n){var a=e.pingCache;if(null===a){a=e.pingCache=new fl;var r=new Set;a.set(t,r)}else void 0===(r=a.get(t))&&(r=new Set,a.set(t,r));r.has(n)||(r.add(n),e=Cc.bind(null,e,t,n),t.then(e,e))}function bl(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function yl(e,t,n,a,r){return 0==(1&e.mode)?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=Ro(-1,1)).tag=2,No(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=r,e)}var vl=w.ReactCurrentOwner,wl=!1;function xl(e,t,n,a){t.child=null===e?Xo(t,null,n,a):Ko(t,e.child,n,a)}function kl(e,t,n,a,r){n=n.render;var o=t.ref;return _o(t,r),a=Si(e,t,n,a,o,r),n=_i(),null===e||wl?(ro&&n&&eo(t),t.flags|=1,xl(e,t,a,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Gl(e,t,r))}function Ll(e,t,n,a,r){if(null===e){var o=n.type;return"function"!=typeof o||jc(o)||void 0!==o.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Nc(n.type,null,a,t,t.mode,r)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=o,Sl(e,t,o,a,r))}if(o=e.child,0==(e.lanes&r)){var i=o.memoizedProps;if((n=null!==(n=n.compare)?n:sa)(i,a)&&e.ref===t.ref)return Gl(e,t,r)}return t.flags|=1,(e=Rc(o,a)).ref=t.ref,e.return=t,t.child=e}function Sl(e,t,n,a,r){if(null!==e){var o=e.memoizedProps;if(sa(o,a)&&e.ref===t.ref){if(wl=!1,t.pendingProps=a=o,0==(e.lanes&r))return t.lanes=e.lanes,Gl(e,t,r);0!=(131072&e.flags)&&(wl=!0)}}return Pl(e,t,n,a,r)}function _l(e,t,n){var a=t.pendingProps,r=a.children,o=null!==e?e.memoizedState:null;if("hidden"===a.mode)if(0==(1&t.mode))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Cr(Rs,js),js|=n;else{if(0==(1073741824&n))return e=null!==o?o.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Cr(Rs,js),js|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},a=null!==o?o.baseLanes:n,Cr(Rs,js),js|=a}else null!==o?(a=o.baseLanes|n,t.memoizedState=null):a=n,Cr(Rs,js),js|=a;return xl(e,t,r,n),t.child}function Cl(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Pl(e,t,n,a,r){var o=Tr(n)?Er:Ar.current;return o=Ir(t,o),_o(t,r),n=Si(e,t,n,a,o,r),a=_i(),null===e||wl?(ro&&a&&eo(t),t.flags|=1,xl(e,t,n,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Gl(e,t,r))}function Al(e,t,n,a,r){if(Tr(n)){var o=!0;Or(t)}else o=!1;if(_o(t,r),null===t.stateNode)Hl(e,t),Ho(t,n,a),Zo(t,n,a,r),a=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Co(c):c=Ir(t,c=Tr(n)?Er:Ar.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==a||s!==c)&&Go(t,i,a,c),Io=!1;var p=t.memoizedState;i.state=p,Fo(t,a,i,r),s=t.memoizedState,l!==a||p!==s||Dr.current||Io?("function"==typeof u&&(Uo(t,n,u,a),s=t.memoizedState),(l=Io||qo(t,n,l,a,p,s,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=a,t.memoizedState=s),i.props=a,i.state=s,i.context=c,a=l):("function"==typeof i.componentDidMount&&(t.flags|=4194308),a=!1)}else{i=t.stateNode,jo(e,t),l=t.memoizedProps,c=t.type===t.elementType?l:bo(t.type,l),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(s=n.contextType)&&null!==s?s=Co(s):s=Ir(t,s=Tr(n)?Er:Ar.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==d||p!==s)&&Go(t,i,a,s),Io=!1,p=t.memoizedState,i.state=p,Fo(t,a,i,r);var g=t.memoizedState;l!==d||p!==g||Dr.current||Io?("function"==typeof f&&(Uo(t,n,f,a),g=t.memoizedState),(c=Io||qo(t,n,c,a,p,g,s)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(a,g,s),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(a,g,s)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=a,t.memoizedState=g),i.props=a,i.state=g,i.context=s,a=c):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),a=!1)}return Dl(e,t,n,a,o,r)}function Dl(e,t,n,a,r,o){Cl(e,t);var i=0!=(128&t.flags);if(!a&&!i)return r&&Mr(t,n,!1),Gl(e,t,o);a=t.stateNode,vl.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:a.render();return t.flags|=1,null!==e&&i?(t.child=Ko(t,e.child,null,o),t.child=Ko(t,null,l,o)):xl(e,t,l,o),t.memoizedState=a.state,r&&Mr(t,n,!0),t.child}function El(e){var t=e.stateNode;t.pendingContext?Rr(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Rr(0,t.context,!1),ri(e,t.containerInfo)}function Il(e,t,n,a,r){return go(),mo(r),t.flags|=256,xl(e,t,n,a),t.child}var Tl,jl,Rl,Nl,Ol={dehydrated:null,treeContext:null,retryLane:0};function Ml(e){return{baseLanes:e,cachePool:null,transitions:null}}function Fl(e,t,n){var a,r=t.pendingProps,i=si.current,l=!1,s=0!=(128&t.flags);if((a=s)||(a=(null===e||null!==e.memoizedState)&&0!=(2&i)),a?(l=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),Cr(si,1&i),null===e)return co(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&t.mode)?t.lanes=1:"$!"===e.data?t.lanes=8:t.lanes=1073741824,null):(s=r.children,e=r.fallback,l?(r=t.mode,l=t.child,s={mode:"hidden",children:s},0==(1&r)&&null!==l?(l.childLanes=0,l.pendingProps=s):l=Mc(s,r,0,null),e=Oc(e,r,n,null),l.return=t,e.return=t,l.sibling=e,t.child=l,t.child.memoizedState=Ml(n),t.memoizedState=Ol,e):Bl(t,s));if(null!==(i=e.memoizedState)&&null!==(a=i.dehydrated))return function(e,t,n,a,r,i,l){if(n)return 256&t.flags?(t.flags&=-257,zl(e,t,l,a=dl(Error(o(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=a.fallback,r=t.mode,a=Mc({mode:"visible",children:a.children},r,0,null),(i=Oc(i,r,l,null)).flags|=2,a.return=t,i.return=t,a.sibling=i,t.child=a,0!=(1&t.mode)&&Ko(t,e.child,null,l),t.child.memoizedState=Ml(l),t.memoizedState=Ol,i);if(0==(1&t.mode))return zl(e,t,l,null);if("$!"===r.data){if(a=r.nextSibling&&r.nextSibling.dataset)var s=a.dgst;return a=s,zl(e,t,l,a=dl(i=Error(o(419)),a,void 0))}if(s=0!=(l&e.childLanes),wl||s){if(null!==(a=Es)){switch(l&-l){case 4:r=2;break;case 16:r=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:r=32;break;case 536870912:r=268435456;break;default:r=0}0!==(r=0!=(r&(a.suspendedLanes|l))?0:r)&&r!==i.retryLane&&(i.retryLane=r,Eo(e,r),ac(a,e,r,-1))}return hc(),zl(e,t,l,a=dl(Error(o(421))))}return"$?"===r.data?(t.flags|=128,t.child=e.child,t=Ac.bind(null,e),r._reactRetry=t,null):(e=i.treeContext,ao=cr(r.nextSibling),no=t,ro=!0,oo=null,null!==e&&(Vr[Wr++]=Yr,Vr[Wr++]=Kr,Vr[Wr++]=Qr,Yr=e.id,Kr=e.overflow,Qr=t),t=Bl(t,a.children),t.flags|=4096,t)}(e,t,s,r,a,i,n);if(l){l=r.fallback,s=t.mode,a=(i=e.child).sibling;var c={mode:"hidden",children:r.children};return 0==(1&s)&&t.child!==i?((r=t.child).childLanes=0,r.pendingProps=c,t.deletions=null):(r=Rc(i,c)).subtreeFlags=14680064&i.subtreeFlags,null!==a?l=Rc(a,l):(l=Oc(l,s,n,null)).flags|=2,l.return=t,r.return=t,r.sibling=l,t.child=r,r=l,l=t.child,s=null===(s=e.child.memoizedState)?Ml(n):{baseLanes:s.baseLanes|n,cachePool:null,transitions:s.transitions},l.memoizedState=s,l.childLanes=e.childLanes&~n,t.memoizedState=Ol,r}return e=(l=e.child).sibling,r=Rc(l,{mode:"visible",children:r.children}),0==(1&t.mode)&&(r.lanes=n),r.return=t,r.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function Bl(e,t){return(t=Mc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zl(e,t,n,a){return null!==a&&mo(a),Ko(t,e.child,null,n),(e=Bl(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Ul(e,t,n){e.lanes|=t;var a=e.alternate;null!==a&&(a.lanes|=t),So(e.return,t,n)}function $l(e,t,n,a,r){var o=e.memoizedState;null===o?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:r}:(o.isBackwards=t,o.rendering=null,o.renderingStartTime=0,o.last=a,o.tail=n,o.tailMode=r)}function ql(e,t,n){var a=t.pendingProps,r=a.revealOrder,o=a.tail;if(xl(e,t,a.children,n),0!=(2&(a=si.current)))a=1&a|2,t.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Ul(e,n,t);else if(19===e.tag)Ul(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}a&=1}if(Cr(si,a),0==(1&t.mode))t.memoizedState=null;else switch(r){case"forwards":for(n=t.child,r=null;null!==n;)null!==(e=n.alternate)&&null===ci(e)&&(r=n),n=n.sibling;null===(n=r)?(r=t.child,t.child=null):(r=n.sibling,n.sibling=null),$l(t,!1,r,n,o);break;case"backwards":for(n=null,r=t.child,t.child=null;null!==r;){if(null!==(e=r.alternate)&&null===ci(e)){t.child=r;break}e=r.sibling,r.sibling=n,n=r,r=e}$l(t,!0,n,null,o);break;case"together":$l(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Hl(e,t){0==(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Gl(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Ms|=t.lanes,0==(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(o(153));if(null!==t.child){for(n=Rc(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Rc(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Zl(e,t){if(!ro)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var a=null;null!==n;)null!==n.alternate&&(a=n),n=n.sibling;null===a?t||null===e.tail?e.tail=null:e.tail.sibling=null:a.sibling=null}}function Vl(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,a=0;if(t)for(var r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=14680064&r.subtreeFlags,a|=14680064&r.flags,r.return=e,r=r.sibling;else for(r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=r.subtreeFlags,a|=r.flags,r.return=e,r=r.sibling;return e.subtreeFlags|=a,e.childLanes=n,t}function Wl(e,t,n){var a=t.pendingProps;switch(to(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Vl(t),null;case 1:case 17:return Tr(t.type)&&jr(),Vl(t),null;case 3:return a=t.stateNode,oi(),_r(Dr),_r(Ar),di(),a.pendingContext&&(a.context=a.pendingContext,a.pendingContext=null),null!==e&&null!==e.child||(po(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&t.flags)||(t.flags|=1024,null!==oo&&(lc(oo),oo=null))),jl(e,t),Vl(t),null;case 5:li(t);var r=ai(ni.current);if(n=t.type,null!==e&&null!=t.stateNode)Rl(e,t,n,a,r),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!a){if(null===t.stateNode)throw Error(o(166));return Vl(t),null}if(e=ai(ei.current),po(t)){a=t.stateNode,n=t.type;var i=t.memoizedProps;switch(a[pr]=t,a[fr]=i,e=0!=(1&t.mode),n){case"dialog":Ba("cancel",a),Ba("close",a);break;case"iframe":case"object":case"embed":Ba("load",a);break;case"video":case"audio":for(r=0;r<Na.length;r++)Ba(Na[r],a);break;case"source":Ba("error",a);break;case"img":case"image":case"link":Ba("error",a),Ba("load",a);break;case"details":Ba("toggle",a);break;case"input":Y(a,i),Ba("invalid",a);break;case"select":a._wrapperState={wasMultiple:!!i.multiple},Ba("invalid",a);break;case"textarea":re(a,i),Ba("invalid",a)}for(var s in ye(n,i),r=null,i)if(i.hasOwnProperty(s)){var c=i[s];"children"===s?"string"==typeof c?a.textContent!==c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),r=["children",c]):"number"==typeof c&&a.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),r=["children",""+c]):l.hasOwnProperty(s)&&null!=c&&"onScroll"===s&&Ba("scroll",a)}switch(n){case"input":Z(a),J(a,i,!0);break;case"textarea":Z(a),ie(a);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(a.onclick=Ja)}a=r,t.updateQueue=a,null!==a&&(t.flags|=4)}else{s=9===r.nodeType?r:r.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=le(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=s.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof a.is?e=s.createElement(n,{is:a.is}):(e=s.createElement(n),"select"===n&&(s=e,a.multiple?s.multiple=!0:a.size&&(s.size=a.size))):e=s.createElementNS(e,n),e[pr]=t,e[fr]=a,Tl(e,t,!1,!1),t.stateNode=e;e:{switch(s=ve(n,a),n){case"dialog":Ba("cancel",e),Ba("close",e),r=a;break;case"iframe":case"object":case"embed":Ba("load",e),r=a;break;case"video":case"audio":for(r=0;r<Na.length;r++)Ba(Na[r],e);r=a;break;case"source":Ba("error",e),r=a;break;case"img":case"image":case"link":Ba("error",e),Ba("load",e),r=a;break;case"details":Ba("toggle",e),r=a;break;case"input":Y(e,a),r=Q(e,a),Ba("invalid",e);break;case"option":default:r=a;break;case"select":e._wrapperState={wasMultiple:!!a.multiple},r=M({},a,{value:void 0}),Ba("invalid",e);break;case"textarea":re(e,a),r=ae(e,a),Ba("invalid",e)}for(i in ye(n,r),c=r)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?he(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(l.hasOwnProperty(i)?null!=u&&"onScroll"===i&&Ba("scroll",e):null!=u&&v(e,i,u,s))}switch(n){case"input":Z(e),J(e,a,!1);break;case"textarea":Z(e),ie(e);break;case"option":null!=a.value&&e.setAttribute("value",""+H(a.value));break;case"select":e.multiple=!!a.multiple,null!=(i=a.value)?ne(e,!!a.multiple,i,!1):null!=a.defaultValue&&ne(e,!!a.multiple,a.defaultValue,!0);break;default:"function"==typeof r.onClick&&(e.onclick=Ja)}switch(n){case"button":case"input":case"select":case"textarea":a=!!a.autoFocus;break e;case"img":a=!0;break e;default:a=!1}}a&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Vl(t),null;case 6:if(e&&null!=t.stateNode)Nl(e,t,e.memoizedProps,a);else{if("string"!=typeof a&&null===t.stateNode)throw Error(o(166));if(n=ai(ni.current),ai(ei.current),po(t)){if(a=t.stateNode,n=t.memoizedProps,a[pr]=t,(i=a.nodeValue!==n)&&null!==(e=no))switch(e.tag){case 3:Xa(a.nodeValue,n,0!=(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Xa(a.nodeValue,n,0!=(1&e.mode))}i&&(t.flags|=4)}else(a=(9===n.nodeType?n:n.ownerDocument).createTextNode(a))[pr]=t,t.stateNode=a}return Vl(t),null;case 13:if(_r(si),a=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(ro&&null!==ao&&0!=(1&t.mode)&&0==(128&t.flags))fo(),go(),t.flags|=98560,i=!1;else if(i=po(t),null!==a&&null!==a.dehydrated){if(null===e){if(!i)throw Error(o(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(o(317));i[pr]=t}else go(),0==(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Vl(t),i=!1}else null!==oo&&(lc(oo),oo=null),i=!0;if(!i)return 65536&t.flags?t:null}return 0!=(128&t.flags)?(t.lanes=n,t):((a=null!==a)!==(null!==e&&null!==e.memoizedState)&&a&&(t.child.flags|=8192,0!=(1&t.mode)&&(null===e||0!=(1&si.current)?0===Ns&&(Ns=3):hc())),null!==t.updateQueue&&(t.flags|=4),Vl(t),null);case 4:return oi(),jl(e,t),null===e&&$a(t.stateNode.containerInfo),Vl(t),null;case 10:return Lo(t.type._context),Vl(t),null;case 19:if(_r(si),null===(i=t.memoizedState))return Vl(t),null;if(a=0!=(128&t.flags),null===(s=i.rendering))if(a)Zl(i,!1);else{if(0!==Ns||null!==e&&0!=(128&e.flags))for(e=t.child;null!==e;){if(null!==(s=ci(e))){for(t.flags|=128,Zl(i,!1),null!==(a=s.updateQueue)&&(t.updateQueue=a,t.flags|=4),t.subtreeFlags=0,a=n,n=t.child;null!==n;)e=a,(i=n).flags&=14680066,null===(s=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=s.childLanes,i.lanes=s.lanes,i.child=s.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=s.memoizedProps,i.memoizedState=s.memoizedState,i.updateQueue=s.updateQueue,i.type=s.type,e=s.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Cr(si,1&si.current|2),t.child}e=e.sibling}null!==i.tail&&Ke()>qs&&(t.flags|=128,a=!0,Zl(i,!1),t.lanes=4194304)}else{if(!a)if(null!==(e=ci(s))){if(t.flags|=128,a=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Zl(i,!0),null===i.tail&&"hidden"===i.tailMode&&!s.alternate&&!ro)return Vl(t),null}else 2*Ke()-i.renderingStartTime>qs&&1073741824!==n&&(t.flags|=128,a=!0,Zl(i,!1),t.lanes=4194304);i.isBackwards?(s.sibling=t.child,t.child=s):(null!==(n=i.last)?n.sibling=s:t.child=s,i.last=s)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ke(),t.sibling=null,n=si.current,Cr(si,a?1&n|2:1&n),t):(Vl(t),null);case 22:case 23:return pc(),a=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==a&&(t.flags|=8192),a&&0!=(1&t.mode)?0!=(1073741824&js)&&(Vl(t),6&t.subtreeFlags&&(t.flags|=8192)):Vl(t),null;case 24:case 25:return null}throw Error(o(156,t.tag))}function Ql(e,t){switch(to(t),t.tag){case 1:return Tr(t.type)&&jr(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return oi(),_r(Dr),_r(Ar),di(),0!=(65536&(e=t.flags))&&0==(128&e)?(t.flags=-65537&e|128,t):null;case 5:return li(t),null;case 13:if(_r(si),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(o(340));go()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return _r(si),null;case 4:return oi(),null;case 10:return Lo(t.type._context),null;case 22:case 23:return pc(),null;default:return null}}Tl=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},jl=function(){},Rl=function(e,t,n,a){var r=e.memoizedProps;if(r!==a){e=t.stateNode,ai(ei.current);var o,i=null;switch(n){case"input":r=Q(e,r),a=Q(e,a),i=[];break;case"select":r=M({},r,{value:void 0}),a=M({},a,{value:void 0}),i=[];break;case"textarea":r=ae(e,r),a=ae(e,a),i=[];break;default:"function"!=typeof r.onClick&&"function"==typeof a.onClick&&(e.onclick=Ja)}for(u in ye(n,a),n=null,r)if(!a.hasOwnProperty(u)&&r.hasOwnProperty(u)&&null!=r[u])if("style"===u){var s=r[u];for(o in s)s.hasOwnProperty(o)&&(n||(n={}),n[o]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(l.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in a){var c=a[u];if(s=null!=r?r[u]:void 0,a.hasOwnProperty(u)&&c!==s&&(null!=c||null!=s))if("style"===u)if(s){for(o in s)!s.hasOwnProperty(o)||c&&c.hasOwnProperty(o)||(n||(n={}),n[o]="");for(o in c)c.hasOwnProperty(o)&&s[o]!==c[o]&&(n||(n={}),n[o]=c[o])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,s=s?s.__html:void 0,null!=c&&s!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(l.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Ba("scroll",e),i||s===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Nl=function(e,t,n,a){n!==a&&(t.flags|=4)};var Yl=!1,Kl=!1,Xl="function"==typeof WeakSet?WeakSet:Set,Jl=null;function es(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(a){_c(e,t,a)}else n.current=null}function ts(e,t,n){try{n()}catch(a){_c(e,t,a)}}var ns=!1;function as(e,t,n){var a=t.updateQueue;if(null!==(a=null!==a?a.lastEffect:null)){var r=a=a.next;do{if((r.tag&e)===e){var o=r.destroy;r.destroy=void 0,void 0!==o&&ts(t,n,o)}r=r.next}while(r!==a)}}function rs(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var a=n.create;n.destroy=a()}n=n.next}while(n!==t)}}function os(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function is(e){var t=e.alternate;null!==t&&(e.alternate=null,is(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[pr],delete t[fr],delete t[mr],delete t[hr],delete t[br])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ls(e){return 5===e.tag||3===e.tag||4===e.tag}function ss(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||ls(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cs(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Ja));else if(4!==a&&null!==(e=e.child))for(cs(e,t,n),e=e.sibling;null!==e;)cs(e,t,n),e=e.sibling}function us(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==a&&null!==(e=e.child))for(us(e,t,n),e=e.sibling;null!==e;)us(e,t,n),e=e.sibling}var ds=null,ps=!1;function fs(e,t,n){for(n=n.child;null!==n;)gs(e,t,n),n=n.sibling}function gs(e,t,n){if(ot&&"function"==typeof ot.onCommitFiberUnmount)try{ot.onCommitFiberUnmount(rt,n)}catch(l){}switch(n.tag){case 5:Kl||es(n,t);case 6:var a=ds,r=ps;ds=null,fs(e,t,n),ps=r,null!==(ds=a)&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ds.removeChild(n.stateNode));break;case 18:null!==ds&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?sr(e.parentNode,n):1===e.nodeType&&sr(e,n),$t(e)):sr(ds,n.stateNode));break;case 4:a=ds,r=ps,ds=n.stateNode.containerInfo,ps=!0,fs(e,t,n),ds=a,ps=r;break;case 0:case 11:case 14:case 15:if(!Kl&&(null!==(a=n.updateQueue)&&null!==(a=a.lastEffect))){r=a=a.next;do{var o=r,i=o.destroy;o=o.tag,void 0!==i&&(0!=(2&o)||0!=(4&o))&&ts(n,t,i),r=r.next}while(r!==a)}fs(e,t,n);break;case 1:if(!Kl&&(es(n,t),"function"==typeof(a=n.stateNode).componentWillUnmount))try{a.props=n.memoizedProps,a.state=n.memoizedState,a.componentWillUnmount()}catch(l){_c(n,t,l)}fs(e,t,n);break;case 21:fs(e,t,n);break;case 22:1&n.mode?(Kl=(a=Kl)||null!==n.memoizedState,fs(e,t,n),Kl=a):fs(e,t,n);break;default:fs(e,t,n)}}function ms(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Xl),t.forEach((function(t){var a=Dc.bind(null,e,t);n.has(t)||(n.add(t),t.then(a,a))}))}}function hs(e,t){var n=t.deletions;if(null!==n)for(var a=0;a<n.length;a++){var r=n[a];try{var i=e,l=t,s=l;e:for(;null!==s;){switch(s.tag){case 5:ds=s.stateNode,ps=!1;break e;case 3:case 4:ds=s.stateNode.containerInfo,ps=!0;break e}s=s.return}if(null===ds)throw Error(o(160));gs(i,l,r),ds=null,ps=!1;var c=r.alternate;null!==c&&(c.return=null),r.return=null}catch(u){_c(r,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)bs(t,e),t=t.sibling}function bs(e,t){var n=e.alternate,a=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hs(t,e),ys(e),4&a){try{as(3,e,e.return),rs(3,e)}catch(h){_c(e,e.return,h)}try{as(5,e,e.return)}catch(h){_c(e,e.return,h)}}break;case 1:hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return);break;case 5:if(hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return),32&e.flags){var r=e.stateNode;try{pe(r,"")}catch(h){_c(e,e.return,h)}}if(4&a&&null!=(r=e.stateNode)){var i=e.memoizedProps,l=null!==n?n.memoizedProps:i,s=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===s&&"radio"===i.type&&null!=i.name&&K(r,i),ve(s,l);var u=ve(s,i);for(l=0;l<c.length;l+=2){var d=c[l],p=c[l+1];"style"===d?he(r,p):"dangerouslySetInnerHTML"===d?de(r,p):"children"===d?pe(r,p):v(r,d,p,u)}switch(s){case"input":X(r,i);break;case"textarea":oe(r,i);break;case"select":var f=r._wrapperState.wasMultiple;r._wrapperState.wasMultiple=!!i.multiple;var g=i.value;null!=g?ne(r,!!i.multiple,g,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(r,!!i.multiple,i.defaultValue,!0):ne(r,!!i.multiple,i.multiple?[]:"",!1))}r[fr]=i}catch(h){_c(e,e.return,h)}}break;case 6:if(hs(t,e),ys(e),4&a){if(null===e.stateNode)throw Error(o(162));r=e.stateNode,i=e.memoizedProps;try{r.nodeValue=i}catch(h){_c(e,e.return,h)}}break;case 3:if(hs(t,e),ys(e),4&a&&null!==n&&n.memoizedState.isDehydrated)try{$t(t.containerInfo)}catch(h){_c(e,e.return,h)}break;case 4:default:hs(t,e),ys(e);break;case 13:hs(t,e),ys(e),8192&(r=e.child).flags&&(i=null!==r.memoizedState,r.stateNode.isHidden=i,!i||null!==r.alternate&&null!==r.alternate.memoizedState||($s=Ke())),4&a&&ms(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Kl=(u=Kl)||d,hs(t,e),Kl=u):hs(t,e),ys(e),8192&a){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&0!=(1&e.mode))for(Jl=e,d=e.child;null!==d;){for(p=Jl=d;null!==Jl;){switch(g=(f=Jl).child,f.tag){case 0:case 11:case 14:case 15:as(4,f,f.return);break;case 1:es(f,f.return);var m=f.stateNode;if("function"==typeof m.componentWillUnmount){a=f,n=f.return;try{t=a,m.props=t.memoizedProps,m.state=t.memoizedState,m.componentWillUnmount()}catch(h){_c(a,n,h)}}break;case 5:es(f,f.return);break;case 22:if(null!==f.memoizedState){ks(p);continue}}null!==g?(g.return=f,Jl=g):ks(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{r=p.stateNode,u?"function"==typeof(i=r.style).setProperty?i.setProperty("display","none","important"):i.display="none":(s=p.stateNode,l=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,s.style.display=me("display",l))}catch(h){_c(e,e.return,h)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(h){_c(e,e.return,h)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hs(t,e),ys(e),4&a&&ms(e);case 21:}}function ys(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(ls(n)){var a=n;break e}n=n.return}throw Error(o(160))}switch(a.tag){case 5:var r=a.stateNode;32&a.flags&&(pe(r,""),a.flags&=-33),us(e,ss(e),r);break;case 3:case 4:var i=a.stateNode.containerInfo;cs(e,ss(e),i);break;default:throw Error(o(161))}}catch(l){_c(e,e.return,l)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function vs(e,t,n){Jl=e,ws(e,t,n)}function ws(e,t,n){for(var a=0!=(1&e.mode);null!==Jl;){var r=Jl,o=r.child;if(22===r.tag&&a){var i=null!==r.memoizedState||Yl;if(!i){var l=r.alternate,s=null!==l&&null!==l.memoizedState||Kl;l=Yl;var c=Kl;if(Yl=i,(Kl=s)&&!c)for(Jl=r;null!==Jl;)s=(i=Jl).child,22===i.tag&&null!==i.memoizedState?Ls(r):null!==s?(s.return=i,Jl=s):Ls(r);for(;null!==o;)Jl=o,ws(o,t,n),o=o.sibling;Jl=r,Yl=l,Kl=c}xs(e)}else 0!=(8772&r.subtreeFlags)&&null!==o?(o.return=r,Jl=o):xs(e)}}function xs(e){for(;null!==Jl;){var t=Jl;if(0!=(8772&t.flags)){var n=t.alternate;try{if(0!=(8772&t.flags))switch(t.tag){case 0:case 11:case 15:Kl||rs(5,t);break;case 1:var a=t.stateNode;if(4&t.flags&&!Kl)if(null===n)a.componentDidMount();else{var r=t.elementType===t.type?n.memoizedProps:bo(t.type,n.memoizedProps);a.componentDidUpdate(r,n.memoizedState,a.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Bo(t,i,a);break;case 3:var l=t.updateQueue;if(null!==l){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Bo(t,l,n)}break;case 5:var s=t.stateNode;if(null===n&&4&t.flags){n=s;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&$t(p)}}}break;default:throw Error(o(163))}Kl||512&t.flags&&os(t)}catch(f){_c(t,t.return,f)}}if(t===e){Jl=null;break}if(null!==(n=t.sibling)){n.return=t.return,Jl=n;break}Jl=t.return}}function ks(e){for(;null!==Jl;){var t=Jl;if(t===e){Jl=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Jl=n;break}Jl=t.return}}function Ls(e){for(;null!==Jl;){var t=Jl;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rs(4,t)}catch(s){_c(t,n,s)}break;case 1:var a=t.stateNode;if("function"==typeof a.componentDidMount){var r=t.return;try{a.componentDidMount()}catch(s){_c(t,r,s)}}var o=t.return;try{os(t)}catch(s){_c(t,o,s)}break;case 5:var i=t.return;try{os(t)}catch(s){_c(t,i,s)}}}catch(s){_c(t,t.return,s)}if(t===e){Jl=null;break}var l=t.sibling;if(null!==l){l.return=t.return,Jl=l;break}Jl=t.return}}var Ss,_s=Math.ceil,Cs=w.ReactCurrentDispatcher,Ps=w.ReactCurrentOwner,As=w.ReactCurrentBatchConfig,Ds=0,Es=null,Is=null,Ts=0,js=0,Rs=Sr(0),Ns=0,Os=null,Ms=0,Fs=0,Bs=0,zs=null,Us=null,$s=0,qs=1/0,Hs=null,Gs=!1,Zs=null,Vs=null,Ws=!1,Qs=null,Ys=0,Ks=0,Xs=null,Js=-1,ec=0;function tc(){return 0!=(6&Ds)?Ke():-1!==Js?Js:Js=Ke()}function nc(e){return 0==(1&e.mode)?1:0!=(2&Ds)&&0!==Ts?Ts&-Ts:null!==ho.transition?(0===ec&&(ec=mt()),ec):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type)}function ac(e,t,n,a){if(50<Ks)throw Ks=0,Xs=null,Error(o(185));bt(e,n,a),0!=(2&Ds)&&e===Es||(e===Es&&(0==(2&Ds)&&(Fs|=n),4===Ns&&sc(e,Ts)),rc(e,a),1===n&&0===Ds&&0==(1&t.mode)&&(qs=Ke()+500,Br&&$r()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,a=e.pingedLanes,r=e.expirationTimes,o=e.pendingLanes;0<o;){var i=31-it(o),l=1<<i,s=r[i];-1===s?0!=(l&n)&&0==(l&a)||(r[i]=ft(l,t)):s<=t&&(e.expiredLanes|=l),o&=~l}}(e,t);var a=pt(e,e===Es?Ts:0);if(0===a)null!==n&&We(n),e.callbackNode=null,e.callbackPriority=0;else if(t=a&-a,e.callbackPriority!==t){if(null!=n&&We(n),1===t)0===e.tag?function(e){Br=!0,Ur(e)}(cc.bind(null,e)):Ur(cc.bind(null,e)),ir((function(){0==(6&Ds)&&$r()})),n=null;else{switch(wt(a)){case 1:n=Je;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=at}n=Ec(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Js=-1,ec=0,0!=(6&Ds))throw Error(o(327));var n=e.callbackNode;if(Lc()&&e.callbackNode!==n)return null;var a=pt(e,e===Es?Ts:0);if(0===a)return null;if(0!=(30&a)||0!=(a&e.expiredLanes)||t)t=bc(e,a);else{t=a;var r=Ds;Ds|=2;var i=mc();for(Es===e&&Ts===t||(Hs=null,qs=Ke()+500,fc(e,t));;)try{vc();break}catch(s){gc(e,s)}ko(),Cs.current=i,Ds=r,null!==Is?t=0:(Es=null,Ts=0,t=Ns)}if(0!==t){if(2===t&&(0!==(r=gt(e))&&(a=r,t=ic(e,r))),1===t)throw n=Os,fc(e,0),sc(e,a),rc(e,Ke()),n;if(6===t)sc(e,a);else{if(r=e.current.alternate,0==(30&a)&&!function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var a=0;a<n.length;a++){var r=n[a],o=r.getSnapshot;r=r.value;try{if(!la(o(),r))return!1}catch(l){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(r)&&(2===(t=bc(e,a))&&(0!==(i=gt(e))&&(a=i,t=ic(e,i))),1===t))throw n=Os,fc(e,0),sc(e,a),rc(e,Ke()),n;switch(e.finishedWork=r,e.finishedLanes=a,t){case 0:case 1:throw Error(o(345));case 2:case 5:kc(e,Us,Hs);break;case 3:if(sc(e,a),(130023424&a)===a&&10<(t=$s+500-Ke())){if(0!==pt(e,0))break;if(((r=e.suspendedLanes)&a)!==a){tc(),e.pingedLanes|=e.suspendedLanes&r;break}e.timeoutHandle=ar(kc.bind(null,e,Us,Hs),t);break}kc(e,Us,Hs);break;case 4:if(sc(e,a),(4194240&a)===a)break;for(t=e.eventTimes,r=-1;0<a;){var l=31-it(a);i=1<<l,(l=t[l])>r&&(r=l),a&=~i}if(a=r,10<(a=(120>(a=Ke()-a)?120:480>a?480:1080>a?1080:1920>a?1920:3e3>a?3e3:4320>a?4320:1960*_s(a/1960))-a)){e.timeoutHandle=ar(kc.bind(null,e,Us,Hs),a);break}kc(e,Us,Hs);break;default:throw Error(o(329))}}}return rc(e,Ke()),e.callbackNode===n?oc.bind(null,e):null}function ic(e,t){var n=zs;return e.current.memoizedState.isDehydrated&&(fc(e,t).flags|=256),2!==(e=bc(e,t))&&(t=Us,Us=n,null!==t&&lc(t)),e}function lc(e){null===Us?Us=e:Us.push.apply(Us,e)}function sc(e,t){for(t&=~Bs,t&=~Fs,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),a=1<<n;e[n]=-1,t&=~a}}function cc(e){if(0!=(6&Ds))throw Error(o(327));Lc();var t=pt(e,0);if(0==(1&t))return rc(e,Ke()),null;var n=bc(e,t);if(0!==e.tag&&2===n){var a=gt(e);0!==a&&(t=a,n=ic(e,a))}if(1===n)throw n=Os,fc(e,0),sc(e,t),rc(e,Ke()),n;if(6===n)throw Error(o(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,kc(e,Us,Hs),rc(e,Ke()),null}function uc(e,t){var n=Ds;Ds|=1;try{return e(t)}finally{0===(Ds=n)&&(qs=Ke()+500,Br&&$r())}}function dc(e){null!==Qs&&0===Qs.tag&&0==(6&Ds)&&Lc();var t=Ds;Ds|=1;var n=As.transition,a=vt;try{if(As.transition=null,vt=1,e)return e()}finally{vt=a,As.transition=n,0==(6&(Ds=t))&&$r()}}function pc(){js=Rs.current,_r(Rs)}function fc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,rr(n)),null!==Is)for(n=Is.return;null!==n;){var a=n;switch(to(a),a.tag){case 1:null!=(a=a.type.childContextTypes)&&jr();break;case 3:oi(),_r(Dr),_r(Ar),di();break;case 5:li(a);break;case 4:oi();break;case 13:case 19:_r(si);break;case 10:Lo(a.type._context);break;case 22:case 23:pc()}n=n.return}if(Es=e,Is=e=Rc(e.current,null),Ts=js=t,Ns=0,Os=null,Bs=Fs=Ms=0,Us=zs=null,null!==Po){for(t=0;t<Po.length;t++)if(null!==(a=(n=Po[t]).interleaved)){n.interleaved=null;var r=a.next,o=n.pending;if(null!==o){var i=o.next;o.next=r,a.next=i}n.pending=a}Po=null}return e}function gc(e,t){for(;;){var n=Is;try{if(ko(),pi.current=il,yi){for(var a=mi.memoizedState;null!==a;){var r=a.queue;null!==r&&(r.pending=null),a=a.next}yi=!1}if(gi=0,bi=hi=mi=null,vi=!1,wi=0,Ps.current=null,null===n||null===n.return){Ns=1,Os=t,Is=null;break}e:{var i=e,l=n.return,s=n,c=t;if(t=Ts,s.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=s,p=d.tag;if(0==(1&d.mode)&&(0===p||11===p||15===p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var g=bl(l);if(null!==g){g.flags&=-257,yl(g,l,s,0,t),1&g.mode&&hl(i,u,t),c=u;var m=(t=g).updateQueue;if(null===m){var h=new Set;h.add(c),t.updateQueue=h}else m.add(c);break e}if(0==(1&t)){hl(i,u,t),hc();break e}c=Error(o(426))}else if(ro&&1&s.mode){var b=bl(l);if(null!==b){0==(65536&b.flags)&&(b.flags|=256),yl(b,l,s,0,t),mo(ul(c,s));break e}}i=c=ul(c,s),4!==Ns&&(Ns=2),null===zs?zs=[i]:zs.push(i),i=l;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,Mo(i,gl(0,c,t));break e;case 1:s=c;var y=i.type,v=i.stateNode;if(0==(128&i.flags)&&("function"==typeof y.getDerivedStateFromError||null!==v&&"function"==typeof v.componentDidCatch&&(null===Vs||!Vs.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,Mo(i,ml(i,s,t));break e}}i=i.return}while(null!==i)}xc(n)}catch(w){t=w,Is===n&&null!==n&&(Is=n=n.return);continue}break}}function mc(){var e=Cs.current;return Cs.current=il,null===e?il:e}function hc(){0!==Ns&&3!==Ns&&2!==Ns||(Ns=4),null===Es||0==(268435455&Ms)&&0==(268435455&Fs)||sc(Es,Ts)}function bc(e,t){var n=Ds;Ds|=2;var a=mc();for(Es===e&&Ts===t||(Hs=null,fc(e,t));;)try{yc();break}catch(r){gc(e,r)}if(ko(),Ds=n,Cs.current=a,null!==Is)throw Error(o(261));return Es=null,Ts=0,Ns}function yc(){for(;null!==Is;)wc(Is)}function vc(){for(;null!==Is&&!Qe();)wc(Is)}function wc(e){var t=Ss(e.alternate,e,js);e.memoizedProps=e.pendingProps,null===t?xc(e):Is=t,Ps.current=null}function xc(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(32768&t.flags)){if(null!==(n=Wl(n,t,js)))return void(Is=n)}else{if(null!==(n=Ql(n,t)))return n.flags&=32767,void(Is=n);if(null===e)return Ns=6,void(Is=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}if(null!==(t=t.sibling))return void(Is=t);Is=t=e}while(null!==t);0===Ns&&(Ns=5)}function kc(e,t,n){var a=vt,r=As.transition;try{As.transition=null,vt=1,function(e,t,n,a){do{Lc()}while(null!==Qs);if(0!=(6&Ds))throw Error(o(327));n=e.finishedWork;var r=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(o(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var a=e.eventTimes;for(e=e.expirationTimes;0<n;){var r=31-it(n),o=1<<r;t[r]=0,a[r]=-1,e[r]=-1,n&=~o}}(e,i),e===Es&&(Is=Es=null,Ts=0),0==(2064&n.subtreeFlags)&&0==(2064&n.flags)||Ws||(Ws=!0,Ec(tt,(function(){return Lc(),null}))),i=0!=(15990&n.flags),0!=(15990&n.subtreeFlags)||i){i=As.transition,As.transition=null;var l=vt;vt=1;var s=Ds;Ds|=4,Ps.current=null,function(e,t){if(er=Ht,fa(e=pa())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var a=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(a&&0!==a.rangeCount){n=a.anchorNode;var r=a.anchorOffset,i=a.focusNode;a=a.focusOffset;try{n.nodeType,i.nodeType}catch(x){n=null;break e}var l=0,s=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var g;p!==n||0!==r&&3!==p.nodeType||(s=l+r),p!==i||0!==a&&3!==p.nodeType||(c=l+a),3===p.nodeType&&(l+=p.nodeValue.length),null!==(g=p.firstChild);)f=p,p=g;for(;;){if(p===e)break t;if(f===n&&++u===r&&(s=l),f===i&&++d===a&&(c=l),null!==(g=p.nextSibling))break;f=(p=f).parentNode}p=g}n=-1===s||-1===c?null:{start:s,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(tr={focusedElem:e,selectionRange:n},Ht=!1,Jl=t;null!==Jl;)if(e=(t=Jl).child,0!=(1028&t.subtreeFlags)&&null!==e)e.return=t,Jl=e;else for(;null!==Jl;){t=Jl;try{var m=t.alternate;if(0!=(1024&t.flags))switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==m){var h=m.memoizedProps,b=m.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?h:bo(t.type,h),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(o(163))}}catch(x){_c(t,t.return,x)}if(null!==(e=t.sibling)){e.return=t.return,Jl=e;break}Jl=t.return}m=ns,ns=!1}(e,n),bs(n,e),ga(tr),Ht=!!er,tr=er=null,e.current=n,vs(n,e,r),Ye(),Ds=s,vt=l,As.transition=i}else e.current=n;if(Ws&&(Ws=!1,Qs=e,Ys=r),i=e.pendingLanes,0===i&&(Vs=null),function(e){if(ot&&"function"==typeof ot.onCommitFiberRoot)try{ot.onCommitFiberRoot(rt,e,void 0,128==(128&e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ke()),null!==t)for(a=e.onRecoverableError,n=0;n<t.length;n++)r=t[n],a(r.value,{componentStack:r.stack,digest:r.digest});if(Gs)throw Gs=!1,e=Zs,Zs=null,e;0!=(1&Ys)&&0!==e.tag&&Lc(),i=e.pendingLanes,0!=(1&i)?e===Xs?Ks++:(Ks=0,Xs=e):Ks=0,$r()}(e,t,n,a)}finally{As.transition=r,vt=a}return null}function Lc(){if(null!==Qs){var e=wt(Ys),t=As.transition,n=vt;try{if(As.transition=null,vt=16>e?16:e,null===Qs)var a=!1;else{if(e=Qs,Qs=null,Ys=0,0!=(6&Ds))throw Error(o(331));var r=Ds;for(Ds|=4,Jl=e.current;null!==Jl;){var i=Jl,l=i.child;if(0!=(16&Jl.flags)){var s=i.deletions;if(null!==s){for(var c=0;c<s.length;c++){var u=s[c];for(Jl=u;null!==Jl;){var d=Jl;switch(d.tag){case 0:case 11:case 15:as(8,d,i)}var p=d.child;if(null!==p)p.return=d,Jl=p;else for(;null!==Jl;){var f=(d=Jl).sibling,g=d.return;if(is(d),d===u){Jl=null;break}if(null!==f){f.return=g,Jl=f;break}Jl=g}}}var m=i.alternate;if(null!==m){var h=m.child;if(null!==h){m.child=null;do{var b=h.sibling;h.sibling=null,h=b}while(null!==h)}}Jl=i}}if(0!=(2064&i.subtreeFlags)&&null!==l)l.return=i,Jl=l;else e:for(;null!==Jl;){if(0!=(2048&(i=Jl).flags))switch(i.tag){case 0:case 11:case 15:as(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Jl=y;break e}Jl=i.return}}var v=e.current;for(Jl=v;null!==Jl;){var w=(l=Jl).child;if(0!=(2064&l.subtreeFlags)&&null!==w)w.return=l,Jl=w;else e:for(l=v;null!==Jl;){if(0!=(2048&(s=Jl).flags))try{switch(s.tag){case 0:case 11:case 15:rs(9,s)}}catch(k){_c(s,s.return,k)}if(s===l){Jl=null;break e}var x=s.sibling;if(null!==x){x.return=s.return,Jl=x;break e}Jl=s.return}}if(Ds=r,$r(),ot&&"function"==typeof ot.onPostCommitFiberRoot)try{ot.onPostCommitFiberRoot(rt,e)}catch(k){}a=!0}return a}finally{vt=n,As.transition=t}}return!1}function Sc(e,t,n){e=No(e,t=gl(0,t=ul(n,t),1),1),t=tc(),null!==e&&(bt(e,1,t),rc(e,t))}function _c(e,t,n){if(3===e.tag)Sc(e,e,n);else for(;null!==t;){if(3===t.tag){Sc(t,e,n);break}if(1===t.tag){var a=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof a.componentDidCatch&&(null===Vs||!Vs.has(a))){t=No(t,e=ml(t,e=ul(n,e),1),1),e=tc(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function Cc(e,t,n){var a=e.pingCache;null!==a&&a.delete(t),t=tc(),e.pingedLanes|=e.suspendedLanes&n,Es===e&&(Ts&n)===n&&(4===Ns||3===Ns&&(130023424&Ts)===Ts&&500>Ke()-$s?fc(e,0):Bs|=n),rc(e,t)}function Pc(e,t){0===t&&(0==(1&e.mode)?t=1:(t=ut,0==(130023424&(ut<<=1))&&(ut=4194304)));var n=tc();null!==(e=Eo(e,t))&&(bt(e,t,n),rc(e,n))}function Ac(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Pc(e,n)}function Dc(e,t){var n=0;switch(e.tag){case 13:var a=e.stateNode,r=e.memoizedState;null!==r&&(n=r.retryLane);break;case 19:a=e.stateNode;break;default:throw Error(o(314))}null!==a&&a.delete(t),Pc(e,n)}function Ec(e,t){return Ve(e,t)}function Ic(e,t,n,a){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Tc(e,t,n,a){return new Ic(e,t,n,a)}function jc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Rc(e,t){var n=e.alternate;return null===n?((n=Tc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Nc(e,t,n,a,r,i){var l=2;if(a=e,"function"==typeof e)jc(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case L:return Oc(n.children,r,i,t);case S:l=8,r|=8;break;case _:return(e=Tc(12,n,t,2|r)).elementType=_,e.lanes=i,e;case D:return(e=Tc(13,n,t,r)).elementType=D,e.lanes=i,e;case E:return(e=Tc(19,n,t,r)).elementType=E,e.lanes=i,e;case j:return Mc(n,r,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:l=10;break e;case P:l=9;break e;case A:l=11;break e;case I:l=14;break e;case T:l=16,a=null;break e}throw Error(o(130,null==e?e:typeof e,""))}return(t=Tc(l,n,t,r)).elementType=e,t.type=a,t.lanes=i,t}function Oc(e,t,n,a){return(e=Tc(7,e,a,t)).lanes=n,e}function Mc(e,t,n,a){return(e=Tc(22,e,a,t)).elementType=j,e.lanes=n,e.stateNode={isHidden:!1},e}function Fc(e,t,n){return(e=Tc(6,e,null,t)).lanes=n,e}function Bc(e,t,n){return(t=Tc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,a,r){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ht(0),this.expirationTimes=ht(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ht(0),this.identifierPrefix=a,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Uc(e,t,n,a,r,o,i,l,s){return e=new zc(e,t,n,l,s),1===t?(t=1,!0===o&&(t|=8)):t=0,o=Tc(3,null,null,t),e.current=o,o.stateNode=e,o.memoizedState={element:a,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},To(o),e}function $c(e){if(!e)return Pr;e:{if($e(e=e._reactInternals)!==e||1!==e.tag)throw Error(o(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Tr(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(o(171))}if(1===e.tag){var n=e.type;if(Tr(n))return Nr(e,n,t)}return t}function qc(e,t,n,a,r,o,i,l,s){return(e=Uc(n,a,!0,e,0,o,0,l,s)).context=$c(null),n=e.current,(o=Ro(a=tc(),r=nc(n))).callback=null!=t?t:null,No(n,o,r),e.current.lanes=r,bt(e,r,a),rc(e,a),e}function Hc(e,t,n,a){var r=t.current,o=tc(),i=nc(r);return n=$c(n),null===t.context?t.context=n:t.pendingContext=n,(t=Ro(o,i)).payload={element:e},null!==(a=void 0===a?null:a)&&(t.callback=a),null!==(e=No(r,t,i))&&(ac(e,r,i,o),Oo(e,r,i)),i}function Gc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Zc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Vc(e,t){Zc(e,t),(e=e.alternate)&&Zc(e,t)}Ss=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||Dr.current)wl=!0;else{if(0==(e.lanes&n)&&0==(128&t.flags))return wl=!1,function(e,t,n){switch(t.tag){case 3:El(t),go();break;case 5:ii(t);break;case 1:Tr(t.type)&&Or(t);break;case 4:ri(t,t.stateNode.containerInfo);break;case 10:var a=t.type._context,r=t.memoizedProps.value;Cr(yo,a._currentValue),a._currentValue=r;break;case 13:if(null!==(a=t.memoizedState))return null!==a.dehydrated?(Cr(si,1&si.current),t.flags|=128,null):0!=(n&t.child.childLanes)?Fl(e,t,n):(Cr(si,1&si.current),null!==(e=Gl(e,t,n))?e.sibling:null);Cr(si,1&si.current);break;case 19:if(a=0!=(n&t.childLanes),0!=(128&e.flags)){if(a)return ql(e,t,n);t.flags|=128}if(null!==(r=t.memoizedState)&&(r.rendering=null,r.tail=null,r.lastEffect=null),Cr(si,si.current),a)break;return null;case 22:case 23:return t.lanes=0,_l(e,t,n)}return Gl(e,t,n)}(e,t,n);wl=0!=(131072&e.flags)}else wl=!1,ro&&0!=(1048576&t.flags)&&Jr(t,Zr,t.index);switch(t.lanes=0,t.tag){case 2:var a=t.type;Hl(e,t),e=t.pendingProps;var r=Ir(t,Ar.current);_o(t,n),r=Si(null,t,a,e,r,n);var i=_i();return t.flags|=1,"object"==typeof r&&null!==r&&"function"==typeof r.render&&void 0===r.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Tr(a)?(i=!0,Or(t)):i=!1,t.memoizedState=null!==r.state&&void 0!==r.state?r.state:null,To(t),r.updater=$o,t.stateNode=r,r._reactInternals=t,Zo(t,a,e,n),t=Dl(null,t,a,!0,i,n)):(t.tag=0,ro&&i&&eo(t),xl(null,t,r,n),t=t.child),t;case 16:a=t.elementType;e:{switch(Hl(e,t),e=t.pendingProps,a=(r=a._init)(a._payload),t.type=a,r=t.tag=function(e){if("function"==typeof e)return jc(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===I)return 14}return 2}(a),e=bo(a,e),r){case 0:t=Pl(null,t,a,e,n);break e;case 1:t=Al(null,t,a,e,n);break e;case 11:t=kl(null,t,a,e,n);break e;case 14:t=Ll(null,t,a,bo(a.type,e),n);break e}throw Error(o(306,a,""))}return t;case 0:return a=t.type,r=t.pendingProps,Pl(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 1:return a=t.type,r=t.pendingProps,Al(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 3:e:{if(El(t),null===e)throw Error(o(387));a=t.pendingProps,r=(i=t.memoizedState).element,jo(e,t),Fo(t,a,null,n);var l=t.memoizedState;if(a=l.element,i.isDehydrated){if(i={element:a,isDehydrated:!1,cache:l.cache,pendingSuspenseBoundaries:l.pendingSuspenseBoundaries,transitions:l.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Il(e,t,a,n,r=ul(Error(o(423)),t));break e}if(a!==r){t=Il(e,t,a,n,r=ul(Error(o(424)),t));break e}for(ao=cr(t.stateNode.containerInfo.firstChild),no=t,ro=!0,oo=null,n=Xo(t,null,a,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(go(),a===r){t=Gl(e,t,n);break e}xl(e,t,a,n)}t=t.child}return t;case 5:return ii(t),null===e&&co(t),a=t.type,r=t.pendingProps,i=null!==e?e.memoizedProps:null,l=r.children,nr(a,r)?l=null:null!==i&&nr(a,i)&&(t.flags|=32),Cl(e,t),xl(e,t,l,n),t.child;case 6:return null===e&&co(t),null;case 13:return Fl(e,t,n);case 4:return ri(t,t.stateNode.containerInfo),a=t.pendingProps,null===e?t.child=Ko(t,null,a,n):xl(e,t,a,n),t.child;case 11:return a=t.type,r=t.pendingProps,kl(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 7:return xl(e,t,t.pendingProps,n),t.child;case 8:case 12:return xl(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(a=t.type._context,r=t.pendingProps,i=t.memoizedProps,l=r.value,Cr(yo,a._currentValue),a._currentValue=l,null!==i)if(la(i.value,l)){if(i.children===r.children&&!Dr.current){t=Gl(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var s=i.dependencies;if(null!==s){l=i.child;for(var c=s.firstContext;null!==c;){if(c.context===a){if(1===i.tag){(c=Ro(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),So(i.return,n,t),s.lanes|=n;break}c=c.next}}else if(10===i.tag)l=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(l=i.return))throw Error(o(341));l.lanes|=n,null!==(s=l.alternate)&&(s.lanes|=n),So(l,n,t),l=i.sibling}else l=i.child;if(null!==l)l.return=i;else for(l=i;null!==l;){if(l===t){l=null;break}if(null!==(i=l.sibling)){i.return=l.return,l=i;break}l=l.return}i=l}xl(e,t,r.children,n),t=t.child}return t;case 9:return r=t.type,a=t.pendingProps.children,_o(t,n),a=a(r=Co(r)),t.flags|=1,xl(e,t,a,n),t.child;case 14:return r=bo(a=t.type,t.pendingProps),Ll(e,t,a,r=bo(a.type,r),n);case 15:return Sl(e,t,t.type,t.pendingProps,n);case 17:return a=t.type,r=t.pendingProps,r=t.elementType===a?r:bo(a,r),Hl(e,t),t.tag=1,Tr(a)?(e=!0,Or(t)):e=!1,_o(t,n),Ho(t,a,r),Zo(t,a,r,n),Dl(null,t,a,!0,e,n);case 19:return ql(e,t,n);case 22:return _l(e,t,n)}throw Error(o(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Qc(e){this._internalRoot=e}function Yc(e){this._internalRoot=e}function Kc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Xc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function eu(e,t,n,a,r){var o=n._reactRootContainer;if(o){var i=o;if("function"==typeof r){var l=r;r=function(){var e=Gc(i);l.call(e)}}Hc(t,i,e,r)}else i=function(e,t,n,a,r){if(r){if("function"==typeof a){var o=a;a=function(){var e=Gc(i);o.call(e)}}var i=qc(t,a,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[gr]=i.current,$a(8===e.nodeType?e.parentNode:e),dc(),i}for(;r=e.lastChild;)e.removeChild(r);if("function"==typeof a){var l=a;a=function(){var e=Gc(s);l.call(e)}}var s=Uc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=s,e[gr]=s.current,$a(8===e.nodeType?e.parentNode:e),dc((function(){Hc(t,s,n,a)})),s}(n,t,e,r,a);return Gc(i)}Yc.prototype.render=Qc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(o(409));Hc(e,t,null,null)},Yc.prototype.unmount=Qc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;dc((function(){Hc(null,e,null,null)})),t[gr]=null}},Yc.prototype.unstable_scheduleHydration=function(e){if(e){var t=St();e={blockedOn:null,target:e,priority:t};for(var n=0;n<jt.length&&0!==t&&t<jt[n].priority;n++);jt.splice(n,0,e),0===n&&Mt(e)}},xt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ke()),0==(6&Ds)&&(qs=Ke()+500,$r()))}break;case 13:dc((function(){var t=Eo(e,1);if(null!==t){var n=tc();ac(t,e,1,n)}})),Vc(e,1)}},kt=function(e){if(13===e.tag){var t=Eo(e,134217728);if(null!==t)ac(t,e,134217728,tc());Vc(e,134217728)}},Lt=function(e){if(13===e.tag){var t=nc(e),n=Eo(e,t);if(null!==n)ac(n,e,t,tc());Vc(e,t)}},St=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},ke=function(e,t,n){switch(t){case"input":if(X(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var a=n[t];if(a!==e&&a.form===e.form){var r=xr(a);if(!r)throw Error(o(90));V(a),X(a,r)}}}break;case"textarea":oe(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Ae=uc,De=dc;var tu={usingClientEntryPoint:!1,Events:[vr,wr,xr,Ce,Pe,uc]},nu={findFiberByHostInstance:yr,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},au={bundleType:nu.bundleType,version:nu.version,rendererPackageName:nu.rendererPackageName,rendererConfig:nu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ge(e))?null:e.stateNode},findFiberByHostInstance:nu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0-next-9e3b772b8-20220608"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{rt=ru.inject(au),ot=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=tu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Kc(t))throw Error(o(200));return function(e,t,n){var a=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:k,key:null==a?null:""+a,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Kc(e))throw Error(o(299));var n=!1,a="",r=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(a=t.identifierPrefix),void 0!==t.onRecoverableError&&(r=t.onRecoverableError)),t=Uc(e,1,!1,null,0,n,0,a,r),e[gr]=t.current,$a(8===e.nodeType?e.parentNode:e),new Qc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(o(188));throw e=Object.keys(e).join(","),Error(o(268,e))}return e=null===(e=Ge(t))?null:e.stateNode},t.flushSync=function(e){return dc(e)},t.hydrate=function(e,t,n){if(!Xc(t))throw Error(o(200));return eu(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Kc(e))throw Error(o(405));var a=null!=n&&n.hydratedSources||null,r=!1,i="",l=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(r=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(l=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,r,0,i,l),e[gr]=t.current,$a(e),a)for(e=0;e<a.length;e++)r=(r=(n=a[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,r]:t.mutableSourceEagerHydrationData.push(n,r);return new Yc(t)},t.render=function(e,t,n){if(!Xc(t))throw Error(o(200));return eu(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Xc(e))throw Error(o(40));return!!e._reactRootContainer&&(dc((function(){eu(null,null,e,!1,(function(){e._reactRootContainer=null,e[gr]=null}))})),!0)},t.unstable_batchedUpdates=uc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,a){if(!Xc(n))throw Error(o(200));if(null==e||void 0===e._reactInternals)throw Error(o(38));return eu(e,t,n,!1,a)},t.version="18.2.0-next-9e3b772b8-20220608"},4478:(e,t,n)=>{"use strict";var a=n(422);t.createRoot=a.createRoot,t.hydrateRoot=a.hydrateRoot},422:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(3746)},5154:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,a="function"==typeof Set,r="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function o(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var l,s,c,u;if(Array.isArray(e)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(!o(e[s],i[s]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;for(u=e.entries();!(s=u.next()).done;)if(!o(s.value[1],i.get(s.value[0])))return!1;return!0}if(a&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;return!0}if(r&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(e[s]!==i[s])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((l=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(i,c[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==c[s]&&"__v"!==c[s]&&"__o"!==c[s]||!e.$$typeof)&&!o(e[c[s]],i[c[s]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return o(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},387:(e,t,n)=>{"use strict";n.d(t,{B6:()=>G,ql:()=>J});var a=n(959),r=n(507),o=n.n(r),i=n(5154),l=n.n(i),s=n(3670),c=n.n(s),u=n(631),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,g(e,t)}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function m(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)t.indexOf(n=o[a])>=0||(r[n]=e[n]);return r}var h={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(h).map((function(e){return h[e]})),x={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},k=Object.keys(x).reduce((function(e,t){return e[x[t]]=t,e}),{}),L=function(e,t){for(var n=e.length-1;n>=0;n-=1){var a=e[n];if(Object.prototype.hasOwnProperty.call(a,t))return a[t]}return null},S=function(e){var t=L(e,h.TITLE),n=L(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var a=L(e,"defaultTitle");return t||a||void 0},_=function(e){return L(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},P=function(e,t){return t.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var a=Object.keys(n),r=0;r<a.length;r+=1){var o=a[r].toLowerCase();if(-1!==e.indexOf(o)&&n[o])return t.concat(n)}return t}),[])},A=function(e,t,n){var a={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var r={};n.filter((function(e){for(var n,o=Object.keys(e),i=0;i<o.length;i+=1){var l=o[i],s=l.toLowerCase();-1===t.indexOf(s)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===s&&"stylesheet"===e[s].toLowerCase()||(n=s),-1===t.indexOf(l)||"innerHTML"!==l&&"cssText"!==l&&"itemprop"!==l||(n=l)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return a[n]||(a[n]={}),r[n]||(r[n]={}),!a[n][c]&&(r[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var o=Object.keys(r),i=0;i<o.length;i+=1){var l=o[i],s=p({},a[l],r[l]);a[l]=s}return e}),[]).reverse()},D=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},E=function(e){return Array.isArray(e)?e.join(""):e},I=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),a=0;a<n.length;a+=1)if(t[n[a]]&&t[n[a]].includes(e[n[a]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},T=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},j=[h.NOSCRIPT,h.SCRIPT,h.STYLE],R=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},N=function(e){return Object.keys(e).reduce((function(t,n){var a=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+a:a}),"")},O=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[x[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var r,o=((r={key:n})["data-rh"]=!0,r);return Object.keys(t).forEach((function(e){var n=x[e]||e;"innerHTML"===n||"cssText"===n?o.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:o[n]=t[e]})),a.createElement(e,o)}))},F=function(e,t,n){switch(e){case h.TITLE:return{toComponent:function(){return n=t.titleAttributes,(r={key:e=t.title})["data-rh"]=!0,o=O(n,r),[a.createElement(h.TITLE,o,e)];var e,n,r,o},toString:function(){return function(e,t,n,a){var r=N(n),o=E(t);return r?"<"+e+' data-rh="true" '+r+">"+R(o,a)+"</"+e+">":"<"+e+' data-rh="true">'+R(o,a)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return O(t)},toString:function(){return N(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,a){var r=Object.keys(a).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var r=void 0===a[t]?t:t+'="'+R(a[t],n)+'"';return e?e+" "+r:r}),""),o=a.innerHTML||a.cssText||"",i=-1===j.indexOf(e);return t+"<"+e+' data-rh="true" '+r+(i?"/>":">"+o+"</"+e+">")}),"")}(e,t,n)}}}},B=function(e){var t=e.baseTag,n=e.bodyAttributes,a=e.encode,r=e.htmlAttributes,o=e.noscriptTags,i=e.styleTags,l=e.title,s=void 0===l?"":l,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var g=function(e){var t=e.linkTags,n=e.scriptTags,a=e.encode,r=I(e.metaTags,v),o=I(t,b),i=I(n,y);return{priorityMethods:{toComponent:function(){return[].concat(M(h.META,r.priority),M(h.LINK,o.priority),M(h.SCRIPT,i.priority))},toString:function(){return F(h.META,r.priority,a)+" "+F(h.LINK,o.priority,a)+" "+F(h.SCRIPT,i.priority,a)}},metaTags:r.default,linkTags:o.default,scriptTags:i.default}}(e);f=g.priorityMethods,u=g.linkTags,d=g.metaTags,p=g.scriptTags}return{priority:f,base:F(h.BASE,t,a),bodyAttributes:F("bodyAttributes",n,a),htmlAttributes:F("htmlAttributes",r,a),link:F(h.LINK,u,a),meta:F(h.META,d,a),noscript:F(h.NOSCRIPT,o,a),script:F(h.SCRIPT,p,a),style:F(h.STYLE,i,a),title:F(h.TITLE,{title:s,titleAttributes:c},a)}},z=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?z:n.instances},add:function(e){(n.canUseDOM?z:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?z:n.instances).indexOf(e);(n.canUseDOM?z:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=B({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},$=a.createContext({}),q=o().shape({setHelmet:o().func,helmetInstances:o().shape({get:o().func,add:o().func,remove:o().func})}),H="undefined"!=typeof document,G=function(e){function t(n){var a;return(a=e.call(this,n)||this).helmetData=new U(a.props.context,t.canUseDOM),a}return f(t,e),t.prototype.render=function(){return a.createElement($.Provider,{value:this.helmetData.value},this.props.children)},t}(a.Component);G.canUseDOM=H,G.propTypes={context:o().shape({helmet:o().shape()}),children:o().node.isRequired},G.defaultProps={context:{}},G.displayName="HelmetProvider";var Z=function(e,t){var n,a=document.head||document.querySelector(h.HEAD),r=a.querySelectorAll(e+"[data-rh]"),o=[].slice.call(r),i=[];return t&&t.length&&t.forEach((function(t){var a=document.createElement(e);for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&("innerHTML"===r?a.innerHTML=t.innerHTML:"cssText"===r?a.styleSheet?a.styleSheet.cssText=t.cssText:a.appendChild(document.createTextNode(t.cssText)):a.setAttribute(r,void 0===t[r]?"":t[r]));a.setAttribute("data-rh","true"),o.some((function(e,t){return n=t,a.isEqualNode(e)}))?o.splice(n,1):i.push(a)})),o.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return a.appendChild(e)})),{oldTags:o,newTags:i}},V=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var a=n.getAttribute("data-rh"),r=a?a.split(","):[],o=[].concat(r),i=Object.keys(t),l=0;l<i.length;l+=1){var s=i[l],c=t[s]||"";n.getAttribute(s)!==c&&n.setAttribute(s,c),-1===r.indexOf(s)&&r.push(s);var u=o.indexOf(s);-1!==u&&o.splice(u,1)}for(var d=o.length-1;d>=0;d-=1)n.removeAttribute(o[d]);r.length===o.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},W=function(e,t){var n=e.baseTag,a=e.htmlAttributes,r=e.linkTags,o=e.metaTags,i=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;V(h.BODY,e.bodyAttributes),V(h.HTML,a),function(e,t){void 0!==e&&document.title!==e&&(document.title=E(e)),V(h.TITLE,t)}(u,d);var p={baseTag:Z(h.BASE,n),linkTags:Z(h.LINK,r),metaTags:Z(h.META,o),noscriptTags:Z(h.NOSCRIPT,i),scriptTags:Z(h.SCRIPT,s),styleTags:Z(h.STYLE,c)},f={},g={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,a=t.oldTags;n.length&&(f[e]=n),a.length&&(g[e]=p[e].oldTags)})),t&&t(),l(e,f,g)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(t=e.call.apply(e,[this].concat(a))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,a=n.setHelmet,r=null,o=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:P(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:L(e,"defer"),encode:L(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:A(h.LINK,["rel","href"],e),metaTags:A(h.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:A(h.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:A(h.SCRIPT,["src","innerHTML"],e),styleTags:A(h.STYLE,["cssText"],e),title:S(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:D(e,"prioritizeSeoTags")});G.canUseDOM?(t=o,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){W(t,(function(){Q=null}))})):(W(t),Q=null)):B&&(r=B(o)),a(r)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(a.Component);Y.propTypes={context:q.isRequired},Y.displayName="HelmetDispatcher";var K=["children"],X=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!l()(T(this.props,"helmetData"),T(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case h.SCRIPT:case h.NOSCRIPT:return{innerHTML:t};case h.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,a=e.arrayTypeChildren;return p({},a,((t={})[n.type]=[].concat(a[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,a=e.child,r=e.newProps,o=e.newChildProps,i=e.nestedChildren;switch(a.type){case h.TITLE:return p({},r,((t={})[a.type]=i,t.titleAttributes=p({},o),t));case h.BODY:return p({},r,{bodyAttributes:p({},o)});case h.HTML:return p({},r,{htmlAttributes:p({},o)});default:return p({},r,((n={})[a.type]=p({},o),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var a;n=p({},n,((a={})[t]=e[t],a))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,r={};return a.Children.forEach(e,(function(e){if(e&&e.props){var a=e.props,o=a.children,i=m(a,K),l=Object.keys(i).reduce((function(e,t){return e[k[t]||t]=i[t],e}),{}),s=e.type;switch("symbol"==typeof s?s=s.toString():n.warnOnInvalidChildren(e,o),s){case h.FRAGMENT:t=n.mapChildrenToProps(o,t);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:r=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:l,nestedChildren:o});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:l,nestedChildren:o})}}})),this.mapArrayTypeChildrenToProps(r,t)},n.render=function(){var e=this.props,t=e.children,n=m(e,X),r=p({},n),o=n.helmetData;return t&&(r=this.mapChildrenToProps(t,r)),!o||o instanceof U||(o=new U(o.context,o.instances)),o?a.createElement(Y,p({},r,{context:o.value,helmetData:void 0})):a.createElement($.Consumer,null,(function(e){return a.createElement(Y,p({},r,{context:e}))}))},t}(a.Component);J.propTypes={base:o().object,bodyAttributes:o().object,children:o().oneOfType([o().arrayOf(o().node),o().node]),defaultTitle:o().string,defer:o().bool,encodeSpecialCharacters:o().bool,htmlAttributes:o().object,link:o().arrayOf(o().object),meta:o().arrayOf(o().object),noscript:o().arrayOf(o().object),onChangeClientState:o().func,script:o().arrayOf(o().object),style:o().arrayOf(o().object),title:o().string,titleAttributes:o().object,titleTemplate:o().string,prioritizeSeoTags:o().bool,helmetData:o().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},198:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,a=n?Symbol.for("react.element"):60103,r=n?Symbol.for("react.portal"):60106,o=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,g=n?Symbol.for("react.suspense_list"):60120,m=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function x(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case u:case d:case o:case l:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case m:case s:return e;default:return t}}case r:return t}}}function k(e){return x(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=s,t.Element=a,t.ForwardRef=p,t.Fragment=o,t.Lazy=h,t.Memo=m,t.Portal=r,t.Profiler=l,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return k(e)||x(e)===u},t.isConcurrentMode=k,t.isContextConsumer=function(e){return x(e)===c},t.isContextProvider=function(e){return x(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return x(e)===p},t.isFragment=function(e){return x(e)===o},t.isLazy=function(e){return x(e)===h},t.isMemo=function(e){return x(e)===m},t.isPortal=function(e){return x(e)===r},t.isProfiler=function(e){return x(e)===l},t.isStrictMode=function(e){return x(e)===i},t.isSuspense=function(e){return x(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===d||e===l||e===i||e===f||e===g||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=x},6237:(e,t,n)=>{"use strict";e.exports=n(198)},9500:(e,t,n)=>{"use strict";n.d(t,{OL:()=>v,VK:()=>u,rU:()=>h});var a=n(8903),r=n(2666),o=n(959),i=n(4047),l=n(6920),s=n(3804),c=n(8624),u=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(t=e.call.apply(e,[this].concat(a))||this).history=(0,i.lX)(t.props),t}return(0,r.Z)(t,e),t.prototype.render=function(){return o.createElement(a.F0,{history:this.history,children:this.props.children})},t}(o.Component);o.Component;var d=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},f=function(e){return e},g=o.forwardRef;void 0===g&&(g=f);var m=g((function(e,t){var n=e.innerRef,a=e.navigate,r=e.onClick,i=(0,s.Z)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,l.Z)({},i,{onClick:function(e){try{r&&r(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),a())}});return u.ref=f!==g&&t||n,o.createElement("a",u)}));var h=g((function(e,t){var n=e.component,r=void 0===n?m:n,u=e.replace,h=e.to,b=e.innerRef,y=(0,s.Z)(e,["component","replace","to","innerRef"]);return o.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=e.history,a=p(d(h,e.location),e.location),s=a?n.createHref(a):"",m=(0,l.Z)({},y,{href:s,navigate:function(){var t=d(h,e.location),a=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(u||a?n.replace:n.push)(t)}});return f!==g?m.ref=t||b:m.innerRef=b,o.createElement(r,m)}))})),b=function(e){return e},y=o.forwardRef;void 0===y&&(y=b);var v=y((function(e,t){var n=e["aria-current"],r=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,g=e.className,m=e.exact,v=e.isActive,w=e.location,x=e.sensitive,k=e.strict,L=e.style,S=e.to,_=e.innerRef,C=(0,s.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return o.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=w||e.location,i=p(d(S,n),n),s=i.pathname,P=s&&s.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=P?(0,a.LX)(n.pathname,{path:P,exact:m,sensitive:x,strict:k}):null,D=!!(v?v(A,n):A),E="function"==typeof g?g(D):g,I="function"==typeof L?L(D):L;D&&(E=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(E,u),I=(0,l.Z)({},I,f));var T=(0,l.Z)({"aria-current":D&&r||null,className:E,style:I,to:i},C);return b!==y?T.ref=t||_:T.innerRef=_,o.createElement(h,T)}))}))},8903:(e,t,n)=>{"use strict";n.d(t,{AW:()=>S,F0:()=>v,LX:()=>L,TH:()=>j,k6:()=>T,rs:()=>E,s6:()=>y});var a=n(2666),r=n(959),o=n(507),i=n.n(o),l=n(4047),s=n(8624),c=n(6920),u=n(7720),d=n.n(u),p=(n(6237),n(3804)),f=(n(2535),1073741823),g="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var m=r.createContext||function(e,t){var n,o,l="__create-react-context-"+function(){var e="__global_unique_id__";return g[e]=(g[e]||0)+1}()+"__",s=function(e){function n(){for(var t,n,a,r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];return(t=e.call.apply(e,[this].concat(o))||this).emitter=(n=t.props.value,a=[],{on:function(e){a.push(e)},off:function(e){a=a.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,a.forEach((function(e){return e(n,t)}))}}),t}(0,a.Z)(n,e);var r=n.prototype;return r.getChildContext=function(){var e;return(e={})[l]=this.emitter,e},r.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,a=this.props.value,r=e.value;((o=a)===(i=r)?0!==o||1/o==1/i:o!=o&&i!=i)?n=0:(n="function"==typeof t?t(a,r):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var o,i},r.render=function(){return this.props.children},n}(r.Component);s.childContextTypes=((n={})[l]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(e=t.call.apply(t,[this].concat(a))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,a.Z)(n,t);var r=n.prototype;return r.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},r.componentDidMount=function(){this.context[l]&&this.context[l].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},r.componentWillUnmount=function(){this.context[l]&&this.context[l].off(this.onUpdate)},r.getValue=function(){return this.context[l]?this.context[l].get():e},r.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(r.Component);return c.contextTypes=((o={})[l]=i().object,o),{Provider:s,Consumer:c}},h=function(e){var t=m();return t.displayName=e,t},b=h("Router-History"),y=h("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,a.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return r.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},r.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(r.Component);r.Component;r.Component;var w={},x=1e4,k=0;function L(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,a=n.path,r=n.exact,o=void 0!==r&&r,i=n.strict,l=void 0!==i&&i,s=n.sensitive,c=void 0!==s&&s;return[].concat(a).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var a=function(e,t){var n=""+t.end+t.strict+t.sensitive,a=w[n]||(w[n]={});if(a[e])return a[e];var r=[],o={regexp:d()(e,r,t),keys:r};return k<x&&(a[e]=o,k++),o}(n,{end:o,strict:l,sensitive:c}),r=a.regexp,i=a.keys,s=r.exec(e);if(!s)return null;var u=s[0],p=s.slice(1),f=e===u;return o&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var S=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n=e.props.location||t.location,a=e.props.computedMatch?e.props.computedMatch:e.props.path?L(n.pathname,e.props):t.match,o=(0,c.Z)({},t,{location:n,match:a}),i=e.props,l=i.children,u=i.component,d=i.render;return Array.isArray(l)&&function(e){return 0===r.Children.count(e)}(l)&&(l=null),r.createElement(y.Provider,{value:o},o.match?l?"function"==typeof l?l(o):l:u?r.createElement(u,o):d?d(o):null:"function"==typeof l?l(o):null)}))},t}(r.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.Z)({},t,{pathname:t.pathname.substr(n.length)})}function P(e){return"string"==typeof e?e:(0,l.Ep)(e)}function A(e){return function(){(0,s.Z)(!1)}}function D(){}r.Component;var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n,a,o=e.props.location||t.location;return r.Children.forEach(e.props.children,(function(e){if(null==a&&r.isValidElement(e)){n=e;var i=e.props.path||e.props.from;a=i?L(o.pathname,(0,c.Z)({},e.props,{path:i})):t.match}})),a?r.cloneElement(n,{location:o,computedMatch:a}):null}))},t}(r.Component);var I=r.useContext;function T(){return I(b)}function j(){return I(y).location}},3354:(e,t,n)=>{"use strict";var a=n(959),r=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var a,o={},c=null,u=null;for(a in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,a)&&!s.hasOwnProperty(a)&&(o[a]=t[a]);if(e&&e.defaultProps)for(a in t=e.defaultProps)void 0===o[a]&&(o[a]=t[a]);return{$$typeof:r,type:e,key:c,ref:u,props:o,_owner:l.current}}t.Fragment=o,t.jsx=c,t.jsxs=c},5257:(e,t)=>{"use strict";var n=Symbol.for("react.element"),a=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),s=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var g={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,h={};function b(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,m(w,b.prototype),w.isPureReactComponent=!0;var x=Array.isArray,k=Object.prototype.hasOwnProperty,L={current:null},S={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,a){var r,o={},i=null,l=null;if(null!=t)for(r in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)k.call(t,r)&&!S.hasOwnProperty(r)&&(o[r]=t[r]);var s=arguments.length-2;if(1===s)o.children=a;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];o.children=c}if(e&&e.defaultProps)for(r in s=e.defaultProps)void 0===o[r]&&(o[r]=s[r]);return{$$typeof:n,type:e,key:i,ref:l,props:o,_owner:L.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var P=/\/+/g;function A(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function D(e,t,r,o,i){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case n:case a:s=!0}}if(s)return i=i(s=e),e=""===o?"."+A(s,0):o,x(i)?(r="",null!=e&&(r=e.replace(P,"$&/")+"/"),D(i,t,r,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,r+(!i.key||s&&s.key===i.key?"":(""+i.key).replace(P,"$&/")+"/")+e)),t.push(i)),1;if(s=0,o=""===o?".":o+":",x(e))for(var c=0;c<e.length;c++){var u=o+A(l=e[c],c);s+=D(l,t,r,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(l=e.next()).done;)s+=D(l=l.value,t,r,u=o+A(l,c++),i);else if("object"===l)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return s}function E(e,t,n){if(null==e)return e;var a=[],r=0;return D(e,a,"","",(function(e){return t.call(n,e,r++)})),a}function I(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var T={current:null},j={transition:null},R={ReactCurrentDispatcher:T,ReactCurrentBatchConfig:j,ReactCurrentOwner:L};t.Children={map:E,forEach:function(e,t,n){E(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return E(e,(function(){t++})),t},toArray:function(e){return E(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=r,t.Profiler=i,t.PureComponent=v,t.StrictMode=o,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=R,t.cloneElement=function(e,t,a){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=m({},e.props),o=e.key,i=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,l=L.current),void 0!==t.key&&(o=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(c in t)k.call(t,c)&&!S.hasOwnProperty(c)&&(r[c]=void 0===t[c]&&void 0!==s?s[c]:t[c])}var c=arguments.length-2;if(1===c)r.children=a;else if(1<c){s=Array(c);for(var u=0;u<c;u++)s[u]=arguments[u+2];r.children=s}return{$$typeof:n,type:e.type,key:o,ref:i,props:r,_owner:l}},t.createContext=function(e){return(e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:l,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:I}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=j.transition;j.transition={};try{e()}finally{j.transition=t}},t.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},t.useCallback=function(e,t){return T.current.useCallback(e,t)},t.useContext=function(e){return T.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return T.current.useDeferredValue(e)},t.useEffect=function(e,t){return T.current.useEffect(e,t)},t.useId=function(){return T.current.useId()},t.useImperativeHandle=function(e,t,n){return T.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return T.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return T.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return T.current.useMemo(e,t)},t.useReducer=function(e,t,n){return T.current.useReducer(e,t,n)},t.useRef=function(e){return T.current.useRef(e)},t.useState=function(e){return T.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return T.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return T.current.useTransition()},t.version="18.2.0"},959:(e,t,n)=>{"use strict";e.exports=n(5257)},1527:(e,t,n)=>{"use strict";e.exports=n(3354)},5568:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var a=n-1>>>1,r=e[a];if(!(0<o(r,t)))break e;e[a]=t,e[n]=r,n=a}}function a(e){return 0===e.length?null:e[0]}function r(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var a=0,r=e.length,i=r>>>1;a<i;){var l=2*(a+1)-1,s=e[l],c=l+1,u=e[c];if(0>o(s,n))c<r&&0>o(u,s)?(e[a]=u,e[c]=n,a=c):(e[a]=s,e[l]=n,a=l);else{if(!(c<r&&0>o(u,n)))break e;e[a]=u,e[c]=n,a=c}}}return t}function o(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var l=Date,s=l.now();t.unstable_now=function(){return l.now()-s}}var c=[],u=[],d=1,p=null,f=3,g=!1,m=!1,h=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=a(u);null!==t;){if(null===t.callback)r(u);else{if(!(t.startTime<=e))break;r(u),t.sortIndex=t.expirationTime,n(c,t)}t=a(u)}}function x(e){if(h=!1,w(e),!m)if(null!==a(c))m=!0,j(k);else{var t=a(u);null!==t&&R(x,t.startTime-e)}}function k(e,n){m=!1,h&&(h=!1,y(C),C=-1),g=!0;var o=f;try{for(w(n),p=a(c);null!==p&&(!(p.expirationTime>n)||e&&!D());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var l=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof l?p.callback=l:p===a(c)&&r(c),w(n)}else r(c);p=a(c)}if(null!==p)var s=!0;else{var d=a(u);null!==d&&R(x,d.startTime-n),s=!1}return s}finally{p=null,f=o,g=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var L,S=!1,_=null,C=-1,P=5,A=-1;function D(){return!(t.unstable_now()-A<P)}function E(){if(null!==_){var e=t.unstable_now();A=e;var n=!0;try{n=_(!0,e)}finally{n?L():(S=!1,_=null)}}else S=!1}if("function"==typeof v)L=function(){v(E)};else if("undefined"!=typeof MessageChannel){var I=new MessageChannel,T=I.port2;I.port1.onmessage=E,L=function(){T.postMessage(null)}}else L=function(){b(E,0)};function j(e){_=e,S||(S=!0,L())}function R(e,n){C=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){m||g||(m=!0,j(k))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):P=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return a(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,r,o){var i=t.unstable_now();switch("object"==typeof o&&null!==o?o="number"==typeof(o=o.delay)&&0<o?i+o:i:o=i,e){case 1:var l=-1;break;case 2:l=250;break;case 5:l=1073741823;break;case 4:l=1e4;break;default:l=5e3}return e={id:d++,callback:r,priorityLevel:e,startTime:o,expirationTime:l=o+l,sortIndex:-1},o>i?(e.sortIndex=o,n(u,e),null===a(c)&&e===a(u)&&(h?(y(C),C=-1):h=!0,R(x,o-i))):(e.sortIndex=l,n(c,e),m||g||(m=!0,j(k))),e},t.unstable_shouldYield=D,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},2962:(e,t,n)=>{"use strict";e.exports=n(5568)},631:e=>{e.exports=function(e,t,n,a){var r=n?n.call(a,e,t):void 0;if(void 0!==r)return!!r;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var o=Object.keys(e),i=Object.keys(t);if(o.length!==i.length)return!1;for(var l=Object.prototype.hasOwnProperty.bind(t),s=0;s<o.length;s++){var c=o[s];if(!l(c))return!1;var u=e[c],d=t[c];if(!1===(r=n?n.call(a,u,d,c):void 0)||void 0===r&&u!==d)return!1}return!0}},6809:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={title:"ILLA Cloud",tagline:"Dinosaurs are cool",favicon:"img/public/favicon.ico",url:"https://illacloud.github.io",baseUrl:"/illa-website/de/",organizationName:"illacloud",projectName:"illa-website",staticDirectories:["public","static"],onBrokenLinks:"warn",onBrokenMarkdownLinks:"warn",i18n:{defaultLocale:"en",locales:["en","zh","ja","de"],path:"i18n",localeConfigs:{}},presets:[["classic",{docs:!1,blog:!1,pages:!1,theme:{customCss:["./src/ILLATheme/css/custom.css","./src/css/custom.css"]},gtag:{trackingID:"G-QW745VE33W"}}]],themeConfig:{image:"img/social-card-large.png",colorMode:{defaultMode:"dark",disableSwitch:!1,respectPrefersColorScheme:!1},metadata:[{name:"og:type",content:"website"},{name:"twitter:card",content:"summary_large_image"},{name:"twitter:site",content:"@illaCloudHQ"},{name:"twitter:creator",content:"@illaCloudHQ"},{name:"keywords",content:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"}],prism:{theme:{plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},docs:{versionPersistence:"localStorage",sidebar:{hideable:!1,autoCollapseCategories:!1}},navbar:{hideOnScroll:!1,items:[]},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},plugins:[null,null,["./plugins/blog-plugin.js",{blogTitle:"Blog",blogDescription:"A resource for ILLA, front-end ecosystem, and web development",routeBasePath:"/blog",postsPerPage:12,blogSidebarTitle:"All posts",blogSidebarCount:0,feedOptions:{type:"all",copyright:"Copyright \xa9 2024 ILLA."}}],"./plugins/solution-plugin.js","./plugins/linkedin.js","./plugins/twitter.js","./plugins/chatwoot.js"],baseUrlIssueBanner:!0,onDuplicateRoutes:"warn",customFields:{},themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0}}}},6920:(e,t,n)=>{"use strict";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},a.apply(this,arguments)}n.d(t,{Z:()=>a})},2666:(e,t,n)=>{"use strict";function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,a(e,t)}n.d(t,{Z:()=>r})},3804:(e,t,n)=>{"use strict";function a(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}n.d(t,{Z:()=>a})},5341:(e,t,n)=>{"use strict";function a(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=a(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}n.d(t,{Z:()=>r});const r=function(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=a(e))&&(r&&(r+=" "),r+=t);return r}},2425:(e,t,n)=>{"use strict";n.d(t,{p1:()=>P,y$:()=>ee});var a,r,o,i,l,s,c,u=n(959),d=n(5341),p=Object.create,f=Object.defineProperty,g=Object.defineProperties,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertyNames,y=Object.getOwnPropertySymbols,v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,k=(e,t,n)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,L=(e,t)=>{for(var n in t||(t={}))w.call(t,n)&&k(e,n,t[n]);if(y)for(var n of y(t))x.call(t,n)&&k(e,n,t[n]);return e},S=(e,t)=>g(e,h(t)),_=(e,t)=>{var n={};for(var a in e)w.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&y)for(var a of y(e))t.indexOf(a)<0&&x.call(e,a)&&(n[a]=e[a]);return n},C=(a={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},a={util:{encode:function e(t){return t instanceof r?new r(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var r,o;switch(n=n||{},a.util.type(t)){case"Object":if(o=a.util.objId(t),n[o])return n[o];for(var i in r={},n[o]=r,t)t.hasOwnProperty(i)&&(r[i]=e(t[i],n));return r;case"Array":return o=a.util.objId(t),n[o]?n[o]:(r=[],n[o]=r,t.forEach((function(t,a){r[a]=e(t,n)})),r);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var a="no-"+t;e;){var r=e.classList;if(r.contains(t))return!0;if(r.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=a.util.clone(a.languages[e]);for(var r in t)n[r]=t[r];return n},insertBefore:function(e,t,n,r){var o=(r=r||a.languages)[e],i={};for(var l in o)if(o.hasOwnProperty(l)){if(l==t)for(var s in n)n.hasOwnProperty(s)&&(i[s]=n[s]);n.hasOwnProperty(l)||(i[l]=o[l])}var c=r[e];return r[e]=i,a.languages.DFS(a.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,r,o){o=o||{};var i=a.util.objId;for(var l in t)if(t.hasOwnProperty(l)){n.call(t,l,t[l],r||l);var s=t[l],c=a.util.type(s);"Object"!==c||o[i(s)]?"Array"!==c||o[i(s)]||(o[i(s)]=!0,e(s,n,l,o)):(o[i(s)]=!0,e(s,n,null,o))}}},plugins:{},highlight:function(e,t,n){var o={code:e,grammar:t,language:n};if(a.hooks.run("before-tokenize",o),!o.grammar)throw new Error('The language "'+o.language+'" has no grammar.');return o.tokens=a.tokenize(o.code,o.grammar),a.hooks.run("after-tokenize",o),r.stringify(a.util.encode(o.tokens),o.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var r=new l;return s(r,r.head,e),i(e,r,t,r.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(r)},hooks:{all:{},add:function(e,t){var n=a.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=a.hooks.all[e];if(n&&n.length)for(var r,o=0;r=n[o++];)r(t)}},Token:r};function r(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function o(e,t,n,a){e.lastIndex=t;var r=e.exec(n);if(r&&a&&r[1]){var o=r[1].length;r.index+=o,r[0]=r[0].slice(o)}return r}function i(e,t,n,l,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var g=0;g<f.length;++g){if(d&&d.cause==p+","+g)return;var m=f[g],h=m.inside,b=!!m.lookbehind,y=!!m.greedy,v=m.alias;if(y&&!m.pattern.global){var w=m.pattern.toString().match(/[imsuy]*$/)[0];m.pattern=RegExp(m.pattern.source,w+"g")}for(var x=m.pattern||m,k=l.next,L=u;k!==t.tail&&!(d&&L>=d.reach);L+=k.value.length,k=k.next){var S=k.value;if(t.length>e.length)return;if(!(S instanceof r)){var _,C=1;if(y){if(!(_=o(x,L,e,b))||_.index>=e.length)break;var P=_.index,A=_.index+_[0].length,D=L;for(D+=k.value.length;P>=D;)D+=(k=k.next).value.length;if(L=D-=k.value.length,k.value instanceof r)continue;for(var E=k;E!==t.tail&&(D<A||"string"==typeof E.value);E=E.next)C++,D+=E.value.length;C--,S=e.slice(L,D),_.index-=L}else if(!(_=o(x,0,S,b)))continue;P=_.index;var I=_[0],T=S.slice(0,P),j=S.slice(P+I.length),R=L+S.length;d&&R>d.reach&&(d.reach=R);var N=k.prev;if(T&&(N=s(t,N,T),L+=T.length),c(t,N,C),k=s(t,N,new r(p,h?a.tokenize(I,h):I,v,I)),j&&s(t,k,j),C>1){var O={cause:p+","+g,reach:R};i(e,t,n,k.prev,L,O),d&&O.reach>d.reach&&(d.reach=O.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var a=t.next,r={value:n,prev:t,next:a};return t.next=r,a.prev=r,e.length++,r}function c(e,t,n){for(var a=t.next,r=0;r<n&&a!==e.tail;r++)a=a.next;t.next=a,a.prev=t,e.length-=r}return r.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var r="";return t.forEach((function(t){r+=e(t,n)})),r}var o={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(o.classes,i):o.classes.push(i)),a.hooks.run("wrap",o);var l="";for(var s in o.attributes)l+=" "+s+'="'+(o.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+o.tag+' class="'+o.classes.join(" ")+'"'+l+">"+o.content+"</"+o.tag+">"},a}();t.exports=n,n.default=n}},function(){return r||(0,a[b(a)[0]])((r={exports:{}}).exports,r),r.exports}),P=((e,t,n)=>(n=null!=e?p(v(e)):{},((e,t,n,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let r of b(t))w.call(e,r)||r===n||f(e,r,{get:()=>t[r],enumerable:!(a=m(t,r))||a.enumerable});return e})(!t&&e&&e.__esModule?n:f(n,"default",{value:e,enumerable:!0}),e)))(C());P.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},P.languages.markup.tag.inside["attr-value"].inside.entity=P.languages.markup.entity,P.languages.markup.doctype.inside["internal-subset"].inside=P.languages.markup,P.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(P.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:P.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:P.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},P.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(P.languages.markup.tag,"addAttribute",{value:function(e,t){P.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:P.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),P.languages.html=P.languages.markup,P.languages.mathml=P.languages.markup,P.languages.svg=P.languages.markup,P.languages.xml=P.languages.extend("markup",{}),P.languages.ssml=P.languages.xml,P.languages.atom=P.languages.xml,P.languages.rss=P.languages.xml,o=P,i={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},s="(?:[^\\\\-]|"+(l=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/).source+")",s=RegExp(s+"-"+s),c={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"},o.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:s,inside:{escape:l,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":i,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:l}},"special-escape":i,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":c}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:l,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":c}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}},P.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},P.languages.javascript=P.languages.extend("clike",{"class-name":[P.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),P.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,P.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:P.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:P.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:P.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:P.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:P.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),P.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:P.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),P.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),P.languages.markup&&(P.languages.markup.tag.addInlined("script","javascript"),P.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),P.languages.js=P.languages.javascript,P.languages.actionscript=P.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),P.languages.actionscript["class-name"].alias="function",delete P.languages.actionscript.parameter,delete P.languages.actionscript["literal-property"],P.languages.markup&&P.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:P.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(P),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var a=function(e){e.inside||(e.inside={}),e.inside.rest=n},r="doc-comment";if(o=e.languages[t]){var o,i=o[r];if((i=i||(o=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[r])instanceof RegExp&&(i=o[r]={pattern:i}),Array.isArray(i))for(var l=0,s=i.length;l<s;l++)i[l]instanceof RegExp&&(i[l]={pattern:i[l]}),a(i[l]);else a(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(P),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(P),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(P),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,a="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),o=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return a}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<key>>/g,(function(){return"(?:"+r+"|"+o+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(o),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(P),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var a=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,r=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return a})),o=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+r+o+"(?:"+r+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+r+o+")(?:"+r+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(a),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+r+")"+o+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+r+"$"),inside:{"table-header":{pattern:RegExp(a),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,a=t.length;n<a;n++){var r,o=t[n];"code"!==o.type?e(o.content):(r=o.content[1],o=o.content[3],r&&o&&"code-language"===r.type&&"code-block"===o.type&&"string"==typeof r.content&&(r=r.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),r="language-"+(r=(/[a-z][\w-]*/i.exec(r)||[""])[0].toLowerCase()),o.alias?"string"==typeof o.alias?o.alias=[o.alias,r]:o.alias.push(r):o.alias=[r]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",a=0,r=t.classes.length;a<r;a++){var o=t.classes[a];if(o=/language-(.+)/.exec(o)){n=o[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),s(n)):l[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),l={amp:"&",lt:"<",gt:">",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(P),P.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:P.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},P.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var a=t[n++];if("keyword"===a.type&&"mutation"===a.content){var r=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var o=p(/^\($/,/^\)$/);if(-1===o)continue;for(;n<o;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),r.push(i.content))}n=o+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<r.length)){var l=p(/^\{$/,/^\}$/);if(-1!==l)for(var s=n;s<l;s++){var c=t[s];"variable"===c.type&&0<=r.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var a=u(n+t);if(!a||a.type!==e[n])return}return 1}function p(e,a){for(var r=1,o=n;o<t.length;o++){var i=t[o],l=i.content;if("punctuation"===i.type&&"string"==typeof l)if(e.test(l))r++;else if(a.test(l)&&0==--r)return o}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),P.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,a=t.inside.interpolation,r=a.inside["interpolation-punctuation"],o=a.pattern.source;function i(t,a){if(e.languages[t])return{pattern:RegExp("((?:"+a+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(t,n,a){return t={code:t,grammar:n,language:a},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function s(t,n,i){var s=e.tokenize(t,{interpolation:{pattern:RegExp(o),lookbehind:!0}}),c=0,u={},d=(s=l(s.map((function(e){if("string"==typeof e)return e;var n,a;for(e=e.content;-1!==t.indexOf((a=c++,n="___"+i.toUpperCase()+"_"+a+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var o=0;o<n.length;o++){if(c>=d.length)return;var i,s,p,f,g,m,h,b=n[o];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(h=(m="string"==typeof b?b:b.content).indexOf(i))&&(++c,s=m.substring(0,h),g=u[i],p=void 0,(f={})["interpolation-punctuation"]=r,3===(f=e.tokenize(g,f)).length&&((p=[1,1]).push.apply(p,l(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,a.alias,g),f=m.substring(h+i.length),g=[],s&&g.push(s),g.push(p),f&&(t(m=[f]),g.push.apply(g,m)),"string"==typeof b?(n.splice.apply(n,[o,1].concat(g)),o+=g.length-1):b.content=g)):(h=b.content,Array.isArray(h)?t(h):t([h]))}}(s),new e.Token(i,s,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var a=0,r=n.length;a<r;a++){var o,i,l,c=n[a];"string"!=typeof c&&(o=c.content,Array.isArray(o)?"template-string"===c.type?(c=o[1],3===o.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,l=e.languages[c])&&(o[1]=s(i,l,c))):t(o):"string"!=typeof o&&t([o]))}}(t.tokens)}))}(P),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(P),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,a="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(a+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(a+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(P),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(P),P.languages.n4js=P.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),P.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),P.languages.n4jsd=P.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],a=0;a<n.length;a++){var r=n[a],o=e.languages.javascript[r];r=(o="RegExp"===e.util.type(o)?e.languages.javascript[r]={pattern:o}:o).inside||{};(o.inside=r)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(P),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,a=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,r=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function o(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return a})).replace(/<SPREAD>/g,(function(){return r})),RegExp(e,t)}function i(t){for(var n=[],a=0;a<t.length;a++){var r=t[a],o=!1;"string"!=typeof r&&("tag"===r.type&&r.content[0]&&"tag"===r.content[0].type?"</"===r.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===l(r.content[0].content[1])&&n.pop():"/>"!==r.content[r.content.length-1].content&&n.push({tagName:l(r.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===r.type&&"{"===r.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===r.type&&"}"===r.content?n[n.length-1].openedBraces--:o=!0),(o||"string"==typeof r)&&0<n.length&&0===n[n.length-1].openedBraces&&(o=l(r),a<t.length-1&&("string"==typeof t[a+1]||"plain-text"===t[a+1].type)&&(o+=l(t[a+1]),t.splice(a+1,1)),0<a&&("string"==typeof t[a-1]||"plain-text"===t[a-1].type)&&(o=l(t[a-1])+o,t.splice(a-1,1),a--),t[a]=new e.Token("plain-text",o,null,o)),r.content&&"string"!=typeof r.content&&i(r.content)}}r=o(r).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=o(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:o(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:o(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var l=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(l).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(P),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(P),P.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},P.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=P.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(P),P.languages.c=P.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),P.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),P.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},P.languages.c.string],char:P.languages.c.char,comment:P.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:P.languages.c}}}}),P.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete P.languages.c.boolean,P.languages.objectivec=P.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete P.languages.objectivec["class-name"],P.languages.objc=P.languages.objectivec,P.languages.reason=P.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),P.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete P.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(P),P.languages.go=P.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),P.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete P.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(P),P.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},P.languages.python["string-interpolation"].inside.interpolation.inside.rest=P.languages.python,P.languages.py=P.languages.python;((e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>A,duotoneDark:()=>D,duotoneLight:()=>E,github:()=>I,jettwaveDark:()=>H,jettwaveLight:()=>G,nightOwl:()=>T,nightOwlLight:()=>j,oceanicNext:()=>O,okaidia:()=>M,oneDark:()=>Z,oneLight:()=>V,palenight:()=>F,shadesOfPurple:()=>B,synthwave84:()=>z,ultramin:()=>U,vsDark:()=>$,vsLight:()=>q});var A={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},D={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},E={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},I={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},T={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},j={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},R="#c5a5c5",N="#8dc891",O={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:R}},{types:["attr-value"],style:{color:N}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:N}},{types:["punctuation"],style:{color:N}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:R}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},M={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},F={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},B={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},z={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},U={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},$={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},q={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},H={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},G={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},Z={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},V={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},W=(e,t)=>{const{plain:n}=e,a=e.styles.reduce(((e,n)=>{const{languages:a,style:r}=n;return a&&!a.includes(t)||n.types.forEach((t=>{const n=L(L({},e[t]),r);e[t]=n})),e}),{});return a.root=n,a.plain=S(L({},n),{backgroundColor:void 0}),a},Q=/\r\n|\r|\n/,Y=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},K=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},X=e=>{const t=[[]],n=[e],a=[0],r=[e.length];let o=0,i=0,l=[];const s=[l];for(;i>-1;){for(;(o=a[i]++)<r[i];){let e,c=t[i];const u=n[i][o];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=K(c,u.type),u.alias&&(c=K(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),a.push(0),r.push(e.length);continue}const d=e.split(Q),p=d.length;l.push({types:c,content:d[0]});for(let t=1;t<p;t++)Y(l),s.push(l=[]),l.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),a.pop(),r.pop()}return Y(l),s},J=({children:e,language:t,code:n,theme:a,prism:r})=>{const o=t.toLowerCase(),i=((e,t)=>{const[n,a]=(0,u.useState)(W(t,e)),r=(0,u.useRef)(),o=(0,u.useRef)();return(0,u.useEffect)((()=>{t===r.current&&e===o.current||(r.current=t,o.current=e,a(W(t,e)))}),[e,t]),n})(o,a),l=(e=>(0,u.useCallback)((t=>{var n=t,{className:a,style:r,line:o}=n,i=_(n,["className","style","line"]);const l=S(L({},i),{className:(0,d.Z)("token-line",a)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof r&&(l.style=L(L({},l.style||{}),r)),l}),[e]))(i),s=(e=>{const t=(0,u.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,u.useCallback)((e=>{var n=e,{token:a,className:r,style:o}=n,i=_(n,["token","className","style"]);const l=S(L({},i),{className:(0,d.Z)("token",...a.types,r),children:a.content,style:t(a)});return null!=o&&(l.style=L(L({},l.style||{}),o)),l}),[t])})(i),c=(({prism:e,code:t,grammar:n,language:a})=>{const r=(0,u.useRef)(e);return(0,u.useMemo)((()=>{if(null==n)return X([t]);const e={code:t,grammar:n,language:a,tokens:[]};return r.current.hooks.run("before-tokenize",e),e.tokens=r.current.tokenize(t,n),r.current.hooks.run("after-tokenize",e),X(e.tokens)}),[t,n,a])})({prism:r,language:o,code:n,grammar:r.languages[o]});return e({tokens:c,className:`prism-code language-${o}`,style:null!=i?i.root:{},getLineProps:l,getTokenProps:s})},ee=e=>(0,u.createElement)(J,S(L({},e),{prism:e.prism||P,theme:e.theme||$,code:e.code,language:e.language}))},8624:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=!0,r="Invariant failed";function o(e,t){if(!e){if(a)throw new Error(r);var n="function"==typeof t?t():t,o=n?"".concat(r,": ").concat(n):r;throw new Error(o)}}},7529:e=>{"use strict";e.exports=JSON.parse('{"theme.AnnouncementBar.closeButtonAriaLabel":"\u9589\u3058\u308b","theme.BackToTopButton.buttonAriaLabel":"\u30c8\u30c3\u30d7\u306b\u623b\u308b","theme.CodeBlock.copied":"\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f","theme.CodeBlock.copy":"\u30b3\u30d4\u30fc","theme.CodeBlock.copyButtonAriaLabel":"\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc","theme.CodeBlock.wordWrapToggle":"\u30ef\u30fc\u30c9\u30e9\u30c3\u30d7\u306e\u5207\u308a\u66ff\u3048","theme.DocSidebarItem.collapseCategoryAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u30ab\u30c6\u30b4\u30ea\u300c{label}\u300d\u3092\u9589\u3058\u308b","theme.DocSidebarItem.expandCategoryAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u30ab\u30c6\u30b4\u30ea \'{label} \' \u3092\u5c55\u958b","theme.ErrorPageContent.title":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u30af\u30e9\u30c3\u30b7\u30e5\u3057\u307e\u3057\u305f\u3002","theme.ErrorPageContent.tryAgain":"\u3082\u3046\u4e00\u5ea6\u3084\u308a\u76f4\u3057\u3066\u304f\u3060\u3055\u3044","theme.NavBar.navAriaLabel":"\u30e1\u30a4\u30f3","theme.NotFound.p1":"\u304a\u63a2\u3057\u306e\u3082\u306e\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002","theme.NotFound.p2":"\u5143\u306eURL\u306b\u30ea\u30f3\u30af\u3057\u305f\u30b5\u30a4\u30c8\u306e\u6240\u6709\u8005\u306b\u9023\u7d61\u3057\u3001\u30ea\u30f3\u30af\u304c\u5207\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u77e5\u3089\u305b\u3066\u304f\u3060\u3055\u3044\u3002","theme.NotFound.title":"\u30da\u30fc\u30b8\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093","theme.TOCCollapsible.toggleButtonLabel":"\u3053\u306e\u30da\u30fc\u30b8","theme.admonition.caution":"\u6ce8\u610f","theme.admonition.danger":"\u5371\u967a","theme.admonition.info":"\u60c5\u5831","theme.admonition.note":"\u30e1\u30e2","theme.admonition.tip":"tip","theme.admonition.warning":"\u8b66\u544a","theme.blog.archive.description":"\u30a2\u30fc\u30ab\u30a4\u30d6","theme.blog.archive.title":"\u30a2\u30fc\u30ab\u30a4\u30d6","theme.blog.paginator.navAriaLabel":"\u30d6\u30ed\u30b0\u4e00\u89a7\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.paginator.newerEntries":"\u65b0\u3057\u3044\u9805\u76ee","theme.blog.paginator.olderEntries":"\u53e4\u3044\u9805\u76ee","theme.blog.post.paginator.navAriaLabel":"\u30d6\u30ed\u30b0\u6295\u7a3f\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.post.paginator.newerPost":"\u65b0\u3057\u3044\u6295\u7a3f","theme.blog.post.paginator.olderPost":"\u4ee5\u524d\u306e\u6295\u7a3f","theme.blog.post.plurals":"1 \u3064\u306e\u6295\u7a3f|{count} \u6295\u7a3f","theme.blog.post.readMore":"\u7d9a\u304d\u3092\u8aad\u3080","theme.blog.post.readMoreLabel":"{title} \u306b\u3064\u3044\u3066\u3082\u3063\u3068\u8aad\u3080","theme.blog.post.readingTime.plurals":"1\u5206\u9593\u306e\u8aad\u307f\u53d6\u308a|{readingTime} \u5206\u9593\u306e\u8aad\u307f\u53d6\u308a","theme.blog.sidebar.navAriaLabel":"\u30d6\u30ed\u30b0\u306e\u6700\u8fd1\u306e\u6295\u7a3f\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.tagTitle":"{nPosts} \u306f \\"{tagName} \\" \u3067\u30bf\u30b0\u4ed8\u3051\u3055\u308c\u3066\u3044\u307e\u3059","theme.colorToggle.ariaLabel":"\u30c0\u30fc\u30af\u30e2\u30fc\u30c9\u3068\u30e9\u30a4\u30c8\u30e2\u30fc\u30c9\u3092\u5207\u308a\u66ff\u3048\u308b (\u73fe\u5728\u306e {mode})","theme.colorToggle.ariaLabel.mode.dark":"\u30c0\u30fc\u30af\u30e2\u30fc\u30c9","theme.colorToggle.ariaLabel.mode.light":"\u30e9\u30a4\u30c8\u30e2\u30fc\u30c9","theme.common.editThisPage":"\u3053\u306e\u30da\u30fc\u30b8\u3092\u7de8\u96c6","theme.common.headingLinkTitle":"{heading} \u3078\u306e\u76f4\u63a5\u30ea\u30f3\u30af","theme.common.skipToMainContent":"\u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u30b9\u30ad\u30c3\u30d7","theme.docs.DocCard.categoryDescription":"{count} \u30a2\u30a4\u30c6\u30e0","theme.docs.breadcrumbs.home":"\u30db\u30fc\u30e0\u30da\u30fc\u30b8","theme.docs.breadcrumbs.navAriaLabel":"\u30d1\u30f3\u304f\u305a\u30ea\u30b9\u30c8","theme.docs.paginator.navAriaLabel":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u30da\u30fc\u30b8","theme.docs.paginator.next":"\u6b21\u3078","theme.docs.paginator.previous":"\u524d","theme.docs.sidebar.closeSidebarButtonAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.collapseButtonAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.collapseButtonTitle":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.expandButtonAriaLabel":"Expand sidebar","theme.docs.sidebar.expandButtonTitle":"Expand sidebar","theme.docs.sidebar.navAriaLabel":"Docs sidebar","theme.docs.sidebar.toggleSidebarButtonAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u306e\u5207\u308a\u66ff\u3048","theme.docs.tagDocListPageTitle":"\u300c{nDocsTagged} \u300d\u306e{tagName}","theme.docs.tagDocListPageTitle.nDocsTagged":"\u30bf\u30b0\u4ed8\u3051\u3055\u308c\u305f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8|{count} \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8","theme.docs.versionBadge.label":"\u30d0\u30fc\u30b8\u30e7\u30f3: {versionLabel}","theme.docs.versions.latestVersionLinkLabel":"\u6700\u65b0\u30d0\u30fc\u30b8\u30e7\u30f3","theme.docs.versions.latestVersionSuggestionLabel":"\u6700\u65b0\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u3064\u3044\u3066\u306f\u3001 {latestVersionLink} ({versionLabel} ) \u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002","theme.docs.versions.unmaintainedVersionLabel":"\u3053\u308c\u306f {siteTitle} {versionLabel}\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u3042\u308a\u3001\u73fe\u5728\u30a2\u30af\u30c6\u30a3\u30d6\u306b\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002","theme.docs.versions.unreleasedVersionLabel":"\u3053\u308c\u306f\u3001 {siteTitle} {versionLabel} \u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u672a\u30ea\u30ea\u30fc\u30b9\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u3059\u3002","theme.lastUpdated.atDate":" {date}","theme.lastUpdated.byUser":" \u4f5c\u6210\u8005\uff1a {user}","theme.lastUpdated.lastUpdatedAtBy":"\u6700\u7d42\u66f4\u65b0{atDate}{byUser}","theme.navbar.mobileLanguageDropdown.label":"\u8a00\u8a9e","theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel":"\u2192 \u30e1\u30a4\u30f3\u30e1\u30cb\u30e5\u30fc\u306b\u623b\u308b","theme.navbar.mobileVersionsDropdown.label":"\u30d0\u30fc\u30b8\u30e7\u30f3","theme.tags.tagsListLabel":"\u30bf\u30b0:","theme.tags.tagsPageLink":"\u3059\u3079\u3066\u306e\u30bf\u30b0\u3092\u8868\u793a","theme.tags.tagsPageTitle":"\u30bf\u30b0","theme.unlistedContent.message":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u30ea\u30b9\u30c8\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u306f\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u4f5c\u6210\u305b\u305a\u3001\u30c0\u30a4\u30ec\u30af\u30c8\u30ea\u30f3\u30af\u3092\u6301\u3064\u30e6\u30fc\u30b6\u30fc\u306e\u307f\u304c\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002","theme.unlistedContent.title":"\u30ea\u30b9\u30c8\u3055\u308c\u3066\u3044\u306a\u3044\u30da\u30fc\u30b8","footer.status":"\u30b9\u30c6\u30fc\u30bf\u30b9","footer.roadmap":"\u30ed\u30fc\u30c9\u30de\u30c3\u30d7","footer.changelog":"\u66f4\u65b0\u5c65\u6b74","footer.media":"\u30e1\u30c7\u30a3\u30a2\u30ad\u30c3\u30c8","ai_header.solutions_title.image_generator":"AI\u753b\u50cf\u751f\u6210\u30c4\u30fc\u30eb","ai_header.solutions_title.ai_voice_generator":"AI\u97f3\u58f0\u751f\u6210\u30c4\u30fc\u30eb","ai_header.solutions_title.dashboard":"\u30c7\u30fc\u30bf\u5206\u6790\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9","ai_header.solutions_title.cms":"\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406","ai_header.solutions_title.crm":"\u55b6\u696dCRM","ai_header.solutions_title.admin_panel":"\u7ba1\u7406\u30d1\u30cd\u30eb","footer.table":"\u8868","footer.chart":"\u30b0\u30e9\u30d5","footer.upload":"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","footer.switch":"\u5207\u308a\u66ff\u3048","footer.select":"\u9078\u629e","footer.radio_group":"\u7121\u7dda\u30b0\u30eb\u30fc\u30d7","footer.checkbox_group":"\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30b0\u30eb\u30fc\u30d7","footer.pdf":"PDF","footer.video":"\u30d3\u30c7\u30aa","footer.mysql":"MySQL","footer.postgre":"PostgreSQL","footer.mongodb":"MongoDB","footer.firebase":"Firebase","footer.elasticsearch":"Elastic Search","footer.mssql":"Microsoft SQL Server","footer.supabase":"Supabase","footer.dynamo":"DynamoDB","footer.hf":"\u9854\u63a8\u8ad6API \u3092\u30cf\u30b0\u3059\u308b","footer.components":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","footer.integrations":"\u7d71\u5408","ai_header.solutions_title.solutions":"\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3","footer.company":"\u4f1a\u793e\u540d","footer.community":"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3","slogan-1":"AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","footer.privacy-policy":"\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc","footer.terms-of-service":"\u5229\u7528\u898f\u7d04","ai_header.solutions_sub_title.solutions_by_use_case":"\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u5225\u306e\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3","ai_header.solutions_description.image_generator":"AI\u3092\u4f7f\u7528\u3057\u3066\u753b\u50cf\u3092\u751f\u6210\u3057\u307e\u3059\u3002\u30a2\u30a4\u30c7\u30a2\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u3088\u308a\u52b9\u7387\u7684\u306b\u884c\u3044\u307e\u3059\u3002","ai_header.solutions_description.ai_voice_generator":"\u7ffb\u8a33\u3084\u5439\u304d\u66ff\u3048\u306b\u3088\u308a\u3001\u3055\u307e\u3056\u307e\u306a\u8a00\u8a9e\u5730\u57df\u5411\u3051\u306e\u30d3\u30c7\u30aa\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u52b9\u7387\u7684\u306a\u5236\u4f5c\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002","ai_header.solutions_description.dashboard":"\u5305\u62ec\u7684\u306a\u30c7\u30fc\u30bf\u5206\u6790\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u69cb\u7bc9\u3057\u3001\u6700\u5c0f\u9650\u306e\u6295\u8cc7\u3067\u30d3\u30b8\u30cd\u30b9\u6210\u9577\u3092\u63a8\u9032\u3057\u307e\u3059\u3002","ai_header.solutions_description.cms":"\u3069\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001\u30a6\u30a7\u30d6\u3001\u307e\u305f\u306f\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u3067\u3082\u4e00\u8cab\u3057\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u4f53\u9a13\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","ai_header.solutions_description.crm":"\u3088\u308a\u901f\u304f\u53d6\u5f15\u3092\u30af\u30ed\u30fc\u30ba\u3059\u308b\u305f\u3081\u306e\u512a\u308c\u305f\u55b6\u696dCRM\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3","ai_header.solutions_description.admin_panel":"\u30c7\u30fc\u30bf\u306e\u7ba1\u7406\u3084\u64cd\u4f5c\u3092\u884c\u3046\u305f\u3081\u306e\u7ba1\u7406\u30d1\u30cd\u30eb\u309210\u500d\u306e\u901f\u5ea6\u3067\u69cb\u7bc9\u3057\u307e\u3059\u3002","nav.resource":"\u30ea\u30bd\u30fc\u30b9","sub_nav.resource.integrations":"\u7d71\u5408","sub_nav.resource.components":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","nav.pricing":"\u4fa1\u683c","nav.doc":"Doc","nav.blog":"\u30d6\u30ed\u30b0","nav.login":"\u30ed\u30b0\u30a4\u30f3","nav.signup":"\u7121\u6599\u3067\u59cb\u3081\u308b","blog.scroll_down":"ILLA \u30af\u30e9\u30a6\u30c9\u3092\u4f7f\u3063\u3066AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","blog.blog_desc_left_title":"\u5185\u90e8\u30c4\u30fc\u30eb\u3067\u82e6\u52b4\u3057\u3066\u3044\u307e\u3059\u304b\uff1f","blog.blog_desc_left_desc":"ILLA Cloud\u3092\u4f7f\u3063\u3066CRUD\u30a2\u30d7\u30ea\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u7ba1\u7406\u30d1\u30cd\u30eb\u3001\u30bb\u30fc\u30eb\u30b9CRM\u3001AI\u753b\u50cf\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\u306a\u3069\u306e\u69cb\u7bc9\u3092\u6570\u5206\u3067\u958b\u59cb\u3057\u307e\u3057\u3087\u3046\uff01","pricing.sub-title":"AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","pricing.title":"\u4fa1\u683c","pricing.page-desc":"ILLA Cloud Billing \u306e\u5c0e\u5165\u306b\u3088\u308a\u3001\u76e3\u67fb\u30ed\u30b0\u3084\u516c\u958b\u30a2\u30d7\u30ea\u306a\u3069\u306e\u7279\u5225\u306a\u6a5f\u80fd\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002 \u8acb\u6c42\u30b7\u30b9\u30c6\u30e0\u306f\u3001\u30aa\u30fc\u30ca\u30fc\u3001\u7ba1\u7406\u8005\u3001\u7de8\u96c6\u8005\u306e\u5f79\u5272\u3092\u542b\u3080\u7de8\u96c6\u6a29\u9650\u3092\u6301\u3064\u30e1\u30f3\u30d0\u30fc\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002 \u8cfc\u8aad\u3059\u308b\u3068\u3001\u7121\u5236\u9650\u306e\u8996\u8074\u8005\u3092\u8ffd\u52a0\u6599\u91d1\u306a\u3057\u3067\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002","blog.meta.title":"ILLA\u30d6\u30ed\u30b0","blog.meta.description":"\u958b\u767a\u8005\u306e\u305f\u3081\u306e\u77e5\u8b58\u306e\u6052\u4f8b\u306e\u30ea\u30dd\u30b8\u30c8\u30ea\u3067\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3084\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u958b\u767a\u3001AI\u3001\u30ed\u30fc\u30b3\u30fc\u30c9\u3001ILLA Cloud\u306a\u3069\u306e\u5e45\u5e83\u3044\u5206\u91ce\u3092\u7db2\u7f85\u3057\u3066\u3044\u307e\u3059\u3002 \u3053\u3053\u3067\u306f\u3001\u6700\u5148\u7aef\u306e\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306b\u6ca1\u982d\u3057\u3001\u65b0\u305f\u306a\u30c8\u30ec\u30f3\u30c9\u3092\u6398\u308a\u4e0b\u3052\u3001\u6d3b\u6c17\u306e\u3042\u308b\u7d4c\u9a13\u306e\u4ea4\u63db\u306b\u53d6\u308a\u7d44\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","meta.title":"ILLA Cloud | AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","meta.description":"AI Agent \u3068\u9ad8\u5ea6\u306a\u30ed\u30fc\u30b3\u30fc\u30c9\u30c4\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059","faq.title":"\u3088\u304f\u5bc4\u305b\u3089\u308c\u308b\u8cea\u554f","faq.content.0.question":"ILLA AI\u3067\u306f\u3069\u306e\u3088\u3046\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u304b?","faq.content.0.answer":"\u5fc5\u8981\u306a\u3042\u3089\u3086\u308b\u5185\u90e8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3084AI\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001AI\u3092\u5185\u90e8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u7d71\u5408\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u7ba1\u7406\u30d1\u30cd\u30eb\u3001\u30d5\u30a1\u30a4\u30eb\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u3001\u9867\u5ba2\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3001\u30c6\u30ad\u30b9\u30c8\u751f\u6210\u30c4\u30fc\u30eb\u3001\u753b\u50cf\u751f\u6210\u30c4\u30fc\u30eb\u3001\u96fb\u5b50\u30e1\u30fc\u30eb\u751f\u6210\u30c4\u30fc\u30eb\u306a\u3069\u3067\u3059\u3002","faq.content.1.question":"\u8ab0\u304cILLA\u30af\u30e9\u30a6\u30c9\u3092\u5229\u7528\u3067\u304d\u307e\u3059\u304b?","faq.content.1.answer":"\u30d7\u30ed\u30c0\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3001\u30d5\u30eb\u30b9\u30bf\u30c3\u30af\u958b\u767a\u8005\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3001\u30c7\u30fc\u30bf\u30a2\u30ca\u30ea\u30b9\u30c8\u306e\u3044\u305a\u308c\u3067\u3082... nynone \u306f ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059: \u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308b\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u8a2d\u8a08\u304b\u3089\u3001\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3068\u306e\u7d71\u5408\u3001\u304a\u3088\u3073 AI \u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u305f\u30af\u30a8\u30ea\u306e\u751f\u6210\u307e\u3067\u3002 ILLA\u306f\u3001\u4e0d\u5fc5\u8981\u306a\u8907\u96d1\u6027\u3092\u6392\u9664\u3059\u308b\u5408\u7406\u5316\u3055\u308c\u305f\u7d4c\u9a13\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u72ec\u81ea\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b\u3001\u6280\u8853\u306e\u5c02\u9580\u5bb6\u3067\u3042\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002","faq.content.2.question":"ILLA \u30af\u30e9\u30a6\u30c9\u304b\u3089\u3069\u306e\u3088\u3046\u306b\u5229\u76ca\u3092\u5f97\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u304b?","faq.content.2.answer":"ILLA AI\u306f\u3001\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u30b3\u30b9\u30c8\u3092\u524a\u6e1b\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u5e0c\u671b\u3059\u308b\u3042\u3089\u3086\u308bAI\u6a5f\u80fd\u3092\u7d71\u5408\u3057\u307e\u3059\u3002 \u4ed5\u4e8b\u3092\u52b9\u7387\u5316\u3057\u8cb4\u91cd\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u77ed\u6642\u9593\u3067\u751f\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059","faq.content.3.question":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u7279\u5b9a\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b?","faq.content.3.answer":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306f\u5927\u898f\u6a21\u306a\u8a00\u8a9e\u30e2\u30c7\u30eb\u306b\u57fa\u3065\u3044\u3066\u304a\u308a\u3001\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u3092\u5b9f\u884c\u3059\u308b\u3088\u3046\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002 \u30d3\u30b8\u30cd\u30b9\u8981\u4ef6\u306b\u57fa\u3065\u3044\u3066\u3001AI Agent \u306e\u52d5\u4f5c\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002 ILLA Builder\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306b\u30c7\u30fc\u30bf\u3092\u5165\u529b\u3057\u3001\u30c6\u30ad\u30b9\u30c8\u51e6\u7406\u306a\u3069\u306e\u6307\u5b9a\u3055\u308c\u305f\u30bf\u30b9\u30af\u3092\u9054\u6210\u3059\u308b\u305f\u3081\u306b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u753b\u50cf\u8a8d\u8b58\u3068\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u3067\u3059","faq.content.4.question":"ILLA\u306f\u3069\u306e\u3088\u3046\u306a\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u304b?","faq.content.4.answer":"ILLA\u306f\u3001PostgreSQL\u3001MongoDB\u3001REST API\u3001GraphQL\u3001Google Sheet\u306a\u3069\u3001\u3055\u307e\u3056\u307e\u306a\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3068\u306e\u7d71\u5408\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002 \u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u4efb\u610f\u306e\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u63a5\u7d9a\u3067\u304d\u308b\u305f\u3081\u3001\u76ee\u7684\u306e\u30c7\u30fc\u30bf\u306b\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002","faq.content.5.question":"ILLA \u30af\u30e9\u30a6\u30c9\u30e6\u30fc\u30b6\u30fc\u306e\u6280\u8853\u30b5\u30dd\u30fc\u30c8\u306f\u3042\u308a\u307e\u3059\u304b?","faq.content.5.answer":"\u306f\u3044\u3001ILLA \u30af\u30e9\u30a6\u30c9\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u6280\u8853\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u6a5f\u80fd\u306b\u95a2\u3059\u308b\u554f\u984c\u3084\u8cea\u554f\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30b5\u30dd\u30fc\u30c8\u30c1\u30fc\u30e0\u307e\u3067\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002 ILLA Cloud\u3067\u30b7\u30fc\u30e0\u30ec\u30b9\u306a\u4f53\u9a13\u3092\u304a\u5c4a\u3051\u3059\u308b\u3053\u3068\u306b\u5c02\u5ff5\u3057\u3066\u3044\u307e\u3059\u3002","pricing.meta-desc":"\u3059\u3079\u3066\u306e\u500b\u3005\u306e\u958b\u767a\u8005\u3084\u5c0f\u898f\u6a21\u30c1\u30fc\u30e0\u304c\u5185\u90e8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u306e\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066\u306e\u6a5f\u80fd\u3092\u5099\u3048\u305f\u7121\u6599\u7248\u3067\u958b\u59cb\u3067\u304d\u307e\u3059\u3002","pricing.billing.pricing.premium.feature.builder.viewer":"\u7121\u5236\u9650\u306e\u30d3\u30e5\u30fc\u30a2\u30fc\u3067\u7121\u6599","pricing.billing.pricing.premium.feature.builder.audit_log":"\u76e3\u67fb\u30ed\u30b0","pricing.billing.pricing.premium.feature.builder.public":"\u30a2\u30d7\u30ea\u306e\u516c\u958b","pricing.billing.pricing.premium.feature.builder.sql":"AI SQL\u751f\u6210","pricing.billing.pricing.premium.feature.builder.history":"\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u7de8\u96c6\u5c65\u6b74\u3068\u5fa9\u5143","pricing.billing.pricing.premium.feature.builder.theme":"\u30ab\u30b9\u30bf\u30e0\u30c6\u30fc\u30de\uff08\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a\uff09","pricing.billing.pricing.premium.feature.builder.multi_environment":"\u8907\u6570\u74b0\u5883\uff08\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a\uff09","pricing.billing.pricing.premium.feature.builder.deployed_version":"\u30c7\u30d7\u30ed\u30a4\u3055\u308c\u305f\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u4fdd\u6301\u3057\u3066\u5fa9\u5143\uff08\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a\uff09","pricing.billing.pricing.premium.feature.agent.gpt":"GPT-4\u3084GPT-3.5-turbo-16k\u306a\u3069\u3001\u3055\u307e\u3056\u307e\u306a\u30e2\u30c7\u30eb\u306b\u30a2\u30af\u30bb\u30b9","pricing.billing.pricing.colla.feature.storage":"\u30b9\u30c8\u30ec\u30fc\u30b8","pricing.billing.pricing.colla.feature.traffic":"\u30c8\u30e9\u30d5\u30a3\u30c3\u30af","pricing.billing.pricing.colla.feature.token":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8","pricing.faq.title":"\u3088\u304f\u3042\u308b\u8cea\u554f","pricing.faq.content.0.question":"\u8ab2\u91d1\u5bfe\u8c61\u3068\u306a\u308b\u30e6\u30fc\u30b6\u30fc\u306f\u8ab0\u3067\u3059\u304b\uff1f","pricing.faq.content.0.answer":"\u7de8\u96c6\u6a29\u9650\uff08\u30a8\u30c7\u30a3\u30bf\u30fc\uff09\u3092\u6301\u3064\u30e6\u30fc\u30b6\u30fc\u304c\u8ab2\u91d1\u5bfe\u8c61\u3067\u3059\u3002","pricing.faq.content.1.question":"\u7570\u306a\u308b\u30bf\u30a4\u30d7\u306e\u30a8\u30c7\u30a3\u30bf\u30fc\u306f\u3042\u308a\u307e\u3059\u304b\uff1f","pricing.faq.content.1.answer":"\u7570\u306a\u308b\u30bf\u30a4\u30d7\u306e\u30a8\u30c7\u30a3\u30bf\u30fc\u306b\u306f\u30aa\u30fc\u30ca\u30fc\u3001\u7ba1\u7406\u8005\u3001\u30a8\u30c7\u30a3\u30bf\u30fc\u304c\u3042\u308a\u307e\u3059\u3002","pricing.faq.content.2.question":"\u30d3\u30e5\u30fc\u30a2\u30fc\u306f\u88fd\u54c1\u306e\u4f7f\u7528\u6599\u91d1\u304c\u304b\u304b\u308a\u307e\u3059\u304b\uff1f","pricing.faq.content.2.answer":"\u3044\u3044\u3048\u3001\u30d3\u30e5\u30fc\u30a2\u30fc\u306f\u88fd\u54c1\u306e\u4f7f\u7528\u6599\u91d1\u306f\u304b\u304b\u308a\u307e\u305b\u3093\u3002","pricing.faq.content.3.question":"\u30d3\u30e5\u30fc\u30a2\u30fc\u3092\u62db\u5f85\u3059\u308b\u306b\u306f\u3069\u3046\u3059\u308c\u3070\u3088\u3044\u3067\u3059\u304b\uff1f","pricing.faq.content.3.answer":"\u30d3\u30e5\u30fc\u30a2\u30fc\u3092\u62db\u5f85\u3059\u308b\u306b\u306f\u3001\u30c1\u30fc\u30e0\u3092\u30d7\u30e9\u30b9\u3001\u30d7\u30ec\u30df\u30a2\u30e0\u3001\u307e\u305f\u306f\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30d7\u30e9\u30f3\u306b\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3057\u3001\u30e1\u30fc\u30eb\u307e\u305f\u306f\u30ea\u30f3\u30af\u3092\u4ecb\u3057\u3066\u30e6\u30fc\u30b6\u30fc\u3092\u62db\u5f85\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002","pricing.faq.content.4.question":"ILLA Cloud\u306f\u3069\u306e\u3088\u3046\u306a\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u304b\uff1f","pricing.faq.content.4.answer":"ILLA Builder\u3001ILLA Drive\u3001AI Agent\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002","pricing.faq.content.5.question":"ILLA Drive\u3068\u306f\u4f55\u3067\u3059\u304b\uff1f","pricing.faq.content.5.answer":"ILLA Drive\u306f\u3001\u4f1a\u793e\u306e\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3084\u4ed6\u306e\u88fd\u54c1\u3092\u901a\u3058\u3066\u4efb\u610f\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u4fdd\u5b58\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u914d\u4fe1\u3059\u308b\u305f\u3081\u306eCDN\uff08\u30b3\u30f3\u30c6\u30f3\u30c4\u30c7\u30ea\u30d0\u30ea\u30fc\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\uff09\u3067\u3059\u3002\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u306e\u5229\u7528\u6599\u91d1\u306f\u5225\u9014\u8acb\u6c42\u3055\u308c\u307e\u3059\u3002","pricing.faq.content.6.question":"AI Agent\u3068\u306f\u4f55\u3067\u3059\u304b\uff1f","pricing.faq.content.6.answer":"\u6211\u3005\u306f\u3001\u30d7\u30ed\u30f3\u30d7\u30c8\u306e\u5c02\u9580\u5bb6\u3084\u611b\u597d\u5bb6\u306b\u3088\u3063\u3066\u63d0\u4f9b\u3055\u308c\u308b\u6570\u5343\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u5099\u3048\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\u8ab0\u3067\u3082\u3053\u308c\u3089\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u5b9f\u884c\u307e\u305f\u306f\u4fee\u6b63\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","pricing.faq.content.7.question":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u4f7f\u7528\u6599\u91d1\u306f\u3069\u306e\u3088\u3046\u306b\u8acb\u6c42\u3055\u308c\u307e\u3059\u304b\uff1f","pricing.faq.content.7.answer":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u4f7f\u7528\u6599\u91d1\u306b\u95a2\u3057\u3066\u306f\u3001ILLA\u5185\u306e\u8ab2\u91d1\u6982\u5ff5\u3067\u3042\u308bColla\u306b\u57fa\u3065\u3044\u3066\u8acb\u6c42\u3055\u308c\u307e\u3059\u3002Colla\u306f\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u30e9\u30f3\u30bf\u30a4\u30e0\u4e2d\u306b\u6d88\u8cbb\u3055\u308c\u308b\u30ea\u30bd\u30fc\u30b9\u3092\u8a08\u6e2c\u3057\u307e\u3059\u3002","landingPage.components.meta.title":"ILLA \u30af\u30e9\u30a6\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPage.components.meta.description":"\u4e8b\u524d\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001ILLA Cloud \u3067\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPage.components.headerContent.title":"\u7d44\u307f\u8fbc\u307f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30e9\u30a4\u30d6\u30e9\u30ea","landingPage.components.headerContent.description":"ILLA\u306f\u3001\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u7bc4\u56f2\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u7c21\u5358\u306b\u69cb\u7bc9\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a2\u30af\u30b7\u30e7\u30f3\u306b\u5fdc\u7b54\u3057\u3001\u7c21\u5358\u306a\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u64cd\u4f5c\u3067\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002 ILLA\u3067\u306f\u3001\u30c6\u30fc\u30d6\u30eb\u3001\u30b0\u30e9\u30d5\u3001\u30d5\u30a9\u30fc\u30e0\u3001\u30ea\u30b9\u30c8\u306a\u3069\u306e\u8907\u96d1\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPage.components.headerContent.btnText":"\u7121\u6599\u3067\u8a66\u3059","landingPage.components.classify.inputs.title":"Inputs","landingPage.components.classify.inputs.upload.title":"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","landingPage.components.classify.inputs.upload.description":"ILLA Cloud\u306e\u300c\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u4efb\u610f\u306e\u7a2e\u985e\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPage.components.classify.inputs.switch.title":"\u5207\u308a\u66ff\u3048","landingPage.components.classify.inputs.switch.description":"ILLA Cloud\u306e\u300c\u30b9\u30a4\u30c3\u30c1\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u8a2d\u5b9a\u3084\u6a5f\u80fd\u3092\u30aa\u30f3\u307e\u305f\u306f\u30aa\u30d5\u306b\u3067\u304d\u308b\u30c8\u30b0\u30eb\u30b9\u30a4\u30c3\u30c1\u304c\u3042\u308a\u307e\u3059\u3002","landingPage.components.classify.inputs.select.title":"\u9078\u629e","landingPage.components.classify.inputs.select.description":"ILLA Cloud\u306e\u300c\u9078\u629e\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30ea\u30b9\u30c8\u304b\u3089\u9078\u629e\u3067\u304d\u308b\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002 \u30c7\u30fc\u30bf\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306e\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u3067\u30b9\u30da\u30fc\u30b9\u52b9\u7387\u306e\u826f\u3044\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059","landingPage.components.classify.inputs.radioGroup.title":"\u7121\u7dda\u30b0\u30eb\u30fc\u30d7","landingPage.components.classify.inputs.radioGroup.description":"ILLA Cloud\u306e\u300cRadio Group\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u304c\u9078\u629e\u80a2\u306e\u30ea\u30b9\u30c8\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u7121\u7dda\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002 \u30c7\u30fc\u30bf\u306e\u5165\u529b\u3068\u7ba1\u7406\u306e\u7c21\u5358\u3067\u660e\u78ba\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059","landingPage.components.classify.inputs.checkboxGroup.title":"CheckboxGroup","landingPage.components.classify.inputs.checkboxGroup.description":"ILLA Cloud\u306e\u300cCheckbox Group\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u304c\u30ea\u30b9\u30c8\u304b\u3089\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002 \u30c7\u30fc\u30bf\u3092\u7c21\u5358\u304b\u3064\u52b9\u7387\u7684\u306b\u7ba1\u7406\u3059\u308b\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059","landingPage.components.classify.data.title":"\u30c7\u30fc\u30bf","landingPage.components.classify.inputs.chart.title":"\u30b0\u30e9\u30d5","landingPage.components.classify.inputs.chart.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30c1\u30e3\u30fc\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30f3\u30af\u3055\u308c\u305f\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u3066\u8907\u6570\u306e\u7a2e\u985e\u306e\u30c1\u30e3\u30fc\u30c8\u3092\u8868\u793a\u3057\u307e\u3059\u3002 \u8907\u96d1\u306a\u30c7\u30fc\u30bf\u306e\u660e\u78ba\u3067\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u306a\u8868\u73fe\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPage.components.classify.inputs.tables.title":"\u30c6\u30fc\u30d6\u30eb","landingPage.components.classify.inputs.tables.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u8868\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u8868\u5f62\u5f0f\u3067\u8868\u793a\u3057\u307e\u3059\u3002 \u5927\u91cf\u306e\u60c5\u5831\u3092\u4e00\u76ee\u3067\u8868\u793a\u3001\u4e26\u3079\u66ff\u3048\u3001\u5206\u6790\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPage.components.classify.Presentation.title":"\u30d7\u30ec\u30bc\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3","landingPage.components.classify.inputs.pdf.title":"PDF","landingPage.components.classify.inputs.pdf.description":"ILLA Cloud\u306e\u300cPDF\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306ePDF\u30d5\u30a1\u30a4\u30eb\u3092\u8868\u793a\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u8868\u793a\u8981\u7d20\u3067\u3059\u3002","landingPage.components.classify.inputs.video.title":"\u30d3\u30c7\u30aa","landingPage.components.classify.inputs.video.description":"ILLA Cloud\u306e\u300cVideo\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d3\u30c7\u30aa\u3092\u518d\u751f\u3057\u3001\u5bfe\u8a71\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3059\u308b\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u8981\u7d20\u3067\u3059\u3002","landingPage.integrations.meta.title":"ILLA \u30af\u30e9\u30a6\u30c9\u7d71\u5408","landingPage.integrations.meta.description":"\u7d71\u5408\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c7\u30fc\u30bf\u30ea\u30bd\u30fc\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u4f5c\u696d\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPage.integrations.headerContent.title":"\u4efb\u610f\u306e\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a","landingPage.integrations.headerContent.description":"\u30e1\u30a4\u30f3\u30b9\u30c8\u30ea\u30fc\u30e0\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3084API\u7d4c\u7531\u3067\u63a5\u7d9a\u3055\u308c\u305f\u3042\u3089\u3086\u308b\u30c7\u30fc\u30bf\u306b\u63a5\u7d9a\u3059\u308b\u6a5f\u80fd\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002 ILLA Cloud \u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u958b\u767a\u8005\u306f\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u53d6\u5f97\u3057\u305f\u30c7\u30fc\u30bf\u3092\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u7dca\u5bc6\u306b\u7d71\u5408\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u958b\u767a\u8005\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u30a4\u30d9\u30f3\u30c8\u306b\u5fdc\u7b54\u3059\u308b\u30ea\u30bd\u30fc\u30b9\u3084\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u547c\u3073\u51fa\u3057\u3092\u8a18\u8ff0\u3057\u3001\u5e83\u7bc4\u306a\u60c5\u5831\u64cd\u4f5c\u3092\u5b9f\u73fe\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPage.integrations.headerContent.btnText":"\u7121\u6599\u3067\u8a66\u3059","landingPage.integrations.classify.database.title":"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7d71\u5408","landingPage.integrations.classify.database.mysql.description":"\u52b9\u7387\u7684\u306a\u30c7\u30fc\u30bf\u306e\u4fdd\u5b58\u3068\u53d6\u5f97\u3092\u53ef\u80fd\u306b\u3059\u308b\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.postgreSQL.description":"\u5b89\u5b9a\u6027\u3068\u4fe1\u983c\u6027\u3067\u77e5\u3089\u308c\u308b\u9ad8\u5ea6\u306a\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.mariadb.description":"\u5f37\u5316\u3055\u308c\u305f\u6a5f\u80fd\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6539\u5584\u3092\u5099\u3048\u305fMySQL\u306e\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u4e3b\u5c0e\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u30d5\u30a9\u30fc\u30af\u3002","landingPage.integrations.classify.database.tidb.description":"\u6c34\u5e73\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3\u3068\u30d5\u30a9\u30eb\u30c8\u30c8\u30ec\u30e9\u30f3\u30b9\u3092\u5099\u3048\u305fSQL\u3068NoSQL\u306e\u4e21\u65b9\u306e\u30ef\u30fc\u30af\u30ed\u30fc\u30c9\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u5206\u6563SQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3002","landingPage.integrations.classify.database.redis.description":"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3001\u304a\u3088\u3073\u30e1\u30c3\u30bb\u30fc\u30b8\u30d6\u30ed\u30fc\u30ab\u30fc\u3068\u3057\u3066\u3088\u304f\u4f7f\u7528\u3055\u308c\u308b\u30a4\u30f3\u30e1\u30e2\u30ea\u30c7\u30fc\u30bf\u69cb\u9020\u30b9\u30c8\u30a2\u3002","landingPage.integrations.classify.database.appwrite.description":"Web\u304a\u3088\u3073\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a8d\u8a3c\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u304a\u3088\u3073\u30b9\u30c8\u30ec\u30fc\u30b8\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d0\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPage.integrations.classify.database.mongodb.description":"JSON\u306b\u4f3c\u305f\u67d4\u8edf\u306a\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u30c7\u30fc\u30bf\u3092\u683c\u7d0d\u3059\u308bNoSQL\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3002","landingPage.integrations.classify.database.oracleDB.description":"\u9ad8\u6027\u80fd\u3067\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u306a\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3067\u3001\u5305\u62ec\u7684\u306a\u6a5f\u80fd\u3068\u30c4\u30fc\u30eb\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPage.integrations.classify.database.elasticSearch.description":"\u5927\u91cf\u306e\u30c7\u30fc\u30bf\u3092\u6271\u3048\u308b\u5206\u6563\u578b\u306eRESTful\u691c\u7d22\u3068\u5206\u6790\u30a8\u30f3\u30b8\u30f3\u3002","landingPage.integrations.classify.database.couchDB.description":"\u5897\u5206\u30ec\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u7af6\u5408\u691c\u51fa\u3092\u5099\u3048\u305f\u5206\u6563\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u63d0\u4f9b\u3059\u308b NoSQL \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u6307\u5411\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3002","landingPage.integrations.classify.database.firebase.description":"\u30e2\u30d0\u30a4\u30eb\u304a\u3088\u3073Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u8a8d\u8a3c\u3001\u30af\u30e9\u30a6\u30c9\u30e1\u30c3\u30bb\u30fc\u30b8\u30f3\u30b0\u306a\u3069\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPage.integrations.classify.database.mssql.description":"\u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3\u51e6\u7406\u3001\u30d3\u30b8\u30cd\u30b9\u30a4\u30f3\u30c6\u30ea\u30b8\u30a7\u30f3\u30b9\u3001\u5206\u6790\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308bMicrosoft\u306b\u3088\u3063\u3066\u958b\u767a\u3055\u308c\u305f\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.supabaseDB.description":"\u30aa\u30f3\u30e9\u30a4\u30f3\u5206\u6790\u51e6\u7406(OLAP)\u30ef\u30fc\u30af\u30ed\u30fc\u30c9\u7528\u306b\u8a2d\u8a08\u3055\u308c\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u5217\u6307\u5411\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.neon.description":"\u5b8c\u5168\u306b\u7ba1\u7406\u3055\u308c\u305f\u30de\u30eb\u30c1\u30af\u30e9\u30a6\u30c9Postgres\u306f\u3001\u5bdb\u5927\u306a\u7121\u6599\u306e\u968e\u5c64\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002\u79c1\u305f\u3061\u306f\u3001\u81ea\u52d5\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3001\u5206\u5c90\u3001\u304a\u3088\u3073\u5e95\u306a\u3057\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306b\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u8a08\u7b97\u3092\u5206\u96e2\u3057\u307e\u3057\u305f\u3002","landingPage.integrations.classify.database.hydra.description":"Postgres\u4e0a\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u5217\u6307\u5411\u306eRDBMS","landingPage.integrations.classify.database.dynamoDB.description":"\u9ad8\u6027\u80fd\u3001\u62e1\u5f35\u6027\u3001\u4fe1\u983c\u6027\u3092\u63d0\u4f9b\u3059\u308b\u5b8c\u5168\u306b\u7ba1\u7406\u3055\u308c\u305fNoSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30b5\u30fc\u30d3\u30b9\u3002","landingPage.integrations.classify.database.snowflake.description":"\u5927\u898f\u6a21\u306a\u30c7\u30fc\u30bf\u306e\u4fdd\u5b58\u3068\u5206\u6790\u306e\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30c7\u30fc\u30bf\u30a6\u30a7\u30a2\u30cf\u30a6\u30b8\u30f3\u30b0\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPage.integrations.classify.api.title":"API\u9023\u643a","landingPage.integrations.classify.api.hfAPI.description":"\u63a8\u8ad6\u30bf\u30b9\u30af\u306e\u305f\u3081\u306e\u4f7f\u3044\u3084\u3059\u3044\u4e8b\u524d\u8a13\u7df4\u6e08\u307f\u306e\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u3092\u63d0\u4f9b\u3059\u308bAPI\u3002","landingPage.integrations.classify.api.hfEndpoint.description":"\u63a8\u8ad6\u30bf\u30b9\u30af\u7528\u306e Hug Face \u30e2\u30c7\u30eb\u306e\u5c55\u958b\u3068\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3092\u5bb9\u6613\u306b\u3059\u308b\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3002","landingPage.integrations.classify.api.restAPI.description":"HTTP\u30d7\u30ed\u30c8\u30b3\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3068\u30b5\u30fc\u30d0\u30fc\u9593\u3067\u30c7\u30fc\u30bf\u3092\u4ea4\u63db\u3059\u308bWeb\u30b5\u30fc\u30d3\u30b9\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306eWeb\u30d9\u30fc\u30b9\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u30b9\u30bf\u30a4\u30eb\u3002","landingPage.integrations.classify.api.s3.description":"\u3055\u307e\u3056\u307e\u306a\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u306b\u5408\u308f\u305b\u3066\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u3067\u5b89\u5168\u3067\u8010\u4e45\u6027\u306e\u3042\u308b\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u63d0\u4f9b\u3059\u308b\u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30b9\u30c8\u30ec\u30fc\u30b8\u30b5\u30fc\u30d3\u30b9\u3002","landingPage.integrations.classify.api.smtp.description":"\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u4e0a\u3067\u96fb\u5b50\u30e1\u30fc\u30eb\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u53d7\u4fe1\u3059\u308b\u305f\u3081\u306e\u30d7\u30ed\u30c8\u30b3\u30eb\u3002","landingPage.integrations.classify.api.graphQL.description":"\u5f93\u6765\u306eREST API\u306b\u4ee3\u308f\u308b\u3001\u3088\u308a\u52b9\u7387\u7684\u3067\u5f37\u529b\u3067\u67d4\u8edf\u306aAPI\u306e\u30af\u30a8\u30ea\u8a00\u8a9e\u3002","landingPage.integrations.classify.api.googleSheets.description":"\u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u3002\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u4ed6\u306e\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u3001\u7de8\u96c6\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPage.integrations.classify.api.airtable.description":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u30c7\u30fc\u30bf\u3001\u30c1\u30fc\u30e0\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u67d4\u8edf\u3067\u5354\u8abf\u7684\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","blog.all_posts":"\u3059\u3079\u3066\u306e\u6295\u7a3f","blog.all_posts_desc_bold":"ILLA\u30d6\u30ed\u30b0","blog.all_posts_desc":"|\u958b\u767a\u8005\u5411\u3051\u306e\u6052\u661f\u578b\u77e5\u8b58\u30ea\u30dd\u30b8\u30c8\u30ea\u3067\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3084\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u958b\u767a\u3001AI\u3001\u30ed\u30fc\u30b3\u30fc\u30c9\u3001ILLA Cloud\u306a\u3069\u306e\u5e45\u5e83\u3044\u5206\u91ce\u3092\u7db2\u7f85\u3057\u3066\u3044\u307e\u3059\u3002 \u3053\u3053\u3067\u306f\u3001\u6700\u5148\u7aef\u306e\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306b\u6ca1\u982d\u3057\u3001\u65b0\u305f\u306a\u30c8\u30ec\u30f3\u30c9\u3092\u6398\u308a\u4e0b\u3052\u3001\u6d3b\u6c17\u306e\u3042\u308b\u7d4c\u9a13\u306e\u4ea4\u63db\u306b\u53d6\u308a\u7d44\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","theme.blog.posts_tagged_with":"\u30bf\u30b0\u4ed8\u3051\u3055\u308c\u305f\u6295\u7a3f","footer.less":"\u8868\u793a\u3092\u6e1b\u3089\u3059","footer.more":"\u8a73\u7d30\u3092\u8868\u793a","nav.contact":"\u30c7\u30e2\u3092\u4e88\u7d04\u3059\u308b","website_4.solution.use_this_template":"Jetzt versuchen","call-to-action.title":"ILLA \u30af\u30e9\u30a6\u30c9\u3092\u4f7f\u3063\u305f\u30a2\u30d7\u30ea\u306e\u69cb\u7bc9\u3092\u958b\u59cb","call-to-action.desc":"\u5fc5\u8981\u306a\u3042\u3089\u3086\u308b\u5185\u90e8\u30c4\u30fc\u30eb\u306f\u3001ILLA Cloud \u3092\u4f7f\u7528\u3057\u30661\u5206\u3067\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","call-to-action.button-1":"\u7121\u6599\u3067\u30af\u30e9\u30a6\u30c9\u3092\u8a66\u3059","call-to-action.button-2":"GitHub \u3067\u30b5\u30a4\u30f3\u30a4\u30f3","title.github":"Github","title.stars":"\u661f","title.star-us":"\u661f\u5370\u3092\u4ed8\u3051\u308b","learn_more":"\u3082\u3063\u3068\u8a73\u3057\u304f","pricing.billing.pricing.premium.desc":"\u30c1\u30fc\u30e0\u3092\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3057\u3066\u9ad8\u5ea6\u306a\u6a5f\u80fd\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b","pricing.billing.pricing.premium.price":"/month/editor","pricing.billing.pricing.colla.desc":"ILLA Cloud \u306e\u4ed8\u52a0\u4fa1\u5024\u30b5\u30fc\u30d3\u30b9\u306e\u652f\u6255\u3044\u306b\u4f7f\u7528","pricing.billing.pricing.colla.price":"/month/5k Colla","pricing.billing.plus-btn":"\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3059\u308b","landingPageDetail.audio.name":"\u30aa\u30fc\u30c7\u30a3\u30aa","landingPageDetail.audio.title":"ILLA Cloud\u306e\u30aa\u30fc\u30c7\u30a3\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.audio.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30d3\u30c7\u30aa\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d3\u30c7\u30aa\u3084\u30aa\u30fc\u30c7\u30a3\u30aa\u3092\u518d\u751f\u3057\u3001\u5bfe\u8a71\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30de\u30eb\u30c1\u30e1\u30c7\u30a3\u30a2\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u52b9\u7387\u7684\u3067\u4fbf\u5229\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059 \u307e\u305f\u306f\u3001\u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f Video \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u696d\u4e2d\u306b\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u30d3\u30c7\u30aa\u3092\u898b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u3067\u5fc5\u8981\u306a\u3059\u3079\u3066\u306e\u60c5\u5831\u3092\u7c21\u5358\u306b\u5165\u624b\u3067\u304d\u308b\u305f\u3081\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.audio.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|\u30aa\u30fc\u30c7\u30a3\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.audio.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Audio \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.barProgress.name":"\u30d0\u30fc\u306e\u9032\u884c\u72b6\u6cc1","landingPageDetail.barProgress.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300cBar Progress Component\u300d\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.barProgress.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300cBar Progress\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001100%\u30b9\u30b1\u30fc\u30eb\u306e\u30d0\u30fc\u306e\u9032\u884c\u72b6\u6cc1\u3092\u8996\u899a\u7684\u306b\u8868\u3057\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u304c\u81ea\u5206\u306e\u9032\u6357\u72b6\u6cc1\u3092\u8fc5\u901f\u304b\u3064\u52b9\u7387\u7684\u306b\u8ffd\u8de1\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002 \u9032\u6b69\u306e\u660e\u78ba\u304b\u3064\u7c21\u6f54\u306a\u8996\u899a\u7684\u306a\u8868\u73fe\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u3001\u5b8c\u4e86\u7387\u3092\u8a08\u7b97\u3059\u308b\u6642\u9593\u3092\u8cbb\u3084\u3059\u3053\u3068\u306a\u304f\u3001\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u6cbf\u3063\u3066\u3069\u308c\u304f\u3089\u3044\u9032\u3093\u3067\u3044\u308b\u304b\u3092\u7c21\u5358\u306b\u7406\u89e3\u3067\u304d\u307e\u3059\u3002 \u8cb4\u91cd\u306a\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u3088\u308a\u91cd\u8981\u306a\u4ed5\u4e8b\u306b\u96c6\u4e2d\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002","landingPageDetail.barProgress.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30d0\u30fc\u306e\u9032\u6357\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30c7\u30fc\u30bf\u306e\u9032\u6357\u72b6\u6cc1\u3092\u53ef\u8996\u5316\u3059\u308b","landingPageDetail.barProgress.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001Bar \u9032\u884c\u72b6\u6cc1\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.button.name":"\u30dc\u30bf\u30f3","landingPageDetail.button.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.button.description":"ILLA Cloud\u306e\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u3084\u308a\u53d6\u308a\u3059\u308b\u305f\u3081\u306e\u660e\u78ba\u304b\u3064\u76f4\u611f\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u30c8\u30ea\u30ac\u30fc\u3084\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u306b\u4f7f\u7528\u3067\u304d\u308b\u6c4e\u7528\u6027\u306e\u9ad8\u3044\u30c4\u30fc\u30eb\u3067\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3068\u304d\u306b\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u66f4\u65b0\u3092\u30c8\u30ea\u30ac\u30fc\u3059\u308b\u300c\u4fdd\u5b58\u300d\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3057\u3001\u624b\u52d5\u3067\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u66f4\u65b0\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u6642\u9593\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002","landingPageDetail.button.metaTitle":"ILLA Cloud | \u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.button.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3067\u306e\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.carousel.name":"Carousel","landingPageDetail.carousel.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30ab\u30eb\u30fc\u30bb\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.carousel.description":"ILLA Cloud\u306e\u300c\u30ab\u30eb\u30fc\u30bb\u30eb\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u30011\u3064\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306b\u8907\u6570\u306e\u753b\u50cf\u3084\u30e1\u30c7\u30a3\u30a2\u3092\u8868\u793a\u3057\u307e\u3059\u3002 \u5225\u3005\u306e\u30da\u30fc\u30b8\u3084\u30a6\u30a3\u30f3\u30c9\u30a6\u3092\u30ca\u30d3\u30b2\u30fc\u30c8\u3059\u308b\u5fc5\u8981\u304c\u306a\u304f\u306a\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u30ab\u30eb\u30fc\u30bb\u30eb\u3068\u5bfe\u8a71\u3057\u3001\u753b\u50cf\u3084\u52d5\u753b\u306a\u3069\u306e\u8868\u793a\u3055\u308c\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8868\u793a\u304a\u3088\u3073\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3059\u3079\u3066\u540c\u3058\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u5185\u3067\u30b7\u30fc\u30e0\u30ec\u30b9\u3067\u52b9\u7387\u7684\u306a\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPageDetail.carousel.metaTitle":"ILLA Cloud | \u30ab\u30eb\u30fc\u30bb\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.carousel.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306e\u30ab\u30eb\u30fc\u30bb\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.cascader.name":"Cascader","landingPageDetail.cascader.title":"ILLA Cloud \u306e Cascader \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.cascader.description":"ILLA Cloud\u306eCascader\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u9078\u629e\u80a2\u306e\u8907\u6570\u30ec\u30a4\u30e4\u30fc\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5165\u529b\u3068\u7ba1\u7406\u306b\u5bfe\u3059\u308b\u968e\u5c64\u7684\u3067\u52b9\u7387\u7684\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u88fd\u54c1\u9078\u629e\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Cascader\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u597d\u307f\u306e\u88fd\u54c1\u30ab\u30c6\u30b4\u30ea\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u53ce\u96c6\u306e\u7cbe\u5ea6\u3068\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059","landingPageDetail.cascader.metaTitle":"ILLA\u30af\u30e9\u30a6\u30c9\u30ab\u30b9\u30b1\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 | ILLA Cloud","landingPageDetail.cascader.metaDescription":"ILLA Cloud \u3067 Cascader \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ab\u30b9\u30b1\u30fc\u30c9\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.chart.name":"\u30b0\u30e9\u30d5","landingPageDetail.chart.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.chart.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30c1\u30e3\u30fc\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30f3\u30af\u3055\u308c\u305f\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u3066\u3055\u307e\u3056\u307e\u306a\u30c1\u30e3\u30fc\u30c8\u30bf\u30a4\u30d7\u3092\u8868\u793a\u3057\u3001\u8907\u96d1\u306a\u60c5\u5831\u3092\u660e\u78ba\u304b\u3064\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u306a\u65b9\u6cd5\u3067\u5206\u6790\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u30dd\u30a4\u30f3\u30c8\u3092\u6bd4\u8f03\u3057\u3001\u50be\u5411\u3092\u7279\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u610f\u601d\u6c7a\u5b9a\u306e\u305f\u3081\u306e\u52b9\u7387\u7684\u306a\u30c4\u30fc\u30eb\u3068\u306a\u308a\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u55b6\u696d\u30c1\u30fc\u30e0\u306f\u30b0\u30e9\u30d5\u3092\u4f7f\u7528\u3057\u3066\u53ce\u76ca\u3092\u8996\u899a\u5316\u3057\u3001\u6539\u5584\u306e\u305f\u3081\u306e\u9818\u57df\u3092\u7279\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u300c\u30b0\u30e9\u30d5\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u5206\u6790\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3001\u60c5\u5831\u3092\u308f\u304b\u308a\u3084\u3059\u3044\u5f62\u5f0f\u3067\u8868\u793a\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.chart.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30b0\u30e9\u30d5\u3084\u30b0\u30e9\u30d5\u3068\u3057\u3066\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b","landingPageDetail.chart.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.checkboxGroup.name":"\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30b0\u30eb\u30fc\u30d7","landingPageDetail.checkboxGroup.title":"ILLA Cloud\u306eCheckbox Group Component\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.checkboxGroup.description":"ILLA Cloud\u306eCheckbox Group\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30b9\u30c8\u304b\u3089\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u4fbf\u5229\u3067\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u88fd\u54c1\u8a2d\u5b9a\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Checkbox Group\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u8272\u3084\u30b5\u30a4\u30ba\u306a\u3069\u3001\u30c7\u30fc\u30bf\u53ce\u96c6\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059\u3002","landingPageDetail.checkboxGroup.metaTitle":"ILLA Cloud | Checkbox Group Component","landingPageDetail.checkboxGroup.metaDescription":"ILLA Cloud \u306eCheckbox Group\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.circleProgress.name":"\u5186\u306e\u9032\u6357\u72b6\u6cc1","landingPageDetail.circleProgress.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30b5\u30fc\u30af\u30eb\u9032\u884c\u72b6\u6cc1\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.circleProgress.description":"\u5186\u306e\u9032\u884c\u72b6\u6cc1\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8ILLA\u30af\u30e9\u30a6\u30c9\u306f\u3001\u5186\u5f62\u306e\u9032\u6357\u72b6\u6cc1\u3092\u8868\u793a\u3059\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u306a\u9032\u6b69\u3092\u8ffd\u8de1\u3059\u308b\u65b9\u6cd5\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059 \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u624b\u52d5\u3067\u30d1\u30fc\u30bb\u30f3\u30c6\u30fc\u30b8\u3092\u8a08\u7b97\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u30bf\u30b9\u30af\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u6357\u72b6\u6cc1\u3092\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u78ba\u8a8d\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u8ffd\u52a0\u306e\u6ce8\u610f\u3084\u30ea\u30bd\u30fc\u30b9\u304c\u5fc5\u8981\u306a\u9818\u57df\u3092\u7279\u5b9a\u3057\u3001\u660e\u78ba\u304b\u3064\u7c21\u6f54\u306a\u65b9\u6cd5\u3067\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u3084\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u306b\u9032\u6b69\u3092\u4f1d\u3048\u308b\u624b\u52a9\u3051\u3092\u3057\u307e\u3059","landingPageDetail.circleProgress.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30b5\u30fc\u30af\u30eb\u306e\u9032\u6357\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u5186\u5f62\u30d0\u30fc\u3067\u306e\u30c7\u30fc\u30bf\u306e\u9032\u6357\u306e\u8868\u793a\u3068\u7ba1\u7406","landingPageDetail.circleProgress.metaDescription":"ILLA Cloud \u306eCircular progress \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u5186\u5f62\u30d0\u30fc\u306b\u30c7\u30fc\u30bf\u306e\u9032\u884c\u72b6\u6cc1\u3092\u8868\u793a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.container.name":"\u30b3\u30f3\u30c6\u30ca","landingPageDetail.container.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30b3\u30f3\u30c6\u30ca\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.container.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30b3\u30f3\u30c6\u30ca\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u8907\u6570\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u307e\u3068\u3081\u3066\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u6574\u7406\u3068\u7ba1\u7406\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30b3\u30f3\u30c6\u30ca\u5185\u306e\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u30bb\u30c3\u30c8\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u306e\u53ce\u96c6\u3068\u9001\u4fe1\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3057\u3001\u5168\u4f53\u7684\u306a\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.container.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | \u30b3\u30f3\u30c6\u30ca\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.container.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u300cILLA Cloud\u300d\u3067\u30b3\u30f3\u30c6\u30ca\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.date.name":"\u65e5\u4ed8","landingPageDetail.date.title":"ILLA Cloud\u306e\u65e5\u4ed8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.date.description":"ILLA Cloud \u306e Date \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u65e5\u4ed8\u9078\u629e\u3092\u7c21\u7d20\u5316\u3057\u3001\u65e5\u4ed8\u95a2\u9023\u30c7\u30fc\u30bf\u7ba1\u7406\u306e\u52b9\u7387\u3068\u7cbe\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a4\u30d9\u30f3\u30c8\u767b\u9332\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001Date \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a4\u30d9\u30f3\u30c8\u65e5\u4ed8\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u65e5\u4ed8\u95a2\u9023\u306e\u30a8\u30e9\u30fc\u306e\u53ef\u80fd\u6027\u3092\u6e1b\u3089\u3057\u3001\u767b\u9332\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059\u3002","landingPageDetail.date.metaTitle":"ILLA Cloud | \u65e5\u4ed8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.date.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Date \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.dateRange.name":"Date Range","landingPageDetail.dateRange.title":"ILLA Cloud\u306e\u65e5\u4ed8\u7bc4\u56f2\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.dateRange.description":"ILLA Cloud\u306e\u300c\u65e5\u4ed8\u7bc4\u56f2\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u65e5\u4ed8\u7bc4\u56f2\u306e\u9078\u629e\u3092\u5408\u7406\u5316\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f\u30ec\u30dd\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u3001\u300c\u65e5\u4ed8\u7bc4\u56f2\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u304c\u30c7\u30fc\u30bf\u5206\u6790\u306e\u305f\u3081\u306e\u65e5\u4ed8\u7bc4\u56f2\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u52b9\u7387\u3092\u9ad8\u3081\u307e\u3059","landingPageDetail.dateRange.metaTitle":"ILLA Cloud | \u65e5\u4ed8\u7bc4\u56f2\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.dateRange.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Date Range \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.dateTime.name":"\u65e5\u4ed8\u6642\u523b","landingPageDetail.dateTime.title":"ILLA Cloud \u306e\u65e5\u4ed8\u6642\u523b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.dateTime.description":"ILLA Cloud\u306eDate Time\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u65e5\u4ed8\u3068\u6642\u523b\u306e\u9078\u629e\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u306e\u52b9\u7387\u3068\u7cbe\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u30fc\u306f\u4e88\u7d04\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\u300c\u65e5\u4ed8\u6642\u523b\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u65e5\u4ed8\u3068\u6642\u523b\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30b9\u30b1\u30b8\u30e5\u30fc\u30ea\u30f3\u30b0\u30a8\u30e9\u30fc\u306e\u53ef\u80fd\u6027\u3092\u6e1b\u3089\u3057\u3001\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059\u3002","landingPageDetail.dateTime.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u65e5\u4ed8\u6642\u523b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u65e5\u4ed8\u3068\u6642\u523b\u306e\u9078\u629e\u3068\u8868\u793a","landingPageDetail.dateTime.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u65e5\u4ed8\u6642\u523b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.divider.name":"Divider","landingPageDetail.divider.title":"ILLA Cloud \u306e Divider Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.divider.description":"ILLA Cloud \u306e\u300cDivider\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u7570\u306a\u308b\u30bb\u30af\u30b7\u30e7\u30f3\u9593\u306e\u660e\u78ba\u306a\u533a\u5225\u3092\u4f5c\u6210\u3057\u3001\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3068\u7d44\u7e54\u3092\u6539\u5584\u3059\u308b\u8996\u899a\u7684\u306a\u8981\u7d20\u3067\u3059\u3002 \u5206\u5272\u7dda\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u96d1\u7136\u3068\u3057\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u691c\u7d22\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u5fc5\u8981\u306a\u60c5\u5831\u3092\u3059\u3070\u3084\u304f\u898b\u3064\u3051\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u3092\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002","landingPageDetail.divider.metaTitle":"ILLA Cloud | Divider Component","landingPageDetail.divider.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306eDivider\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.editableText.name":"\u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8","landingPageDetail.editableText.title":"ILLA Cloud \u306e\u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.editableText.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30c6\u30ad\u30b9\u30c8\u7de8\u96c6\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f1\u884c\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30dc\u30c3\u30af\u30b9\u306b\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u304a\u3088\u3073\u7de8\u96c6\u3067\u304d\u307e\u3059\u3002 \u5165\u529b\u3055\u308c\u305f\u30c6\u30ad\u30b9\u30c8\u306f\u30db\u30d0\u30fc\u3067\u8868\u793a\u3067\u304d\u307e\u3059 \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u3092\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u7de8\u96c6\u3059\u308b\u65b9\u6cd5\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u306f\u3001\u30e6\u30fc\u30b6\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u53ce\u96c6\u3059\u308b\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\u300c\u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u304c\u6295\u7a3f\u3059\u308b\u524d\u306b\u30b3\u30e1\u30f3\u30c8\u3092\u7de8\u96c6\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u4f01\u696d\u306f\u524d\u5f8c\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5fc5\u8981\u6027\u3092\u6e1b\u3089\u3059\u3053\u3068\u3067\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.editableText.metaTitle":"ILLA Cloud | \u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.editableText.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Editable Text \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.form.name":"\u30d5\u30a9\u30fc\u30e0","landingPageDetail.form.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.form.description":"ILLA Cloud\u306e\u300c\u30d5\u30a9\u30fc\u30e0\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u5fc5\u8981\u306a\u60c5\u5831\u3092\u5165\u529b\u304a\u3088\u3073\u9001\u4fe1\u3067\u304d\u3001\u30c7\u30fc\u30bf\u3092\u53ce\u96c6\u304a\u3088\u3073\u51e6\u7406\u3059\u308b\u305f\u3081\u306e\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5165\u529b\u30d7\u30ed\u30bb\u30b9\u3092\u6a19\u6e96\u5316\u3059\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30a8\u30e9\u30fc\u3092\u524a\u6e1b\u3057\u3001\u30c7\u30fc\u30bf\u306e\u6574\u7406\u3068\u5206\u6790\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u4f1a\u793e\u306f\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u5f93\u696d\u54e1\u60c5\u5831\u3092\u53ce\u96c6\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u9023\u7d61\u5148\u3084\u8077\u4f4d\u306a\u3069\u306e\u60c5\u5831\u3092\u7c21\u5358\u306b\u6574\u7406\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.form.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | \u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.form.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306e\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.icon.name":"\u30a2\u30a4\u30b3\u30f3","landingPageDetail.icon.title":"ILLA Cloud \u306e Icon Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.icon.description":"ILLA Cloud\u306e\u30a2\u30a4\u30b3\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u69cb\u7bc9\u6e08\u307f\u30a2\u30a4\u30b3\u30f3\u3092\u633f\u5165\u3059\u308b\u305f\u3081\u306e\u8fc5\u901f\u304b\u3064\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8996\u899a\u7684\u306a\u9b45\u529b\u3068\u4f7f\u3044\u3084\u3059\u3055\u3092\u5411\u4e0a\u3055\u305b\u3066\u3044\u307e\u3059 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306fE\u30b3\u30de\u30fc\u30b9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u30ab\u30fc\u30c8\u6a5f\u80fd\u3092\u8868\u3059\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u30ab\u30fc\u30c8\u30a2\u30a4\u30b3\u30f3\u3092\u633f\u5165\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30ab\u30b9\u30bf\u30e0\u30a2\u30a4\u30b3\u30f3\u306e\u4f5c\u6210\u3068\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u306b\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.icon.metaTitle":"ILLA Cloud | \u30a2\u30a4\u30b3\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.icon.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3067\u306eIcon \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.image.name":"\u753b\u50cf","landingPageDetail.image.title":"ILLA Cloud \u306e\u753b\u50cf\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.image.description":"ILLA Cloud\u306eImage\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u753b\u50cf\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u8996\u899a\u7684\u306a\u9b45\u529b\u3068\u60c5\u5831\u306e\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f \'Image\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u96fb\u5b50\u5546\u53d6\u5f15\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u88fd\u54c1\u753b\u50cf\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u88fd\u54c1\u306e\u660e\u78ba\u3067\u9b45\u529b\u7684\u306a\u8868\u73fe\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306e\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002","landingPageDetail.image.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u753b\u50cf\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30a2\u30d7\u30ea\u5185\u306e\u753b\u50cf\u306e\u8868\u793a\u3068\u7ba1\u7406","landingPageDetail.image.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u3001\u30ae\u30e3\u30e9\u30ea\u30fc\u3001\u30b9\u30e9\u30a4\u30c0\u30fc\u3001\u30b5\u30e0\u30cd\u30a4\u30eb\u306a\u3069\u306e\u4f5c\u6210\u306b\u753b\u50cf\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.input.name":"Input","landingPageDetail.input.title":"ILLA Cloud \u306e Input Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.input.description":"ILLA Cloud \u3067\u306f\u3001\u5de6\u30e9\u30d9\u30eb\u306e Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u3063\u3066\u624b\u52d5\u30c7\u30fc\u30bf\u5165\u529b\u304c\u4e0d\u8981\u306b\u306a\u308a\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u3055\u3089\u306a\u308b\u51e6\u7406\u306b\u5fc5\u8981\u306a\u60c5\u5831\u3092\u7c21\u5358\u306b\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u9867\u5ba2\u306e\u9023\u7d61\u5148\u60c5\u5831\u3092\u53ce\u96c6\u3057\u3001\u30c7\u30fc\u30bf\u306e\u53ce\u96c6\u3068\u51e6\u7406\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u53ce\u96c6\u3055\u308c\u305f\u30c7\u30fc\u30bf\u306f\u3001\u9867\u5ba2\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3\u3001\u30bf\u30fc\u30b2\u30c3\u30c8\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u3001\u304a\u3088\u3073\u9867\u5ba2\u30b5\u30dd\u30fc\u30c8\u306b\u6d3b\u7528\u3067\u304d\u3001\u52b9\u7387\u7684\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3059\u308b\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPageDetail.input.metaTitle":"ILLA Cloud | Input Component ","landingPageDetail.input.metaDescription":"ILLA Cloud \u3067\u306e Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.list.name":"\u30ea\u30b9\u30c8","landingPageDetail.list.title":"ILLA Cloud\u306e\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.list.description":"\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u3092\u8868\u793a\u304a\u3088\u3073\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u7d44\u7e54\u7684\u304b\u3064\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u304c\u60c5\u5831\u306b\u3059\u3070\u3084\u304f\u30a2\u30af\u30bb\u30b9\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u55b6\u696d\u30de\u30cd\u30fc\u30b8\u30e3\u306f\u3001format@@0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u9867\u5ba2\u306e\u6ce8\u6587\u3092\u8868\u793a\u304a\u3088\u3073\u8ffd\u8de1\u3057\u3001\u30c8\u30ec\u30f3\u30c9\u3092\u8fc5\u901f\u306b\u7279\u5b9a\u3057\u3001\u30c7\u30fc\u30bf\u99c6\u52d5\u578b\u306e\u610f\u601d\u6c7a\u5b9a\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5168\u4f53\u3068\u3057\u3066\u3001List \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u3001\u30c7\u30fc\u30bf\u5206\u6790\u3092\u5f37\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.list.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30c7\u30fc\u30bf\u306e\u7e70\u308a\u8fd4\u3057\u884c\u3092\u4f5c\u6210","landingPageDetail.list.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u3001\u30ae\u30e3\u30e9\u30ea\u30fc\u3001\u30b9\u30e9\u30a4\u30c0\u30fc\u3001\u30c6\u30fc\u30d6\u30eb\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.menu.name":"\u30e1\u30cb\u30e5\u30fc","landingPageDetail.menu.title":"ILLA Cloud\u306e\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.menu.description":"\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u3001\u8907\u6570\u306e\u30da\u30fc\u30b8\u3092\u79fb\u52d5\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u306a\u304f\u3001\u3055\u307e\u3056\u307e\u306a\u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u3059\u3070\u3084\u304f\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u3055\u307e\u3056\u307e\u306a\u6a5f\u80fd\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u305f\u3081\u306b\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u983b\u7e41\u306b\u4f7f\u7528\u3055\u308c\u308b\u6a5f\u80fd\u306b\u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.menu.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30da\u30fc\u30b8\u69cb\u9020\u306e\u8868\u793a\u3068\u7ba1\u7406","landingPageDetail.menu.metaDescription":"\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3001\u30b5\u30a4\u30c9\u30d0\u30fc\u3001\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u30e1\u30cb\u30e5\u30fc\u306a\u3069\u3092ILLA Cloud\u3067\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.modal.name":"\u30e2\u30fc\u30c0\u30eb\u8a9e","landingPageDetail.modal.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.modal.description":"ILLA Cloud\u306e\u300cModal\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u73fe\u5728\u306e\u30da\u30fc\u30b8\u304b\u3089\u79fb\u52d5\u3057\u305f\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u4e2d\u65ad\u3057\u305f\u308a\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u8868\u793a\u3084\u30e6\u30fc\u30b6\u64cd\u4f5c\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u8868\u793a\u3067\u304d\u308b\u30e6\u30fc\u30b6\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u8981\u7d20\u3067\u3059\u3002 \u65e2\u5b58\u306e\u30da\u30fc\u30b8\u306e\u4e0a\u90e8\u306b\u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0\u30ec\u30a4\u30e4\u30fc\u3092\u4f5c\u6210\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u53ce\u96c6\u3057\u305f\u308a\u3001\u60c5\u5831\u3092\u8868\u793a\u3057\u305f\u308a\u3001\u5165\u529b\u3092\u4fc3\u3057\u305f\u308a\u3057\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u3088\u308a\u30b7\u30fc\u30e0\u30ec\u30b9\u3067\u5408\u7406\u5316\u3055\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u3084\u308a\u53d6\u308a\u3057\u306a\u304c\u3089\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u540c\u3058\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u5185\u306b\u3068\u3069\u307e\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.modal.metaTitle":"ILLA Cloud | \u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.modal.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Modal \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.multiselect.name":"\u8907\u6570\u9078\u629e","landingPageDetail.multiselect.title":"ILLA Cloud \u306e MultiSelect \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.multiselect.description":"ILLA Cloud\u306eMulti Select\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30b9\u30c8\u304b\u3089\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u4fbf\u5229\u3067\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a2\u30f3\u30b1\u30fc\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Multi Select\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u597d\u307f\u306e\u88fd\u54c1\u3084\u30b5\u30fc\u30d3\u30b9\u306a\u3069\u30c7\u30fc\u30bf\u53ce\u96c6\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059","landingPageDetail.multiselect.metaTitle":"ILLA Cloud | \u30de\u30eb\u30c1\u30bb\u30ec\u30af\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.multiselect.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3067\u306e\u30de\u30eb\u30c1\u30bb\u30ec\u30af\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.numberInput.name":"Number input","landingPageDetail.numberInput.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u6570\u5024\u5165\u529b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.numberInput.description":"ILLA Cloud \u3067\u306f\u3001\u5de6\u30e9\u30d9\u30eb\u306e Number Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u6570\u5024\u3092\u5165\u529b\u3067\u304d\u307e\u3059\u3002 \u8fc5\u901f\u304b\u3064\u5bb9\u6613\u306a\u5165\u529b\u306e\u305f\u3081\u306e\u5408\u7406\u5316\u3055\u308c\u305f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u624b\u52d5\u30c7\u30fc\u30bf\u5165\u529b\u306e\u5fc5\u8981\u6027\u3092\u6392\u9664\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u5404\u9805\u76ee\u306e\u6570\u91cf\u3068\u4fa1\u683c\u3092\u53ce\u96c6\u3059\u308b\u305f\u3081\u306b\u300cNumber Input\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u542b\u3080\u6ce8\u6587\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306f\u3001\u4f01\u696d\u304c\u6ce8\u6587\u3092\u51e6\u7406\u3059\u308b\u969b\u306b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30a8\u30e9\u30fc\u3092\u6e1b\u3089\u3059\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002","landingPageDetail.numberInput.metaTitle":"ILLA Cloud | \u6570\u5024\u5165\u529b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.numberInput.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306eNumber Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.pdf.name":"PDF","landingPageDetail.pdf.title":"ILLA Cloud\u306ePDF\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.pdf.description":"ILLA Cloud\u306e\u300cPDF\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a2\u30d7\u30ea\u5185\u306ePDF\u30d5\u30a1\u30a4\u30eb\u3092\u8868\u793a\u304a\u3088\u3073\u64cd\u4f5c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u7ba1\u7406\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u7570\u306a\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u3084\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u306a\u304f\u3001PDF\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u6ce8\u91c8\u3092\u4ed8\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u751f\u7523\u6027\u3068\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002","landingPageDetail.pdf.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | PDF\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.pdf.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 PDF \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.radioButton.name":"Radio Button","landingPageDetail.radioButton.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u7121\u7dda\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.radioButton.description":"Radio Button\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8907\u6570\u306e\u9078\u629e\u80a2\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u8fc5\u901f\u304b\u3064\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3067\u3059\u3002 \u6df7\u4e71\u3092\u907f\u3051\u610f\u601d\u6c7a\u5b9a\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059 \u305f\u3068\u3048\u3070\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u306f\u3001\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u81ea\u5206\u306e\u5e74\u9f62\u30b0\u30eb\u30fc\u30d7\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5165\u529b\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3059\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.radioButton.metaTitle":"ILLA Cloud | \u7121\u7dda\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.radioButton.metaDescription":" \u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306eRadio Button\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.radioGroup.name":"\u7121\u7dda\u30b0\u30eb\u30fc\u30d7","landingPageDetail.radioGroup.title":"ILLA Cloud \u306e\u7121\u7dda\u30b0\u30eb\u30fc\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.radioGroup.description":"ILLA Cloud\u306eRadio Group\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30ea\u30b9\u30c8\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u7c21\u5358\u3067\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30a8\u30e9\u30fc\u3092\u6e1b\u3089\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f\u30a4\u30d9\u30f3\u30c8\u767b\u9332\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Radio Group\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u304c\u5e0c\u671b\u3059\u308b\u30a4\u30d9\u30f3\u30c8\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u767b\u9332\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3002","landingPageDetail.radioGroup.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u7121\u7dda\u30b0\u30eb\u30fc\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u7c21\u5358\u306b\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9","landingPageDetail.radioGroup.metaDescription":"\u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30d5\u30a9\u30fc\u30e0\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306a\u3069\u3092ILLA Cloud\u3067\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.rate.name":"\u5229\u7387","landingPageDetail.rate.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30ec\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.rate.description":"ILLA Cloud\u306e\u300c\u30ec\u30fc\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u88fd\u54c1\u3001\u30b5\u30fc\u30d3\u30b9\u3001\u307e\u305f\u306f\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u8a55\u4fa1\u3059\u308b\u305f\u3081\u306e\u8fc5\u901f\u304b\u3064\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u63d0\u4f9b\u3059\u308b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u3001format@@0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6700\u8fd1\u306e\u8cfc\u5165\u307e\u305f\u306f\u4f53\u9a13\u3092\u8a55\u4fa1\u3067\u304d\u307e\u3059\u3002 \u4f01\u696d\u304c\u9867\u5ba2\u304b\u3089\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u306b\u57fa\u3065\u3044\u3066\u88fd\u54c1\u3084\u30b5\u30fc\u30d3\u30b9\u3092\u6539\u5584\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002","landingPageDetail.rate.metaTitle":"ILLA Cloud | \u30ec\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.rate.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Rate \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.select.name":"\u9078\u629e","landingPageDetail.select.title":"ILLA Cloud\u306e\u300c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u9078\u629e\u300d\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.select.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e Select \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u306f\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30ea\u30b9\u30c8\u304b\u3089\u9078\u629e\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u30c7\u30fc\u30bf\u3092\u5165\u529b\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u3067\u30b9\u30da\u30fc\u30b9\u52b9\u7387\u306e\u9ad8\u3044\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a2\u30f3\u30b1\u30fc\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Select\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u9078\u629e\u3067\u304d\u308b\u5e45\u5e83\u3044\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002 \u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3001\u6b63\u78ba\u306a\u30c7\u30fc\u30bf\u53ce\u96c6\u3092\u78ba\u4fdd\u3057\u307e\u3059\u3002","landingPageDetail.select.metaTitle":"ILLA Cloud Select Component - Select One Option from a List of Choices with ease","landingPageDetail.select.metaDescription":"ILLA Cloud \u3067\u9078\u629e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30ea\u30b9\u30c8\u304b\u3089\u9078\u629e\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.statistics.name":"\u7d71\u8a08\u60c5\u5831","landingPageDetail.statistics.title":"ILLA Cloud \u306e\u7d71\u8a08\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.statistics.description":"ILLA Cloud\u306e\u300cStatistics\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u3067\u308f\u304b\u308a\u3084\u3059\u3044\u65b9\u6cd5\u3067\u6570\u5024\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3067\u304d\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5206\u6790\u3084\u610f\u601d\u6c7a\u5b9a\u3092\u6539\u5584\u3059\u308b\u3053\u3068\u3067\u3059 \u305f\u3068\u3048\u3070\u3001format@@0 \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u68d2\u30b0\u30e9\u30d5\u306a\u3069\u306e\u3055\u307e\u3056\u307e\u306a\u8996\u899a\u7684\u5f62\u5f0f\u3067\u58f2\u4e0a\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3059\u308b\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u5186\u30b0\u30e9\u30d5\u3001\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u30d3\u30b8\u30e5\u30a2\u30e9\u30a4\u30bc\u30fc\u30b7\u30e7\u30f3\u306e\u4f5c\u6210\u306b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30c7\u30fc\u30bf\u306e\u8fc5\u901f\u304b\u3064\u660e\u78ba\u306a\u6982\u8981\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPageDetail.statistics.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|\u7d71\u8a08\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.statistics.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Statistics \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.switch.name":"\u5207\u308a\u66ff\u3048","landingPageDetail.switch.title":"ILLA Cloud\u306eSwitch\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.switch.description":"ILLA Cloud\u306eSwitch\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u8a2d\u5b9a\u3084\u6a5f\u80fd\u3092\u30aa\u30f3\u307e\u305f\u306f\u30aa\u30d5\u306b\u3059\u308b\u305f\u3081\u306e\u76f4\u611f\u7684\u3067\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u306e\u7bc0\u7d04\u3068\u52b9\u7387\u306e\u5411\u4e0a \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u30fc\u306f\u901a\u77e5\u30b7\u30b9\u30c6\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Switch\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u30a4\u30d9\u30f3\u30c8\u306e\u901a\u77e5\u3092\u30aa\u30f3\u307e\u305f\u306f\u30aa\u30d5\u306b\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u65b0\u3057\u3044\u30e1\u30c3\u30bb\u30fc\u30b8\u3084\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u306a\u3069\u3001\u4e0d\u5fc5\u8981\u306a\u4e2d\u65ad\u3092\u6e1b\u3089\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059","landingPageDetail.switch.metaTitle":"ILLA Cloud | \u90e8\u54c1\u306e\u5207\u308a\u66ff\u3048","landingPageDetail.switch.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3067Switch\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.tables.name":"\u30c6\u30fc\u30d6\u30eb","landingPageDetail.tables.title":"ILLA Cloud \u306e\u30c6\u30fc\u30d6\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.tables.description":"ILLA Cloud\u306e\u300cTable\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30fb\u30c7\u30fc\u30bf\u3092\u8868\u5f62\u5f0f\u3067\u8868\u793a\u3057\u3001\u5927\u91cf\u306e\u60c5\u5831\u3092\u3059\u3070\u3084\u304f\u5206\u6790\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30bd\u30fc\u30c8\u3001\u691c\u7d22\u3001\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u306a\u3069\u306e\u6a5f\u80fd\u304c\u3042\u308a\u307e\u3059 \u30c6\u30fc\u30d6\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u5fc5\u8981\u306a\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u898b\u3064\u3051\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u3001\u7570\u306a\u308b\u5217\u30bf\u30a4\u30d7\u3001\u8272\u3001\u66f8\u5f0f\u8a2d\u5b9a\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u30c6\u30fc\u30d6\u30eb\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002 \u8907\u96d1\u306a\u30c7\u30fc\u30bf\u306e\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u3067\u308f\u304b\u308a\u3084\u3059\u3044\u8868\u73fe\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002","landingPageDetail.tables.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | \u30c6\u30fc\u30d6\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.tables.metaDescription":"ILLA Cloud \u306e Tables \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u4f4e\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.tabs.name":"Tabs","landingPageDetail.tabs.title":"ILLA Cloud\u306eformat@@0\u30bf\u30d6\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.tabs.description":"ILLA Cloud\u306e\u300cTab\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u5e45\u5e83\u3044\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u5fc5\u8981\u3068\u305b\u305a\u306b\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u3055\u307e\u3056\u307e\u306a\u30bb\u30af\u30b7\u30e7\u30f3\u3092\u7c21\u5358\u306b\u5207\u308a\u66ff\u3048\u3089\u308c\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001Tabs\u3092\u4f7f\u7528\u3057\u3066\u3001\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u7570\u306a\u308b\u30d3\u30e5\u30fc\u3084\u30e2\u30fc\u30c9\u3092\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u30e6\u30fc\u30b6\u30d3\u30ea\u30c6\u30a3\u3068\u751f\u7523\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002","landingPageDetail.tabs.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30bf\u30d6\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u30ab\u30c6\u30b4\u30ea\u5316\u3068\u8868\u793a","landingPageDetail.tabs.metaDescription":"\u30bf\u30d6\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30d5\u30a9\u30fc\u30e0\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.text.name":"\u30c6\u30ad\u30b9\u30c8","landingPageDetail.text.title":"ILLA Cloud \u306e\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.text.description":"ILLA Cloud\u306eText\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30c6\u30ad\u30b9\u30c8\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u60c5\u5831\u306e\u8aad\u307f\u3084\u3059\u3055\u3068\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f \'Text\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u91cd\u8981\u306a\u547d\u4ee4\u3084\u60c5\u5831\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u9023\u7d61\u5148\u3084\u88fd\u54c1\u8aac\u660e\u306a\u3069\u3001\u91cd\u8981\u306a\u60c5\u5831\u3092\u4f1d\u3048\u308b\u305f\u3081\u306e\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.text.metaTitle":"ILLA Cloud | \u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.text.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Text \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.textareaInput.name":"Textarea input","landingPageDetail.textareaInput.title":"ILLA Cloud \u306e Textarea Input Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.textareaInput.description":"ILLA Cloud \u306e Textarea Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7c21\u5358\u306b\u8907\u6570\u884c\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u304a\u3088\u3073\u7de8\u96c6\u3067\u304d\u308b\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u30c4\u30fc\u30eb\u3067\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u300cTextarea Input\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u542b\u3080\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8a73\u7d30\u306a\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u5165\u529b\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u6642\u9593\u3092\u7bc0\u7d04\u3057\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059","landingPageDetail.textareaInput.metaTitle":"ILLA Cloud | Textarea Input Component","landingPageDetail.textareaInput.metaDescription":"ILLA Cloud \u306eTextarea Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.timeline.name":"\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3","landingPageDetail.timeline.title":"ILLA Cloud \u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.timeline.description":"ILLA Cloud\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u6357\u307e\u305f\u306f\u5c65\u6b74\u3092\u660e\u78ba\u304b\u3064\u7d44\u7e54\u7684\u306b\u8996\u899a\u7684\u306b\u8868\u73fe\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u306f\u3001format@@0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30de\u30a4\u30eb\u30b9\u30c8\u30fc\u30f3\u3092\u8996\u899a\u7684\u306b\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u7de0\u3081\u5207\u308a\u3084\u6210\u679c\u7269\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u4f5c\u6210\u306b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u3084\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u306b\u4f1d\u3048\u307e\u3059\u3002","landingPageDetail.timeline.metaTitle":"ILLA Cloud | \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.timeline.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.upload.name":"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","landingPageDetail.upload.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.upload.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u3042\u3089\u3086\u308b\u7a2e\u985e\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u81ea\u5206\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u7c21\u5358\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u7ba1\u7406\u306b\u4fbf\u5229\u3067\u5408\u7406\u5316\u3055\u308c\u305f\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u63d0\u4f9b\u3057\u307e\u3059 \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u30fc\u306f\u30aa\u30f3\u30e9\u30a4\u30f3\u30b9\u30c8\u30a2\u3092\u4f5c\u6210\u3057\u3001\'\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u6ce8\u6587\u306e\u9001\u4fe1\u6642\u306b\u9867\u5ba2\u304c\u753b\u50cf\u3084\u305d\u306e\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u6642\u9593\u306e\u7bc0\u7d04\u3068\u52b9\u7387\u306e\u5411\u4e0a","landingPageDetail.upload.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","landingPageDetail.upload.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.video.name":"\u30d3\u30c7\u30aa","landingPageDetail.video.title":"ILLA Cloud \u306e\u30d3\u30c7\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.video.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30d3\u30c7\u30aa\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d3\u30c7\u30aa\u3092\u518d\u751f\u3057\u3001\u5bfe\u8a71\u3057\u307e\u3059\u3002 \u5916\u90e8\u306e\u30d3\u30c7\u30aa\u30d7\u30ec\u30fc\u30e4\u30fc\u306b\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u306a\u304f\u3001\u52d5\u753b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u7c21\u5358\u306b\u8868\u793a\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30d3\u30c7\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u3067\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30d3\u30c7\u30aa\u3084\u88fd\u54c1\u30c7\u30e2\u3092\u898b\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u751f\u7523\u6027\u3068\u52b9\u7387\u6027\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002","landingPageDetail.video.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u52d5\u753b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30a2\u30d7\u30ea\u5185\u306e\u52d5\u753b\u3068\u306e\u76f8\u4e92\u4f5c\u7528","landingPageDetail.video.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30d3\u30c7\u30aa\u3001\u88fd\u54c1\u30c7\u30e2\u3001\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306a\u3069\u306e\u4f5c\u6210\u306b\u30d3\u30c7\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPage.build_with":"{name} \u3067\u30d3\u30eb\u30c9","landingPage.back_to_components":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u623b\u308b","landingPageDetail.airtable.name":"Airtable","landingPageDetail.airtable.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Airtable \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.airtable.description":"\u300cILLA Cloud\u306eAirable\u7d71\u5408\u306b\u3088\u308a\u3001 \u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d0\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u7d71\u5408\u306b\u3088\u308a\u3001Airtable\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001Airtable\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001Airtable \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud \u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Airtable \u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.airtable.metaTitle":"Airtable","landingPageDetail.airtable.metaDescription":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u30c7\u30fc\u30bf\u3001\u30c1\u30fc\u30e0\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u67d4\u8edf\u3067\u5354\u8abf\u7684\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPageDetail.appwrite.name":"Appwrite","landingPageDetail.appwrite.title":"ILLA Cloud\u3067Appwrite\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.appwrite.description":"ILLA Cloud\u306eAppwrite\u7d71\u5408\u3067\u3002 \u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d0\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u3068\u306e\u9023\u643a\u306b\u3088\u308a\u3001Appwrite\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001Appwrite\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Appwrite\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eAppwrite\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Appwrite\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.appwrite.metaTitle":"ILLA Cloud Appwrite Integration - Appwrite\u30c7\u30fc\u30bf\u306e\u63a5\u7d9a\u3068\u7ba1\u7406","landingPageDetail.appwrite.metaDescription":"Appwrite\u7d71\u5408\u3092\u4f7f\u7528\u3057\u3066\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Appwrite\u306e\u529b\u3092\u6d3b\u7528\u3057\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.clickhouse.name":"Clickhouse","landingPageDetail.clickhouse.title":"ILLA Cloud\u3067Clickhouse\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.clickhouse.description":"ILLA Cloud\u306eClickHouse\u3068\u306e\u7d71\u5408\u306b\u3088\u308a\u3001ClickHouse\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 ClickHouse\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001ClickHouse\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eClickHouse\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001ClickHouse\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.clickhouse.metaTitle":"ILLA Cloud | ClickHouse Integration","landingPageDetail.clickhouse.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001ClickHouse\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u64cd\u4f5c\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.couchdb.name":"CouchDB","landingPageDetail.couchdb.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 CouchDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.couchdb.description":"ILLA Cloud\u306eCouchDB\u7d71\u5408\u306b\u3088\u308a\u3001\u8fc5\u901f\u306b\u8a2d\u5b9a\u304a\u3088\u3073CouchDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 CouchDB\u306e\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001CouchDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eCouchDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001CouchDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.couchdb.metaTitle":"ILLA Cloud | CouchDB \u7d71\u5408","landingPageDetail.couchdb.metaDescription":"CouchDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002","landingPageDetail.dynamodb.name":"Amazon DynamoDB","landingPageDetail.dynamodb.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Amazon DynamoDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.dynamodb.description":"ILLA Cloud \u306e Amazon DynamoDB \u7d71\u5408\u306b\u3088\u308a\u3001DynamoDB \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 DynamoDB\u306e\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001DynamoDB\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eAmazon DynamoDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001DynamoDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.dynamodb.metaTitle":"ILLA Cloud | Amazon DynamoDB Integration","landingPageDetail.dynamodb.metaDescription":"Amazon DynamoDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.elasticsearch.name":"Elastic Search","landingPageDetail.elasticsearch.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Elastic Search \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.elasticsearch.description":"ILLA Cloud \u306e Elastic Search \u3068\u306e\u7d71\u5408 Elastic Search \u30af\u30e9\u30b9\u30bf\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3057\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u3001Elastic Search\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u691c\u7d22\u304a\u3088\u3073\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u4f8b\u3048\u3070\u3001Elastic Search \u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eElastic Search\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Elastic Search\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.elasticsearch.metaTitle":"ILLA Cloud | Elastic Search Integration","landingPageDetail.elasticsearch.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001Elastic Search\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.firebase.name":"Firebase","landingPageDetail.firebase.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Firebase\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.firebase.description":"ILLA Cloud\u306eFirebase\u7d71\u5408\u306b\u3088\u308a\u3001Firebase\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Firebase\u30af\u30a8\u30ea\u3068API\u547c\u3073\u51fa\u3057\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u64cd\u4f5c\u3092\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u4f8b\u3048\u3070\u3001Firebase \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eFirebase\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Firebase\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.firebase.metaTitle":"ILLA Cloud | Firebase Integration","landingPageDetail.firebase.metaDescription":"Firebase\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.googlesheets.name":"Google \u30b7\u30fc\u30c8","landingPageDetail.googlesheets.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.googlesheets.description":"ILLA Cloud \u306eGoogle Sheets\u3068\u306e\u7d71\u5408 Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001Google Sheets API\u3092\u4f7f\u7528\u3057\u3066Google\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u66f8\u304d\u3001\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u7d20\u5316\u3055\u308c\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud \u306e Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.googlesheets.metaTitle":"ILLA Cloud Google Sheets Integration - Google Sheets \u30c7\u30fc\u30bf\u306e\u63a5\u7d9a\u3068\u7ba1\u7406","landingPageDetail.googlesheets.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30d5\u30a9\u30fc\u30e0\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b Google \u30b7\u30fc\u30c8\u306e\u7d71\u5408\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.graphql.name":"GraphQL","landingPageDetail.graphql.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066GraphQL\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.graphql.description":"ILLA Cloud\u306eGraphQL\u7d71\u5408\u306b\u3088\u308a\u3001 GraphQL API \u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3067\u304d\u308b\u305f\u3081\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306e\u7d71\u5408\u306b\u3088\u308a\u3001GraphQL API \u304b\u3089\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u53d6\u5f97\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u305f\u3081\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u307e\u3059\u3002 \u5fc5\u8981\u306aGraphQL\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u306e\u8ffd\u52a0\u3084\u66f8\u304d\u8fbc\u307f\u3092\u5b89\u5168\u306b\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001GraphQL API \u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eGraphQL\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001GraphQL\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.graphql.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | GraphQL \u7d71\u5408","landingPageDetail.graphql.metaDescription":"GraphQL API \u3092 ILLA Cloud \u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u4f4e\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002 ","landingPageDetail.huggingface.name":"\u9854\u63a8\u8ad6API \u3092\u30cf\u30b0\u3059\u308b","landingPageDetail.huggingface.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Hugging Face Inference API \u306b\u63a5\u7d9a\u3057\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.huggingface.description":"ILLA Cloud\u306eHugging Face Inference API\u306e\u7d71\u5408\u306b\u3088\u308a\u3001 Hugging Face\u306e\u5f37\u529b\u306a\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Hugging Face\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u5358\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u308b\u3044\u306f\u4f8b\u3048\u3070... \u5916\u90e8\u30bd\u30fc\u30b9\u304b\u3089\u30c6\u30ad\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001Hug Face API\u547c\u3073\u51fa\u3057\u3092\u4ecb\u3057\u3066\u30bb\u30f3\u30c1\u30e1\u30f3\u30c8\u5206\u6790\u3084\u8a00\u8a9e\u7ffb\u8a33\u3092\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306eHugging Face Inference API\u306e\u7d71\u5408\u306b\u3088\u308a\u3001 Hugging Face\u306e\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.huggingface.metaTitle":"ILLA Cloud Hugging Face Inferation API Integration - ML\u30e2\u30c7\u30eb\u306e\u63a5\u7d9a\u3068\u4f7f\u7528","landingPageDetail.huggingface.metaDescription":"ILLA Cloud\u3067\u306eHugging Face Inferation API\u7d71\u5408\u306b\u3088\u308a\u300113\u4e07\u4ee5\u4e0a\u306e\u6a5f\u68b0\u5b66\u7fd2\u30e2\u30c7\u30eb\u306b\u63a5\u7d9a\u3057\u3066\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ","landingPageDetail.huggingfaceendpoint.name":"\u9854\u63a8\u8ad6\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8","landingPageDetail.huggingfaceendpoint.title":"Hugging Face Inference Endpoint\u306bILLA Cloud\u3067\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.huggingfaceendpoint.description":"ILLA\u30af\u30e9\u30a6\u30c9\u306eHugging Face Endpoint\u7d71\u5408\u3067 Hugging Face\u306e\u5f37\u529b\u306a\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u3092\u7d20\u65e9\u304f\u7c21\u5358\u306b\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Hugging Face\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u5358\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u308b\u3044\u306f\u4f8b\u3048\u3070... \u5916\u90e8\u30bd\u30fc\u30b9\u304b\u3089\u30c6\u30ad\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001Hug Face\u63a8\u8ad6\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u901a\u3058\u3066\u305d\u308c\u3092\u6e21\u3059\u3053\u3068\u3067\u3001\u30bb\u30f3\u30c1\u30e1\u30f3\u30c8\u5206\u6790\u3084\u8a00\u8a9e\u7ffb\u8a33\u3092\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002 ILLA\u30af\u30e9\u30a6\u30c9\u306eHugging Face Endpoint\u7d71\u5408\u3067 Hugging Face\u306e\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.huggingfaceendpoint.metaTitle":"ILLA Cloud | Hugging Face Inference Endpoint Integration","landingPageDetail.huggingfaceendpoint.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u3042\u3089\u3086\u308bHugging Face Inferation Endpoint\u3068\u63a5\u7d9a\u3057\u3066\u3084\u308a\u53d6\u308a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.hydra.name":"\u30d2\u30c9\u30e9\u8a9e","landingPageDetail.hydra.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Hydra\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.hydra.description":"\\"With ILLA Cloud\'s Hydra integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows.\\r\\nThe integration simplifies data management by leveraging Hydra\'s API endpoints, allowing you to easily manipulate data from your Hydra databases, storage and authentication services. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.\\r\\nFor example, you can retrieve data from an Hydra database and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Hydra integration, you can streamline your data management process and leverage the powerful capabilities of Hydra to enhance your productivity.\\"","landingPageDetail.hydra.metaTitle":"\u30d2\u30c9\u30e9\u8a9e","landingPageDetail.hydra.metaDescription":"Postgres\u4e0a\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u5217\u6307\u5411\u306eRDBMS","landingPageDetail.mariadb.name":"MariaDB","landingPageDetail.mariadb.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 MariaDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mariadb.description":"ILLA Cloud\u306eMariaDB\u7d71\u5408\u3067\u3002 \u8fc5\u901f\u304b\u3064\u7c21\u5358\u306bMariaDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fSQL\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c6\u30fc\u30d6\u30eb\u3092\u64cd\u4f5c\u3057\u305f\u308a\u3001\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u30af\u30a8\u30ea\u3092\u7c21\u5358\u306b\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001\u4f8b\u3048\u3070\u3001MariaDB \u30c6\u30fc\u30d6\u30eb\u304b\u3089\u5f93\u696d\u54e1\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001SQL\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u5f93\u696d\u54e1\u306e\u60c5\u5831\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u307e\u3059\u3002 ILLA Cloud\u306eMariaDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306e\u53ef\u80fd\u6027\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u6700\u5c0f\u9650\u306e\u52b4\u529b\u3067\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mariadb.metaTitle":"ILLA Cloud | MariaDB Integration","landingPageDetail.mariadb.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001MariaDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3068\u63a5\u7d9a\u3057\u3066\u3084\u308a\u53d6\u308a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.mongodb.name":"MongoDB","landingPageDetail.mongodb.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066MongoDB\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mongodb.description":"ILLA Cloud\u306eMongoDB\u7d71\u5408\u306b\u3088\u308a\u3001MongoDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u7d20\u65e9\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fMongoDB\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u5358\u306b\u7d71\u5408\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001MongoDB\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eMongoDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001MongoDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mongodb.metaTitle":"ILLA Cloud | MongoDB Integration","landingPageDetail.mongodb.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001MongoDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.mssql.name":"Microsoft SQL Server","landingPageDetail.mssql.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Microsoft SQL Server \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mssql.description":"ILLA Cloud\u306eMicrosoft SQL Server\u7d71\u5408\u306b\u3088\u308a\u307e\u3059\u3002 SQL Server \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001SQL\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001SQL Server \u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eMicrosoft SQL Server\u7d71\u5408\u306b\u3088\u308a\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001SQL Server \u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mssql.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | Microsoft SQL Server \u306e\u7d71\u5408","landingPageDetail.mssql.metaDescription":"Microsoft SQL Server\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.mysql.name":"MySQL","landingPageDetail.mysql.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066MySQL\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mysql.description":"ILLA Cloud\u3068MySQL\u3092\u7d71\u5408\u3059\u308b\u3068\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5927\u5e45\u306b\u5f37\u5316\u3057\u3001\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u3044\u304f\u3064\u304b\u306e\u7c21\u5358\u306a\u624b\u9806\u3067\u3001ILLA Cloud\u3092MySQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u3068\u3084\u308a\u53d6\u308a\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5f37\u529b\u306a\u65b0\u3057\u3044\u65b9\u6cd5\u3067\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u30c6\u30fc\u30d6\u30eb\u30b0\u30ea\u30c3\u30c9\u306b\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u8fbc\u3080\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 \u307e\u305f\u306fSQL\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u66f8\u304d\u8fbc\u3080\u30ab\u30b9\u30bf\u30e0\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3068\u3001ILLA\u30af\u30e9\u30a6\u30c9\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u5b89\u5168\u304b\u3064\u52b9\u7387\u7684\u306b\u7c21\u5358\u306b\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066MySQL\u30c7\u30fc\u30bf\u306b\u63a5\u7d9a\u3059\u308b\u3068\u3001\u610f\u56f3\u3057\u306a\u3044\u524a\u9664\u3084\u305d\u306e\u4ed6\u306e\u9ad8\u4fa1\u306a\u30a8\u30e9\u30fc\u3092\u907f\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001MySQL\u30c6\u30fc\u30d6\u30eb\u3092\u4f7f\u7528\u3057\u3066\u5f93\u696d\u54e1\u306e\u7d4c\u8cbb\u3092\u7ba1\u7406\u3057\u3066\u3044\u308b\u5834\u5408\u3002 ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c7\u30fc\u30bf\u3092\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306b\u8aad\u307f\u8fbc\u3093\u3060\u308a\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u66f8\u304d\u623b\u3057\u3066\u5404\u8cbb\u7528\u306e\u627f\u8a8d\u72b6\u6cc1\u3092\u66f4\u65b0\u3059\u308b\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u3001ILLA Cloud\u306e\u30b7\u30f3\u30d7\u30eb\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u660e\u78ba\u3067\u4f53\u7cfb\u7684\u306a\u65b9\u6cd5\u3067\u884c\u3044\u305f\u3044\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002 \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u6700\u9069\u5316\u3068\u30d7\u30ed\u30bb\u30b9\u306e\u5408\u7406\u5316\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002","landingPageDetail.mysql.metaTitle":"ILLA Cloud | MySQL\u306e\u7d71\u5408","landingPageDetail.mysql.metaDescription":"MySQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.neon.name":"Neon","landingPageDetail.neon.title":"ILLA Cloud\u3067\u30cd\u30aa\u30f3\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.neon.description":"\u5b8c\u5168\u306b\u7ba1\u7406\u3055\u308c\u305f\u30de\u30eb\u30c1\u30af\u30e9\u30a6\u30c9Postgres\u306f\u3001\u5bdb\u5927\u306a\u7121\u6599\u306e\u968e\u5c64\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002\u79c1\u305f\u3061\u306f\u3001\u81ea\u52d5\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3001\u5206\u5c90\u3001\u304a\u3088\u3073\u5e95\u306a\u3057\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306b\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u8a08\u7b97\u3092\u5206\u96e2\u3057\u307e\u3057\u305f\u3002","landingPageDetail.neon.metaTitle":"ILLA Cloud Neon Integration - \u30de\u30eb\u30c1\u30af\u30e9\u30a6\u30c9Postgres\u306b\u63a5\u7d9a","landingPageDetail.neon.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u306b\u30cd\u30aa\u30f3\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.oracledb.name":"Oracle DB","landingPageDetail.oracledb.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Oracle DB\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.oracledb.description":"ILLA Cloud\u306eOracle DB\u7d71\u5408\u306b\u3088\u308a\u3001Oracle\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u69cb\u6210\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001SQL\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Oracle\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eOracle DB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Oracle DB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.oracledb.metaTitle":"ILLA Cloud | Oracle DB \u7d71\u5408","landingPageDetail.oracledb.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3067Oracle DB\u7d71\u5408\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.postgresql.name":"PostgreSQL","landingPageDetail.postgresql.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066PostgreSQL\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.postgresql.description":"ILLA Cloud\u306ePostgreSQL\u7d71\u5408\u306b\u3088\u308a\u3001PostgreSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u7d20\u65e9\u304f\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3057\u3001\u4fe1\u983c\u6027\u306e\u9ad8\u3044\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3067\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3092\u6700\u9069\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001SQL\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u30c6\u30fc\u30d6\u30eb\u3092\u64cd\u4f5c\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070PostgreSQL\u306e\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u5f93\u696d\u54e1\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u30011\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u4f11\u6687\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3059\u308b\u3068\u3057\u307e\u3059\u3002 \u3053\u306e\u5834\u5408\u3001SQL \u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3059\u308b\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3057\u3001\u5f93\u696d\u54e1\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u6e08\u307f\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306ePostgreSQL\u7d71\u5408\u306b\u3088\u308a\u3001\u7c21\u5358\u304b\u3064\u81ea\u4fe1\u3092\u6301\u3063\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002","landingPageDetail.postgresql.metaTitle":"ILLA Cloud | PostgreSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u7d71\u5408","landingPageDetail.postgresql.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001PostgreSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3068\u63a5\u7d9a\u3057\u3066\u64cd\u4f5c\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.redis.name":"Redis","landingPageDetail.redis.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Redis\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.redis.description":"ILLA Cloud\u306eRedis\u7d71\u5408\u306b\u3088\u308a\u3001\u8fc5\u901f\u306bRedis\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u7d71\u5408\u306b\u3088\u308a\u3001Redis\u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30b3\u30de\u30f3\u30c9\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u308b\u3044\u306f\u3001Redis\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068Redis\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u3092\u884c\u3044\u307e\u3059\u3002 ILLA Cloud\u306eRedis\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Redis\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.redis.metaTitle":"ILLA Cloud Redis\u306e\u7d71\u5408 - Redis\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u63a5\u7d9a\u3068\u7ba1\u7406","landingPageDetail.redis.metaDescription":"Redis \u3068\u306e\u7d71\u5408\u3092\u4f7f\u7528\u3057\u3066\u3001Redis \u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u64cd\u4f5c\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u4f5c\u6210\u306a\u3069\u3092ILLA Cloud \u3067\u884c\u3046\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.restapi.name":"REST API","landingPageDetail.restapi.title":"\u4efb\u610f\u306eRESTful API\u306b\u63a5\u7d9a\u3057\u3001\u5206\u5358\u4f4d\u3067ILLA\u30af\u30e9\u30a6\u30c9\u3067\u30ab\u30b9\u30bf\u30e0\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059","landingPageDetail.restapi.description":"ILLA Cloud\u306eREST API\u7d71\u5408\u306b\u3088\u308a\u3001\u3042\u3089\u3086\u308bRESTful API\u306b\u7d20\u65e9\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fRESTful API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u306e\u53d6\u5f97\u3068\u64cd\u4f5c\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001\u5916\u90e8\u306eRESTful API\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u3092\u884c\u3044\u307e\u3059\u3002 ILLA Cloud \u306e REST API \u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001RESTful API \u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.restapi.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|REST API \u7d71\u5408","landingPageDetail.restapi.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u4efb\u610f\u306eREST API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u306b\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.s3.name":"S3","landingPageDetail.s3.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Amazon S3\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.s3.description":"ILLA Cloud\u306eAmazon S3\u7d71\u5408\u3067\u3002 \u3059\u3070\u3084\u304f\u7c21\u5358\u306bAmazon S3\u30b9\u30c8\u30ec\u30fc\u30b8\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 S3 API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001S3\u30d0\u30b1\u30c3\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u66f8\u304d\u3001\u64cd\u4f5c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001S3\u30d0\u30b1\u30c3\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eAmazon S3\u7d71\u5408\u3067\u3002 \u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Amazon S3 \u30b9\u30c8\u30ec\u30fc\u30b8\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.s3.metaTitle":"ILLA Cloud | S3 \u3068\u306e\u7d71\u5408","landingPageDetail.s3.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 S3 \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.smtp.name":"SMTP","landingPageDetail.smtp.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066SMTP\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.smtp.description":"ILLA Cloud \u306e SMTP \u7d71\u5408\u306b\u3088\u308a\u307e\u3059\u3002 SMTP\u30b5\u30fc\u30d0\u30fc\u306b\u7d20\u65e9\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u30e1\u30fc\u30eb\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u3068\u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30e1\u30fc\u30eb\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u307e\u3059\u3002ILLA \u30af\u30e9\u30a6\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304b\u3089\u76f4\u63a5\u30e1\u30fc\u30eb\u3092\u9001\u53d7\u4fe1\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002 \u5fc5\u8981\u306aSMTP\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u542b\u3080\u5165\u529b\u3092\u63d0\u4f9b\u3057\u3001\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u691c\u8a3c\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u96fb\u5b50\u30e1\u30fc\u30eb\u3092\u9001\u4fe1\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u7279\u5b9a\u306e\u30a4\u30d9\u30f3\u30c8\u304c\u30c8\u30ea\u30ac\u30fc\u3055\u308c\u305f\u3068\u304d\u306b\u3001\u81ea\u52d5\u30e1\u30fc\u30eb\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u9001\u4fe1\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306eSMTP\u7d71\u5408\u306b\u3088\u308a\u3001\u30e1\u30fc\u30eb\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001SMTP\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.smtp.metaTitle":"ILLA Cloud | SMTP\u7d71\u5408","landingPageDetail.smtp.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u3042\u3089\u3086\u308bSMTP\u30b5\u30fc\u30d0\u30fc\u3068\u63a5\u7d9a\u3057\u3066\u3084\u308a\u53d6\u308a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.snowflake.name":"\u30b9\u30ce\u30fc\u30d5\u30ec\u30fc\u30af","landingPageDetail.snowflake.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Snowflake \u306b\u63a5\u7d9a\u3057\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.snowflake.description":"ILLA Cloud\u306eSnowflake\u306e\u7d71\u5408\u306b\u3088\u308a\u3001Snowflake\u306e\u30c7\u30fc\u30bf\u30a6\u30a7\u30a2\u30cf\u30a6\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Snowflake SQL \u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Snowflake \u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eSnowflake\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Snowflake\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.snowflake.metaTitle":"ILLA Cloud | Snowflake Integration","landingPageDetail.snowflake.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001Snowflake\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.supabaseDB.name":"Supabase DB","landingPageDetail.supabaseDB.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 SupabaseDB \u306b\u63a5\u7d9a\u3057\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.supabaseDB.description":"ILLA Cloud\u306eSupabaseDB\u7d71\u5408\u306b\u3088\u308a\u3001\u3059\u3070\u3084\u304fSupabaseDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306e\u7d71\u5408\u306b\u3088\u308a\u3001SupabaseDB\u30af\u30a8\u30ea\u3068API\u30b3\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3057\u3066\u8907\u96d1\u306a\u64cd\u4f5c\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001SupabaseDB\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eSupabaseDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001SupabaseDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.supabaseDB.metaTitle":"ILLA Cloud | Supabase DB Integration","landingPageDetail.supabaseDB.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001Supabase DB\u3068\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.tiDB.name":"TiDB","landingPageDetail.tiDB.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 TiDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.tiDB.description":"ILLA Cloud\u306eTiDB\u7d71\u5408\u306b\u3088\u308a\u3001TiDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fSQL\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c6\u30fc\u30d6\u30eb\u3092\u64cd\u4f5c\u3057\u305f\u308a\u3001\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u30af\u30a8\u30ea\u3092\u7c21\u5358\u306b\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070... TiDB\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u5f93\u696d\u54e1\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001SQL\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u5f93\u696d\u54e1\u306e\u60c5\u5831\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3059\u308b\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306eTiDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001\u81ea\u4fe1\u3092\u6301\u3063\u3066\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306e\u53ef\u80fd\u6027\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.tiDB.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | TiDB \u7d71\u5408","landingPageDetail.tiDB.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066TiDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","content.all.title":"ILLA Cloud \u306f\u3059\u3079\u3066\u3092\u7d71\u5408\u3057\u307e\u3057\u305f","how_to_use.title.3_steps_to_customize":"Schritte, um Ihre Business-Apps anzupassen","how_to_use.description.build_tools_through":"\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3067\u30c4\u30fc\u30eb\u3092\u30d3\u30eb\u30c9\u3057\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u3001\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3001AI\u3092\u30cb\u30fc\u30ba\u3068\u30c7\u30fc\u30bf\u306b\u9069\u3057\u305f\u30b9\u30de\u30fc\u30c8\u30c4\u30fc\u30eb\u3068\u3057\u3001\u4ed5\u4e8b\u3092\u3088\u308a\u52b9\u7387\u7684\u306b\u3057\u307e\u3059\u3002","how_to_use.step1_title.create_ai_agent_for":"UI\u3092\u8a2d\u8a08\u3059\u308b\u305f\u3081\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u3059\u308b","how_to_use.step1_description.you_can_create_an_ai":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u3059\u308b\u3053\u3068\u3067\u3001\u8fc5\u901f\u306b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306eUI\u3092\u69cb\u7bc9\u3057\u3001\u4efb\u610f\u306e\u6a5f\u80fd\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002","how_to_use.step1_button.ai_agent_marketplace":"ILLA\u3092\u4f7f\u7528\u3057\u3066UI\u3092\u69cb\u7bc9\u3092\u958b\u59cb\u3059\u308b","how_to_use.step2_title.build_the_frontend_p":"\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a\u3059\u308b","how_to_use.step2_description.by_dragging_and_drop":"MySQL\u3001PostgreSQL\u306a\u3069\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001REST API\u3001GraphQL\u306a\u3069\u3001\u81ea\u5206\u306e\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u307e\u3059\u3002CRUD\u30a2\u30d7\u30ea\u3092\u308f\u305a\u304b1\u5206\u3067\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","how_to_use.step2_button.illa_app_marketplace":"\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3092\u4f7f\u7528\u3057\u3066\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9\u3092\u958b\u59cb\u3059\u308b","how_to_use.step3_title.connect_to_your_data":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3059\u308b","how_to_use.step3_description.enable_data_integrat":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u30a2\u30d7\u30ea\u306b\u7d71\u5408\u3057\u3001\u77e5\u7684\u5206\u6790\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u306a\u3069\u306eAI\u6a5f\u80fd\u3092AI\u958b\u767a\u30b9\u30ad\u30eb\u4e0d\u8981\u3067\u6d3b\u7528\u3067\u304d\u307e\u3059\u3002","how_to_use.step3_button.supported_data_sourc":"AI\u99c6\u52d5\u578b\u30a2\u30d7\u30ea\u306e\u69cb\u7bc9\u3092\u958b\u59cb\u3059\u308b","testimonial.title.user_testimonials":"\u30e6\u30fc\u30b6\u30fc\u306e\u58f0","testimonial.testimonial1_content.illa_cloud_has_been":"ILLA Cloud \u306f\u79c1\u306b\u3068\u3063\u3066\u30b2\u30fc\u30e0\u30c1\u30a7\u30f3\u30b8\u30e3\u30fc\u3067\u3042\u308a\u3001\u52b9\u7387\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u77ed\u6642\u9593\u3067\u751f\u6210\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002 \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305fAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u30a2\u30d7\u30ea\u306f\u3001\u79c1\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5b8c\u5168\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002","testimonial.testimonial1_username.christopher":"\u30af\u30ea\u30b9\u30c8\u30d5\u30a1\u30fc","testimonial.testimonial1_usertitle.seo_specialist":"SEO \u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8","testimonial.testimonial2_content.i_think_i_become_a_b":"\u79c1\u306f\u4eca BlogMaster \u306b\u306a\u3063\u305f\u3068\u601d\u3044\u307e\u3059\uff01 \u3053\u306e\u30c4\u30fc\u30eb\u306f\u79c1\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u30d7\u30ed\u30bb\u30b9\u306b\u9769\u547d\u3092\u3082\u305f\u3089\u3057\u3001\u79c1\u306b\u8cb4\u91cd\u306a\u6642\u9593\u3092\u7bc0\u7d04\u3057\u307e\u3057\u305f\u3002 \u30d6\u30ed\u30b0\u306e\u30a2\u30a4\u30c7\u30a2\u3092\u751f\u307f\u51fa\u3057\u3066\u3044\u308b\u306e\u304b\u3001\u8a18\u4e8b\u3092\u69cb\u6210\u3057\u3066\u3044\u308b\u306e\u304b\u306b\u95a2\u308f\u3089\u305a\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306f\u79c1\u3068\u79c1\u306e\u30c1\u30fc\u30e0\u306b\u3068\u3063\u3066\u5927\u304d\u306a\u8cc7\u7523\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002","testimonial.testimonial2_username.lucas":"\u30eb\u30fc\u30ab\u30b9","testimonial.testimonial2_usertitle.content_strategist":"\u30b3\u30f3\u30c6\u30f3\u30c4\u6226\u7565\u5bb6","testimonial.testimonial3_content.it_empowers_me_to_pr":"\u6700\u5c0f\u9650\u306e\u52b4\u529b\u3067\u512a\u308c\u305f\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u3089\u304b\u3058\u3081\u69cb\u7bc9\u3055\u308c\u305fAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u30a2\u30d7\u30ea\u306f\u3001\u7279\u5b9a\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u6a5f\u80fd\u3068\u3068\u3082\u306b\u3001\u30c1\u30fc\u30e0\u306e\u52b9\u7387\u6027\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u307e\u3057\u305f\u3002","testimonial.testimonial3_username.harper":"\u30cf\u30fc\u30d1\u30fc","testimonial.testimonial3_usertitle.customer_service_man":"\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30fc\u30d3\u30b9\u30de\u30cd\u30fc\u30b8\u30e3\u30fc","testimonial.testimonial4_content.ai_agent_low_code":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u30ed\u30fc\u30b3\u30fc\u30c9\u306f\u3001\u96fb\u5b50\u30e1\u30fc\u30eb\u306e\u66f8\u304d\u8fbc\u307f\u30d7\u30ed\u30bb\u30b9\u3092\u5909\u63db\u3057\u307e\u3057\u305f\u3002 \u30a4\u30f3\u30d1\u30af\u30c8\u306e\u3042\u308b\u96fb\u5b50\u30e1\u30fc\u30eb\u306e\u4f5c\u6210\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u79c1\u306f\u9b45\u529b\u7684\u3067\u8aac\u5f97\u529b\u306e\u3042\u308b\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u7c21\u5358\u306b\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ILLA \u30af\u30e9\u30a6\u30c9\u306f\u3001\u5f53\u793e\u306e\u96fb\u5b50\u30e1\u30fc\u30eb\u901a\u4fe1\u3092\u65b0\u305f\u306a\u9ad8\u307f\u306b\u9ad8\u3081\u307e\u3057\u305f\u3002","testimonial.testimonial4_username.abigail":"\u30a2\u30d3\u30b2\u30a4\u30eb","testimonial.testimonial4_usertitle.communication_specia":"\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8","testimonial.testimonial5_content.i_need_to_oversee_va":"\u4f1a\u793e\u306e\u69d8\u3005\u306a\u5074\u9762\u3092\u76e3\u7763\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 ILLA Cloud \u306f\u79c1\u306b\u5305\u62ec\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u3066\u304f\u308c\u307e\u3059\u3002 \u958b\u767a\u3068\u8a2d\u8a08\u306b\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u81ea\u5206\u306e\u30d3\u30b8\u30cd\u30b9\u3092\u3088\u308a\u826f\u304f\u7ba1\u7406\u3057\u3001\u76e3\u8996\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002","testimonial.testimonial5_username.matthew":"\u30de\u30b7\u30e5\u30fc","testimonial.testimonial5_usertitle.business_founder":"\u30d3\u30b8\u30cd\u30b9\u5275\u696d\u8005","testimonial.testimonial6_content.using_illa_cloud_to":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u7ba1\u7406\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u69cb\u7bc9\u3059\u308b\u306e\u306f\u975e\u5e38\u306b\u7c21\u5358\u3067\u3057\u305f\u3002 \u305f\u3063\u305f1\u65e5\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u6357\u3092\u76e3\u8996\u3057\u305f\u308a\u3001\u3053\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u5185\u3067\u30ea\u30bd\u30fc\u30b9\u3092\u5272\u308a\u5f53\u3066\u305f\u308a\u3068\u3044\u3063\u305f\u30bf\u30b9\u30af\u3092\u9054\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002","testimonial.testimonial6_username.samuel":"\u30b5\u30df\u30e5\u30a8\u30eb","testimonial.testimonial6_usertitle.website_administrato":"\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u7ba1\u7406\u8005","customer.title":"\u4f55\u5343\u3082\u306e\u30c1\u30fc\u30e0\u306b\u4fe1\u983c\u3055\u308c\u3066\u3044\u307e\u3059","description":"Build { businessApp } mit niedrigem Code, mach automatisiertes { flow }, erstelle { AIAgent } einfach","website_4.description.ai_agent":"AI Agent","website_4.description.business_app":"Web und App","website_4.description.flow":"flie\xdfen","first_button":"\u59cb\u3081\u3088\u3046","join-community":"Discord \u306b\u53c2\u52a0"}')},6887:e=>{"use strict";e.exports=JSON.parse('{"/illa-website/de/admin-panel-d67":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"97896d63"},"/illa-website/de/ai-voice-generator-667":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"6bb5daf4"},"/illa-website/de/blog-7f9":{"__comp":"a6aa9e1f","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"},{"content":"4a83e123"},{"content":"354dfbd1"},{"content":"e20c763e"},{"content":"bb85b74d"},{"content":"5cd65baf"}],"metadata":"5c63dc5b","tags":"5a8d0967"},"/illa-website/de/blog/backend-create-web-ui-68d":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"e765f05a"},"/illa-website/de/blog/build-dashboard-5ed":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"96447363"},"/illa-website/de/blog/lowcode-vs-traditional-5da":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"72d3bf7a"},"/illa-website/de/blog/mui-2024-201":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"1842627e"},"/illa-website/de/blog/nvm-use-2024-8a4":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"5f78ec6a"},"/illa-website/de/blog/shadcn-ui-2024-73c":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"4a61f11b"},"/illa-website/de/blog/shadcn-vs-mui-ed1":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"31eafaf9"},"/illa-website/de/blog/tags-2aa":{"__comp":"01a85c17","__context":{"plugin":"fc0df049"},"tags":"5a8d0967"},"/illa-website/de/blog/tags/admin-panel-4ea":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"3951042e","tags":"5a8d0967","listMetadata":"69e70952"},"/illa-website/de/blog/tags/data-dashboard-e8f":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"},{"content":"bb85b74d"}],"tag":"0ef6880a","tags":"5a8d0967","listMetadata":"25c95330"},"/illa-website/de/blog/tags/internal-tools-888":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"adcfd9b9","tags":"5a8d0967","listMetadata":"c62c5061"},"/illa-website/de/blog/tags/javascript-e79":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"}],"tag":"7467c04f","tags":"5a8d0967","listMetadata":"ea190378"},"/illa-website/de/blog/tags/low-code-5a6":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"354dfbd1"}],"tag":"78abd0ad","tags":"5a8d0967","listMetadata":"a241c358"},"/illa-website/de/blog/tags/mac-bca":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"e5ce6207","tags":"5a8d0967","listMetadata":"5adc8aa7"},"/illa-website/de/blog/tags/nodejs-dc8":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"5b196cbe","tags":"5a8d0967","listMetadata":"bb2e1bc1"},"/illa-website/de/blog/tags/nvm-cdb":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"cf603bed","tags":"5a8d0967","listMetadata":"a9b6c276"},"/illa-website/de/blog/tags/open-source-de7":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"354dfbd1"}],"tag":"6fb71529","tags":"5a8d0967","listMetadata":"7e92d9a9"},"/illa-website/de/blog/tags/react-cb0":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"b83b1560","tags":"5a8d0967","listMetadata":"5bf9ba3f"},"/illa-website/de/blog/tags/shadcn-ui-f47":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"3505054e","tags":"5a8d0967","listMetadata":"913e659f"},"/illa-website/de/blog/tags/traditional-development-a93":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"}],"tag":"bc7db89f","tags":"5a8d0967","listMetadata":"6b09bb8f"},"/illa-website/de/blog/tags/ui-library-910":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"4a83e123"}],"tag":"6de1dbb7","tags":"5a8d0967","listMetadata":"ca854f54"},"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024-05a":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"3dca0203"},"/illa-website/de/cms-230":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"f1acacbf"},"/illa-website/de/components/-3af":{"__comp":"188c27a7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Audio/-02d":{"__comp":"83d2f18d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/BarProgress/-0e1":{"__comp":"50cfa8ab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Button/-d1d":{"__comp":"49586834","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Carousel/-3e4":{"__comp":"a6b4f45f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Cascader/-c6f":{"__comp":"86953be1","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Chart/-974":{"__comp":"4c3a04f4","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/CheckboxGroup/-f2d":{"__comp":"7f0a0f20","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/CircleProgress/-86a":{"__comp":"46a49447","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Container/-e84":{"__comp":"bb9e3f22","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Date/-9f8":{"__comp":"deb5faec","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/DateRange/-ac5":{"__comp":"25ffa5da","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/DateTime/-790":{"__comp":"9f91eb4c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Divider/-e21":{"__comp":"03d60dda","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/EditableText/-4a2":{"__comp":"5758dffb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Form/-1b7":{"__comp":"3fee51a2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Icon/-d86":{"__comp":"6632b8cf","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Image/-92c":{"__comp":"c133d0bc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Input/-a1b":{"__comp":"1b97b52f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/List/-a5b":{"__comp":"0104b3a5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Menu/-22e":{"__comp":"53015dc5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Modal/-cc6":{"__comp":"25bbf118","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Multiselect/-f62":{"__comp":"da1593ee","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/NumberInput/-323":{"__comp":"6b7903a8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/PDF/-119":{"__comp":"474ec535","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/RadioButton/-420":{"__comp":"8d9a9c02","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/RadioGroup/-7ae":{"__comp":"837d095b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Rate/-b6c":{"__comp":"be1d629d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Select/-ed6":{"__comp":"56cbb393","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Statistics/-dee":{"__comp":"03598c98","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Switch/-6da":{"__comp":"01bd692b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Tables/-2c4":{"__comp":"ca96679e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Tabs/-f91":{"__comp":"30834002","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Text/-96b":{"__comp":"a9372106","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Textarea%20Input/-396":{"__comp":"5ca6070c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Timeline/-1bc":{"__comp":"7213c8c2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Upload/-a0d":{"__comp":"e0cd9918","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Video/-5a3":{"__comp":"3d6ccfd0","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/crm-dc0":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"78b157de"},"/illa-website/de/dashboard-387":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"2e55149c"},"/illa-website/de/image-generator-d46":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"999679b7"},"/illa-website/de/integrations/-573":{"__comp":"d8096fab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Airtable/-eda":{"__comp":"e4e1a4b6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/AmazonDynamoDB/-676":{"__comp":"589eda2e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Appwrite/-735":{"__comp":"733df29f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Clickhouse/-306":{"__comp":"30da2238","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/CouchDB/-2e2":{"__comp":"4ac275c7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/ElasticSearch/-4f8":{"__comp":"7d02bed8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Firebase/-98f":{"__comp":"f3cf1707","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/GoogleSheets/-dce":{"__comp":"ca19ac91","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/GraphQL/-64f":{"__comp":"927b8026","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/HuggingFaceInferenceAPI/-0b5":{"__comp":"a828f322","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/HuggingFaceInferenceEndpoint/-405":{"__comp":"2937fddb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Hydra/-823":{"__comp":"451bfe05","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/MariaDB/-700":{"__comp":"7b91dc2c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/MicrosoftSQLServer/-491":{"__comp":"2d1ec1f7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/MongoDB/-67c":{"__comp":"e015af33","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/MySQL/-605":{"__comp":"45267849","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Neon/-0d1":{"__comp":"68c10dd5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/OracleDB/-01c":{"__comp":"17fb53e2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/PostgreSQL/-34b":{"__comp":"38806fe8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Redis/-3ae":{"__comp":"890684bb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/RESTAPI/-883":{"__comp":"921028f2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/S3/-08f":{"__comp":"6e91fee9","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/SMTP/-b3f":{"__comp":"ac92cbdc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Snowflake/-2b9":{"__comp":"94161ec7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/SupabaseDB/-d00":{"__comp":"9de45a08","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/TiDB/-698":{"__comp":"41685197","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/pricing/-198":{"__comp":"279770d6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/-a2b":{"__comp":"1df93b7f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[532],(()=>{return t=1136,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
+/*! For license information please see main.cde0ebb4.js.LICENSE.txt */
+(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[179],{1422:(e,t,n)=>{var a={"./":1884};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=1422},6002:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7558),r=n.n(a),o=n(6887);const i={"0104b3a5":[()=>Promise.all([n.e(532),n.e(8592),n.e(1205)]).then(n.bind(n,2048)),"@site/src/pages/components/List/index.tsx",2048],"01a85c17":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(4013)]).then(n.bind(n,5602)),"@theme/BlogTagsListPage",5602],"01bd692b":[()=>Promise.all([n.e(532),n.e(8592),n.e(8550)]).then(n.bind(n,9451)),"@site/src/pages/components/Switch/index.tsx",9451],"03598c98":[()=>Promise.all([n.e(532),n.e(8592),n.e(4530)]).then(n.bind(n,406)),"@site/src/pages/components/Statistics/index.tsx",406],"03d60dda":[()=>Promise.all([n.e(532),n.e(8592),n.e(1618)]).then(n.bind(n,489)),"@site/src/pages/components/Divider/index.tsx",489],"0ef6880a":[()=>n.e(1043).then(n.t.bind(n,9232,19)),"~blog/default/illa-website-de-blog-tags-data-dashboard-143.json",9232],"17fb53e2":[()=>Promise.all([n.e(532),n.e(8592),n.e(4893)]).then(n.bind(n,2439)),"@site/src/pages/integrations/OracleDB/index.tsx",2439],"1842627e":[()=>n.e(5037).then(n.bind(n,2640)),"@site/blog/mui-2024/mui.md",2640],"188c27a7":[()=>Promise.all([n.e(532),n.e(8592),n.e(6921)]).then(n.bind(n,7108)),"@site/src/pages/components/index.tsx",7108],"1b97b52f":[()=>Promise.all([n.e(532),n.e(8592),n.e(2833)]).then(n.bind(n,7880)),"@site/src/pages/components/Input/index.tsx",7880],"1df93b7f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5708),n.e(3237)]).then(n.bind(n,7518)),"@site/src/pages/index.tsx",7518],"25bbf118":[()=>Promise.all([n.e(532),n.e(8592),n.e(7277)]).then(n.bind(n,5013)),"@site/src/pages/components/Modal/index.tsx",5013],"25c95330":[()=>n.e(3611).then(n.t.bind(n,2307,19)),"~blog/default/illa-website-de-blog-tags-data-dashboard-143-list.json",2307],"25ffa5da":[()=>Promise.all([n.e(532),n.e(8592),n.e(4417)]).then(n.bind(n,716)),"@site/src/pages/components/DateRange/index.tsx",716],"279770d6":[()=>Promise.all([n.e(532),n.e(8592),n.e(7654)]).then(n.bind(n,145)),"@site/src/pages/pricing/index.tsx",145],"2864c10f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5923),n.e(3807)]).then(n.bind(n,6641)),"@theme/SolutionsPage",6641],"2937fddb":[()=>Promise.all([n.e(532),n.e(8592),n.e(7559)]).then(n.bind(n,5430)),"@site/src/pages/integrations/HuggingFaceInferenceEndpoint/index.tsx",5430],"2d1ec1f7":[()=>Promise.all([n.e(532),n.e(8592),n.e(4664)]).then(n.bind(n,9400)),"@site/src/pages/integrations/MicrosoftSQLServer/index.tsx",9400],"2e55149c":[()=>n.e(8920).then(n.bind(n,8692)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-dashboard.mdx",8692],30834002:[()=>Promise.all([n.e(532),n.e(8592),n.e(7949)]).then(n.bind(n,2150)),"@site/src/pages/components/Tabs/index.tsx",2150],"30da2238":[()=>Promise.all([n.e(532),n.e(8592),n.e(7906)]).then(n.bind(n,7201)),"@site/src/pages/integrations/Clickhouse/index.tsx",7201],"31eafaf9":[()=>n.e(3581).then(n.bind(n,2040)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",2040],"34d0e50f":[()=>n.e(5385).then(n.t.bind(n,5745,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],"3505054e":[()=>n.e(5084).then(n.t.bind(n,8815,19)),"~blog/default/illa-website-de-blog-tags-shadcn-ui-ffc.json",8815],"354dfbd1":[()=>n.e(8248).then(n.bind(n,5209)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md?truncated=true",5209],"38806fe8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9248)]).then(n.bind(n,7179)),"@site/src/pages/integrations/PostgreSQL/index.tsx",7179],"3951042e":[()=>n.e(6194).then(n.t.bind(n,8316,19)),"~blog/default/illa-website-de-blog-tags-admin-panel-ff2.json",8316],"3d6ccfd0":[()=>Promise.all([n.e(532),n.e(8592),n.e(7543)]).then(n.bind(n,2667)),"@site/src/pages/components/Video/index.tsx",2667],"3dca0203":[()=>n.e(5694).then(n.bind(n,1077)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md",1077],"3fee51a2":[()=>Promise.all([n.e(532),n.e(8592),n.e(7155)]).then(n.bind(n,2974)),"@site/src/pages/components/Form/index.tsx",2974],41685197:[()=>Promise.all([n.e(532),n.e(8592),n.e(4610)]).then(n.bind(n,3608)),"@site/src/pages/integrations/TiDB/index.tsx",3608],"451bfe05":[()=>Promise.all([n.e(532),n.e(8592),n.e(5162)]).then(n.bind(n,780)),"@site/src/pages/integrations/Hydra/index.tsx",780],45267849:[()=>Promise.all([n.e(532),n.e(8592),n.e(2136)]).then(n.bind(n,7417)),"@site/src/pages/integrations/MySQL/index.tsx",7417],"46a49447":[()=>Promise.all([n.e(532),n.e(8592),n.e(4771)]).then(n.bind(n,2208)),"@site/src/pages/components/CircleProgress/index.tsx",2208],"474ec535":[()=>Promise.all([n.e(532),n.e(8592),n.e(1055)]).then(n.bind(n,3886)),"@site/src/pages/components/PDF/index.tsx",3886],49586834:[()=>Promise.all([n.e(532),n.e(8592),n.e(852)]).then(n.bind(n,8292)),"@site/src/pages/components/Button/index.tsx",8292],"4a61f11b":[()=>n.e(9699).then(n.bind(n,1483)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",1483],"4a83e123":[()=>n.e(6137).then(n.bind(n,8506)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md?truncated=true",8506],"4ac275c7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1679)]).then(n.bind(n,9098)),"@site/src/pages/integrations/CouchDB/index.tsx",9098],"4c3a04f4":[()=>Promise.all([n.e(532),n.e(8592),n.e(2578)]).then(n.bind(n,8532)),"@site/src/pages/components/Chart/index.tsx",8532],"50cfa8ab":[()=>Promise.all([n.e(532),n.e(8592),n.e(9788)]).then(n.bind(n,7779)),"@site/src/pages/components/BarProgress/index.tsx",7779],"53015dc5":[()=>Promise.all([n.e(532),n.e(8592),n.e(8962)]).then(n.bind(n,4118)),"@site/src/pages/components/Menu/index.tsx",4118],"56cbb393":[()=>Promise.all([n.e(532),n.e(8592),n.e(7050)]).then(n.bind(n,4515)),"@site/src/pages/components/Select/index.tsx",4515],"5758dffb":[()=>Promise.all([n.e(532),n.e(8592),n.e(9982)]).then(n.bind(n,5421)),"@site/src/pages/components/EditableText/index.tsx",5421],"589eda2e":[()=>Promise.all([n.e(532),n.e(8592),n.e(4556)]).then(n.bind(n,1566)),"@site/src/pages/integrations/AmazonDynamoDB/index.tsx",1566],"5a8d0967":[()=>n.e(4359).then(n.t.bind(n,841,19)),"~blog/default/illa-website-de-blog-tags-tags-f58.json",841],"5adc8aa7":[()=>n.e(4293).then(n.t.bind(n,1728,19)),"~blog/default/illa-website-de-blog-tags-mac-dbb-list.json",1728],"5b196cbe":[()=>n.e(2061).then(n.t.bind(n,4042,19)),"~blog/default/illa-website-de-blog-tags-nodejs-cbb.json",4042],"5bf9ba3f":[()=>n.e(9574).then(n.t.bind(n,8087,19)),"~blog/default/illa-website-de-blog-tags-react-5cb-list.json",8087],"5c63dc5b":[()=>n.e(6191).then(n.t.bind(n,3459,19)),"~blog/default/illa-website-de-blog-4a8.json",3459],"5ca6070c":[()=>Promise.all([n.e(532),n.e(8592),n.e(2056)]).then(n.bind(n,5462)),"@site/src/pages/components/Textarea Input/index.tsx",5462],"5cd65baf":[()=>n.e(9239).then(n.bind(n,9590)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md?truncated=true",9590],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],"5f78ec6a":[()=>n.e(3096).then(n.bind(n,2369)),"@site/blog/nvm-use/nvm-use.md",2369],"6632b8cf":[()=>Promise.all([n.e(532),n.e(8592),n.e(9090)]).then(n.bind(n,786)),"@site/src/pages/components/Icon/index.tsx",786],"6875c492":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(8610)]).then(n.bind(n,2304)),"@theme/BlogTagsPostsPage",2304],"68c10dd5":[()=>Promise.all([n.e(532),n.e(8592),n.e(2714)]).then(n.bind(n,5886)),"@site/src/pages/integrations/Neon/index.tsx",5886],"69e70952":[()=>n.e(3370).then(n.t.bind(n,4680,19)),"~blog/default/illa-website-de-blog-tags-admin-panel-ff2-list.json",4680],"6b09bb8f":[()=>n.e(8839).then(n.t.bind(n,8663,19)),"~blog/default/illa-website-de-blog-tags-traditional-development-7dc-list.json",8663],"6b7903a8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9324)]).then(n.bind(n,3564)),"@site/src/pages/components/NumberInput/index.tsx",3564],"6bb5daf4":[()=>n.e(6402).then(n.bind(n,6963)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-ai-voice-generator.mdx",6963],"6d69edbe":[()=>n.e(8876).then(n.bind(n,5391)),"@site/blog/nvm-use/nvm-use.md?truncated=true",5391],"6de1dbb7":[()=>n.e(2974).then(n.t.bind(n,6851,19)),"~blog/default/illa-website-de-blog-tags-ui-library-fd3.json",6851],"6e91fee9":[()=>Promise.all([n.e(532),n.e(8592),n.e(856)]).then(n.bind(n,2368)),"@site/src/pages/integrations/S3/index.tsx",2368],"6fb71529":[()=>n.e(8823).then(n.t.bind(n,8940,19)),"~blog/default/illa-website-de-blog-tags-open-source-3da.json",8940],"7213c8c2":[()=>Promise.all([n.e(532),n.e(8592),n.e(3045)]).then(n.bind(n,9219)),"@site/src/pages/components/Timeline/index.tsx",9219],"72d3bf7a":[()=>n.e(4808).then(n.bind(n,2685)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",2685],"733df29f":[()=>Promise.all([n.e(532),n.e(8592),n.e(8151)]).then(n.bind(n,3538)),"@site/src/pages/integrations/Appwrite/index.tsx",3538],"7467c04f":[()=>n.e(3104).then(n.t.bind(n,5429,19)),"~blog/default/illa-website-de-blog-tags-javascript-af9.json",5429],"78abd0ad":[()=>n.e(2477).then(n.t.bind(n,8884,19)),"~blog/default/illa-website-de-blog-tags-low-code-37e.json",8884],"78b157de":[()=>n.e(3768).then(n.bind(n,5693)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-crm.mdx",5693],"7b91dc2c":[()=>Promise.all([n.e(532),n.e(8592),n.e(7448)]).then(n.bind(n,5764)),"@site/src/pages/integrations/MariaDB/index.tsx",5764],"7d02bed8":[()=>Promise.all([n.e(532),n.e(8592),n.e(7832)]).then(n.bind(n,9840)),"@site/src/pages/integrations/ElasticSearch/index.tsx",9840],"7e92d9a9":[()=>n.e(3018).then(n.t.bind(n,5187,19)),"~blog/default/illa-website-de-blog-tags-open-source-3da-list.json",5187],"7f0a0f20":[()=>Promise.all([n.e(532),n.e(8592),n.e(2377)]).then(n.bind(n,5092)),"@site/src/pages/components/CheckboxGroup/index.tsx",5092],"837d095b":[()=>Promise.all([n.e(532),n.e(8592),n.e(9211)]).then(n.bind(n,8824)),"@site/src/pages/components/RadioGroup/index.tsx",8824],"83d2f18d":[()=>Promise.all([n.e(532),n.e(8592),n.e(4638)]).then(n.bind(n,6398)),"@site/src/pages/components/Audio/index.tsx",6398],"86953be1":[()=>Promise.all([n.e(532),n.e(8592),n.e(6510)]).then(n.bind(n,7072)),"@site/src/pages/components/Cascader/index.tsx",7072],"88d8af9f":[()=>n.e(5038).then(n.bind(n,9129)),"@site/blog/mui-2024/mui.md?truncated=true",9129],"890684bb":[()=>Promise.all([n.e(532),n.e(8592),n.e(3883)]).then(n.bind(n,9917)),"@site/src/pages/integrations/Redis/index.tsx",9917],"8d9a9c02":[()=>Promise.all([n.e(532),n.e(8592),n.e(3265)]).then(n.bind(n,3893)),"@site/src/pages/components/RadioButton/index.tsx",3893],"913e659f":[()=>n.e(5355).then(n.t.bind(n,5102,19)),"~blog/default/illa-website-de-blog-tags-shadcn-ui-ffc-list.json",5102],"921028f2":[()=>Promise.all([n.e(532),n.e(8592),n.e(8922)]).then(n.bind(n,4108)),"@site/src/pages/integrations/RESTAPI/index.tsx",4108],"927b8026":[()=>Promise.all([n.e(532),n.e(8592),n.e(1414)]).then(n.bind(n,4882)),"@site/src/pages/integrations/GraphQL/index.tsx",4882],"94161ec7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1845)]).then(n.bind(n,8521)),"@site/src/pages/integrations/Snowflake/index.tsx",8521],96447363:[()=>n.e(9713).then(n.bind(n,6100)),"@site/blog/build-dashboard/build-dashboard.md",6100],"97896d63":[()=>n.e(8364).then(n.bind(n,2077)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-admin-panel.mdx",2077],"999679b7":[()=>n.e(1281).then(n.bind(n,9268)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-image-generator.mdx",9268],"9de45a08":[()=>Promise.all([n.e(532),n.e(8592),n.e(4640)]).then(n.bind(n,7582)),"@site/src/pages/integrations/SupabaseDB/index.tsx",7582],"9f91eb4c":[()=>Promise.all([n.e(532),n.e(8592),n.e(6290)]).then(n.bind(n,3668)),"@site/src/pages/components/DateTime/index.tsx",3668],a241c358:[()=>n.e(5649).then(n.t.bind(n,3267,19)),"~blog/default/illa-website-de-blog-tags-low-code-37e-list.json",3267],a6aa9e1f:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(3089)]).then(n.bind(n,6336)),"@theme/BlogListPage",6336],a6b4f45f:[()=>Promise.all([n.e(532),n.e(8592),n.e(3102)]).then(n.bind(n,9967)),"@site/src/pages/components/Carousel/index.tsx",9967],a828f322:[()=>Promise.all([n.e(532),n.e(8592),n.e(8891)]).then(n.bind(n,9216)),"@site/src/pages/integrations/HuggingFaceInferenceAPI/index.tsx",9216],a9372106:[()=>Promise.all([n.e(532),n.e(8592),n.e(1777)]).then(n.bind(n,7134)),"@site/src/pages/components/Text/index.tsx",7134],a9b6c276:[()=>n.e(6681).then(n.t.bind(n,5722,19)),"~blog/default/illa-website-de-blog-tags-nvm-6d2-list.json",5722],ac92cbdc:[()=>Promise.all([n.e(532),n.e(8592),n.e(5378)]).then(n.bind(n,5501)),"@site/src/pages/integrations/SMTP/index.tsx",5501],adcfd9b9:[()=>n.e(684).then(n.t.bind(n,6192,19)),"~blog/default/illa-website-de-blog-tags-internal-tools-349.json",6192],b6eb34d2:[()=>n.e(5191).then(n.bind(n,5067)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md?truncated=true",5067],b83b1560:[()=>n.e(5064).then(n.t.bind(n,696,19)),"~blog/default/illa-website-de-blog-tags-react-5cb.json",696],bb2e1bc1:[()=>n.e(905).then(n.t.bind(n,9568,19)),"~blog/default/illa-website-de-blog-tags-nodejs-cbb-list.json",9568],bb85b74d:[()=>n.e(5938).then(n.bind(n,576)),"@site/blog/build-dashboard/build-dashboard.md?truncated=true",576],bb9e3f22:[()=>Promise.all([n.e(532),n.e(8592),n.e(5118)]).then(n.bind(n,4980)),"@site/src/pages/components/Container/index.tsx",4980],bc7db89f:[()=>n.e(5465).then(n.t.bind(n,619,19)),"~blog/default/illa-website-de-blog-tags-traditional-development-7dc.json",619],be1d629d:[()=>Promise.all([n.e(532),n.e(8592),n.e(545)]).then(n.bind(n,3563)),"@site/src/pages/components/Rate/index.tsx",3563],c133d0bc:[()=>Promise.all([n.e(532),n.e(8592),n.e(7746)]).then(n.bind(n,1814)),"@site/src/pages/components/Image/index.tsx",1814],c62c5061:[()=>n.e(6584).then(n.t.bind(n,9488,19)),"~blog/default/illa-website-de-blog-tags-internal-tools-349-list.json",9488],ca19ac91:[()=>Promise.all([n.e(532),n.e(8592),n.e(7612)]).then(n.bind(n,7690)),"@site/src/pages/integrations/GoogleSheets/index.tsx",7690],ca854f54:[()=>n.e(1273).then(n.t.bind(n,6830,19)),"~blog/default/illa-website-de-blog-tags-ui-library-fd3-list.json",6830],ca96679e:[()=>Promise.all([n.e(532),n.e(8592),n.e(2031)]).then(n.bind(n,5014)),"@site/src/pages/components/Tables/index.tsx",5014],ccc49370:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(5923),n.e(4809),n.e(6103)]).then(n.bind(n,9466)),"@theme/BlogPostPage",9466],cf603bed:[()=>n.e(4711).then(n.t.bind(n,5734,19)),"~blog/default/illa-website-de-blog-tags-nvm-6d2.json",5734],d8096fab:[()=>Promise.all([n.e(532),n.e(8592),n.e(6828)]).then(n.bind(n,3769)),"@site/src/pages/integrations/index.tsx",3769],da1593ee:[()=>Promise.all([n.e(532),n.e(8592),n.e(9321)]).then(n.bind(n,1086)),"@site/src/pages/components/Multiselect/index.tsx",1086],deb5faec:[()=>Promise.all([n.e(532),n.e(8592),n.e(2224)]).then(n.bind(n,320)),"@site/src/pages/components/Date/index.tsx",320],e015af33:[()=>Promise.all([n.e(532),n.e(8592),n.e(8595)]).then(n.bind(n,7818)),"@site/src/pages/integrations/MongoDB/index.tsx",7818],e0cd9918:[()=>Promise.all([n.e(532),n.e(8592),n.e(8155)]).then(n.bind(n,4855)),"@site/src/pages/components/Upload/index.tsx",4855],e20c763e:[()=>n.e(7599).then(n.bind(n,8311)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md?truncated=true",8311],e4e1a4b6:[()=>Promise.all([n.e(532),n.e(8592),n.e(8296)]).then(n.bind(n,5586)),"@site/src/pages/integrations/Airtable/index.tsx",5586],e5ce6207:[()=>n.e(4482).then(n.t.bind(n,4670,19)),"~blog/default/illa-website-de-blog-tags-mac-dbb.json",4670],e765f05a:[()=>n.e(7272).then(n.bind(n,26)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md",26],ea190378:[()=>n.e(9217).then(n.t.bind(n,5940,19)),"~blog/default/illa-website-de-blog-tags-javascript-af9-list.json",5940],f1acacbf:[()=>n.e(199).then(n.bind(n,1485)),"@site/i18n/de/docusaurus-plugin-content-pages/solutions-cms.mdx",1485],f3cf1707:[()=>Promise.all([n.e(532),n.e(8592),n.e(3072)]).then(n.bind(n,109)),"@site/src/pages/integrations/Firebase/index.tsx",109],fc0df049:[()=>n.e(5315).then(n.t.bind(n,4469,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",4469]};var l=n(1527);function s(e){let{error:t,retry:n,pastDelay:a}=e;return t?(0,l.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,l.jsx)("p",{children:String(t)}),(0,l.jsx)("div",{children:(0,l.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):a?(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,l.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,l.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,l.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(4420),u=n(2762);function d(e,t){if("*"===e)return r()({loading:s,loader:()=>Promise.all([n.e(532),n.e(8592),n.e(8245)]).then(n.bind(n,8245)),modules:["@theme/NotFound"],webpack:()=>[8245],render(e,t){const n=e.default;return(0,l.jsx)(u.z,{value:{plugin:{name:"native",id:"default"}},children:(0,l.jsx)(n,{...t})})}});const a=o[`${e}-${t}`],d={},p=[],f=[],g=(0,c.Z)(a);return Object.entries(g).forEach((e=>{let[t,n]=e;const a=i[n];a&&(d[t]=a[0],p.push(a[1]),f.push(a[2]))})),r().Map({loading:s,loader:d,modules:p,webpack:()=>f,render(t,n){const r=JSON.parse(JSON.stringify(a));Object.entries(t).forEach((t=>{let[n,a]=t;const o=a.default;if(!o)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof o&&"function"!=typeof o||Object.keys(a).filter((e=>"default"!==e)).forEach((e=>{o[e]=a[e]}));let i=r;const l=n.split(".");l.slice(0,-1).forEach((e=>{i=i[e]})),i[l[l.length-1]]=o}));const o=r.__comp;delete r.__comp;const i=r.__context;return delete r.__context,(0,l.jsx)(u.z,{value:i,children:(0,l.jsx)(o,{...r,...n})})}})}const p=[{path:"/illa-website/de/admin-panel",component:d("/illa-website/de/admin-panel","d67"),exact:!0},{path:"/illa-website/de/ai-voice-generator",component:d("/illa-website/de/ai-voice-generator","667"),exact:!0},{path:"/illa-website/de/blog",component:d("/illa-website/de/blog","7f9"),exact:!0},{path:"/illa-website/de/blog/backend-create-web-ui",component:d("/illa-website/de/blog/backend-create-web-ui","68d"),exact:!0},{path:"/illa-website/de/blog/build-dashboard",component:d("/illa-website/de/blog/build-dashboard","5ed"),exact:!0},{path:"/illa-website/de/blog/lowcode-vs-traditional",component:d("/illa-website/de/blog/lowcode-vs-traditional","5da"),exact:!0},{path:"/illa-website/de/blog/mui-2024",component:d("/illa-website/de/blog/mui-2024","201"),exact:!0},{path:"/illa-website/de/blog/nvm-use-2024",component:d("/illa-website/de/blog/nvm-use-2024","8a4"),exact:!0},{path:"/illa-website/de/blog/shadcn-ui-2024",component:d("/illa-website/de/blog/shadcn-ui-2024","73c"),exact:!0},{path:"/illa-website/de/blog/shadcn-vs-mui",component:d("/illa-website/de/blog/shadcn-vs-mui","ed1"),exact:!0},{path:"/illa-website/de/blog/tags",component:d("/illa-website/de/blog/tags","2aa"),exact:!0},{path:"/illa-website/de/blog/tags/admin-panel",component:d("/illa-website/de/blog/tags/admin-panel","4ea"),exact:!0},{path:"/illa-website/de/blog/tags/data-dashboard",component:d("/illa-website/de/blog/tags/data-dashboard","e8f"),exact:!0},{path:"/illa-website/de/blog/tags/internal-tools",component:d("/illa-website/de/blog/tags/internal-tools","888"),exact:!0},{path:"/illa-website/de/blog/tags/javascript",component:d("/illa-website/de/blog/tags/javascript","e79"),exact:!0},{path:"/illa-website/de/blog/tags/low-code",component:d("/illa-website/de/blog/tags/low-code","5a6"),exact:!0},{path:"/illa-website/de/blog/tags/mac",component:d("/illa-website/de/blog/tags/mac","bca"),exact:!0},{path:"/illa-website/de/blog/tags/nodejs",component:d("/illa-website/de/blog/tags/nodejs","dc8"),exact:!0},{path:"/illa-website/de/blog/tags/nvm",component:d("/illa-website/de/blog/tags/nvm","cdb"),exact:!0},{path:"/illa-website/de/blog/tags/open-source",component:d("/illa-website/de/blog/tags/open-source","de7"),exact:!0},{path:"/illa-website/de/blog/tags/react",component:d("/illa-website/de/blog/tags/react","cb0"),exact:!0},{path:"/illa-website/de/blog/tags/shadcn-ui",component:d("/illa-website/de/blog/tags/shadcn-ui","f47"),exact:!0},{path:"/illa-website/de/blog/tags/traditional-development",component:d("/illa-website/de/blog/tags/traditional-development","a93"),exact:!0},{path:"/illa-website/de/blog/tags/ui-library",component:d("/illa-website/de/blog/tags/ui-library","910"),exact:!0},{path:"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024",component:d("/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024","05a"),exact:!0},{path:"/illa-website/de/cms",component:d("/illa-website/de/cms","230"),exact:!0},{path:"/illa-website/de/components/",component:d("/illa-website/de/components/","3af"),exact:!0},{path:"/illa-website/de/components/Audio/",component:d("/illa-website/de/components/Audio/","02d"),exact:!0},{path:"/illa-website/de/components/BarProgress/",component:d("/illa-website/de/components/BarProgress/","0e1"),exact:!0},{path:"/illa-website/de/components/Button/",component:d("/illa-website/de/components/Button/","d1d"),exact:!0},{path:"/illa-website/de/components/Carousel/",component:d("/illa-website/de/components/Carousel/","3e4"),exact:!0},{path:"/illa-website/de/components/Cascader/",component:d("/illa-website/de/components/Cascader/","c6f"),exact:!0},{path:"/illa-website/de/components/Chart/",component:d("/illa-website/de/components/Chart/","974"),exact:!0},{path:"/illa-website/de/components/CheckboxGroup/",component:d("/illa-website/de/components/CheckboxGroup/","f2d"),exact:!0},{path:"/illa-website/de/components/CircleProgress/",component:d("/illa-website/de/components/CircleProgress/","86a"),exact:!0},{path:"/illa-website/de/components/Container/",component:d("/illa-website/de/components/Container/","e84"),exact:!0},{path:"/illa-website/de/components/Date/",component:d("/illa-website/de/components/Date/","9f8"),exact:!0},{path:"/illa-website/de/components/DateRange/",component:d("/illa-website/de/components/DateRange/","ac5"),exact:!0},{path:"/illa-website/de/components/DateTime/",component:d("/illa-website/de/components/DateTime/","790"),exact:!0},{path:"/illa-website/de/components/Divider/",component:d("/illa-website/de/components/Divider/","e21"),exact:!0},{path:"/illa-website/de/components/EditableText/",component:d("/illa-website/de/components/EditableText/","4a2"),exact:!0},{path:"/illa-website/de/components/Form/",component:d("/illa-website/de/components/Form/","1b7"),exact:!0},{path:"/illa-website/de/components/Icon/",component:d("/illa-website/de/components/Icon/","d86"),exact:!0},{path:"/illa-website/de/components/Image/",component:d("/illa-website/de/components/Image/","92c"),exact:!0},{path:"/illa-website/de/components/Input/",component:d("/illa-website/de/components/Input/","a1b"),exact:!0},{path:"/illa-website/de/components/List/",component:d("/illa-website/de/components/List/","a5b"),exact:!0},{path:"/illa-website/de/components/Menu/",component:d("/illa-website/de/components/Menu/","22e"),exact:!0},{path:"/illa-website/de/components/Modal/",component:d("/illa-website/de/components/Modal/","cc6"),exact:!0},{path:"/illa-website/de/components/Multiselect/",component:d("/illa-website/de/components/Multiselect/","f62"),exact:!0},{path:"/illa-website/de/components/NumberInput/",component:d("/illa-website/de/components/NumberInput/","323"),exact:!0},{path:"/illa-website/de/components/PDF/",component:d("/illa-website/de/components/PDF/","119"),exact:!0},{path:"/illa-website/de/components/RadioButton/",component:d("/illa-website/de/components/RadioButton/","420"),exact:!0},{path:"/illa-website/de/components/RadioGroup/",component:d("/illa-website/de/components/RadioGroup/","7ae"),exact:!0},{path:"/illa-website/de/components/Rate/",component:d("/illa-website/de/components/Rate/","b6c"),exact:!0},{path:"/illa-website/de/components/Select/",component:d("/illa-website/de/components/Select/","ed6"),exact:!0},{path:"/illa-website/de/components/Statistics/",component:d("/illa-website/de/components/Statistics/","dee"),exact:!0},{path:"/illa-website/de/components/Switch/",component:d("/illa-website/de/components/Switch/","6da"),exact:!0},{path:"/illa-website/de/components/Tables/",component:d("/illa-website/de/components/Tables/","2c4"),exact:!0},{path:"/illa-website/de/components/Tabs/",component:d("/illa-website/de/components/Tabs/","f91"),exact:!0},{path:"/illa-website/de/components/Text/",component:d("/illa-website/de/components/Text/","96b"),exact:!0},{path:"/illa-website/de/components/Textarea%20Input/",component:d("/illa-website/de/components/Textarea%20Input/","396"),exact:!0},{path:"/illa-website/de/components/Timeline/",component:d("/illa-website/de/components/Timeline/","1bc"),exact:!0},{path:"/illa-website/de/components/Upload/",component:d("/illa-website/de/components/Upload/","a0d"),exact:!0},{path:"/illa-website/de/components/Video/",component:d("/illa-website/de/components/Video/","5a3"),exact:!0},{path:"/illa-website/de/crm",component:d("/illa-website/de/crm","dc0"),exact:!0},{path:"/illa-website/de/dashboard",component:d("/illa-website/de/dashboard","387"),exact:!0},{path:"/illa-website/de/image-generator",component:d("/illa-website/de/image-generator","d46"),exact:!0},{path:"/illa-website/de/integrations/",component:d("/illa-website/de/integrations/","573"),exact:!0},{path:"/illa-website/de/integrations/Airtable/",component:d("/illa-website/de/integrations/Airtable/","eda"),exact:!0},{path:"/illa-website/de/integrations/AmazonDynamoDB/",component:d("/illa-website/de/integrations/AmazonDynamoDB/","676"),exact:!0},{path:"/illa-website/de/integrations/Appwrite/",component:d("/illa-website/de/integrations/Appwrite/","735"),exact:!0},{path:"/illa-website/de/integrations/Clickhouse/",component:d("/illa-website/de/integrations/Clickhouse/","306"),exact:!0},{path:"/illa-website/de/integrations/CouchDB/",component:d("/illa-website/de/integrations/CouchDB/","2e2"),exact:!0},{path:"/illa-website/de/integrations/ElasticSearch/",component:d("/illa-website/de/integrations/ElasticSearch/","4f8"),exact:!0},{path:"/illa-website/de/integrations/Firebase/",component:d("/illa-website/de/integrations/Firebase/","98f"),exact:!0},{path:"/illa-website/de/integrations/GoogleSheets/",component:d("/illa-website/de/integrations/GoogleSheets/","dce"),exact:!0},{path:"/illa-website/de/integrations/GraphQL/",component:d("/illa-website/de/integrations/GraphQL/","64f"),exact:!0},{path:"/illa-website/de/integrations/HuggingFaceInferenceAPI/",component:d("/illa-website/de/integrations/HuggingFaceInferenceAPI/","0b5"),exact:!0},{path:"/illa-website/de/integrations/HuggingFaceInferenceEndpoint/",component:d("/illa-website/de/integrations/HuggingFaceInferenceEndpoint/","405"),exact:!0},{path:"/illa-website/de/integrations/Hydra/",component:d("/illa-website/de/integrations/Hydra/","823"),exact:!0},{path:"/illa-website/de/integrations/MariaDB/",component:d("/illa-website/de/integrations/MariaDB/","700"),exact:!0},{path:"/illa-website/de/integrations/MicrosoftSQLServer/",component:d("/illa-website/de/integrations/MicrosoftSQLServer/","491"),exact:!0},{path:"/illa-website/de/integrations/MongoDB/",component:d("/illa-website/de/integrations/MongoDB/","67c"),exact:!0},{path:"/illa-website/de/integrations/MySQL/",component:d("/illa-website/de/integrations/MySQL/","605"),exact:!0},{path:"/illa-website/de/integrations/Neon/",component:d("/illa-website/de/integrations/Neon/","0d1"),exact:!0},{path:"/illa-website/de/integrations/OracleDB/",component:d("/illa-website/de/integrations/OracleDB/","01c"),exact:!0},{path:"/illa-website/de/integrations/PostgreSQL/",component:d("/illa-website/de/integrations/PostgreSQL/","34b"),exact:!0},{path:"/illa-website/de/integrations/Redis/",component:d("/illa-website/de/integrations/Redis/","3ae"),exact:!0},{path:"/illa-website/de/integrations/RESTAPI/",component:d("/illa-website/de/integrations/RESTAPI/","883"),exact:!0},{path:"/illa-website/de/integrations/S3/",component:d("/illa-website/de/integrations/S3/","08f"),exact:!0},{path:"/illa-website/de/integrations/SMTP/",component:d("/illa-website/de/integrations/SMTP/","b3f"),exact:!0},{path:"/illa-website/de/integrations/Snowflake/",component:d("/illa-website/de/integrations/Snowflake/","2b9"),exact:!0},{path:"/illa-website/de/integrations/SupabaseDB/",component:d("/illa-website/de/integrations/SupabaseDB/","d00"),exact:!0},{path:"/illa-website/de/integrations/TiDB/",component:d("/illa-website/de/integrations/TiDB/","698"),exact:!0},{path:"/illa-website/de/pricing/",component:d("/illa-website/de/pricing/","198"),exact:!0},{path:"/illa-website/de/",component:d("/illa-website/de/","a2b"),exact:!0},{path:"*",component:d("*")}]},7752:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>i});var a=n(959),r=n(1527);const o=a.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{i(!0)}),[]),(0,r.jsx)(o.Provider,{value:n,children:t})}},1136:(e,t,n)=>{"use strict";var a=n(959),r=n(4478),o=n(9500),i=n(387),l=n(6047);const s=[n(3852),n(89),n(6070),n(4329),n(962),n(1245)];var c=n(6002),u=n(8903),d=n(6920);function p(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var a=e.path?(0,u.LX)(t,e):n.length?n[n.length-1].match:u.F0.computeRootMatch(t);return a&&(n.push({route:e,match:a}),e.routes&&p(e.routes,t,n)),a})),n}var f=n(1527);function g(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var m=n(4491),h=n(2688),b=n(9925),y=n(2593),v=n(1610),w=n(8224),x=n(864);const k="default";var L=n(6771),S=n(7535);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,h.Z)(),a=(0,w.l)(),r=n[e].htmlLang,o=e=>e.replace("-","_");return(0,f.jsxs)(m.Z,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:o(r)}),Object.values(n).filter((e=>r!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:o(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,h.Z)(),a=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,h.Z)(),{pathname:a}=(0,u.TH)();return e+(0,L.applyTrailingSlash)((0,b.Z)(a),{trailingSlash:n,baseUrl:t})}(),r=t?`${n}${t}`:a;return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{property:"og:url",content:r}),(0,f.jsx)("link",{rel:"canonical",href:r})]})}function P(){const{i18n:{currentLocale:e}}=(0,h.Z)(),{metadata:t,image:n}=(0,y.L)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:x.h})]}),n&&(0,f.jsx)(v.d,{image:n}),(0,f.jsx)(C,{}),(0,f.jsx)(_,{}),(0,f.jsx)(S.Z,{tag:k,locale:e}),(0,f.jsx)(m.Z,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const A=new Map;function D(e){if(A.has(e.pathname))return{...e,pathname:A.get(e.pathname)};if(p(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return A.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return A.set(e.pathname,t),{...e,pathname:t}}var E=n(7752),I=n(6855),T=n(2827);function j(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];const r=s.map((t=>{const a=t.default?.[e]??t[e];return a?.(...n)}));return()=>r.forEach((e=>e?.()))}const R=function(e){let{children:t,location:n,previousLocation:a}=e;return(0,T.Z)((()=>{a!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const a=t.pathname===n.pathname,r=t.hash===n.hash,o=t.search===n.search;if(a&&r&&!o)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:a}),j("onRouteDidUpdate",{previousLocation:a,location:n}))}),[a,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>p(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class O extends a.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?j("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=j("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(R,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(u.AW,{location:t,render:()=>e})})}}const M=O,F="__docusaurus-base-url-issue-banner-container",B="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function U(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${F}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${B}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function $(){const{siteConfig:{baseUrl:e}}=(0,h.Z)();return(0,f.jsx)(f.Fragment,{children:!l.Z.canUseDOM&&(0,f.jsx)(m.Z,{children:(0,f.jsx)("script",{children:U(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,h.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?(0,f.jsx)($,{}):null}function H(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:a,localeConfigs:r}}=(0,h.Z)(),o=(0,b.Z)(e),{htmlLang:i,direction:l}=r[a];return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("html",{lang:i,dir:l}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:o})]})}var G=n(1289),Z=n(7111);function V(){const e=(0,Z.Z)();return(0,f.jsx)(m.Z,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}function W(){const e=function(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(u.rs,n,e.map((function(e,n){return a.createElement(u.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,d.Z)({},n,{},t,{route:e})):a.createElement(e.component,(0,d.Z)({},n,t,{route:e}))}})}))):null}(c.Z),t=(0,u.TH)();return(0,f.jsx)(G.Z,{children:(0,f.jsx)(I.M,{children:(0,f.jsxs)(E.t,{children:[(0,f.jsxs)(g,{children:[(0,f.jsx)(H,{}),(0,f.jsx)(P,{}),(0,f.jsx)(q,{}),(0,f.jsx)(M,{location:D(t),children:e})]}),(0,f.jsx)(V,{})]})})})}var Q=n(6887);const Y=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const a=document.createElement("link");a.setAttribute("rel","prefetch"),a.setAttribute("href",e),a.onload=()=>t(),a.onerror=()=>n();const r=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;r?.appendChild(a)}))}:function(e){return new Promise(((t,n)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.withCredentials=!0,a.onload=()=>{200===a.status?t():n()},a.send(null)}))};var K=n(4420);const X=new Set,J=new Set,ee=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,te={prefetch(e){if(!(e=>!ee()&&!J.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=p(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(Q).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,K.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Y(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!ee()&&!J.has(e))(e)&&(J.add(e),N(e))},ne=Object.freeze(te),ae=Boolean(!0);if(l.Z.canUseDOM){window.docusaurus=ne;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(i.B6,{children:(0,f.jsx)(o.VK,{children:(0,f.jsx)(W,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},l=()=>{if(ae)a.startTransition((()=>{r.hydrateRoot(e,t,{onRecoverableError:n})}));else{const o=r.createRoot(e,{onRecoverableError:n});a.startTransition((()=>{o.render(t)}))}};N(window.location.pathname).then(l)}},6855:(e,t,n)=>{"use strict";n.d(t,{_:()=>d,M:()=>p});var a=n(959),r=n(6809);const o=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-QW745VE33W"],"anonymizeIP":false,"id":"default"}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en","zh","ja","de"],"path":"i18n","currentLocale":"de","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"zh":{"label":"\u4e2d\u6587","direction":"ltr","htmlLang":"zh","calendar":"gregory","path":"zh"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"},"de":{"label":"Deutsch","direction":"ltr","htmlLang":"de","calendar":"gregory","path":"de"}}}');var l=n(7529);const s=JSON.parse('{"docusaurusVersion":"3.0.1","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"3.0.1"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.0.1"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.0.1"},"prefix-svg-ids":{"type":"local"},"docusaurus-tailwindcss":{"type":"local"},"docusaurus-plugin-content-blog":{"type":"project"},"docusaurus-plugin-content-pages":{"type":"project"},"docusaurus-plugin-ILLA-linkedin":{"type":"project"},"docusaurus-plugin-ILLA-twitter":{"type":"project"},"docusaurus-plugin-ILLA-chatwoot":{"type":"project"}}}');var c=n(1527);const u={siteConfig:r.default,siteMetadata:s,globalData:o,i18n:i,codeTranslations:l},d=a.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},1289:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Be});var a=n(959),r=n(6047),o=n(4491),i=n(6771),l=n(5341),s=n(1610),c=n(9920),u=n(421),d=n(864),p=n(7675),f=n(2593),g=n(4288),m=n(5374),h=n(1527);function b(e){let{width:t=21,height:n=21,color:a="currentColor",strokeWidth:r=1.2,className:o,...i}=e;return(0,h.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,h.jsx)("g",{stroke:a,strokeWidth:r,children:(0,h.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const y={closeButton:"closeButton_r_Ma"};function v(e){return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,l.Z)("clean-btn close",y.closeButton,e.className),children:(0,h.jsx)(b,{width:14,height:14,strokeWidth:3.1})})}const w={content:"content_B3zk"};function x(e){const{announcementBar:t}=(0,f.L)(),{content:n}=t;return(0,h.jsx)("div",{...e,className:(0,l.Z)(w.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const k={announcementBar:"announcementBar_hbYq",announcementBarPlaceholder:"announcementBarPlaceholder_nNiq",announcementBarClose:"announcementBarClose_S8lM",announcementBarContent:"announcementBarContent__DAX"};function L(){const{announcementBar:e}=(0,f.L)(),{isActive:t,close:n}=(0,g.nT)();if(!t)return null;const{backgroundColor:a,textColor:r,isCloseable:o}=e;return(0,h.jsxs)("div",{className:k.announcementBar,style:{backgroundColor:a,color:r},role:"banner",children:[o&&(0,h.jsx)("div",{className:k.announcementBarPlaceholder}),(0,h.jsx)(x,{className:k.announcementBarContent}),o&&(0,h.jsx)(v,{onClick:n,className:k.announcementBarClose})]})}var S=n(5580),_=n(5508),C=n(3707);var P=n(1900);function A(e){let{header:t,primaryMenu:n,secondaryMenu:a}=e;const{shown:r}=(0,P.Y)();return(0,h.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,h.jsxs)("div",{className:(0,l.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":r}),children:[(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:a})]})]})}var D=n(1694),E=n(7111);function I(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function T(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const j={toggle:"toggle_Io7t",toggleButton:"toggleButton_C0po",darkToggleIcon:"darkToggleIcon_iyjK",lightToggleIcon:"lightToggleIcon__wwy",toggleButtonDisabled:"toggleButtonDisabled_IHuh"};function R(e){let{className:t,buttonClassName:n,value:a,onChange:r}=e;const o=(0,E.Z)(),i=(0,m.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===a?(0,m.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,m.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,h.jsx)("div",{className:(0,l.Z)(j.toggle,t),children:(0,h.jsxs)("button",{className:(0,l.Z)("clean-btn",j.toggleButton,!o&&j.toggleButtonDisabled,n),type:"button",onClick:()=>r("dark"===a?"light":"dark"),disabled:!o,title:i,"aria-label":i,"aria-live":"polite",children:[(0,h.jsx)(I,{className:(0,l.Z)(j.toggleIcon,j.lightToggleIcon)}),(0,h.jsx)(T,{className:(0,l.Z)(j.toggleIcon,j.darkToggleIcon)})]})})}const N=a.memo(R),O={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_jx_9"};function M(e){let{className:t}=e;const n=(0,f.L)().navbar.style,a=(0,f.L)().colorMode.disableSwitch,{colorMode:r,setColorMode:o}=(0,D.I)();return a?null:(0,h.jsx)(N,{className:t,buttonClassName:"dark"===n?O.darkNavbarColorModeToggle:void 0,value:r,onChange:o})}var F=n(0),B=n(9925),z=n(2688);const U={themedComponent:"themedComponent_FXRw","themedComponent--light":"themedComponent--light_RIle","themedComponent--dark":"themedComponent--dark_gZs3"};function $(e){let{className:t,children:n}=e;const r=(0,E.Z)(),{colorMode:o}=(0,D.I)();return(0,h.jsx)(h.Fragment,{children:(r?"dark"===o?["dark"]:["light"]:["light","dark"]).map((e=>{const r=n({theme:e,className:(0,l.Z)(t,U.themedComponent,U[`themedComponent--${e}`])});return(0,h.jsx)(a.Fragment,{children:r},e)}))})}function q(e){const{sources:t,className:n,alt:a,...r}=e;return(0,h.jsx)($,{className:n,children:e=>{let{theme:n,className:o}=e;return(0,h.jsx)("img",{src:t[n],alt:a,className:o,...r})}})}function H(e){let{logo:t,alt:n,imageClassName:a}=e;const r={light:(0,B.Z)(t.src),dark:(0,B.Z)(t.srcDark||t.src)},o=(0,h.jsx)(q,{className:t.className,sources:r,height:t.height,width:t.width,alt:n,style:t.style});return a?(0,h.jsx)("div",{className:a,children:o}):o}function G(e){const{siteConfig:{title:t}}=(0,z.Z)(),{navbar:{title:n,logo:a}}=(0,f.L)(),{imageClassName:r,titleClassName:o,...i}=e,l=(0,B.Z)(a?.href||"/"),s=n?"":t,c=a?.alt??s;return(0,h.jsxs)(F.Z,{to:l,...i,...a?.target&&{target:a.target},children:[a&&(0,h.jsx)(H,{logo:a,alt:c,imageClassName:r}),null!=n&&(0,h.jsx)("b",{className:o,children:n})]})}function Z(){return(0,h.jsx)(G,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function V(){const e=(0,S.e)();return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,h.jsx)(b,{color:"var(--ifm-color-emphasis-600)"})})}function W(){return(0,h.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,h.jsx)(Z,{}),(0,h.jsx)(M,{className:"margin-right--md"}),(0,h.jsx)(V,{})]})}var Q=n(6794);function Y(){const e=(0,S.e)(),t=(0,f.L)().navbar.items;return(0,h.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,a.createElement)(Q.Z,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function K(e){return(0,h.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,h.jsx)(m.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function X(){const e=0===(0,f.L)().navbar.items.length,t=(0,P.Y)();return(0,h.jsxs)(h.Fragment,{children:[!e&&(0,h.jsx)(K,{onClick:()=>t.hide()}),t.content]})}function J(){const e=(0,S.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,a.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,h.jsx)(A,{header:(0,h.jsx)(W,{}),primaryMenu:(0,h.jsx)(Y,{}),secondaryMenu:(0,h.jsx)(X,{})}):null}const ee={navbarHideable:"navbarHideable_QJhM",navbarHidden:"navbarHidden_JLKf"};function te(e){return(0,h.jsx)("div",{role:"presentation",...e,className:(0,l.Z)("navbar-sidebar__backdrop",e.className)})}function ne(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:r}}=(0,f.L)(),o=(0,S.e)(),{navbarRef:i,isNavbarVisible:s}=function(e){const[t,n]=(0,a.useState)(e),r=(0,a.useRef)(!1),o=(0,a.useRef)(0),i=(0,a.useCallback)((e=>{null!==e&&(o.current=e.getBoundingClientRect().height)}),[]);return(0,C.RF)(((t,a)=>{let{scrollY:i}=t;if(!e)return;if(i<o.current)return void n(!0);if(r.current)return void(r.current=!1);const l=a?.scrollY,s=document.documentElement.scrollHeight-o.current,c=window.innerHeight;l&&i>=l?n(!1):i+c<s&&n(!0)})),(0,_.S)((t=>{if(!e)return;const a=t.location.hash;if(a?document.getElementById(a.substring(1)):void 0)return r.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,h.jsxs)("nav",{ref:i,"aria-label":(0,m.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,l.Z)("navbar","navbar--fixed-top",n&&[ee.navbarHideable,!s&&ee.navbarHidden],{"navbar--dark":"dark"===r,"navbar--primary":"primary"===r,"navbar-sidebar--show":o.shown}),children:[t,(0,h.jsx)(te,{onClick:o.toggle}),(0,h.jsx)(J,{})]})}var ae=n(809),re=n(5160),oe=n(1603);function ie(e){let{width:t=30,height:n=30,className:a,...r}=e;return(0,h.jsx)("svg",{className:a,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...r,children:(0,h.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function le(){const{toggle:e,shown:t}=(0,S.e)();return(0,h.jsx)("button",{onClick:e,"aria-label":(0,m.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,h.jsx)(ie,{})})}var se=n(5243);const ce={colorModeToggle:"colorModeToggle_Kblj"};function ue(e){let{items:t}=e;return(0,h.jsx)(h.Fragment,{children:t.map(((e,t)=>(0,h.jsx)(ae.QW,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,h.jsx)(Q.Z,{...e})},t)))})}function de(e){let{left:t,right:n}=e;return(0,h.jsxs)("div",{className:"navbar__inner",children:[(0,h.jsx)("div",{className:"navbar__items",children:t}),(0,h.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function pe(){const e=(0,S.e)(),t=(0,f.L)().navbar.items,[n,a]=(0,re.A)(t),r=t.find((e=>"search"===e.type));return(0,h.jsx)(de,{left:(0,h.jsxs)(h.Fragment,{children:[!e.disabled&&(0,h.jsx)(le,{}),(0,h.jsx)(Z,{}),(0,h.jsx)(ue,{items:n})]}),right:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(ue,{items:a}),(0,h.jsx)(M,{className:ce.colorModeToggle}),!r&&(0,h.jsx)(se.Z,{children:(0,h.jsx)(oe.Z,{})})]})})}function fe(){return(0,h.jsx)(ne,{children:(0,h.jsx)(pe,{})})}var ge=n(8295),me=n(3815);function he(e){let{item:t}=e;const{to:n,href:a,label:r,prependBaseUrlToHref:o,...i}=t,l=(0,B.Z)(n),s=(0,B.Z)(a,{forcePrependBaseUrl:!0});return(0,h.jsxs)(F.Z,{className:"footer__link-item",...a?{href:o?s:a}:{to:l},...i,children:[r,a&&!(0,ge.Z)(a)&&(0,h.jsx)(me.Z,{})]})}function be(e){let{item:t}=e;return t.html?(0,h.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)("li",{className:"footer__item",children:(0,h.jsx)(he,{item:t})},t.href??t.to)}function ye(e){let{column:t}=e;return(0,h.jsxs)("div",{className:"col footer__col",children:[(0,h.jsx)("div",{className:"footer__title",children:t.title}),(0,h.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,h.jsx)(be,{item:e},t)))})]})}function ve(e){let{columns:t}=e;return(0,h.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,h.jsx)(ye,{column:e},t)))})}function we(){return(0,h.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function xe(e){let{item:t}=e;return t.html?(0,h.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)(he,{item:t})}function ke(e){let{links:t}=e;return(0,h.jsx)("div",{className:"footer__links text--center",children:(0,h.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,h.jsxs)(a.Fragment,{children:[(0,h.jsx)(xe,{item:e}),t.length!==n+1&&(0,h.jsx)(we,{})]},n)))})})}function Le(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,h.jsx)(ve,{columns:t}):(0,h.jsx)(ke,{links:t})}const Se={footerLogoLink:"footerLogoLink_K6r0"};function _e(e){let{logo:t}=e;const{withBaseUrl:n}=(0,B.C)(),a={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,h.jsx)(q,{className:(0,l.Z)("footer__logo",t.className),alt:t.alt,sources:a,width:t.width,height:t.height,style:t.style})}function Ce(e){let{logo:t}=e;return t.href?(0,h.jsx)(F.Z,{href:t.href,className:Se.footerLogoLink,target:t.target,children:(0,h.jsx)(_e,{logo:t})}):(0,h.jsx)(_e,{logo:t})}function Pe(e){let{copyright:t}=e;return(0,h.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function Ae(e){let{style:t,links:n,logo:a,copyright:r}=e;return(0,h.jsx)("footer",{className:(0,l.Z)("footer",{"footer--dark":"dark"===t}),children:(0,h.jsxs)("div",{className:"container container-fluid",children:[n,(a||r)&&(0,h.jsxs)("div",{className:"footer__bottom text--center",children:[a&&(0,h.jsx)("div",{className:"margin-bottom--sm",children:a}),r]})]})})}function De(){const{footer:e}=(0,f.L)();if(!e)return null;const{copyright:t,links:n,logo:a,style:r}=e;return(0,h.jsx)(Ae,{style:r,links:n&&n.length>0&&(0,h.jsx)(Le,{links:n}),logo:a&&(0,h.jsx)(Ce,{logo:a}),copyright:t&&(0,h.jsx)(Pe,{copyright:t})})}const Ee=a.memo(De);var Ie=n(5299),Te=n(2520);const je={mainWrapper:"mainWrapper_Xc8_"};function Re(e){const{children:t,noFooter:n,wrapperClassName:a,title:r,description:o}=e;return(0,d.t)(),(0,h.jsxs)(Ie.Z,{children:[(0,h.jsx)(s.d,{title:r,description:o}),(0,h.jsx)(p.Z,{}),(0,h.jsx)(L,{}),(0,h.jsx)(fe,{}),(0,h.jsx)("div",{id:c.u,className:(0,l.Z)(u.k.wrapper.main,je.mainWrapper,a),children:(0,h.jsx)(Be,{fallback:e=>(0,h.jsx)(Te.Z,{...e}),children:t})}),!n&&(0,h.jsx)(Ee,{})]})}function Ne(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,h.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,h.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,h.jsx)(Oe,{error:t})]})}function Oe(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,h.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function Me(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)(Be,{fallback:()=>(0,h.jsx)(Ne,{error:t,tryAgain:n}),children:[(0,h.jsx)(o.Z,{children:(0,h.jsx)("title",{children:"Page Error"})}),(0,h.jsx)(Re,{children:(0,h.jsx)(Ne,{error:t,tryAgain:n})})]})}const Fe=e=>(0,h.jsx)(Me,{...e});class Be extends a.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){r.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??Fe)(e)}return e??null}}},6047:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const a="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,r={canUseDOM:a,canUseEventListeners:a&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:a&&"IntersectionObserver"in window,canUseViewport:a&&"screen"in window}},4491:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);var a=n(387),r=n(1527);function o(e){return(0,r.jsx)(a.ql,{...e})}},3630:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i,s:()=>o});var a=n(959),r=n(1527);function o(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,a.isValidElement)(e)))?n.map(((e,t)=>(0,a.isValidElement)(e)?a.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}function i(e){let{children:t,values:n}=e;if("string"!=typeof t)throw new Error("The Docusaurus <Interpolate> component only accept simple string values. Received: "+((0,a.isValidElement)(t)?"React element":typeof t));return(0,r.jsx)(r.Fragment,{children:o(t,n)})}},0:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var a=n(959),r=n(9500),o=n(6771),i=n(2688),l=n(8295),s=n(6047),c=n(1527);const u=a.createContext({collectLink:()=>{}});var d=n(9925);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:g,isActive:m,"data-noBrokenLinkCheck":h,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:{trailingSlash:v,baseUrl:w}}=(0,i.Z)(),{withBaseUrl:x}=(0,d.C)(),k=(0,a.useContext)(u),L=(0,a.useRef)(null);(0,a.useImperativeHandle)(t,(()=>L.current));const S=p||f;const _=(0,l.Z)(S),C=S?.replace("pathname://","");let P=void 0!==C?(A=C,b&&(e=>e.startsWith("/"))(A)?x(A):A):void 0;var A;P&&_&&(P=(0,o.applyTrailingSlash)(P,{trailingSlash:v,baseUrl:w}));const D=(0,a.useRef)(!1),E=n?r.OL:r.rU,I=s.Z.canUseIntersectionObserver,T=(0,a.useRef)(),j=()=>{D.current||null==P||(window.docusaurus.preload(P),D.current=!0)};(0,a.useEffect)((()=>(!I&&_&&null!=P&&window.docusaurus.prefetch(P),()=>{I&&T.current&&T.current.disconnect()})),[T,P,I,_]);const R=P?.startsWith("#")??!1,N=!P||!_||R;return N||h||k.collectLink(P),N?(0,c.jsx)("a",{ref:L,href:P,...S&&!_&&{target:"_blank",rel:"noopener noreferrer"},...y}):(0,c.jsx)(E,{...y,onMouseEnter:j,onTouchStart:j,innerRef:e=>{L.current=e,I&&e&&_&&(T.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(T.current.unobserve(e),T.current.disconnect(),null!=P&&window.docusaurus.prefetch(P))}))})),T.current.observe(e))},to:P,...n&&{isActive:m,activeClassName:g}})}const f=a.forwardRef(p)},1603:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const a=()=>null},5374:(e,t,n)=>{"use strict";n.d(t,{I:()=>l,Z:()=>s});n(959);var a=n(3630),r=n(7529),o=n(1527);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return r[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;const o=i({message:n,id:r});return(0,a.s)(o,t)}function s(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const l=i({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:(0,a.s)(l,r)})}},4684:(e,t,n)=>{"use strict";n.d(t,{m:()=>a});const a="default"},8295:(e,t,n)=>{"use strict";function a(e){return/^(?:\w*:|\/\/)/.test(e)}function r(e){return void 0!==e&&!a(e)}n.d(t,{Z:()=>r,b:()=>a})},9925:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var a=n(959),r=n(2688),o=n(8295);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,r.Z)(),n=(0,a.useCallback)(((n,a)=>function(e,t,n,a){let{forcePrependBaseUrl:r=!1,absolute:i=!1}=void 0===a?{}:a;if(!n||n.startsWith("#")||(0,o.b)(n))return n;if(r)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,a)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},2688:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959),r=n(6855);function o(){return(0,a.useContext)(r._)}},7111:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959),r=n(7752);function o(){return(0,a.useContext)(r._)}},2827:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(959);const r=n(6047).Z.canUseDOM?a.useLayoutEffect:a.useEffect},4420:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const a=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function r(e){const t={};return function e(n,r){Object.entries(n).forEach((n=>{let[o,i]=n;const l=r?`${r}.${o}`:o;a(i)?e(i,l):t[l]=i}))}(e),t}},2762:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,z:()=>i});var a=n(959),r=n(1527);const o=a.createContext(null);function i(e){let{children:t,value:n}=e;const i=a.useContext(o),l=(0,a.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const a={...t.data,...n?.data};return{plugin:t.plugin,data:a}}({parent:i,value:n})),[i,n]);return(0,r.jsx)(o.Provider,{value:l,children:t})}},9384:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>g,_r:()=>u,zh:()=>d,yW:()=>f,gB:()=>p});var a=n(8903),r=n(2688),o=n(4684);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,r.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=function(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,a.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),r=n?.docs.find((e=>!!(0,a.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:r,alternateDocVersions:r?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((a=>{a.id===t&&(n[e.name]=a)}))})),n}(r.id):{}}}const c={},u=()=>i("docusaurus-plugin-content-docs")??c,d=e=>function(e,t,n){void 0===t&&(t=o.m),void 0===n&&(n={});const a=i(e),r=a?.[t];if(!r&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return r}("docusaurus-plugin-content-docs",e,{failfast:!0});function p(e){return d(e).versions}function f(e){const t=d(e);return l(t)}function g(e){const t=d(e),{pathname:n}=(0,a.TH)();return s(t,n)}},3852:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("set","page_path",t.pathname+t.search+t.hash),window.gtag("event","page_view")}))}}},7558:(e,t,n)=>{"use strict";function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}var l=n(959),s=n(507),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(a){var r=d(e[a]);r.loading?t.loading=!0:(t.loaded[a]=r.loaded,t.error=r.error),n.push(r.promise),r.promise.then((function(e){t.loaded[a]=e})).catch((function(e){t.error=e}))}))}catch(a){t.error=a}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return l.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function g(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var g=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),m=null;function h(){return m||(m=e(g.loader)),m.promise}return c.push(h),"function"==typeof g.webpack&&u.push((function(){if((0,g.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return h()})),p=d=function(t){function n(n){var a;return o(r(r(a=t.call(this,n)||this)),"retry",(function(){a.setState({error:null,loading:!0,timedOut:!1}),m=e(g.loader),a._loadModule()})),h(),a.state={error:m.error,pastDelay:!1,timedOut:!1,loading:m.loading,loaded:m.loaded},a}a(n,t),n.preload=function(){return h()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(g.modules)&&g.modules.forEach((function(t){e.context.loadable.report(t)})),m.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof g.delay&&(0===g.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),g.delay)),"number"==typeof g.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),g.timeout));var n=function(){t({error:m.error,loaded:m.loaded,loading:m.loading}),e._clearTimeouts()};m.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?l.createElement(g.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?g.render(this.state.loaded,this.props):null},n}(l.Component),o(d,"contextTypes",{loadable:s.shape({report:s.func.isRequired})}),p}function m(e){return g(d,e)}m.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return g(p,e)};var h=function(e){function t(){return e.apply(this,arguments)||this}a(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return l.Children.only(this.props.children)},t}(l.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}o(h,"propTypes",{report:s.func.isRequired}),o(h,"childContextTypes",{loadable:s.shape({report:s.func.isRequired}).isRequired}),m.Capture=h,m.preloadAll=function(){return new Promise((function(e,t){b(c).then(e,t)}))},m.preloadReady=function(){return new Promise((function(e,t){b(u).then(e,e)}))},e.exports=m},4329:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var a=n(9981),r=n.n(a);r().configure({showSpinner:!1});const o={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{r().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){r().done()}}},6070:(e,t,n)=>{"use strict";n.r(t);var a=n(2425),r=n(6809);!function(e){const{themeConfig:{prism:t}}=r.default,{additionalLanguages:a}=t;globalThis.Prism=e,a.forEach((e=>{"php"===e&&n(1559),n(1422)(`./prism-${e}`)})),delete globalThis.Prism}(a.p1)},2520:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});n(959);var a=n(5374),r=n(809),o=n(6561),i=n(1527);function l(e){let{error:t,tryAgain:n}=e;return(0,i.jsx)("main",{className:"container margin-vert--xl",children:(0,i.jsx)("div",{className:"row",children:(0,i.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,i.jsx)(o.Z,{as:"h1",className:"hero__title",children:(0,i.jsx)(a.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,i.jsx)("div",{className:"margin-vert--lg",children:(0,i.jsx)(r.Cw,{onClick:n,className:"button button--primary shadow--lw"})}),(0,i.jsx)("hr",{}),(0,i.jsx)("div",{className:"margin-vert--md",children:(0,i.jsx)(r.aG,{error:t})})]})})})}},6561:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(5341),r=n(5374),o=n(2593),i=n(0);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_dXVO",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_ZIVZ"};var s=n(1527);function c(e){let{as:t,id:n,...c}=e;const{navbar:{hideOnScroll:u}}=(0,o.L)();if("h1"===t||!n)return(0,s.jsx)(t,{...c,id:void 0});const d=(0,r.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof c.children?c.children:n});return(0,s.jsxs)(t,{...c,className:(0,a.Z)("anchor",u?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,c.className),id:n,children:[c.children,(0,s.jsx)(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":d,title:d,children:"\u200b"})]})}},3815:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);const a={iconExternalLink:"iconExternalLink_ocOZ"};var r=n(1527);function o(e){let{width:t=13.5,height:n=13.5}=e;return(0,r.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:a.iconExternalLink,children:(0,r.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},5299:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7399),r=n(1694),o=n(4288),i=n(3707),l=n(1836),s=n(1610),c=n(5160),u=n(1527);const d=(0,a.Qc)([r.S,o.pl,i.OC,l.L5,s.VC,c.V]);function p(e){let{children:t}=e;return(0,u.jsx)(d,{children:t})}},5243:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(5341);const r={navbarSearchContainer:"navbarSearchContainer_Pu8E"};var o=n(1527);function i(e){let{children:t,className:n}=e;return(0,o.jsx)("div",{className:(0,a.Z)(n,r.navbarSearchContainer),children:t})}},6612:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(0),r=n(9925),o=n(8295),i=n(3535),l=n(3815),s=n(1527);function c(e){let{activeBasePath:t,activeBaseRegex:n,to:c,href:u,label:d,html:p,isDropdownLink:f,prependBaseUrlToHref:g,...m}=e;const h=(0,r.Z)(c),b=(0,r.Z)(t),y=(0,r.Z)(u,{forcePrependBaseUrl:!0}),v=d&&u&&!(0,o.Z)(u),w=p?{dangerouslySetInnerHTML:{__html:p}}:{children:(0,s.jsxs)(s.Fragment,{children:[d,v&&(0,s.jsx)(l.Z,{...f&&{width:12,height:12}})]})};return u?(0,s.jsx)(a.Z,{href:g?y:u,...m,...w}):(0,s.jsx)(a.Z,{to:h,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,i.F)(n,t.pathname):t.pathname.startsWith(b)},...m,...w})}},6794:(e,t,n)=>{"use strict";n.d(t,{Z:()=>w});n(959);var a=n(5341),r=n(6612),o=n(1527);function i(e){let{className:t,isDropdownItem:n=!1,...i}=e;const l=(0,o.jsx)(r.Z,{className:(0,a.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...i});return n?(0,o.jsx)("li",{children:l}):l}function l(e){let{className:t,isDropdownItem:n,...i}=e;return(0,o.jsx)("li",{className:"menu__list-item",children:(0,o.jsx)(r.Z,{className:(0,a.Z)("menu__link",t),...i})})}function s(e){let{mobile:t=!1,position:n,...a}=e;const r=t?l:i;return(0,o.jsx)(r,{...a,activeClassName:a.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var c=n(8784),u=n(7412),d=n(1603),p=n(5243);var f=n(9384),g=n(8068);var m=n(1836),h=n(5374),b=n(8903);const y=e=>e.docs.find((t=>t.id===e.mainDocId));const v={default:s,localeDropdown:u.Z,search:function(e){let{mobile:t,className:n}=e;return t?null:(0,o.jsx)(p.Z,{className:n,children:(0,o.jsx)(d.Z,{})})},dropdown:c.Z,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:i=!1}=e;const l=i?"li":"div";return(0,o.jsx)(l,{className:(0,a.Z)({navbar__item:!r&&!i,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:a,...r}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.vY)(t,a),c=i?.path===l?.path;return null===l||l.unlisted&&!c?null:(0,o.jsx)(s,{exact:!0,...r,isActive:()=>c||!!i?.sidebar&&i.sidebar===l.sidebar,label:n??l.id,to:l.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:a,...r}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.oz)(t,a).link;if(!l)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,o.jsx)(s,{exact:!0,...r,isActive:()=>i?.sidebar===t,label:n??l.label,to:l.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:a,...r}=e;const i=(0,g.lO)(a)[0],l=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return(0,o.jsx)(s,{...r,label:l,to:c})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:a,dropdownItemsBefore:r,dropdownItemsAfter:i,...l}=e;const{search:u,hash:d}=(0,b.TH)(),p=(0,f.Iw)(n),v=(0,f.gB)(n),{savePreferredVersionName:w}=(0,m.J)(n),x=[...r,...v.map((e=>{const t=p.alternateDocVersions[e.name]??y(e);return{label:e.label,to:`${t.path}${u}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>w(e.name)}})),...i],k=(0,g.lO)(n)[0],L=t&&x.length>1?(0,h.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):k.label,S=t&&x.length>1?void 0:y(k).path;return x.length<=1?(0,o.jsx)(s,{...l,mobile:t,label:L,to:S,isActive:a?()=>!1:void 0}):(0,o.jsx)(c.Z,{...l,mobile:t,label:L,to:S,items:x,isActive:a?()=>!1:void 0})}};function w(e){let{type:t,...n}=e;const a=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),r=v[a];if(!r)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,o.jsx)(r,{...n})}},7535:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);var a=n(4491),r=n(1527);function o(e){let{locale:t,version:n,tag:o}=e;const i=t;return(0,r.jsxs)(a.Z,{children:[t&&(0,r.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,r.jsx)("meta",{name:"docusaurus_version",content:n}),o&&(0,r.jsx)("meta",{name:"docusaurus_tag",content:o}),i&&(0,r.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,r.jsx)("meta",{name:"docsearch:version",content:n}),o&&(0,r.jsx)("meta",{name:"docsearch:docusaurus_tag",content:o})]})}},7675:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(9920);const r={skipToContent:"skipToContent_YRel"};var o=n(1527);function i(){return(0,o.jsx)(a.l,{className:r.skipToContent})}},4794:(e,t,n)=>{"use strict";n.d(t,{z:()=>b,u:()=>s});var a=n(959),r=n(6047),o=n(2827);var i=n(1527);const l="ease-in-out";function s(e){let{initialState:t}=e;const[n,r]=(0,a.useState)(t??!1),o=(0,a.useCallback)((()=>{r((e=>!e))}),[]);return{collapsed:n,setCollapsed:r,toggleCollapsed:o}}const c={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?c:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function p(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}function f(e){let{collapsibleRef:t,collapsed:n,animation:r}=e;const o=(0,a.useRef)(!1);(0,a.useEffect)((()=>{const e=t.current;function a(){const t=function(){const t=e.scrollHeight;return{transition:`height ${r?.duration??p(t)}ms ${r?.easing??l}`,height:`${t}px`}}();e.style.transition=t.transition,e.style.height=t.height}if(!o.current)return d(e,n),void(o.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(a(),requestAnimationFrame((()=>{e.style.height=c.height,e.style.overflow=c.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{a()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,r])}function g(e){if(!r.Z.canUseDOM)return e?c:u}function m(e){let{as:t="div",collapsed:n,children:r,animation:o,onCollapseTransitionEnd:l,className:s,disableSSRStyle:c}=e;const u=(0,a.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:o}),(0,i.jsx)(t,{ref:u,style:c?void 0:g(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(u.current,n),l?.(n))},className:s,children:r})}function h(e){let{collapsed:t,...n}=e;const[r,l]=(0,a.useState)(!t),[s,c]=(0,a.useState)(t);return(0,o.Z)((()=>{t||l(!0)}),[t]),(0,o.Z)((()=>{r&&c(t)}),[r,t]),r?(0,i.jsx)(m,{...n,collapsed:s}):null}function b(e){let{lazy:t,...n}=e;const a=t?h:m;return(0,i.jsx)(a,{...n})}},4288:(e,t,n)=>{"use strict";n.d(t,{nT:()=>m,pl:()=>g});var a=n(959),r=n(7111),o=n(6340),i=n(7399),l=n(2593),s=n(1527);const c=(0,o.WA)("docusaurus.announcement.dismiss"),u=(0,o.WA)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=a.createContext(null);function g(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,r.Z)(),[n,o]=(0,a.useState)((()=>!!t&&d()));(0,a.useEffect)((()=>{o(d())}),[]);const i=(0,a.useCallback)((()=>{p(!0),o(!0)}),[]);return(0,a.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const a=t!==n;u.set(t),a&&p(!1),!a&&d()||o(!1)}),[e]),(0,a.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,s.jsx)(f.Provider,{value:n,children:t})}function m(){const e=(0,a.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},1694:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>h});var a=n(959),r=n(6047),o=n(7399),i=n(6340),l=n(2593),s=n(1527);const c=a.createContext(void 0),u="theme",d=(0,i.WA)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,g=e=>r.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),m=e=>{d.set(f(e))};function h(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[r,o]=(0,a.useState)(g(e));(0,a.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,a.useCallback)((function(t,a){void 0===a&&(a={});const{persist:r=!0}=a;t?(o(t),r&&m(t)):(o(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,a.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(r))}),[r]),(0,a.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,a.useRef)(!1);return(0,a.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(a),()=>e.removeListener(a)}),[i,t,n]),(0,a.useMemo)((()=>({colorMode:r,setColorMode:i,get isDarkTheme(){return r===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[r,i])}();return(0,s.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,a.useContext)(c);if(null==e)throw new o.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1836:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b});var a=n(959),r=n(9384),o=n(4684),i=n(2593),l=n(8068),s=n(7399),c=n(6340),u=n(1527);const d=e=>`docs-preferred-version-${e}`,p={save:(e,t,n)=>{(0,c.WA)(d(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(d(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(d(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const g=a.createContext(null);function m(){const e=(0,r._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,a.useMemo)((()=>Object.keys(e)),[e]),[o,l]=(0,a.useState)((()=>f(n)));(0,a.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:a}=e;function r(e){const t=p.read(e,n);return a[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,r(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[o,(0,a.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,u.jsx)(g.Provider,{value:n,children:t})}function b(e){let{children:t}=e;return l.cE?(0,u.jsx)(h,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function y(){const e=(0,a.useContext)(g);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=o.m);const t=(0,r.zh)(e),[n,i]=y(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,a.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},5580:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,e:()=>b});var a=n(959),r=n(5195),o=n(6047);const i={desktop:"desktop",mobile:"mobile",ssr:"ssr"},l=996;function s(){const[e,t]=(0,a.useState)((()=>"ssr"));return(0,a.useEffect)((()=>{function e(){t(function(){if(!o.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>l?i.desktop:i.mobile}())}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e}var c=n(8903),u=n(7399);function d(e){!function(e){const t=(0,c.k6)(),n=(0,u.zX)(e);(0,a.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var p=n(2593),f=n(1527);const g=a.createContext(void 0);function m(){const e=function(){const e=(0,r.HY)(),{items:t}=(0,p.L)().navbar;return 0===t.length&&!e.component}(),t=s(),n=!e&&"mobile"===t,[o,i]=(0,a.useState)(!1);d((()=>{if(o)return i(!1),!1}));const l=(0,a.useCallback)((()=>{i((e=>!e))}),[]);return(0,a.useEffect)((()=>{"desktop"===t&&i(!1)}),[t]),(0,a.useMemo)((()=>({disabled:e,shouldRender:n,toggle:l,shown:o})),[e,n,l,o])}function h(e){let{children:t}=e;const n=m();return(0,f.jsx)(g.Provider,{value:n,children:t})}function b(){const e=a.useContext(g);if(void 0===e)throw new u.i6("NavbarMobileSidebarProvider");return e}},5195:(e,t,n)=>{"use strict";n.d(t,{HY:()=>s,n2:()=>l});var a=n(959),r=n(7399),o=n(1527);const i=a.createContext(null);function l(e){let{children:t}=e;const n=(0,a.useState)({component:null,props:null});return(0,o.jsx)(i.Provider,{value:n,children:t})}function s(){const e=(0,a.useContext)(i);if(!e)throw new r.i6("NavbarSecondaryMenuContentProvider");return e[0]}},1900:(e,t,n)=>{"use strict";n.d(t,{P:()=>c,Y:()=>d});var a=n(959),r=n(7399),o=n(5580),i=n(5195),l=n(1527);const s=a.createContext(null);function c(e){let{children:t}=e;const n=function(){const e=(0,o.e)(),t=(0,i.HY)(),[n,l]=(0,a.useState)(!1),s=null!==t.component,c=(0,r.D9)(s);return(0,a.useEffect)((()=>{s&&!c&&l(!0)}),[s,c]),(0,a.useEffect)((()=>{s?e.shown||l(!0):l(!1)}),[e.shown,s]),(0,a.useMemo)((()=>[n,l]),[n])}();return(0,l.jsx)(s.Provider,{value:n,children:t})}function u(e){if(e.component){const t=e.component;return(0,l.jsx)(t,{...e.props})}}function d(){const e=(0,a.useContext)(s);if(!e)throw new r.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,a.useCallback)((()=>n(!1)),[n]),l=(0,i.HY)();return(0,a.useMemo)((()=>({shown:t,hide:o,content:u(l)})),[o,l,t])}},864:(e,t,n)=>{"use strict";n.d(t,{h:()=>r,t:()=>o});var a=n(959);const r="navigation-with-keyboard";function o(){(0,a.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(r),"mousedown"===e.type&&document.body.classList.remove(r)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(r),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},421:(e,t,n)=>{"use strict";n.d(t,{k:()=>a});const a={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},8068:(e,t,n)=>{"use strict";n.d(t,{cE:()=>l,lO:()=>s,vY:()=>u,oz:()=>c});var a=n(959),r=n(9384),o=n(1836);function i(e){return Array.from(new Set(e))}const l=!!r._r;function s(e){const{activeVersion:t}=(0,r.Iw)(e),{preferredVersion:n}=(0,o.J)(e),l=(0,r.yW)(e);return(0,a.useMemo)((()=>i([t,n,l].filter(Boolean))),[t,n,l])}function c(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),a=t.find((t=>t[0]===e));if(!a)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return a[1]}),[e,n])}function u(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),a=t.find((t=>t.id===e));if(!a){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${i(t.map((e=>e.id))).join("\n- ")}`)}return a}),[e,n])}},809:(e,t,n)=>{"use strict";n.d(t,{aG:()=>c,Cw:()=>s,QW:()=>u});var a=n(959),r=n(5374),o=n(6771);const i={errorBoundaryError:"errorBoundaryError_t44J",errorBoundaryFallback:"errorBoundaryFallback_HTeJ"};var l=n(1527);function s(e){return(0,l.jsx)("button",{type:"button",...e,children:(0,l.jsx)(r.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function c(e){let{error:t}=e;const n=(0,o.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{className:i.errorBoundaryError,children:n})}class u extends a.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}},1610:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>d,VC:()=>g});var a=n(959),r=n(5341),o=n(4491),i=n(2762);function l(){const e=a.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(9925),c=n(2688);var u=n(1527);function d(e){let{title:t,description:n,keywords:a,image:r,children:i}=e;const l=function(e){const{siteConfig:t}=(0,c.Z)(),{title:n,titleDelimiter:a}=t;return e?.trim().length?`${e.trim()} ${a} ${n}`:n}(t),{withBaseUrl:d}=(0,s.C)(),p=r?d(r,{absolute:!0}):void 0;return(0,u.jsxs)(o.Z,{children:[t&&(0,u.jsx)("title",{children:l}),t&&(0,u.jsx)("meta",{property:"og:title",content:l}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),a&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(a)?a.join(","):a}),p&&(0,u.jsx)("meta",{property:"og:image",content:p}),p&&(0,u.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=a.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=a.useContext(p),l=(0,r.Z)(i,t);return(0,u.jsxs)(p.Provider,{value:l,children:[(0,u.jsx)(o.Z,{children:(0,u.jsx)("html",{className:l})}),n]})}function g(e){let{children:t}=e;const n=l(),a=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const o=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,r.Z)(a,o),children:t})}},5160:(e,t,n)=>{"use strict";n.d(t,{A:()=>s,V:()=>c});n(959);var a=n(5580),r=n(5195),o=n(1900),i=n(1527);const l="right";function s(e){function t(e){return"left"===(e.position??l)}return[e.filter(t),e.filter((e=>!t(e)))]}function c(e){let{children:t}=e;return(0,i.jsx)(r.n2,{children:(0,i.jsx)(a.M,{children:(0,i.jsx)(o.P,{children:t})})})}},7399:(e,t,n)=>{"use strict";n.d(t,{D9:()=>l,Qc:()=>u,Ql:()=>c,i6:()=>s,zX:()=>i});var a=n(959),r=n(2827),o=n(1527);function i(e){const t=(0,a.useRef)(e);return(0,r.Z)((()=>{t.current=e}),[e]),(0,a.useCallback)((function(){return t.current(...arguments)}),[])}function l(e){const t=(0,a.useRef)();return(0,r.Z)((()=>{t.current=e})),t.current}class s extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,a.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,o.jsx)(o.Fragment,{children:e.reduceRight(((e,t)=>(0,o.jsx)(t,{children:e})),n)})}}},3535:(e,t,n)=>{"use strict";function a(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{F:()=>a})},3707:(e,t,n)=>{"use strict";n.d(t,{OC:()=>s,RF:()=>d});var a=n(959),r=n(6047),o=(n(7111),n(2827),n(7399)),i=n(1527);const l=a.createContext(void 0);function s(e){let{children:t}=e;const n=function(){const e=(0,a.useRef)(!0);return(0,a.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,i.jsx)(l.Provider,{value:n,children:t})}function c(){const e=(0,a.useContext)(l);if(null==e)throw new o.i6("ScrollControllerProvider");return e}const u=()=>r.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),r=(0,a.useRef)(u()),i=(0,o.zX)(e);(0,a.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();i(e,r.current),r.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[i,n,...t])}},9920:(e,t,n)=>{"use strict";n.d(t,{l:()=>p,u:()=>s});var a=n(959),r=n(8903),o=n(5374),i=n(5508),l=n(1527);const s="__docusaurus_skipToContent_fallback";function c(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function u(){const e=(0,a.useRef)(null),{action:t}=(0,r.k6)(),n=(0,a.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(s);t&&c(t)}),[]);return(0,i.S)((n=>{let{location:a}=n;e.current&&!a.hash&&"PUSH"===t&&c(e.current)})),{containerRef:e,onClick:n}}const d=(0,o.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function p(e){const t=e.children??d,{containerRef:n,onClick:a}=u();return(0,l.jsx)("div",{ref:n,role:"region","aria-label":d,children:(0,l.jsx)("a",{...e,href:`#${s}`,onClick:a,children:t})})}},6340:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(959);const a="localStorage";function r(e){let{key:t,oldValue:n,newValue:a,storage:r}=e;if(n===a)return;const o=document.createEvent("StorageEvent");o.initStorageEvent("storage",!1,!1,t,n,a,window.location.href,r),window.dispatchEvent(o)}function o(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=o(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const a=n.getItem(e);n.setItem(e,t),r({key:e,oldValue:a,newValue:t,storage:n})}catch(a){console.error(`Docusaurus storage error, can't set ${e}=${t}`,a)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),r({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const a=a=>{a.storageArea===n&&a.key===e&&t(a)};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)}catch(a){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,a),()=>{}}}}}},8224:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var a=n(2688),r=n(8903),o=n(6771);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:l}}=(0,a.Z)(),{pathname:s}=(0,r.TH)(),c=(0,o.applyTrailingSlash)(s,{trailingSlash:n,baseUrl:e}),u=l===i?e:e.replace(`/${l}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:a}=e;return`${a?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},5508:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var a=n(959),r=n(8903),o=n(7399);function i(e){const t=(0,r.TH)(),n=(0,o.D9)(t),i=(0,o.zX)(e);(0,a.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},2593:(e,t,n)=>{"use strict";n.d(t,{L:()=>r});var a=n(2688);function r(){return(0,a.Z)().siteConfig.themeConfig}},6115:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:a}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[r]=e.split(/[#?]/),o="/"===r||r===a?r:(i=r,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(r,o)}},6901:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},6771:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var r=n(6115);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return a(r).default}});var o=n(6901);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return o.getErrorCausalChain}})},8784:(e,t,n)=>{"use strict";n.d(t,{Z:()=>h});var a=n(959),r=n(5341),o=n(3535),i=n(4794),l=(n(6002),n(2688));var s=n(8903);var c=n(6612),u=n(6794);const d={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_JUhd"};var p=n(1527);function f(e,t){return e.some((e=>function(e,t){return!!function(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}(e.to,t)||!!(0,o.F)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function g(e){let{items:t,position:n,className:o,onClick:i,...l}=e;const s=(0,a.useRef)(null),[d,f]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{const e=e=>{s.current&&!s.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[s]),(0,p.jsxs)("div",{ref:s,className:(0,r.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":d}),children:[(0,p.jsx)(c.Z,{"aria-haspopup":"true","aria-expanded":d,role:"button",href:l.to?void 0:"#",className:(0,r.Z)("navbar__link",o),...l,onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),f(!d))},children:l.children??l.label}),(0,p.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,a.createElement)(u.Z,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function m(e){let{items:t,className:n,position:o,onClick:g,...m}=e;const h=function(){const{siteConfig:{baseUrl:e}}=(0,l.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),b=f(t,h),{collapsed:y,toggleCollapsed:v,setCollapsed:w}=(0,i.u)({initialState:()=>!b});return(0,a.useEffect)((()=>{b&&w(!b)}),[h,b,w]),(0,p.jsxs)("li",{className:(0,r.Z)("menu__list-item",{"menu__list-item--collapsed":y}),children:[(0,p.jsx)(c.Z,{role:"button",className:(0,r.Z)(d.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...m,onClick:e=>{e.preventDefault(),v()},children:m.children??m.label}),(0,p.jsx)(i.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:y,children:t.map(((e,t)=>(0,a.createElement)(u.Z,{mobile:!0,isDropdownItem:!0,onClick:g,activeClassName:"menu__link--active",...e,key:t})))})]})}function h(e){let{mobile:t=!1,...n}=e;const a=t?m:g;return(0,p.jsx)(a,{...n})}},7412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});n(959);var a=n(2688),r=n(8224),o=n(8903),i=n(8784),l=n(1527);function s(e){let{width:t=20,height:n=20,...a}=e;return(0,l.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...a,children:(0,l.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const c={iconLanguage:"iconLanguage_DSK9"};function u(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:u,queryString:d="",whiteTheme:p=!1,...f}=e;const{i18n:{currentLocale:g,locales:m,localeConfigs:h}}=(0,a.Z)(),b=(0,r.l)(),{search:y,hash:v}=(0,o.TH)(),w=[...n,...m.map((e=>{const n=`${`pathname://${b.createUrl({locale:e,fullyQualified:!1})}`}${y}${v}${d}`;return{label:h[e].label,lang:h[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===g?t?"menu__link--active":"dropdown__link--active":""}})),...u];return(0,l.jsx)(i.Z,{...f,mobile:t,label:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{className:c.iconLanguage}),h[g].label]}),items:w})}},4047:(e,t,n)=>{"use strict";n.d(t,{lX:()=>w,q_:()=>C,ob:()=>f,PP:()=>A,Ep:()=>p});var a=n(6920);function r(e){return"/"===e.charAt(0)}function o(e,t){for(var n=t,a=n+1,r=e.length;a<r;n+=1,a+=1)e[n]=e[a];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,a=e&&e.split("/")||[],i=t&&t.split("/")||[],l=e&&r(e),s=t&&r(t),c=l||s;if(e&&r(e)?i=a:a.length&&(i.pop(),i=i.concat(a)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?o(i,p):".."===f?(o(i,p),d++):d&&(o(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&r(i[0])||i.unshift("");var g=i.join("/");return n&&"/"!==g.substr(-1)&&(g+="/"),g};var l=n(8624);function s(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,a=e.hash,r=t||"/";return n&&"?"!==n&&(r+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(r+="#"===a.charAt(0)?a:"#"+a),r}function f(e,t,n,r){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",a="",r=t.indexOf("#");-1!==r&&(a=t.substr(r),t=t.substr(0,r));var o=t.indexOf("?");return-1!==o&&(n=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===n?"":n,hash:"#"===a?"":a}}(e),o.state=t):(void 0===(o=(0,a.Z)({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(o.key=n),r?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=i(o.pathname,r.pathname)):o.pathname=r.pathname:o.pathname||(o.pathname="/"),o}function g(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,a,r){if(null!=e){var o="function"==typeof e?e(t,n):e;"string"==typeof o?"function"==typeof a?a(o,r):r(!0):r(!1!==o)}else r(!0)},appendListener:function(e){var n=!0;function a(){n&&e.apply(void 0,arguments)}return t.push(a),function(){n=!1,t=t.filter((function(e){return e!==a}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];t.forEach((function(e){return e.apply(void 0,n)}))}}}var m=!("undefined"==typeof window||!window.document||!window.document.createElement);function h(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t,n=window.history,r=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,o=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,x=i.getUserConfirmation,k=void 0===x?h:x,L=i.keyLength,S=void 0===L?6:L,_=e.basename?d(s(e.basename)):"";function C(e){var t=e||{},n=t.key,a=t.state,r=window.location,o=r.pathname+r.search+r.hash;return _&&(o=u(o,_)),f(o,a,n)}function P(){return Math.random().toString(36).substr(2,S)}var A=g();function D(e){(0,a.Z)(U,e),U.length=n.length,A.notifyListeners(U.location,U.action)}function E(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||j(C(e.state))}function I(){j(C(v()))}var T=!1;function j(e){if(T)T=!1,D();else{A.confirmTransitionTo(e,"POP",k,(function(t){t?D({action:"POP",location:e}):function(e){var t=U.location,n=N.indexOf(t.key);-1===n&&(n=0);var a=N.indexOf(e.key);-1===a&&(a=0);var r=n-a;r&&(T=!0,M(r))}(e)}))}}var R=C(v()),N=[R.key];function O(e){return _+p(e)}function M(e){n.go(e)}var F=0;function B(e){1===(F+=e)&&1===e?(window.addEventListener(b,E),o&&window.addEventListener(y,I)):0===F&&(window.removeEventListener(b,E),o&&window.removeEventListener(y,I))}var z=!1;var U={length:n.length,action:"POP",location:R,createHref:O,push:function(e,t){var a="PUSH",o=f(e,t,P(),U.location);A.confirmTransitionTo(o,a,k,(function(e){if(e){var t=O(o),i=o.key,l=o.state;if(r)if(n.pushState({key:i,state:l},null,t),w)window.location.href=t;else{var s=N.indexOf(U.location.key),c=N.slice(0,s+1);c.push(o.key),N=c,D({action:a,location:o})}else window.location.href=t}}))},replace:function(e,t){var a="REPLACE",o=f(e,t,P(),U.location);A.confirmTransitionTo(o,a,k,(function(e){if(e){var t=O(o),i=o.key,l=o.state;if(r)if(n.replaceState({key:i,state:l},null,t),w)window.location.replace(t);else{var s=N.indexOf(U.location.key);-1!==s&&(N[s]=o.key),D({action:a,location:o})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return z||(B(1),z=!0),function(){return z&&(z=!1,B(-1)),t()}},listen:function(e){var t=A.appendListener(e);return B(1),function(){B(-1),t()}}};return U}var x="hashchange",k={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:s},slash:{encodePath:s,decodePath:s}};function L(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function S(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(L(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),r=n.getUserConfirmation,o=void 0===r?h:r,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(s(e.basename)):"",y=k[c],v=y.encodePath,w=y.decodePath;function C(){var e=w(S());return b&&(e=u(e,b)),f(e)}var P=g();function A(e){(0,a.Z)(z,e),z.length=t.length,P.notifyListeners(z.location,z.action)}var D=!1,E=null;function I(){var e,t,n=S(),a=v(n);if(n!==a)_(a);else{var r=C(),i=z.location;if(!D&&(t=r,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(E===p(r))return;E=null,function(e){if(D)D=!1,A();else{var t="POP";P.confirmTransitionTo(e,t,o,(function(n){n?A({action:t,location:e}):function(e){var t=z.location,n=N.lastIndexOf(p(t));-1===n&&(n=0);var a=N.lastIndexOf(p(e));-1===a&&(a=0);var r=n-a;r&&(D=!0,O(r))}(e)}))}}(r)}}var T=S(),j=v(T);T!==j&&_(j);var R=C(),N=[p(R)];function O(e){t.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?window.addEventListener(x,I):0===M&&window.removeEventListener(x,I)}var B=!1;var z={length:t.length,action:"POP",location:R,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=L(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",a=f(e,void 0,void 0,z.location);P.confirmTransitionTo(a,n,o,(function(e){if(e){var t=p(a),r=v(b+t);if(S()!==r){E=t,function(e){window.location.hash=e}(r);var o=N.lastIndexOf(p(z.location)),i=N.slice(0,o+1);i.push(t),N=i,A({action:n,location:a})}else A()}}))},replace:function(e,t){var n="REPLACE",a=f(e,void 0,void 0,z.location);P.confirmTransitionTo(a,n,o,(function(e){if(e){var t=p(a),r=v(b+t);S()!==r&&(E=t,_(r));var o=N.indexOf(p(z.location));-1!==o&&(N[o]=t),A({action:n,location:a})}}))},go:O,goBack:function(){O(-1)},goForward:function(){O(1)},block:function(e){void 0===e&&(e=!1);var t=P.setPrompt(e);return B||(F(1),B=!0),function(){return B&&(B=!1,F(-1)),t()}},listen:function(e){var t=P.appendListener(e);return F(1),function(){F(-1),t()}}};return z}function P(e,t,n){return Math.min(Math.max(e,t),n)}function A(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,r=t.initialEntries,o=void 0===r?["/"]:r,i=t.initialIndex,l=void 0===i?0:i,s=t.keyLength,c=void 0===s?6:s,u=g();function d(e){(0,a.Z)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function m(){return Math.random().toString(36).substr(2,c)}var h=P(l,0,o.length-1),b=o.map((function(e){return f(e,void 0,"string"==typeof e?m():e.key||m())})),y=p;function v(e){var t=P(w.index+e,0,w.entries.length-1),a=w.entries[t];u.confirmTransitionTo(a,"POP",n,(function(e){e?d({action:"POP",location:a,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[h],index:h,entries:b,createHref:y,push:function(e,t){var a="PUSH",r=f(e,t,m(),w.location);u.confirmTransitionTo(r,a,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,r):n.push(r),d({action:a,location:r,index:t,entries:n})}}))},replace:function(e,t){var a="REPLACE",r=f(e,t,m(),w.location);u.confirmTransitionTo(r,a,n,(function(e){e&&(w.entries[w.index]=r,d({action:a,location:r}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},2535:(e,t,n)=>{"use strict";var a=n(6237),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return a.isMemo(e)?i:l[e.$$typeof]||r}l[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[a.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,g=Object.prototype;e.exports=function e(t,n,a){if("string"!=typeof n){if(g){var r=f(n);r&&r!==g&&e(t,r,a)}var i=u(n);d&&(i=i.concat(d(n)));for(var l=s(t),m=s(n),h=0;h<i.length;++h){var b=i[h];if(!(o[b]||a&&a[b]||m&&m[b]||l&&l[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},3670:e=>{"use strict";e.exports=function(e,t,n,a,r,o,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,a,r,o,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},901:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},89:(e,t,n)=>{"use strict";n.r(t)},962:(e,t,n)=>{"use strict";n.r(t)},1245:(e,t,n)=>{"use strict";n.r(t)},9981:function(e,t,n){var a,r;a=function(){var e,t,n={version:"0.2.0"},a=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function r(e,t,n){return e<t?t:e>n?n:e}function o(e){return 100*(-1+e)}function i(e,t,n){var r;return(r="translate3d"===a.positionUsing?{transform:"translate3d("+o(e)+"%,0,0)"}:"translate"===a.positionUsing?{transform:"translate("+o(e)+"%,0)"}:{"margin-left":o(e)+"%"}).transition="all "+t+"ms "+n,r}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(a[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=r(e,a.minimum,1),n.status=1===e?null:e;var o=n.render(!t),c=o.querySelector(a.barSelector),u=a.speed,d=a.easing;return o.offsetWidth,l((function(t){""===a.positionUsing&&(a.positionUsing=n.getPositioningCSS()),s(c,i(e,u,d)),1===e?(s(o,{transition:"none",opacity:1}),o.offsetWidth,setTimeout((function(){s(o,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),a.trickleSpeed)};return a.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*r(Math.random()*t,.1,.95)),t=r(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*a.trickleRate)},e=0,t=0,n.promise=function(a){return a&&"resolved"!==a.state()?(0===t&&n.start(),e++,t++,a.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=a.template;var r,i=t.querySelector(a.barSelector),l=e?"-100":o(n.status||0),c=document.querySelector(a.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),a.showSpinner||(r=t.querySelector(a.spinnerSelector))&&f(r),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(a.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function a(t){var n=document.body.style;if(t in n)return t;for(var a,r=e.length,o=t.charAt(0).toUpperCase()+t.slice(1);r--;)if((a=e[r]+o)in n)return a;return t}function r(e){return e=n(e),t[e]||(t[e]=a(e))}function o(e,t,n){t=r(t),e.style[t]=n}return function(e,t){var n,a,r=arguments;if(2==r.length)for(n in t)void 0!==(a=t[n])&&t.hasOwnProperty(n)&&o(e,n,a);else o(e,r[1],r[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),a=n+t;c(n,t)||(e.className=a.substring(1))}function d(e,t){var n,a=p(e);c(e,t)&&(n=a.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(r="function"==typeof a?a.call(t,n,t,e):a)||(e.exports=r)},7720:(e,t,n)=>{var a=n(901);e.exports=f,e.exports.parse=o,e.exports.compile=function(e,t){return l(o(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=p;var r=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function o(e,t){for(var n,a=[],o=0,i=0,l="",u=t&&t.delimiter||"/";null!=(n=r.exec(e));){var d=n[0],p=n[1],f=n.index;if(l+=e.slice(i,f),i=f+d.length,p)l+=p[1];else{var g=e[i],m=n[2],h=n[3],b=n[4],y=n[5],v=n[6],w=n[7];l&&(a.push(l),l="");var x=null!=m&&null!=g&&g!==m,k="+"===v||"*"===v,L="?"===v||"*"===v,S=n[2]||u,_=b||y;a.push({name:h||o++,prefix:m||"",delimiter:S,optional:L,repeat:k,partial:x,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+s(S)+"]+?"})}}return i<e.length&&(l+=e.substr(i)),l&&a.push(l),a}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function l(e,t){for(var n=new Array(e.length),r=0;r<e.length;r++)"object"==typeof e[r]&&(n[r]=new RegExp("^(?:"+e[r].pattern+")$",d(t)));return function(t,r){for(var o="",l=t||{},s=(r||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=l[u.name];if(null==p){if(u.optional){u.partial&&(o+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(a(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=s(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");o+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):s(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');o+=u.prefix+d}}else o+=u}return o}}function s(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){a(t)||(n=t||n,t=[]);for(var r=(n=n||{}).strict,o=!1!==n.end,i="",l=0;l<e.length;l++){var c=e[l];if("string"==typeof c)i+=s(c);else{var p=s(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var g=s(n.delimiter||"/"),m=i.slice(-g.length)===g;return r||(i=(m?i.slice(0,-g.length):i)+"(?:"+g+"(?=$))?"),i+=o?"$":r&&m?"":"(?="+g+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return a(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var a=0;a<n.length;a++)t.push({name:a,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):a(e)?function(e,t,n){for(var a=[],r=0;r<e.length;r++)a.push(f(e[r],t,n).source);return u(new RegExp("(?:"+a.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(o(e,n),t,n)}(e,t,n)}},1064:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},1884:(e,t,n)=>{const a=n(1064),r=n(6474),o=new Set;function i(e){void 0===e?e=Object.keys(a.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...o,...Object.keys(Prism.languages)];r(a,e,t).load((e=>{if(!(e in a.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(2928).resolve(t)],delete Prism.languages[e],n(2928)(t),o.add(e)}))}i.silent=!1,e.exports=i},1559:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,r,o){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(r,(function(e){if("function"==typeof o&&!o(e))return e;for(var r,l=i.length;-1!==n.code.indexOf(r=t(a,l));)++l;return i[l]=e,r})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var r=0,o=Object.keys(n.tokenStack);!function i(l){for(var s=0;s<l.length&&!(r>=o.length);s++){var c=l[s];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=o[r],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(a,u),g=p.indexOf(f);if(g>-1){++r;var m=p.substring(0,g),h=new e.Token(a,e.tokenize(d,n.grammar),"language-"+a,d),b=p.substring(g+f.length),y=[];m&&y.push.apply(y,i([m])),y.push(h),b&&y.push.apply(y,i([b])),"string"==typeof c?l.splice.apply(l,[s,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return l}(n.tokens)}}}})}(Prism)},2928:(e,t,n)=>{var a={"./":1884};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=2928},6474:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,a=e.length;n<a;n++)t[e[n]]=!0;return t}function a(e){var n={},a=[];function r(a,o){if(!(a in n)){o.push(a);var i=o.indexOf(a);if(i<o.length-1)throw new Error("Circular dependency: "+o.slice(i).join(" -> "));var l={},s=e[a];if(s){function c(t){if(!(t in e))throw new Error(a+" depends on an unknown component "+t);if(!(t in l))for(var i in r(t,o),l[t]=!0,n[t])l[i]=!0}t(s.require,c),t(s.optional,c),t(s.modify,c)}n[a]=l,o.pop()}}return function(e){var t=n[e];return t||(r(e,a),t=n[e]),t}}function r(e){for(var t in e)return!0;return!1}return function(o,i,l){var s=function(e){var t={};for(var n in e){var a=e[n];for(var r in a)if("meta"!=r){var o=a[r];t[r]="string"==typeof o?{title:o}:o}}return t}(o),c=function(e){var n;return function(a){if(a in e)return a;if(!n)for(var r in n={},e){var o=e[r];t(o&&o.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+r+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+r+" because it is a component.");n[t]=r}))}return n[a]||a}}(s);i=i.map(c),l=(l||[]).map(c);var u=n(i),d=n(l);i.forEach((function e(n){var a=s[n];t(a&&a.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=a(s),g=u;r(g);){for(var m in p={},g){var h=s[m];t(h&&h.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in g=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,a,r){var o=r?r.series:void 0,i=r?r.parallel:e,l={},s={};function c(e){if(e in l)return l[e];s[e]=!0;var r,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)r=a(e);else{var p=i(u.map((function(e){var t=c(e);return delete s[e],t})));o?r=o(p,(function(){return a(e)})):a(e)}return l[e]=r}for(var u in n)c(u);var d=[];for(var p in s)d.push(l[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},4049:(e,t,n)=>{"use strict";var a=n(6257);function r(){}function o(){}o.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,o,i){if(i!==a){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:r};return n.PropTypes=n,n}},507:(e,t,n)=>{e.exports=n(4049)()},6257:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},3746:(e,t,n)=>{"use strict";var a=n(959),r=n(2962);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,l={};function s(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(l[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},g={};function m(e,t,n,a,r,o,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=a,this.attributeNamespace=r,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=o,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new m(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new m(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new m(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new m(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new m(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new m(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,a){var r=h.hasOwnProperty(t)?h[t]:null;(null!==r?0!==r.type:a||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,a){if(null==t||function(e,t,n,a){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!a&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,a))return!0;if(a)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,r,a)&&(n=null),a||null===r?function(e){return!!d.call(g,e)||!d.call(f,e)&&(p.test(e)?g[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):r.mustUseProperty?e[r.propertyName]=null===n?3!==r.type&&"":n:(t=r.attributeName,a=r.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(r=r.type)||4===r&&!0===n?"":""+n,a?e.setAttributeNS(a,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,x=Symbol.for("react.element"),k=Symbol.for("react.portal"),L=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),P=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),T=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var j=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var R=Symbol.iterator;function N(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=R&&e[R]||e["@@iterator"])?e:null}var O,M=Object.assign;function F(e){if(void 0===O)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);O=t&&t[1]||""}return"\n"+O+e}var B=!1;function z(e,t){if(!e||B)return"";B=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var a=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){a=c}e.call(t.prototype)}else{try{throw Error()}catch(c){a=c}e()}}catch(c){if(c&&a&&"string"==typeof c.stack){for(var r=c.stack.split("\n"),o=a.stack.split("\n"),i=r.length-1,l=o.length-1;1<=i&&0<=l&&r[i]!==o[l];)l--;for(;1<=i&&0<=l;i--,l--)if(r[i]!==o[l]){if(1!==i||1!==l)do{if(i--,0>--l||r[i]!==o[l]){var s="\n"+r[i].replace(" at new "," at ");return e.displayName&&s.includes("<anonymous>")&&(s=s.replace("<anonymous>",e.displayName)),s}}while(1<=i&&0<=l);break}}}finally{B=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?F(e):""}function U(e){switch(e.tag){case 5:return F(e.type);case 16:return F("Lazy");case 13:return F("Suspense");case 19:return F("SuspenseList");case 0:case 2:case 15:return e=z(e.type,!1);case 11:return e=z(e.type.render,!1);case 1:return e=z(e.type,!0);default:return""}}function $(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case L:return"Fragment";case k:return"Portal";case _:return"Profiler";case S:return"StrictMode";case D:return"Suspense";case E:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case P:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case I:return null!==(t=e.displayName||null)?t:$(e.type)||"Memo";case T:t=e._payload,e=e._init;try{return $(e(t))}catch(n){}}return null}function q(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return $(t);case 8:return t===S?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function G(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Z(e){e._valueTracker||(e._valueTracker=function(e){var t=G(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),a=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var r=n.get,o=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return r.call(this)},set:function(e){a=""+e,o.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(e){a=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function V(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),a="";return e&&(a=G(e)?e.checked?"true":"false":e.value),(e=a)!==n&&(t.setValue(e),!0)}function W(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,a=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:a,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function K(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function X(e,t){K(e,t);var n=H(t.value),a=t.type;if(null!=n)"number"===a?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===a||"reset"===a)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function J(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var a=t.type;if(!("submit"!==a&&"reset"!==a||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&W(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,a){if(e=e.options,t){t={};for(var r=0;r<n.length;r++)t["$"+n[r]]=!0;for(n=0;n<e.length;n++)r=t.hasOwnProperty("$"+e[n].value),e[n].selected!==r&&(e[n].selected=r),r&&a&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,r=0;r<e.length;r++){if(e[r].value===n)return e[r].selected=!0,void(a&&(e[r].defaultSelected=!0));null!==t||e[r].disabled||(t=e[r])}null!==t&&(t.selected=!0)}}function ae(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(o(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function re(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(o(92));if(te(n)){if(1<n.length)throw Error(o(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function oe(e,t){var n=H(t.value),a=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=a&&(e.defaultValue=""+a)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function le(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function se(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?le(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,a){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ge=["Webkit","ms","Moz","O"];function me(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function he(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var a=0===n.indexOf("--"),r=me(n,t[n],a);"float"===n&&(n="cssFloat"),a?e.setProperty(n,r):e[n]=r}}Object.keys(fe).forEach((function(e){ge.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(o(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(o(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(o(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(o(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function xe(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var ke=null,Le=null,Se=null;function _e(e){if(e=vr(e)){if("function"!=typeof ke)throw Error(o(280));var t=e.stateNode;t&&(t=xr(t),ke(e.stateNode,e.type,t))}}function Ce(e){Le?Se?Se.push(e):Se=[e]:Le=e}function Pe(){if(Le){var e=Le,t=Se;if(Se=Le=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Ae(e,t){return e(t)}function De(){}var Ee=!1;function Ie(e,t,n){if(Ee)return e(t,n);Ee=!0;try{return Ae(e,t,n)}finally{Ee=!1,(null!==Le||null!==Se)&&(De(),Pe())}}function Te(e,t){var n=e.stateNode;if(null===n)return null;var a=xr(n);if(null===a)return null;n=a[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(a=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!a;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(o(231,t,typeof n));return n}var je=!1;if(u)try{var Re={};Object.defineProperty(Re,"passive",{get:function(){je=!0}}),window.addEventListener("test",Re,Re),window.removeEventListener("test",Re,Re)}catch(ue){je=!1}function Ne(e,t,n,a,r,o,i,l,s){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var Oe=!1,Me=null,Fe=!1,Be=null,ze={onError:function(e){Oe=!0,Me=e}};function Ue(e,t,n,a,r,o,i,l,s){Oe=!1,Me=null,Ne.apply(ze,arguments)}function $e(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function qe(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if($e(e)!==e)throw Error(o(188))}function Ge(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=$e(e)))throw Error(o(188));return t!==e?null:e}for(var n=e,a=t;;){var r=n.return;if(null===r)break;var i=r.alternate;if(null===i){if(null!==(a=r.return)){n=a;continue}break}if(r.child===i.child){for(i=r.child;i;){if(i===n)return He(r),e;if(i===a)return He(r),t;i=i.sibling}throw Error(o(188))}if(n.return!==a.return)n=r,a=i;else{for(var l=!1,s=r.child;s;){if(s===n){l=!0,n=r,a=i;break}if(s===a){l=!0,a=r,n=i;break}s=s.sibling}if(!l){for(s=i.child;s;){if(s===n){l=!0,n=i,a=r;break}if(s===a){l=!0,a=i,n=r;break}s=s.sibling}if(!l)throw Error(o(189))}}if(n.alternate!==a)throw Error(o(190))}if(3!==n.tag)throw Error(o(188));return n.stateNode.current===n?e:t}(e))?Ze(e):null}function Ze(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ze(e);if(null!==t)return t;e=e.sibling}return null}var Ve=r.unstable_scheduleCallback,We=r.unstable_cancelCallback,Qe=r.unstable_shouldYield,Ye=r.unstable_requestPaint,Ke=r.unstable_now,Xe=r.unstable_getCurrentPriorityLevel,Je=r.unstable_ImmediatePriority,et=r.unstable_UserBlockingPriority,tt=r.unstable_NormalPriority,nt=r.unstable_LowPriority,at=r.unstable_IdlePriority,rt=null,ot=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(lt(e)/st|0)|0},lt=Math.log,st=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var a=0,r=e.suspendedLanes,o=e.pingedLanes,i=268435455&n;if(0!==i){var l=i&~r;0!==l?a=dt(l):0!==(o&=i)&&(a=dt(o))}else 0!==(i=n&~r)?a=dt(i):0!==o&&(a=dt(o));if(0===a)return 0;if(0!==t&&t!==a&&0==(t&r)&&((r=a&-a)>=(o=t&-t)||16===r&&0!=(4194240&o)))return t;if(0!=(4&a)&&(a|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=a;0<t;)r=1<<(n=31-it(t)),a|=e[n],t&=~r;return a}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function gt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function mt(){var e=ct;return 0==(4194240&(ct<<=1))&&(ct=64),e}function ht(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var a=31-it(n),r=1<<a;r&t|e[a]&t&&(e[a]|=t),n&=~r}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?0!=(268435455&e)?16:536870912:4:1}var xt,kt,Lt,St,_t,Ct=!1,Pt=[],At=null,Dt=null,Et=null,It=new Map,Tt=new Map,jt=[],Rt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Nt(e,t){switch(e){case"focusin":case"focusout":At=null;break;case"dragenter":case"dragleave":Dt=null;break;case"mouseover":case"mouseout":Et=null;break;case"pointerover":case"pointerout":It.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Tt.delete(t.pointerId)}}function Ot(e,t,n,a,r,o){return null===e||e.nativeEvent!==o?(e={blockedOn:t,domEventName:n,eventSystemFlags:a,nativeEvent:o,targetContainers:[r]},null!==t&&(null!==(t=vr(t))&&kt(t)),e):(e.eventSystemFlags|=a,t=e.targetContainers,null!==r&&-1===t.indexOf(r)&&t.push(r),e)}function Mt(e){var t=yr(e.target);if(null!==t){var n=$e(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=qe(n)))return e.blockedOn=t,void _t(e.priority,(function(){Lt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ft(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=vr(n))&&kt(t),e.blockedOn=n,!1;var a=new(n=e.nativeEvent).constructor(n.type,n);we=a,n.target.dispatchEvent(a),we=null,t.shift()}return!0}function Bt(e,t,n){Ft(e)&&n.delete(t)}function zt(){Ct=!1,null!==At&&Ft(At)&&(At=null),null!==Dt&&Ft(Dt)&&(Dt=null),null!==Et&&Ft(Et)&&(Et=null),It.forEach(Bt),Tt.forEach(Bt)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,r.unstable_scheduleCallback(r.unstable_NormalPriority,zt)))}function $t(e){function t(t){return Ut(t,e)}if(0<Pt.length){Ut(Pt[0],e);for(var n=1;n<Pt.length;n++){var a=Pt[n];a.blockedOn===e&&(a.blockedOn=null)}}for(null!==At&&Ut(At,e),null!==Dt&&Ut(Dt,e),null!==Et&&Ut(Et,e),It.forEach(t),Tt.forEach(t),n=0;n<jt.length;n++)(a=jt[n]).blockedOn===e&&(a.blockedOn=null);for(;0<jt.length&&null===(n=jt[0]).blockedOn;)Mt(n),null===n.blockedOn&&jt.shift()}var qt=w.ReactCurrentBatchConfig,Ht=!0;function Gt(e,t,n,a){var r=vt,o=qt.transition;qt.transition=null;try{vt=1,Vt(e,t,n,a)}finally{vt=r,qt.transition=o}}function Zt(e,t,n,a){var r=vt,o=qt.transition;qt.transition=null;try{vt=4,Vt(e,t,n,a)}finally{vt=r,qt.transition=o}}function Vt(e,t,n,a){if(Ht){var r=Qt(e,t,n,a);if(null===r)Ha(e,t,a,Wt,n),Nt(e,a);else if(function(e,t,n,a,r){switch(t){case"focusin":return At=Ot(At,e,t,n,a,r),!0;case"dragenter":return Dt=Ot(Dt,e,t,n,a,r),!0;case"mouseover":return Et=Ot(Et,e,t,n,a,r),!0;case"pointerover":var o=r.pointerId;return It.set(o,Ot(It.get(o)||null,e,t,n,a,r)),!0;case"gotpointercapture":return o=r.pointerId,Tt.set(o,Ot(Tt.get(o)||null,e,t,n,a,r)),!0}return!1}(r,e,t,n,a))a.stopPropagation();else if(Nt(e,a),4&t&&-1<Rt.indexOf(e)){for(;null!==r;){var o=vr(r);if(null!==o&&xt(o),null===(o=Qt(e,t,n,a))&&Ha(e,t,a,Wt,n),o===r)break;r=o}null!==r&&a.stopPropagation()}else Ha(e,t,a,null,n)}}var Wt=null;function Qt(e,t,n,a){if(Wt=null,null!==(e=yr(e=xe(a))))if(null===(t=$e(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=qe(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Wt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Xe()){case Je:return 1;case et:return 4;case tt:case nt:return 16;case at:return 536870912;default:return 16}default:return 16}}var Kt=null,Xt=null,Jt=null;function en(){if(Jt)return Jt;var e,t,n=Xt,a=n.length,r="value"in Kt?Kt.value:Kt.textContent,o=r.length;for(e=0;e<a&&n[e]===r[e];e++);var i=a-e;for(t=1;t<=i&&n[a-t]===r[o-t];t++);return Jt=r.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function an(){return!1}function rn(e){function t(t,n,a,r,o){for(var i in this._reactName=t,this._targetInst=a,this.type=n,this.nativeEvent=r,this.target=o,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(r):r[i]);return this.isDefaultPrevented=(null!=r.defaultPrevented?r.defaultPrevented:!1===r.returnValue)?nn:an,this.isPropagationStopped=an,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var on,ln,sn,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=rn(cn),dn=M({},cn,{view:0,detail:0}),pn=rn(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==sn&&(sn&&"mousemove"===e.type?(on=e.screenX-sn.screenX,ln=e.screenY-sn.screenY):ln=on=0,sn=e),on)},movementY:function(e){return"movementY"in e?e.movementY:ln}}),gn=rn(fn),mn=rn(M({},fn,{dataTransfer:0})),hn=rn(M({},dn,{relatedTarget:0})),bn=rn(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=rn(yn),wn=rn(M({},cn,{data:0})),xn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},kn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Ln={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Sn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Ln[e])&&!!t[e]}function _n(){return Sn}var Cn=M({},dn,{key:function(e){if(e.key){var t=xn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?kn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Pn=rn(Cn),An=rn(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Dn=rn(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),En=rn(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),In=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Tn=rn(In),jn=[9,13,27,32],Rn=u&&"CompositionEvent"in window,Nn=null;u&&"documentMode"in document&&(Nn=document.documentMode);var On=u&&"TextEvent"in window&&!Nn,Mn=u&&(!Rn||Nn&&8<Nn&&11>=Nn),Fn=String.fromCharCode(32),Bn=!1;function zn(e,t){switch(e){case"keyup":return-1!==jn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var $n=!1;var qn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!qn[e.type]:"textarea"===t}function Gn(e,t,n,a){Ce(a),0<(t=Za(t,"onChange")).length&&(n=new un("onChange","change",null,n,a),e.push({event:n,listeners:t}))}var Zn=null,Vn=null;function Wn(e){Fa(e,0)}function Qn(e){if(V(wr(e)))return e}function Yn(e,t){if("change"===e)return t}var Kn=!1;if(u){var Xn;if(u){var Jn="oninput"in document;if(!Jn){var ea=document.createElement("div");ea.setAttribute("oninput","return;"),Jn="function"==typeof ea.oninput}Xn=Jn}else Xn=!1;Kn=Xn&&(!document.documentMode||9<document.documentMode)}function ta(){Zn&&(Zn.detachEvent("onpropertychange",na),Vn=Zn=null)}function na(e){if("value"===e.propertyName&&Qn(Vn)){var t=[];Gn(t,Vn,e,xe(e)),Ie(Wn,t)}}function aa(e,t,n){"focusin"===e?(ta(),Vn=n,(Zn=t).attachEvent("onpropertychange",na)):"focusout"===e&&ta()}function ra(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Vn)}function oa(e,t){if("click"===e)return Qn(t)}function ia(e,t){if("input"===e||"change"===e)return Qn(t)}var la="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function sa(e,t){if(la(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++){var r=n[a];if(!d.call(t,r)||!la(e[r],t[r]))return!1}return!0}function ca(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ua(e,t){var n,a=ca(e);for(e=0;a;){if(3===a.nodeType){if(n=e+a.textContent.length,e<=t&&n>=t)return{node:a,offset:t-e};e=n}e:{for(;a;){if(a.nextSibling){a=a.nextSibling;break e}a=a.parentNode}a=void 0}a=ca(a)}}function da(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?da(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pa(){for(var e=window,t=W();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(a){n=!1}if(!n)break;t=W((e=t.contentWindow).document)}return t}function fa(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function ga(e){var t=pa(),n=e.focusedElem,a=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&da(n.ownerDocument.documentElement,n)){if(null!==a&&fa(n))if(t=a.start,void 0===(e=a.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var r=n.textContent.length,o=Math.min(a.start,r);a=void 0===a.end?o:Math.min(a.end,r),!e.extend&&o>a&&(r=a,a=o,o=r),r=ua(n,o);var i=ua(n,a);r&&i&&(1!==e.rangeCount||e.anchorNode!==r.node||e.anchorOffset!==r.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(r.node,r.offset),e.removeAllRanges(),o>a?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var ma=u&&"documentMode"in document&&11>=document.documentMode,ha=null,ba=null,ya=null,va=!1;function wa(e,t,n){var a=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;va||null==ha||ha!==W(a)||("selectionStart"in(a=ha)&&fa(a)?a={start:a.selectionStart,end:a.selectionEnd}:a={anchorNode:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset},ya&&sa(ya,a)||(ya=a,0<(a=Za(ba,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:a}),t.target=ha)))}function xa(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var ka={animationend:xa("Animation","AnimationEnd"),animationiteration:xa("Animation","AnimationIteration"),animationstart:xa("Animation","AnimationStart"),transitionend:xa("Transition","TransitionEnd")},La={},Sa={};function _a(e){if(La[e])return La[e];if(!ka[e])return e;var t,n=ka[e];for(t in n)if(n.hasOwnProperty(t)&&t in Sa)return La[e]=n[t];return e}u&&(Sa=document.createElement("div").style,"AnimationEvent"in window||(delete ka.animationend.animation,delete ka.animationiteration.animation,delete ka.animationstart.animation),"TransitionEvent"in window||delete ka.transitionend.transition);var Ca=_a("animationend"),Pa=_a("animationiteration"),Aa=_a("animationstart"),Da=_a("transitionend"),Ea=new Map,Ia="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Ta(e,t){Ea.set(e,t),s(t,[e])}for(var ja=0;ja<Ia.length;ja++){var Ra=Ia[ja];Ta(Ra.toLowerCase(),"on"+(Ra[0].toUpperCase()+Ra.slice(1)))}Ta(Ca,"onAnimationEnd"),Ta(Pa,"onAnimationIteration"),Ta(Aa,"onAnimationStart"),Ta("dblclick","onDoubleClick"),Ta("focusin","onFocus"),Ta("focusout","onBlur"),Ta(Da,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),s("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),s("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),s("onBeforeInput",["compositionend","keypress","textInput","paste"]),s("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Na="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Oa=new Set("cancel close invalid load scroll toggle".split(" ").concat(Na));function Ma(e,t,n){var a=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,a,r,i,l,s,c){if(Ue.apply(this,arguments),Oe){if(!Oe)throw Error(o(198));var u=Me;Oe=!1,Me=null,Fe||(Fe=!0,Be=u)}}(a,t,void 0,e),e.currentTarget=null}function Fa(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var a=e[n],r=a.event;a=a.listeners;e:{var o=void 0;if(t)for(var i=a.length-1;0<=i;i--){var l=a[i],s=l.instance,c=l.currentTarget;if(l=l.listener,s!==o&&r.isPropagationStopped())break e;Ma(r,l,c),o=s}else for(i=0;i<a.length;i++){if(s=(l=a[i]).instance,c=l.currentTarget,l=l.listener,s!==o&&r.isPropagationStopped())break e;Ma(r,l,c),o=s}}}if(Fe)throw e=Be,Fe=!1,Be=null,e}function Ba(e,t){var n=t[mr];void 0===n&&(n=t[mr]=new Set);var a=e+"__bubble";n.has(a)||(qa(t,e,2,!1),n.add(a))}function za(e,t,n){var a=0;t&&(a|=4),qa(n,e,a,t)}var Ua="_reactListening"+Math.random().toString(36).slice(2);function $a(e){if(!e[Ua]){e[Ua]=!0,i.forEach((function(t){"selectionchange"!==t&&(Oa.has(t)||za(t,!1,e),za(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ua]||(t[Ua]=!0,za("selectionchange",!1,t))}}function qa(e,t,n,a){switch(Yt(t)){case 1:var r=Gt;break;case 4:r=Zt;break;default:r=Vt}n=r.bind(null,t,n,e),r=void 0,!je||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(r=!0),a?void 0!==r?e.addEventListener(t,n,{capture:!0,passive:r}):e.addEventListener(t,n,!0):void 0!==r?e.addEventListener(t,n,{passive:r}):e.addEventListener(t,n,!1)}function Ha(e,t,n,a,r){var o=a;if(0==(1&t)&&0==(2&t)&&null!==a)e:for(;;){if(null===a)return;var i=a.tag;if(3===i||4===i){var l=a.stateNode.containerInfo;if(l===r||8===l.nodeType&&l.parentNode===r)break;if(4===i)for(i=a.return;null!==i;){var s=i.tag;if((3===s||4===s)&&((s=i.stateNode.containerInfo)===r||8===s.nodeType&&s.parentNode===r))return;i=i.return}for(;null!==l;){if(null===(i=yr(l)))return;if(5===(s=i.tag)||6===s){a=o=i;continue e}l=l.parentNode}}a=a.return}Ie((function(){var a=o,r=xe(n),i=[];e:{var l=Ea.get(e);if(void 0!==l){var s=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":s=Pn;break;case"focusin":c="focus",s=hn;break;case"focusout":c="blur",s=hn;break;case"beforeblur":case"afterblur":s=hn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":s=gn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":s=mn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":s=Dn;break;case Ca:case Pa:case Aa:s=bn;break;case Da:s=En;break;case"scroll":s=pn;break;case"wheel":s=Tn;break;case"copy":case"cut":case"paste":s=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":s=An}var u=0!=(4&t),d=!u&&"scroll"===e,p=u?null!==l?l+"Capture":null:l;u=[];for(var f,g=a;null!==g;){var m=(f=g).stateNode;if(5===f.tag&&null!==m&&(f=m,null!==p&&(null!=(m=Te(g,p))&&u.push(Ga(g,m,f)))),d)break;g=g.return}0<u.length&&(l=new s(l,c,null,n,r),i.push({event:l,listeners:u}))}}if(0==(7&t)){if(s="mouseout"===e||"pointerout"===e,(!(l="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!yr(c)&&!c[gr])&&(s||l)&&(l=r.window===r?r:(l=r.ownerDocument)?l.defaultView||l.parentWindow:window,s?(s=a,null!==(c=(c=n.relatedTarget||n.toElement)?yr(c):null)&&(c!==(d=$e(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(s=null,c=a),s!==c)){if(u=gn,m="onMouseLeave",p="onMouseEnter",g="mouse","pointerout"!==e&&"pointerover"!==e||(u=An,m="onPointerLeave",p="onPointerEnter",g="pointer"),d=null==s?l:wr(s),f=null==c?l:wr(c),(l=new u(m,g+"leave",s,n,r)).target=d,l.relatedTarget=f,m=null,yr(r)===a&&((u=new u(p,g+"enter",c,n,r)).target=f,u.relatedTarget=d,m=u),d=m,s&&c)e:{for(p=c,g=0,f=u=s;f;f=Va(f))g++;for(f=0,m=p;m;m=Va(m))f++;for(;0<g-f;)u=Va(u),g--;for(;0<f-g;)p=Va(p),f--;for(;g--;){if(u===p||null!==p&&u===p.alternate)break e;u=Va(u),p=Va(p)}u=null}else u=null;null!==s&&Wa(i,l,s,u,!1),null!==c&&null!==d&&Wa(i,d,c,u,!0)}if("select"===(s=(l=a?wr(a):window).nodeName&&l.nodeName.toLowerCase())||"input"===s&&"file"===l.type)var h=Yn;else if(Hn(l))if(Kn)h=ia;else{h=ra;var b=aa}else(s=l.nodeName)&&"input"===s.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(h=oa);switch(h&&(h=h(e,a))?Gn(i,h,n,r):(b&&b(e,l,a),"focusout"===e&&(b=l._wrapperState)&&b.controlled&&"number"===l.type&&ee(l,"number",l.value)),b=a?wr(a):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(ha=b,ba=a,ya=null);break;case"focusout":ya=ba=ha=null;break;case"mousedown":va=!0;break;case"contextmenu":case"mouseup":case"dragend":va=!1,wa(i,n,r);break;case"selectionchange":if(ma)break;case"keydown":case"keyup":wa(i,n,r)}var y;if(Rn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else $n?zn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&($n||"onCompositionStart"!==v?"onCompositionEnd"===v&&$n&&(y=en()):(Xt="value"in(Kt=r)?Kt.value:Kt.textContent,$n=!0)),0<(b=Za(a,v)).length&&(v=new wn(v,e,null,n,r),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=On?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(Bn=!0,Fn);case"textInput":return(e=t.data)===Fn&&Bn?null:e;default:return null}}(e,n):function(e,t){if($n)return"compositionend"===e||!Rn&&zn(e,t)?(e=en(),Jt=Xt=Kt=null,$n=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(a=Za(a,"onBeforeInput")).length&&(r=new wn("onBeforeInput","beforeinput",null,n,r),i.push({event:r,listeners:a}),r.data=y))}Fa(i,t)}))}function Ga(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Za(e,t){for(var n=t+"Capture",a=[];null!==e;){var r=e,o=r.stateNode;5===r.tag&&null!==o&&(r=o,null!=(o=Te(e,n))&&a.unshift(Ga(e,o,r)),null!=(o=Te(e,t))&&a.push(Ga(e,o,r))),e=e.return}return a}function Va(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Wa(e,t,n,a,r){for(var o=t._reactName,i=[];null!==n&&n!==a;){var l=n,s=l.alternate,c=l.stateNode;if(null!==s&&s===a)break;5===l.tag&&null!==c&&(l=c,r?null!=(s=Te(n,o))&&i.unshift(Ga(n,s,l)):r||null!=(s=Te(n,o))&&i.push(Ga(n,s,l))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qa=/\r\n?/g,Ya=/\u0000|\uFFFD/g;function Ka(e){return("string"==typeof e?e:""+e).replace(Qa,"\n").replace(Ya,"")}function Xa(e,t,n){if(t=Ka(t),Ka(e)!==t&&n)throw Error(o(425))}function Ja(){}var er=null,tr=null;function nr(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ar="function"==typeof setTimeout?setTimeout:void 0,rr="function"==typeof clearTimeout?clearTimeout:void 0,or="function"==typeof Promise?Promise:void 0,ir="function"==typeof queueMicrotask?queueMicrotask:void 0!==or?function(e){return or.resolve(null).then(e).catch(lr)}:ar;function lr(e){setTimeout((function(){throw e}))}function sr(e,t){var n=t,a=0;do{var r=n.nextSibling;if(e.removeChild(n),r&&8===r.nodeType)if("/$"===(n=r.data)){if(0===a)return e.removeChild(r),void $t(t);a--}else"$"!==n&&"$?"!==n&&"$!"!==n||a++;n=r}while(n);$t(t)}function cr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function ur(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var dr=Math.random().toString(36).slice(2),pr="__reactFiber$"+dr,fr="__reactProps$"+dr,gr="__reactContainer$"+dr,mr="__reactEvents$"+dr,hr="__reactListeners$"+dr,br="__reactHandles$"+dr;function yr(e){var t=e[pr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[gr]||n[pr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=ur(e);null!==e;){if(n=e[pr])return n;e=ur(e)}return t}n=(e=n).parentNode}return null}function vr(e){return!(e=e[pr]||e[gr])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function wr(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(o(33))}function xr(e){return e[fr]||null}var kr=[],Lr=-1;function Sr(e){return{current:e}}function _r(e){0>Lr||(e.current=kr[Lr],kr[Lr]=null,Lr--)}function Cr(e,t){Lr++,kr[Lr]=e.current,e.current=t}var Pr={},Ar=Sr(Pr),Dr=Sr(!1),Er=Pr;function Ir(e,t){var n=e.type.contextTypes;if(!n)return Pr;var a=e.stateNode;if(a&&a.__reactInternalMemoizedUnmaskedChildContext===t)return a.__reactInternalMemoizedMaskedChildContext;var r,o={};for(r in n)o[r]=t[r];return a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function Tr(e){return null!=(e=e.childContextTypes)}function jr(){_r(Dr),_r(Ar)}function Rr(e,t,n){if(Ar.current!==Pr)throw Error(o(168));Cr(Ar,t),Cr(Dr,n)}function Nr(e,t,n){var a=e.stateNode;if(t=t.childContextTypes,"function"!=typeof a.getChildContext)return n;for(var r in a=a.getChildContext())if(!(r in t))throw Error(o(108,q(e)||"Unknown",r));return M({},n,a)}function Or(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Pr,Er=Ar.current,Cr(Ar,e),Cr(Dr,Dr.current),!0}function Mr(e,t,n){var a=e.stateNode;if(!a)throw Error(o(169));n?(e=Nr(e,t,Er),a.__reactInternalMemoizedMergedChildContext=e,_r(Dr),_r(Ar),Cr(Ar,e)):_r(Dr),Cr(Dr,n)}var Fr=null,Br=!1,zr=!1;function Ur(e){null===Fr?Fr=[e]:Fr.push(e)}function $r(){if(!zr&&null!==Fr){zr=!0;var e=0,t=vt;try{var n=Fr;for(vt=1;e<n.length;e++){var a=n[e];do{a=a(!0)}while(null!==a)}Fr=null,Br=!1}catch(r){throw null!==Fr&&(Fr=Fr.slice(e+1)),Ve(Je,$r),r}finally{vt=t,zr=!1}}return null}var qr=[],Hr=0,Gr=null,Zr=0,Vr=[],Wr=0,Qr=null,Yr=1,Kr="";function Xr(e,t){qr[Hr++]=Zr,qr[Hr++]=Gr,Gr=e,Zr=t}function Jr(e,t,n){Vr[Wr++]=Yr,Vr[Wr++]=Kr,Vr[Wr++]=Qr,Qr=e;var a=Yr;e=Kr;var r=32-it(a)-1;a&=~(1<<r),n+=1;var o=32-it(t)+r;if(30<o){var i=r-r%5;o=(a&(1<<i)-1).toString(32),a>>=i,r-=i,Yr=1<<32-it(t)+r|n<<r|a,Kr=o+e}else Yr=1<<o|n<<r|a,Kr=e}function eo(e){null!==e.return&&(Xr(e,1),Jr(e,1,0))}function to(e){for(;e===Gr;)Gr=qr[--Hr],qr[Hr]=null,Zr=qr[--Hr],qr[Hr]=null;for(;e===Qr;)Qr=Vr[--Wr],Vr[Wr]=null,Kr=Vr[--Wr],Vr[Wr]=null,Yr=Vr[--Wr],Vr[Wr]=null}var no=null,ao=null,ro=!1,oo=null;function io(e,t){var n=Tc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function lo(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,no=e,ao=cr(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,no=e,ao=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Qr?{id:Yr,overflow:Kr}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Tc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,no=e,ao=null,!0);default:return!1}}function so(e){return 0!=(1&e.mode)&&0==(128&e.flags)}function co(e){if(ro){var t=ao;if(t){var n=t;if(!lo(e,t)){if(so(e))throw Error(o(418));t=cr(n.nextSibling);var a=no;t&&lo(e,t)?io(a,n):(e.flags=-4097&e.flags|2,ro=!1,no=e)}}else{if(so(e))throw Error(o(418));e.flags=-4097&e.flags|2,ro=!1,no=e}}}function uo(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;no=e}function po(e){if(e!==no)return!1;if(!ro)return uo(e),ro=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!nr(e.type,e.memoizedProps)),t&&(t=ao)){if(so(e))throw fo(),Error(o(418));for(;t;)io(e,t),t=cr(t.nextSibling)}if(uo(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(o(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){ao=cr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}ao=null}}else ao=no?cr(e.stateNode.nextSibling):null;return!0}function fo(){for(var e=ao;e;)e=cr(e.nextSibling)}function go(){ao=no=null,ro=!1}function mo(e){null===oo?oo=[e]:oo.push(e)}var ho=w.ReactCurrentBatchConfig;function bo(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var yo=Sr(null),vo=null,wo=null,xo=null;function ko(){xo=wo=vo=null}function Lo(e){var t=yo.current;_r(yo),e._currentValue=t}function So(e,t,n){for(;null!==e;){var a=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==a&&(a.childLanes|=t)):null!==a&&(a.childLanes&t)!==t&&(a.childLanes|=t),e===n)break;e=e.return}}function _o(e,t){vo=e,xo=wo=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(wl=!0),e.firstContext=null)}function Co(e){var t=e._currentValue;if(xo!==e)if(e={context:e,memoizedValue:t,next:null},null===wo){if(null===vo)throw Error(o(308));wo=e,vo.dependencies={lanes:0,firstContext:e}}else wo=wo.next=e;return t}var Po=null;function Ao(e){null===Po?Po=[e]:Po.push(e)}function Do(e,t,n,a){var r=t.interleaved;return null===r?(n.next=n,Ao(t)):(n.next=r.next,r.next=n),t.interleaved=n,Eo(e,a)}function Eo(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Io=!1;function To(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function jo(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Ro(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function No(e,t,n){var a=e.updateQueue;if(null===a)return null;if(a=a.shared,0!=(2&Ds)){var r=a.pending;return null===r?t.next=t:(t.next=r.next,r.next=t),a.pending=t,Eo(e,n)}return null===(r=a.interleaved)?(t.next=t,Ao(a)):(t.next=r.next,r.next=t),a.interleaved=t,Eo(e,n)}function Oo(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,0!=(4194240&n))){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}function Mo(e,t){var n=e.updateQueue,a=e.alternate;if(null!==a&&n===(a=a.updateQueue)){var r=null,o=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===o?r=o=i:o=o.next=i,n=n.next}while(null!==n);null===o?r=o=t:o=o.next=t}else r=o=t;return n={baseState:a.baseState,firstBaseUpdate:r,lastBaseUpdate:o,shared:a.shared,effects:a.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Fo(e,t,n,a){var r=e.updateQueue;Io=!1;var o=r.firstBaseUpdate,i=r.lastBaseUpdate,l=r.shared.pending;if(null!==l){r.shared.pending=null;var s=l,c=s.next;s.next=null,null===i?o=c:i.next=c,i=s;var u=e.alternate;null!==u&&((l=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===l?u.firstBaseUpdate=c:l.next=c,u.lastBaseUpdate=s))}if(null!==o){var d=r.baseState;for(i=0,u=c=s=null,l=o;;){var p=l.lane,f=l.eventTime;if((a&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:l.tag,payload:l.payload,callback:l.callback,next:null});e:{var g=e,m=l;switch(p=t,f=n,m.tag){case 1:if("function"==typeof(g=m.payload)){d=g.call(f,d,p);break e}d=g;break e;case 3:g.flags=-65537&g.flags|128;case 0:if(null==(p="function"==typeof(g=m.payload)?g.call(f,d,p):g))break e;d=M({},d,p);break e;case 2:Io=!0}}null!==l.callback&&0!==l.lane&&(e.flags|=64,null===(p=r.effects)?r.effects=[l]:p.push(l))}else f={eventTime:f,lane:p,tag:l.tag,payload:l.payload,callback:l.callback,next:null},null===u?(c=u=f,s=d):u=u.next=f,i|=p;if(null===(l=l.next)){if(null===(l=r.shared.pending))break;l=(p=l).next,p.next=null,r.lastBaseUpdate=p,r.shared.pending=null}}if(null===u&&(s=d),r.baseState=s,r.firstBaseUpdate=c,r.lastBaseUpdate=u,null!==(t=r.shared.interleaved)){r=t;do{i|=r.lane,r=r.next}while(r!==t)}else null===o&&(r.shared.lanes=0);Ms|=i,e.lanes=i,e.memoizedState=d}}function Bo(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var a=e[t],r=a.callback;if(null!==r){if(a.callback=null,a=n,"function"!=typeof r)throw Error(o(191,r));r.call(a)}}}var zo=(new a.Component).refs;function Uo(e,t,n,a){n=null==(n=n(a,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var $o={isMounted:function(e){return!!(e=e._reactInternals)&&$e(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var a=tc(),r=nc(e),o=Ro(a,r);o.payload=t,null!=n&&(o.callback=n),null!==(t=No(e,o,r))&&(ac(t,e,r,a),Oo(t,e,r))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var a=tc(),r=nc(e),o=Ro(a,r);o.tag=1,o.payload=t,null!=n&&(o.callback=n),null!==(t=No(e,o,r))&&(ac(t,e,r,a),Oo(t,e,r))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=tc(),a=nc(e),r=Ro(n,a);r.tag=2,null!=t&&(r.callback=t),null!==(t=No(e,r,a))&&(ac(t,e,a,n),Oo(t,e,a))}};function qo(e,t,n,a,r,o,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(a,o,i):!t.prototype||!t.prototype.isPureReactComponent||(!sa(n,a)||!sa(r,o))}function Ho(e,t,n){var a=!1,r=Pr,o=t.contextType;return"object"==typeof o&&null!==o?o=Co(o):(r=Tr(t)?Er:Ar.current,o=(a=null!=(a=t.contextTypes))?Ir(e,r):Pr),t=new t(n,o),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=$o,e.stateNode=t,t._reactInternals=e,a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=r,e.__reactInternalMemoizedMaskedChildContext=o),t}function Go(e,t,n,a){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,a),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,a),t.state!==e&&$o.enqueueReplaceState(t,t.state,null)}function Zo(e,t,n,a){var r=e.stateNode;r.props=n,r.state=e.memoizedState,r.refs=zo,To(e);var o=t.contextType;"object"==typeof o&&null!==o?r.context=Co(o):(o=Tr(t)?Er:Ar.current,r.context=Ir(e,o)),r.state=e.memoizedState,"function"==typeof(o=t.getDerivedStateFromProps)&&(Uo(e,t,o,n),r.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof r.getSnapshotBeforeUpdate||"function"!=typeof r.UNSAFE_componentWillMount&&"function"!=typeof r.componentWillMount||(t=r.state,"function"==typeof r.componentWillMount&&r.componentWillMount(),"function"==typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount(),t!==r.state&&$o.enqueueReplaceState(r,r.state,null),Fo(e,n,r,a),r.state=e.memoizedState),"function"==typeof r.componentDidMount&&(e.flags|=4194308)}function Vo(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(o(309));var a=n.stateNode}if(!a)throw Error(o(147,e));var r=a,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=r.refs;t===zo&&(t=r.refs={}),null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(o(284));if(!n._owner)throw Error(o(290,e))}return e}function Wo(e,t){throw e=Object.prototype.toString.call(t),Error(o(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Qo(e){return(0,e._init)(e._payload)}function Yo(e){function t(t,n){if(e){var a=t.deletions;null===a?(t.deletions=[n],t.flags|=16):a.push(n)}}function n(n,a){if(!e)return null;for(;null!==a;)t(n,a),a=a.sibling;return null}function a(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function r(e,t){return(e=Rc(e,t)).index=0,e.sibling=null,e}function i(t,n,a){return t.index=a,e?null!==(a=t.alternate)?(a=a.index)<n?(t.flags|=2,n):a:(t.flags|=2,n):(t.flags|=1048576,n)}function l(t){return e&&null===t.alternate&&(t.flags|=2),t}function s(e,t,n,a){return null===t||6!==t.tag?((t=Fc(n,e.mode,a)).return=e,t):((t=r(t,n)).return=e,t)}function c(e,t,n,a){var o=n.type;return o===L?d(e,t,n.props.children,a,n.key):null!==t&&(t.elementType===o||"object"==typeof o&&null!==o&&o.$$typeof===T&&Qo(o)===t.type)?((a=r(t,n.props)).ref=Vo(e,t,n),a.return=e,a):((a=Nc(n.type,n.key,n.props,null,e.mode,a)).ref=Vo(e,t,n),a.return=e,a)}function u(e,t,n,a){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Bc(n,e.mode,a)).return=e,t):((t=r(t,n.children||[])).return=e,t)}function d(e,t,n,a,o){return null===t||7!==t.tag?((t=Oc(n,e.mode,a,o)).return=e,t):((t=r(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Fc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case x:return(n=Nc(t.type,t.key,t.props,null,e.mode,n)).ref=Vo(e,null,t),n.return=e,n;case k:return(t=Bc(t,e.mode,n)).return=e,t;case T:return p(e,(0,t._init)(t._payload),n)}if(te(t)||N(t))return(t=Oc(t,e.mode,n,null)).return=e,t;Wo(e,t)}return null}function f(e,t,n,a){var r=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==r?null:s(e,t,""+n,a);if("object"==typeof n&&null!==n){switch(n.$$typeof){case x:return n.key===r?c(e,t,n,a):null;case k:return n.key===r?u(e,t,n,a):null;case T:return f(e,t,(r=n._init)(n._payload),a)}if(te(n)||N(n))return null!==r?null:d(e,t,n,a,null);Wo(e,n)}return null}function g(e,t,n,a,r){if("string"==typeof a&&""!==a||"number"==typeof a)return s(t,e=e.get(n)||null,""+a,r);if("object"==typeof a&&null!==a){switch(a.$$typeof){case x:return c(t,e=e.get(null===a.key?n:a.key)||null,a,r);case k:return u(t,e=e.get(null===a.key?n:a.key)||null,a,r);case T:return g(e,t,n,(0,a._init)(a._payload),r)}if(te(a)||N(a))return d(t,e=e.get(n)||null,a,r,null);Wo(t,a)}return null}function m(r,o,l,s){for(var c=null,u=null,d=o,m=o=0,h=null;null!==d&&m<l.length;m++){d.index>m?(h=d,d=null):h=d.sibling;var b=f(r,d,l[m],s);if(null===b){null===d&&(d=h);break}e&&d&&null===b.alternate&&t(r,d),o=i(b,o,m),null===u?c=b:u.sibling=b,u=b,d=h}if(m===l.length)return n(r,d),ro&&Xr(r,m),c;if(null===d){for(;m<l.length;m++)null!==(d=p(r,l[m],s))&&(o=i(d,o,m),null===u?c=d:u.sibling=d,u=d);return ro&&Xr(r,m),c}for(d=a(r,d);m<l.length;m++)null!==(h=g(d,r,m,l[m],s))&&(e&&null!==h.alternate&&d.delete(null===h.key?m:h.key),o=i(h,o,m),null===u?c=h:u.sibling=h,u=h);return e&&d.forEach((function(e){return t(r,e)})),ro&&Xr(r,m),c}function h(r,l,s,c){var u=N(s);if("function"!=typeof u)throw Error(o(150));if(null==(s=u.call(s)))throw Error(o(151));for(var d=u=null,m=l,h=l=0,b=null,y=s.next();null!==m&&!y.done;h++,y=s.next()){m.index>h?(b=m,m=null):b=m.sibling;var v=f(r,m,y.value,c);if(null===v){null===m&&(m=b);break}e&&m&&null===v.alternate&&t(r,m),l=i(v,l,h),null===d?u=v:d.sibling=v,d=v,m=b}if(y.done)return n(r,m),ro&&Xr(r,h),u;if(null===m){for(;!y.done;h++,y=s.next())null!==(y=p(r,y.value,c))&&(l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return ro&&Xr(r,h),u}for(m=a(r,m);!y.done;h++,y=s.next())null!==(y=g(m,r,h,y.value,c))&&(e&&null!==y.alternate&&m.delete(null===y.key?h:y.key),l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return e&&m.forEach((function(e){return t(r,e)})),ro&&Xr(r,h),u}return function e(a,o,i,s){if("object"==typeof i&&null!==i&&i.type===L&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case x:e:{for(var c=i.key,u=o;null!==u;){if(u.key===c){if((c=i.type)===L){if(7===u.tag){n(a,u.sibling),(o=r(u,i.props.children)).return=a,a=o;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===T&&Qo(c)===u.type){n(a,u.sibling),(o=r(u,i.props)).ref=Vo(a,u,i),o.return=a,a=o;break e}n(a,u);break}t(a,u),u=u.sibling}i.type===L?((o=Oc(i.props.children,a.mode,s,i.key)).return=a,a=o):((s=Nc(i.type,i.key,i.props,null,a.mode,s)).ref=Vo(a,o,i),s.return=a,a=s)}return l(a);case k:e:{for(u=i.key;null!==o;){if(o.key===u){if(4===o.tag&&o.stateNode.containerInfo===i.containerInfo&&o.stateNode.implementation===i.implementation){n(a,o.sibling),(o=r(o,i.children||[])).return=a,a=o;break e}n(a,o);break}t(a,o),o=o.sibling}(o=Bc(i,a.mode,s)).return=a,a=o}return l(a);case T:return e(a,o,(u=i._init)(i._payload),s)}if(te(i))return m(a,o,i,s);if(N(i))return h(a,o,i,s);Wo(a,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==o&&6===o.tag?(n(a,o.sibling),(o=r(o,i)).return=a,a=o):(n(a,o),(o=Fc(i,a.mode,s)).return=a,a=o),l(a)):n(a,o)}}var Ko=Yo(!0),Xo=Yo(!1),Jo={},ei=Sr(Jo),ti=Sr(Jo),ni=Sr(Jo);function ai(e){if(e===Jo)throw Error(o(174));return e}function ri(e,t){switch(Cr(ni,t),Cr(ti,e),Cr(ei,Jo),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:se(null,"");break;default:t=se(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}_r(ei),Cr(ei,t)}function oi(){_r(ei),_r(ti),_r(ni)}function ii(e){ai(ni.current);var t=ai(ei.current),n=se(t,e.type);t!==n&&(Cr(ti,e),Cr(ei,n))}function li(e){ti.current===e&&(_r(ei),_r(ti))}var si=Sr(0);function ci(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(128&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ui=[];function di(){for(var e=0;e<ui.length;e++)ui[e]._workInProgressVersionPrimary=null;ui.length=0}var pi=w.ReactCurrentDispatcher,fi=w.ReactCurrentBatchConfig,gi=0,mi=null,hi=null,bi=null,yi=!1,vi=!1,wi=0,xi=0;function ki(){throw Error(o(321))}function Li(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!la(e[n],t[n]))return!1;return!0}function Si(e,t,n,a,r,i){if(gi=i,mi=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,pi.current=null===e||null===e.memoizedState?ll:sl,e=n(a,r),vi){i=0;do{if(vi=!1,wi=0,25<=i)throw Error(o(301));i+=1,bi=hi=null,t.updateQueue=null,pi.current=cl,e=n(a,r)}while(vi)}if(pi.current=il,t=null!==hi&&null!==hi.next,gi=0,bi=hi=mi=null,yi=!1,t)throw Error(o(300));return e}function _i(){var e=0!==wi;return wi=0,e}function Ci(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===bi?mi.memoizedState=bi=e:bi=bi.next=e,bi}function Pi(){if(null===hi){var e=mi.alternate;e=null!==e?e.memoizedState:null}else e=hi.next;var t=null===bi?mi.memoizedState:bi.next;if(null!==t)bi=t,hi=e;else{if(null===e)throw Error(o(310));e={memoizedState:(hi=e).memoizedState,baseState:hi.baseState,baseQueue:hi.baseQueue,queue:hi.queue,next:null},null===bi?mi.memoizedState=bi=e:bi=bi.next=e}return bi}function Ai(e,t){return"function"==typeof t?t(e):t}function Di(e){var t=Pi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var a=hi,r=a.baseQueue,i=n.pending;if(null!==i){if(null!==r){var l=r.next;r.next=i.next,i.next=l}a.baseQueue=r=i,n.pending=null}if(null!==r){i=r.next,a=a.baseState;var s=l=null,c=null,u=i;do{var d=u.lane;if((gi&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),a=u.hasEagerState?u.eagerState:e(a,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(s=c=p,l=a):c=c.next=p,mi.lanes|=d,Ms|=d}u=u.next}while(null!==u&&u!==i);null===c?l=a:c.next=s,la(a,t.memoizedState)||(wl=!0),t.memoizedState=a,t.baseState=l,t.baseQueue=c,n.lastRenderedState=a}if(null!==(e=n.interleaved)){r=e;do{i=r.lane,mi.lanes|=i,Ms|=i,r=r.next}while(r!==e)}else null===r&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Ei(e){var t=Pi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var a=n.dispatch,r=n.pending,i=t.memoizedState;if(null!==r){n.pending=null;var l=r=r.next;do{i=e(i,l.action),l=l.next}while(l!==r);la(i,t.memoizedState)||(wl=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,a]}function Ii(){}function Ti(e,t){var n=mi,a=Pi(),r=t(),i=!la(a.memoizedState,r);if(i&&(a.memoizedState=r,wl=!0),a=a.queue,Hi(Ni.bind(null,n,a,e),[e]),a.getSnapshot!==t||i||null!==bi&&1&bi.memoizedState.tag){if(n.flags|=2048,Bi(9,Ri.bind(null,n,a,r,t),void 0,null),null===Es)throw Error(o(349));0!=(30&gi)||ji(n,t,r)}return r}function ji(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Ri(e,t,n,a){t.value=n,t.getSnapshot=a,Oi(t)&&Mi(e)}function Ni(e,t,n){return n((function(){Oi(t)&&Mi(e)}))}function Oi(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!la(e,n)}catch(a){return!0}}function Mi(e){var t=Eo(e,1);null!==t&&ac(t,e,1,-1)}function Fi(e){var t=Ci();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Ai,lastRenderedState:e},t.queue=e,e=e.dispatch=nl.bind(null,mi,e),[t.memoizedState,e]}function Bi(e,t,n,a){return e={tag:e,create:t,destroy:n,deps:a,next:null},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(a=n.next,n.next=e,e.next=a,t.lastEffect=e),e}function zi(){return Pi().memoizedState}function Ui(e,t,n,a){var r=Ci();mi.flags|=e,r.memoizedState=Bi(1|t,n,void 0,void 0===a?null:a)}function $i(e,t,n,a){var r=Pi();a=void 0===a?null:a;var o=void 0;if(null!==hi){var i=hi.memoizedState;if(o=i.destroy,null!==a&&Li(a,i.deps))return void(r.memoizedState=Bi(t,n,o,a))}mi.flags|=e,r.memoizedState=Bi(1|t,n,o,a)}function qi(e,t){return Ui(8390656,8,e,t)}function Hi(e,t){return $i(2048,8,e,t)}function Gi(e,t){return $i(4,2,e,t)}function Zi(e,t){return $i(4,4,e,t)}function Vi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Wi(e,t,n){return n=null!=n?n.concat([e]):null,$i(4,4,Vi.bind(null,t,e),n)}function Qi(){}function Yi(e,t){var n=Pi();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(n.memoizedState=[e,t],e)}function Ki(e,t){var n=Pi();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(e=e(),n.memoizedState=[e,t],e)}function Xi(e,t,n){return 0==(21&gi)?(e.baseState&&(e.baseState=!1,wl=!0),e.memoizedState=n):(la(n,t)||(n=mt(),mi.lanes|=n,Ms|=n,e.baseState=!0),t)}function Ji(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var a=fi.transition;fi.transition={};try{e(!1),t()}finally{vt=n,fi.transition=a}}function el(){return Pi().memoizedState}function tl(e,t,n){var a=nc(e);if(n={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null},al(e))rl(t,n);else if(null!==(n=Do(e,t,n,a))){ac(n,e,a,tc()),ol(n,t,a)}}function nl(e,t,n){var a=nc(e),r={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null};if(al(e))rl(t,r);else{var o=e.alternate;if(0===e.lanes&&(null===o||0===o.lanes)&&null!==(o=t.lastRenderedReducer))try{var i=t.lastRenderedState,l=o(i,n);if(r.hasEagerState=!0,r.eagerState=l,la(l,i)){var s=t.interleaved;return null===s?(r.next=r,Ao(t)):(r.next=s.next,s.next=r),void(t.interleaved=r)}}catch(c){}null!==(n=Do(e,t,r,a))&&(ac(n,e,a,r=tc()),ol(n,t,a))}}function al(e){var t=e.alternate;return e===mi||null!==t&&t===mi}function rl(e,t){vi=yi=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function ol(e,t,n){if(0!=(4194240&n)){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}var il={readContext:Co,useCallback:ki,useContext:ki,useEffect:ki,useImperativeHandle:ki,useInsertionEffect:ki,useLayoutEffect:ki,useMemo:ki,useReducer:ki,useRef:ki,useState:ki,useDebugValue:ki,useDeferredValue:ki,useTransition:ki,useMutableSource:ki,useSyncExternalStore:ki,useId:ki,unstable_isNewReconciler:!1},ll={readContext:Co,useCallback:function(e,t){return Ci().memoizedState=[e,void 0===t?null:t],e},useContext:Co,useEffect:qi,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ui(4194308,4,Vi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ui(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ui(4,2,e,t)},useMemo:function(e,t){var n=Ci();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var a=Ci();return t=void 0!==n?n(t):t,a.memoizedState=a.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},a.queue=e,e=e.dispatch=tl.bind(null,mi,e),[a.memoizedState,e]},useRef:function(e){return e={current:e},Ci().memoizedState=e},useState:Fi,useDebugValue:Qi,useDeferredValue:function(e){return Ci().memoizedState=e},useTransition:function(){var e=Fi(!1),t=e[0];return e=Ji.bind(null,e[1]),Ci().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var a=mi,r=Ci();if(ro){if(void 0===n)throw Error(o(407));n=n()}else{if(n=t(),null===Es)throw Error(o(349));0!=(30&gi)||ji(a,t,n)}r.memoizedState=n;var i={value:n,getSnapshot:t};return r.queue=i,qi(Ni.bind(null,a,i,e),[e]),a.flags|=2048,Bi(9,Ri.bind(null,a,i,n,t),void 0,null),n},useId:function(){var e=Ci(),t=Es.identifierPrefix;if(ro){var n=Kr;t=":"+t+"R"+(n=(Yr&~(1<<32-it(Yr)-1)).toString(32)+n),0<(n=wi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=xi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},sl={readContext:Co,useCallback:Yi,useContext:Co,useEffect:Hi,useImperativeHandle:Wi,useInsertionEffect:Gi,useLayoutEffect:Zi,useMemo:Ki,useReducer:Di,useRef:zi,useState:function(){return Di(Ai)},useDebugValue:Qi,useDeferredValue:function(e){return Xi(Pi(),hi.memoizedState,e)},useTransition:function(){return[Di(Ai)[0],Pi().memoizedState]},useMutableSource:Ii,useSyncExternalStore:Ti,useId:el,unstable_isNewReconciler:!1},cl={readContext:Co,useCallback:Yi,useContext:Co,useEffect:Hi,useImperativeHandle:Wi,useInsertionEffect:Gi,useLayoutEffect:Zi,useMemo:Ki,useReducer:Ei,useRef:zi,useState:function(){return Ei(Ai)},useDebugValue:Qi,useDeferredValue:function(e){var t=Pi();return null===hi?t.memoizedState=e:Xi(t,hi.memoizedState,e)},useTransition:function(){return[Ei(Ai)[0],Pi().memoizedState]},useMutableSource:Ii,useSyncExternalStore:Ti,useId:el,unstable_isNewReconciler:!1};function ul(e,t){try{var n="",a=t;do{n+=U(a),a=a.return}while(a);var r=n}catch(o){r="\nError generating stack: "+o.message+"\n"+o.stack}return{value:e,source:t,stack:r,digest:null}}function dl(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function pl(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var fl="function"==typeof WeakMap?WeakMap:Map;function gl(e,t,n){(n=Ro(-1,n)).tag=3,n.payload={element:null};var a=t.value;return n.callback=function(){Gs||(Gs=!0,Zs=a),pl(0,t)},n}function ml(e,t,n){(n=Ro(-1,n)).tag=3;var a=e.type.getDerivedStateFromError;if("function"==typeof a){var r=t.value;n.payload=function(){return a(r)},n.callback=function(){pl(0,t)}}var o=e.stateNode;return null!==o&&"function"==typeof o.componentDidCatch&&(n.callback=function(){pl(0,t),"function"!=typeof a&&(null===Vs?Vs=new Set([this]):Vs.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hl(e,t,n){var a=e.pingCache;if(null===a){a=e.pingCache=new fl;var r=new Set;a.set(t,r)}else void 0===(r=a.get(t))&&(r=new Set,a.set(t,r));r.has(n)||(r.add(n),e=Cc.bind(null,e,t,n),t.then(e,e))}function bl(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function yl(e,t,n,a,r){return 0==(1&e.mode)?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=Ro(-1,1)).tag=2,No(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=r,e)}var vl=w.ReactCurrentOwner,wl=!1;function xl(e,t,n,a){t.child=null===e?Xo(t,null,n,a):Ko(t,e.child,n,a)}function kl(e,t,n,a,r){n=n.render;var o=t.ref;return _o(t,r),a=Si(e,t,n,a,o,r),n=_i(),null===e||wl?(ro&&n&&eo(t),t.flags|=1,xl(e,t,a,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Gl(e,t,r))}function Ll(e,t,n,a,r){if(null===e){var o=n.type;return"function"!=typeof o||jc(o)||void 0!==o.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Nc(n.type,null,a,t,t.mode,r)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=o,Sl(e,t,o,a,r))}if(o=e.child,0==(e.lanes&r)){var i=o.memoizedProps;if((n=null!==(n=n.compare)?n:sa)(i,a)&&e.ref===t.ref)return Gl(e,t,r)}return t.flags|=1,(e=Rc(o,a)).ref=t.ref,e.return=t,t.child=e}function Sl(e,t,n,a,r){if(null!==e){var o=e.memoizedProps;if(sa(o,a)&&e.ref===t.ref){if(wl=!1,t.pendingProps=a=o,0==(e.lanes&r))return t.lanes=e.lanes,Gl(e,t,r);0!=(131072&e.flags)&&(wl=!0)}}return Pl(e,t,n,a,r)}function _l(e,t,n){var a=t.pendingProps,r=a.children,o=null!==e?e.memoizedState:null;if("hidden"===a.mode)if(0==(1&t.mode))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Cr(Rs,js),js|=n;else{if(0==(1073741824&n))return e=null!==o?o.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Cr(Rs,js),js|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},a=null!==o?o.baseLanes:n,Cr(Rs,js),js|=a}else null!==o?(a=o.baseLanes|n,t.memoizedState=null):a=n,Cr(Rs,js),js|=a;return xl(e,t,r,n),t.child}function Cl(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Pl(e,t,n,a,r){var o=Tr(n)?Er:Ar.current;return o=Ir(t,o),_o(t,r),n=Si(e,t,n,a,o,r),a=_i(),null===e||wl?(ro&&a&&eo(t),t.flags|=1,xl(e,t,n,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Gl(e,t,r))}function Al(e,t,n,a,r){if(Tr(n)){var o=!0;Or(t)}else o=!1;if(_o(t,r),null===t.stateNode)Hl(e,t),Ho(t,n,a),Zo(t,n,a,r),a=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Co(c):c=Ir(t,c=Tr(n)?Er:Ar.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==a||s!==c)&&Go(t,i,a,c),Io=!1;var p=t.memoizedState;i.state=p,Fo(t,a,i,r),s=t.memoizedState,l!==a||p!==s||Dr.current||Io?("function"==typeof u&&(Uo(t,n,u,a),s=t.memoizedState),(l=Io||qo(t,n,l,a,p,s,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=a,t.memoizedState=s),i.props=a,i.state=s,i.context=c,a=l):("function"==typeof i.componentDidMount&&(t.flags|=4194308),a=!1)}else{i=t.stateNode,jo(e,t),l=t.memoizedProps,c=t.type===t.elementType?l:bo(t.type,l),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(s=n.contextType)&&null!==s?s=Co(s):s=Ir(t,s=Tr(n)?Er:Ar.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==d||p!==s)&&Go(t,i,a,s),Io=!1,p=t.memoizedState,i.state=p,Fo(t,a,i,r);var g=t.memoizedState;l!==d||p!==g||Dr.current||Io?("function"==typeof f&&(Uo(t,n,f,a),g=t.memoizedState),(c=Io||qo(t,n,c,a,p,g,s)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(a,g,s),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(a,g,s)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=a,t.memoizedState=g),i.props=a,i.state=g,i.context=s,a=c):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),a=!1)}return Dl(e,t,n,a,o,r)}function Dl(e,t,n,a,r,o){Cl(e,t);var i=0!=(128&t.flags);if(!a&&!i)return r&&Mr(t,n,!1),Gl(e,t,o);a=t.stateNode,vl.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:a.render();return t.flags|=1,null!==e&&i?(t.child=Ko(t,e.child,null,o),t.child=Ko(t,null,l,o)):xl(e,t,l,o),t.memoizedState=a.state,r&&Mr(t,n,!0),t.child}function El(e){var t=e.stateNode;t.pendingContext?Rr(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Rr(0,t.context,!1),ri(e,t.containerInfo)}function Il(e,t,n,a,r){return go(),mo(r),t.flags|=256,xl(e,t,n,a),t.child}var Tl,jl,Rl,Nl,Ol={dehydrated:null,treeContext:null,retryLane:0};function Ml(e){return{baseLanes:e,cachePool:null,transitions:null}}function Fl(e,t,n){var a,r=t.pendingProps,i=si.current,l=!1,s=0!=(128&t.flags);if((a=s)||(a=(null===e||null!==e.memoizedState)&&0!=(2&i)),a?(l=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),Cr(si,1&i),null===e)return co(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&t.mode)?t.lanes=1:"$!"===e.data?t.lanes=8:t.lanes=1073741824,null):(s=r.children,e=r.fallback,l?(r=t.mode,l=t.child,s={mode:"hidden",children:s},0==(1&r)&&null!==l?(l.childLanes=0,l.pendingProps=s):l=Mc(s,r,0,null),e=Oc(e,r,n,null),l.return=t,e.return=t,l.sibling=e,t.child=l,t.child.memoizedState=Ml(n),t.memoizedState=Ol,e):Bl(t,s));if(null!==(i=e.memoizedState)&&null!==(a=i.dehydrated))return function(e,t,n,a,r,i,l){if(n)return 256&t.flags?(t.flags&=-257,zl(e,t,l,a=dl(Error(o(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=a.fallback,r=t.mode,a=Mc({mode:"visible",children:a.children},r,0,null),(i=Oc(i,r,l,null)).flags|=2,a.return=t,i.return=t,a.sibling=i,t.child=a,0!=(1&t.mode)&&Ko(t,e.child,null,l),t.child.memoizedState=Ml(l),t.memoizedState=Ol,i);if(0==(1&t.mode))return zl(e,t,l,null);if("$!"===r.data){if(a=r.nextSibling&&r.nextSibling.dataset)var s=a.dgst;return a=s,zl(e,t,l,a=dl(i=Error(o(419)),a,void 0))}if(s=0!=(l&e.childLanes),wl||s){if(null!==(a=Es)){switch(l&-l){case 4:r=2;break;case 16:r=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:r=32;break;case 536870912:r=268435456;break;default:r=0}0!==(r=0!=(r&(a.suspendedLanes|l))?0:r)&&r!==i.retryLane&&(i.retryLane=r,Eo(e,r),ac(a,e,r,-1))}return hc(),zl(e,t,l,a=dl(Error(o(421))))}return"$?"===r.data?(t.flags|=128,t.child=e.child,t=Ac.bind(null,e),r._reactRetry=t,null):(e=i.treeContext,ao=cr(r.nextSibling),no=t,ro=!0,oo=null,null!==e&&(Vr[Wr++]=Yr,Vr[Wr++]=Kr,Vr[Wr++]=Qr,Yr=e.id,Kr=e.overflow,Qr=t),t=Bl(t,a.children),t.flags|=4096,t)}(e,t,s,r,a,i,n);if(l){l=r.fallback,s=t.mode,a=(i=e.child).sibling;var c={mode:"hidden",children:r.children};return 0==(1&s)&&t.child!==i?((r=t.child).childLanes=0,r.pendingProps=c,t.deletions=null):(r=Rc(i,c)).subtreeFlags=14680064&i.subtreeFlags,null!==a?l=Rc(a,l):(l=Oc(l,s,n,null)).flags|=2,l.return=t,r.return=t,r.sibling=l,t.child=r,r=l,l=t.child,s=null===(s=e.child.memoizedState)?Ml(n):{baseLanes:s.baseLanes|n,cachePool:null,transitions:s.transitions},l.memoizedState=s,l.childLanes=e.childLanes&~n,t.memoizedState=Ol,r}return e=(l=e.child).sibling,r=Rc(l,{mode:"visible",children:r.children}),0==(1&t.mode)&&(r.lanes=n),r.return=t,r.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function Bl(e,t){return(t=Mc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zl(e,t,n,a){return null!==a&&mo(a),Ko(t,e.child,null,n),(e=Bl(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Ul(e,t,n){e.lanes|=t;var a=e.alternate;null!==a&&(a.lanes|=t),So(e.return,t,n)}function $l(e,t,n,a,r){var o=e.memoizedState;null===o?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:r}:(o.isBackwards=t,o.rendering=null,o.renderingStartTime=0,o.last=a,o.tail=n,o.tailMode=r)}function ql(e,t,n){var a=t.pendingProps,r=a.revealOrder,o=a.tail;if(xl(e,t,a.children,n),0!=(2&(a=si.current)))a=1&a|2,t.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Ul(e,n,t);else if(19===e.tag)Ul(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}a&=1}if(Cr(si,a),0==(1&t.mode))t.memoizedState=null;else switch(r){case"forwards":for(n=t.child,r=null;null!==n;)null!==(e=n.alternate)&&null===ci(e)&&(r=n),n=n.sibling;null===(n=r)?(r=t.child,t.child=null):(r=n.sibling,n.sibling=null),$l(t,!1,r,n,o);break;case"backwards":for(n=null,r=t.child,t.child=null;null!==r;){if(null!==(e=r.alternate)&&null===ci(e)){t.child=r;break}e=r.sibling,r.sibling=n,n=r,r=e}$l(t,!0,n,null,o);break;case"together":$l(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Hl(e,t){0==(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Gl(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Ms|=t.lanes,0==(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(o(153));if(null!==t.child){for(n=Rc(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Rc(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Zl(e,t){if(!ro)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var a=null;null!==n;)null!==n.alternate&&(a=n),n=n.sibling;null===a?t||null===e.tail?e.tail=null:e.tail.sibling=null:a.sibling=null}}function Vl(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,a=0;if(t)for(var r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=14680064&r.subtreeFlags,a|=14680064&r.flags,r.return=e,r=r.sibling;else for(r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=r.subtreeFlags,a|=r.flags,r.return=e,r=r.sibling;return e.subtreeFlags|=a,e.childLanes=n,t}function Wl(e,t,n){var a=t.pendingProps;switch(to(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Vl(t),null;case 1:case 17:return Tr(t.type)&&jr(),Vl(t),null;case 3:return a=t.stateNode,oi(),_r(Dr),_r(Ar),di(),a.pendingContext&&(a.context=a.pendingContext,a.pendingContext=null),null!==e&&null!==e.child||(po(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&t.flags)||(t.flags|=1024,null!==oo&&(lc(oo),oo=null))),jl(e,t),Vl(t),null;case 5:li(t);var r=ai(ni.current);if(n=t.type,null!==e&&null!=t.stateNode)Rl(e,t,n,a,r),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!a){if(null===t.stateNode)throw Error(o(166));return Vl(t),null}if(e=ai(ei.current),po(t)){a=t.stateNode,n=t.type;var i=t.memoizedProps;switch(a[pr]=t,a[fr]=i,e=0!=(1&t.mode),n){case"dialog":Ba("cancel",a),Ba("close",a);break;case"iframe":case"object":case"embed":Ba("load",a);break;case"video":case"audio":for(r=0;r<Na.length;r++)Ba(Na[r],a);break;case"source":Ba("error",a);break;case"img":case"image":case"link":Ba("error",a),Ba("load",a);break;case"details":Ba("toggle",a);break;case"input":Y(a,i),Ba("invalid",a);break;case"select":a._wrapperState={wasMultiple:!!i.multiple},Ba("invalid",a);break;case"textarea":re(a,i),Ba("invalid",a)}for(var s in ye(n,i),r=null,i)if(i.hasOwnProperty(s)){var c=i[s];"children"===s?"string"==typeof c?a.textContent!==c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),r=["children",c]):"number"==typeof c&&a.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),r=["children",""+c]):l.hasOwnProperty(s)&&null!=c&&"onScroll"===s&&Ba("scroll",a)}switch(n){case"input":Z(a),J(a,i,!0);break;case"textarea":Z(a),ie(a);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(a.onclick=Ja)}a=r,t.updateQueue=a,null!==a&&(t.flags|=4)}else{s=9===r.nodeType?r:r.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=le(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=s.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof a.is?e=s.createElement(n,{is:a.is}):(e=s.createElement(n),"select"===n&&(s=e,a.multiple?s.multiple=!0:a.size&&(s.size=a.size))):e=s.createElementNS(e,n),e[pr]=t,e[fr]=a,Tl(e,t,!1,!1),t.stateNode=e;e:{switch(s=ve(n,a),n){case"dialog":Ba("cancel",e),Ba("close",e),r=a;break;case"iframe":case"object":case"embed":Ba("load",e),r=a;break;case"video":case"audio":for(r=0;r<Na.length;r++)Ba(Na[r],e);r=a;break;case"source":Ba("error",e),r=a;break;case"img":case"image":case"link":Ba("error",e),Ba("load",e),r=a;break;case"details":Ba("toggle",e),r=a;break;case"input":Y(e,a),r=Q(e,a),Ba("invalid",e);break;case"option":default:r=a;break;case"select":e._wrapperState={wasMultiple:!!a.multiple},r=M({},a,{value:void 0}),Ba("invalid",e);break;case"textarea":re(e,a),r=ae(e,a),Ba("invalid",e)}for(i in ye(n,r),c=r)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?he(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(l.hasOwnProperty(i)?null!=u&&"onScroll"===i&&Ba("scroll",e):null!=u&&v(e,i,u,s))}switch(n){case"input":Z(e),J(e,a,!1);break;case"textarea":Z(e),ie(e);break;case"option":null!=a.value&&e.setAttribute("value",""+H(a.value));break;case"select":e.multiple=!!a.multiple,null!=(i=a.value)?ne(e,!!a.multiple,i,!1):null!=a.defaultValue&&ne(e,!!a.multiple,a.defaultValue,!0);break;default:"function"==typeof r.onClick&&(e.onclick=Ja)}switch(n){case"button":case"input":case"select":case"textarea":a=!!a.autoFocus;break e;case"img":a=!0;break e;default:a=!1}}a&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Vl(t),null;case 6:if(e&&null!=t.stateNode)Nl(e,t,e.memoizedProps,a);else{if("string"!=typeof a&&null===t.stateNode)throw Error(o(166));if(n=ai(ni.current),ai(ei.current),po(t)){if(a=t.stateNode,n=t.memoizedProps,a[pr]=t,(i=a.nodeValue!==n)&&null!==(e=no))switch(e.tag){case 3:Xa(a.nodeValue,n,0!=(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Xa(a.nodeValue,n,0!=(1&e.mode))}i&&(t.flags|=4)}else(a=(9===n.nodeType?n:n.ownerDocument).createTextNode(a))[pr]=t,t.stateNode=a}return Vl(t),null;case 13:if(_r(si),a=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(ro&&null!==ao&&0!=(1&t.mode)&&0==(128&t.flags))fo(),go(),t.flags|=98560,i=!1;else if(i=po(t),null!==a&&null!==a.dehydrated){if(null===e){if(!i)throw Error(o(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(o(317));i[pr]=t}else go(),0==(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Vl(t),i=!1}else null!==oo&&(lc(oo),oo=null),i=!0;if(!i)return 65536&t.flags?t:null}return 0!=(128&t.flags)?(t.lanes=n,t):((a=null!==a)!==(null!==e&&null!==e.memoizedState)&&a&&(t.child.flags|=8192,0!=(1&t.mode)&&(null===e||0!=(1&si.current)?0===Ns&&(Ns=3):hc())),null!==t.updateQueue&&(t.flags|=4),Vl(t),null);case 4:return oi(),jl(e,t),null===e&&$a(t.stateNode.containerInfo),Vl(t),null;case 10:return Lo(t.type._context),Vl(t),null;case 19:if(_r(si),null===(i=t.memoizedState))return Vl(t),null;if(a=0!=(128&t.flags),null===(s=i.rendering))if(a)Zl(i,!1);else{if(0!==Ns||null!==e&&0!=(128&e.flags))for(e=t.child;null!==e;){if(null!==(s=ci(e))){for(t.flags|=128,Zl(i,!1),null!==(a=s.updateQueue)&&(t.updateQueue=a,t.flags|=4),t.subtreeFlags=0,a=n,n=t.child;null!==n;)e=a,(i=n).flags&=14680066,null===(s=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=s.childLanes,i.lanes=s.lanes,i.child=s.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=s.memoizedProps,i.memoizedState=s.memoizedState,i.updateQueue=s.updateQueue,i.type=s.type,e=s.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Cr(si,1&si.current|2),t.child}e=e.sibling}null!==i.tail&&Ke()>qs&&(t.flags|=128,a=!0,Zl(i,!1),t.lanes=4194304)}else{if(!a)if(null!==(e=ci(s))){if(t.flags|=128,a=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Zl(i,!0),null===i.tail&&"hidden"===i.tailMode&&!s.alternate&&!ro)return Vl(t),null}else 2*Ke()-i.renderingStartTime>qs&&1073741824!==n&&(t.flags|=128,a=!0,Zl(i,!1),t.lanes=4194304);i.isBackwards?(s.sibling=t.child,t.child=s):(null!==(n=i.last)?n.sibling=s:t.child=s,i.last=s)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ke(),t.sibling=null,n=si.current,Cr(si,a?1&n|2:1&n),t):(Vl(t),null);case 22:case 23:return pc(),a=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==a&&(t.flags|=8192),a&&0!=(1&t.mode)?0!=(1073741824&js)&&(Vl(t),6&t.subtreeFlags&&(t.flags|=8192)):Vl(t),null;case 24:case 25:return null}throw Error(o(156,t.tag))}function Ql(e,t){switch(to(t),t.tag){case 1:return Tr(t.type)&&jr(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return oi(),_r(Dr),_r(Ar),di(),0!=(65536&(e=t.flags))&&0==(128&e)?(t.flags=-65537&e|128,t):null;case 5:return li(t),null;case 13:if(_r(si),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(o(340));go()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return _r(si),null;case 4:return oi(),null;case 10:return Lo(t.type._context),null;case 22:case 23:return pc(),null;default:return null}}Tl=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},jl=function(){},Rl=function(e,t,n,a){var r=e.memoizedProps;if(r!==a){e=t.stateNode,ai(ei.current);var o,i=null;switch(n){case"input":r=Q(e,r),a=Q(e,a),i=[];break;case"select":r=M({},r,{value:void 0}),a=M({},a,{value:void 0}),i=[];break;case"textarea":r=ae(e,r),a=ae(e,a),i=[];break;default:"function"!=typeof r.onClick&&"function"==typeof a.onClick&&(e.onclick=Ja)}for(u in ye(n,a),n=null,r)if(!a.hasOwnProperty(u)&&r.hasOwnProperty(u)&&null!=r[u])if("style"===u){var s=r[u];for(o in s)s.hasOwnProperty(o)&&(n||(n={}),n[o]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(l.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in a){var c=a[u];if(s=null!=r?r[u]:void 0,a.hasOwnProperty(u)&&c!==s&&(null!=c||null!=s))if("style"===u)if(s){for(o in s)!s.hasOwnProperty(o)||c&&c.hasOwnProperty(o)||(n||(n={}),n[o]="");for(o in c)c.hasOwnProperty(o)&&s[o]!==c[o]&&(n||(n={}),n[o]=c[o])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,s=s?s.__html:void 0,null!=c&&s!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(l.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Ba("scroll",e),i||s===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Nl=function(e,t,n,a){n!==a&&(t.flags|=4)};var Yl=!1,Kl=!1,Xl="function"==typeof WeakSet?WeakSet:Set,Jl=null;function es(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(a){_c(e,t,a)}else n.current=null}function ts(e,t,n){try{n()}catch(a){_c(e,t,a)}}var ns=!1;function as(e,t,n){var a=t.updateQueue;if(null!==(a=null!==a?a.lastEffect:null)){var r=a=a.next;do{if((r.tag&e)===e){var o=r.destroy;r.destroy=void 0,void 0!==o&&ts(t,n,o)}r=r.next}while(r!==a)}}function rs(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var a=n.create;n.destroy=a()}n=n.next}while(n!==t)}}function os(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function is(e){var t=e.alternate;null!==t&&(e.alternate=null,is(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[pr],delete t[fr],delete t[mr],delete t[hr],delete t[br])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ls(e){return 5===e.tag||3===e.tag||4===e.tag}function ss(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||ls(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cs(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Ja));else if(4!==a&&null!==(e=e.child))for(cs(e,t,n),e=e.sibling;null!==e;)cs(e,t,n),e=e.sibling}function us(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==a&&null!==(e=e.child))for(us(e,t,n),e=e.sibling;null!==e;)us(e,t,n),e=e.sibling}var ds=null,ps=!1;function fs(e,t,n){for(n=n.child;null!==n;)gs(e,t,n),n=n.sibling}function gs(e,t,n){if(ot&&"function"==typeof ot.onCommitFiberUnmount)try{ot.onCommitFiberUnmount(rt,n)}catch(l){}switch(n.tag){case 5:Kl||es(n,t);case 6:var a=ds,r=ps;ds=null,fs(e,t,n),ps=r,null!==(ds=a)&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ds.removeChild(n.stateNode));break;case 18:null!==ds&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?sr(e.parentNode,n):1===e.nodeType&&sr(e,n),$t(e)):sr(ds,n.stateNode));break;case 4:a=ds,r=ps,ds=n.stateNode.containerInfo,ps=!0,fs(e,t,n),ds=a,ps=r;break;case 0:case 11:case 14:case 15:if(!Kl&&(null!==(a=n.updateQueue)&&null!==(a=a.lastEffect))){r=a=a.next;do{var o=r,i=o.destroy;o=o.tag,void 0!==i&&(0!=(2&o)||0!=(4&o))&&ts(n,t,i),r=r.next}while(r!==a)}fs(e,t,n);break;case 1:if(!Kl&&(es(n,t),"function"==typeof(a=n.stateNode).componentWillUnmount))try{a.props=n.memoizedProps,a.state=n.memoizedState,a.componentWillUnmount()}catch(l){_c(n,t,l)}fs(e,t,n);break;case 21:fs(e,t,n);break;case 22:1&n.mode?(Kl=(a=Kl)||null!==n.memoizedState,fs(e,t,n),Kl=a):fs(e,t,n);break;default:fs(e,t,n)}}function ms(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Xl),t.forEach((function(t){var a=Dc.bind(null,e,t);n.has(t)||(n.add(t),t.then(a,a))}))}}function hs(e,t){var n=t.deletions;if(null!==n)for(var a=0;a<n.length;a++){var r=n[a];try{var i=e,l=t,s=l;e:for(;null!==s;){switch(s.tag){case 5:ds=s.stateNode,ps=!1;break e;case 3:case 4:ds=s.stateNode.containerInfo,ps=!0;break e}s=s.return}if(null===ds)throw Error(o(160));gs(i,l,r),ds=null,ps=!1;var c=r.alternate;null!==c&&(c.return=null),r.return=null}catch(u){_c(r,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)bs(t,e),t=t.sibling}function bs(e,t){var n=e.alternate,a=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hs(t,e),ys(e),4&a){try{as(3,e,e.return),rs(3,e)}catch(h){_c(e,e.return,h)}try{as(5,e,e.return)}catch(h){_c(e,e.return,h)}}break;case 1:hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return);break;case 5:if(hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return),32&e.flags){var r=e.stateNode;try{pe(r,"")}catch(h){_c(e,e.return,h)}}if(4&a&&null!=(r=e.stateNode)){var i=e.memoizedProps,l=null!==n?n.memoizedProps:i,s=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===s&&"radio"===i.type&&null!=i.name&&K(r,i),ve(s,l);var u=ve(s,i);for(l=0;l<c.length;l+=2){var d=c[l],p=c[l+1];"style"===d?he(r,p):"dangerouslySetInnerHTML"===d?de(r,p):"children"===d?pe(r,p):v(r,d,p,u)}switch(s){case"input":X(r,i);break;case"textarea":oe(r,i);break;case"select":var f=r._wrapperState.wasMultiple;r._wrapperState.wasMultiple=!!i.multiple;var g=i.value;null!=g?ne(r,!!i.multiple,g,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(r,!!i.multiple,i.defaultValue,!0):ne(r,!!i.multiple,i.multiple?[]:"",!1))}r[fr]=i}catch(h){_c(e,e.return,h)}}break;case 6:if(hs(t,e),ys(e),4&a){if(null===e.stateNode)throw Error(o(162));r=e.stateNode,i=e.memoizedProps;try{r.nodeValue=i}catch(h){_c(e,e.return,h)}}break;case 3:if(hs(t,e),ys(e),4&a&&null!==n&&n.memoizedState.isDehydrated)try{$t(t.containerInfo)}catch(h){_c(e,e.return,h)}break;case 4:default:hs(t,e),ys(e);break;case 13:hs(t,e),ys(e),8192&(r=e.child).flags&&(i=null!==r.memoizedState,r.stateNode.isHidden=i,!i||null!==r.alternate&&null!==r.alternate.memoizedState||($s=Ke())),4&a&&ms(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Kl=(u=Kl)||d,hs(t,e),Kl=u):hs(t,e),ys(e),8192&a){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&0!=(1&e.mode))for(Jl=e,d=e.child;null!==d;){for(p=Jl=d;null!==Jl;){switch(g=(f=Jl).child,f.tag){case 0:case 11:case 14:case 15:as(4,f,f.return);break;case 1:es(f,f.return);var m=f.stateNode;if("function"==typeof m.componentWillUnmount){a=f,n=f.return;try{t=a,m.props=t.memoizedProps,m.state=t.memoizedState,m.componentWillUnmount()}catch(h){_c(a,n,h)}}break;case 5:es(f,f.return);break;case 22:if(null!==f.memoizedState){ks(p);continue}}null!==g?(g.return=f,Jl=g):ks(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{r=p.stateNode,u?"function"==typeof(i=r.style).setProperty?i.setProperty("display","none","important"):i.display="none":(s=p.stateNode,l=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,s.style.display=me("display",l))}catch(h){_c(e,e.return,h)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(h){_c(e,e.return,h)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hs(t,e),ys(e),4&a&&ms(e);case 21:}}function ys(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(ls(n)){var a=n;break e}n=n.return}throw Error(o(160))}switch(a.tag){case 5:var r=a.stateNode;32&a.flags&&(pe(r,""),a.flags&=-33),us(e,ss(e),r);break;case 3:case 4:var i=a.stateNode.containerInfo;cs(e,ss(e),i);break;default:throw Error(o(161))}}catch(l){_c(e,e.return,l)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function vs(e,t,n){Jl=e,ws(e,t,n)}function ws(e,t,n){for(var a=0!=(1&e.mode);null!==Jl;){var r=Jl,o=r.child;if(22===r.tag&&a){var i=null!==r.memoizedState||Yl;if(!i){var l=r.alternate,s=null!==l&&null!==l.memoizedState||Kl;l=Yl;var c=Kl;if(Yl=i,(Kl=s)&&!c)for(Jl=r;null!==Jl;)s=(i=Jl).child,22===i.tag&&null!==i.memoizedState?Ls(r):null!==s?(s.return=i,Jl=s):Ls(r);for(;null!==o;)Jl=o,ws(o,t,n),o=o.sibling;Jl=r,Yl=l,Kl=c}xs(e)}else 0!=(8772&r.subtreeFlags)&&null!==o?(o.return=r,Jl=o):xs(e)}}function xs(e){for(;null!==Jl;){var t=Jl;if(0!=(8772&t.flags)){var n=t.alternate;try{if(0!=(8772&t.flags))switch(t.tag){case 0:case 11:case 15:Kl||rs(5,t);break;case 1:var a=t.stateNode;if(4&t.flags&&!Kl)if(null===n)a.componentDidMount();else{var r=t.elementType===t.type?n.memoizedProps:bo(t.type,n.memoizedProps);a.componentDidUpdate(r,n.memoizedState,a.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Bo(t,i,a);break;case 3:var l=t.updateQueue;if(null!==l){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Bo(t,l,n)}break;case 5:var s=t.stateNode;if(null===n&&4&t.flags){n=s;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&$t(p)}}}break;default:throw Error(o(163))}Kl||512&t.flags&&os(t)}catch(f){_c(t,t.return,f)}}if(t===e){Jl=null;break}if(null!==(n=t.sibling)){n.return=t.return,Jl=n;break}Jl=t.return}}function ks(e){for(;null!==Jl;){var t=Jl;if(t===e){Jl=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Jl=n;break}Jl=t.return}}function Ls(e){for(;null!==Jl;){var t=Jl;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rs(4,t)}catch(s){_c(t,n,s)}break;case 1:var a=t.stateNode;if("function"==typeof a.componentDidMount){var r=t.return;try{a.componentDidMount()}catch(s){_c(t,r,s)}}var o=t.return;try{os(t)}catch(s){_c(t,o,s)}break;case 5:var i=t.return;try{os(t)}catch(s){_c(t,i,s)}}}catch(s){_c(t,t.return,s)}if(t===e){Jl=null;break}var l=t.sibling;if(null!==l){l.return=t.return,Jl=l;break}Jl=t.return}}var Ss,_s=Math.ceil,Cs=w.ReactCurrentDispatcher,Ps=w.ReactCurrentOwner,As=w.ReactCurrentBatchConfig,Ds=0,Es=null,Is=null,Ts=0,js=0,Rs=Sr(0),Ns=0,Os=null,Ms=0,Fs=0,Bs=0,zs=null,Us=null,$s=0,qs=1/0,Hs=null,Gs=!1,Zs=null,Vs=null,Ws=!1,Qs=null,Ys=0,Ks=0,Xs=null,Js=-1,ec=0;function tc(){return 0!=(6&Ds)?Ke():-1!==Js?Js:Js=Ke()}function nc(e){return 0==(1&e.mode)?1:0!=(2&Ds)&&0!==Ts?Ts&-Ts:null!==ho.transition?(0===ec&&(ec=mt()),ec):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type)}function ac(e,t,n,a){if(50<Ks)throw Ks=0,Xs=null,Error(o(185));bt(e,n,a),0!=(2&Ds)&&e===Es||(e===Es&&(0==(2&Ds)&&(Fs|=n),4===Ns&&sc(e,Ts)),rc(e,a),1===n&&0===Ds&&0==(1&t.mode)&&(qs=Ke()+500,Br&&$r()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,a=e.pingedLanes,r=e.expirationTimes,o=e.pendingLanes;0<o;){var i=31-it(o),l=1<<i,s=r[i];-1===s?0!=(l&n)&&0==(l&a)||(r[i]=ft(l,t)):s<=t&&(e.expiredLanes|=l),o&=~l}}(e,t);var a=pt(e,e===Es?Ts:0);if(0===a)null!==n&&We(n),e.callbackNode=null,e.callbackPriority=0;else if(t=a&-a,e.callbackPriority!==t){if(null!=n&&We(n),1===t)0===e.tag?function(e){Br=!0,Ur(e)}(cc.bind(null,e)):Ur(cc.bind(null,e)),ir((function(){0==(6&Ds)&&$r()})),n=null;else{switch(wt(a)){case 1:n=Je;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=at}n=Ec(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Js=-1,ec=0,0!=(6&Ds))throw Error(o(327));var n=e.callbackNode;if(Lc()&&e.callbackNode!==n)return null;var a=pt(e,e===Es?Ts:0);if(0===a)return null;if(0!=(30&a)||0!=(a&e.expiredLanes)||t)t=bc(e,a);else{t=a;var r=Ds;Ds|=2;var i=mc();for(Es===e&&Ts===t||(Hs=null,qs=Ke()+500,fc(e,t));;)try{vc();break}catch(s){gc(e,s)}ko(),Cs.current=i,Ds=r,null!==Is?t=0:(Es=null,Ts=0,t=Ns)}if(0!==t){if(2===t&&(0!==(r=gt(e))&&(a=r,t=ic(e,r))),1===t)throw n=Os,fc(e,0),sc(e,a),rc(e,Ke()),n;if(6===t)sc(e,a);else{if(r=e.current.alternate,0==(30&a)&&!function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var a=0;a<n.length;a++){var r=n[a],o=r.getSnapshot;r=r.value;try{if(!la(o(),r))return!1}catch(l){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(r)&&(2===(t=bc(e,a))&&(0!==(i=gt(e))&&(a=i,t=ic(e,i))),1===t))throw n=Os,fc(e,0),sc(e,a),rc(e,Ke()),n;switch(e.finishedWork=r,e.finishedLanes=a,t){case 0:case 1:throw Error(o(345));case 2:case 5:kc(e,Us,Hs);break;case 3:if(sc(e,a),(130023424&a)===a&&10<(t=$s+500-Ke())){if(0!==pt(e,0))break;if(((r=e.suspendedLanes)&a)!==a){tc(),e.pingedLanes|=e.suspendedLanes&r;break}e.timeoutHandle=ar(kc.bind(null,e,Us,Hs),t);break}kc(e,Us,Hs);break;case 4:if(sc(e,a),(4194240&a)===a)break;for(t=e.eventTimes,r=-1;0<a;){var l=31-it(a);i=1<<l,(l=t[l])>r&&(r=l),a&=~i}if(a=r,10<(a=(120>(a=Ke()-a)?120:480>a?480:1080>a?1080:1920>a?1920:3e3>a?3e3:4320>a?4320:1960*_s(a/1960))-a)){e.timeoutHandle=ar(kc.bind(null,e,Us,Hs),a);break}kc(e,Us,Hs);break;default:throw Error(o(329))}}}return rc(e,Ke()),e.callbackNode===n?oc.bind(null,e):null}function ic(e,t){var n=zs;return e.current.memoizedState.isDehydrated&&(fc(e,t).flags|=256),2!==(e=bc(e,t))&&(t=Us,Us=n,null!==t&&lc(t)),e}function lc(e){null===Us?Us=e:Us.push.apply(Us,e)}function sc(e,t){for(t&=~Bs,t&=~Fs,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),a=1<<n;e[n]=-1,t&=~a}}function cc(e){if(0!=(6&Ds))throw Error(o(327));Lc();var t=pt(e,0);if(0==(1&t))return rc(e,Ke()),null;var n=bc(e,t);if(0!==e.tag&&2===n){var a=gt(e);0!==a&&(t=a,n=ic(e,a))}if(1===n)throw n=Os,fc(e,0),sc(e,t),rc(e,Ke()),n;if(6===n)throw Error(o(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,kc(e,Us,Hs),rc(e,Ke()),null}function uc(e,t){var n=Ds;Ds|=1;try{return e(t)}finally{0===(Ds=n)&&(qs=Ke()+500,Br&&$r())}}function dc(e){null!==Qs&&0===Qs.tag&&0==(6&Ds)&&Lc();var t=Ds;Ds|=1;var n=As.transition,a=vt;try{if(As.transition=null,vt=1,e)return e()}finally{vt=a,As.transition=n,0==(6&(Ds=t))&&$r()}}function pc(){js=Rs.current,_r(Rs)}function fc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,rr(n)),null!==Is)for(n=Is.return;null!==n;){var a=n;switch(to(a),a.tag){case 1:null!=(a=a.type.childContextTypes)&&jr();break;case 3:oi(),_r(Dr),_r(Ar),di();break;case 5:li(a);break;case 4:oi();break;case 13:case 19:_r(si);break;case 10:Lo(a.type._context);break;case 22:case 23:pc()}n=n.return}if(Es=e,Is=e=Rc(e.current,null),Ts=js=t,Ns=0,Os=null,Bs=Fs=Ms=0,Us=zs=null,null!==Po){for(t=0;t<Po.length;t++)if(null!==(a=(n=Po[t]).interleaved)){n.interleaved=null;var r=a.next,o=n.pending;if(null!==o){var i=o.next;o.next=r,a.next=i}n.pending=a}Po=null}return e}function gc(e,t){for(;;){var n=Is;try{if(ko(),pi.current=il,yi){for(var a=mi.memoizedState;null!==a;){var r=a.queue;null!==r&&(r.pending=null),a=a.next}yi=!1}if(gi=0,bi=hi=mi=null,vi=!1,wi=0,Ps.current=null,null===n||null===n.return){Ns=1,Os=t,Is=null;break}e:{var i=e,l=n.return,s=n,c=t;if(t=Ts,s.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=s,p=d.tag;if(0==(1&d.mode)&&(0===p||11===p||15===p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var g=bl(l);if(null!==g){g.flags&=-257,yl(g,l,s,0,t),1&g.mode&&hl(i,u,t),c=u;var m=(t=g).updateQueue;if(null===m){var h=new Set;h.add(c),t.updateQueue=h}else m.add(c);break e}if(0==(1&t)){hl(i,u,t),hc();break e}c=Error(o(426))}else if(ro&&1&s.mode){var b=bl(l);if(null!==b){0==(65536&b.flags)&&(b.flags|=256),yl(b,l,s,0,t),mo(ul(c,s));break e}}i=c=ul(c,s),4!==Ns&&(Ns=2),null===zs?zs=[i]:zs.push(i),i=l;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,Mo(i,gl(0,c,t));break e;case 1:s=c;var y=i.type,v=i.stateNode;if(0==(128&i.flags)&&("function"==typeof y.getDerivedStateFromError||null!==v&&"function"==typeof v.componentDidCatch&&(null===Vs||!Vs.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,Mo(i,ml(i,s,t));break e}}i=i.return}while(null!==i)}xc(n)}catch(w){t=w,Is===n&&null!==n&&(Is=n=n.return);continue}break}}function mc(){var e=Cs.current;return Cs.current=il,null===e?il:e}function hc(){0!==Ns&&3!==Ns&&2!==Ns||(Ns=4),null===Es||0==(268435455&Ms)&&0==(268435455&Fs)||sc(Es,Ts)}function bc(e,t){var n=Ds;Ds|=2;var a=mc();for(Es===e&&Ts===t||(Hs=null,fc(e,t));;)try{yc();break}catch(r){gc(e,r)}if(ko(),Ds=n,Cs.current=a,null!==Is)throw Error(o(261));return Es=null,Ts=0,Ns}function yc(){for(;null!==Is;)wc(Is)}function vc(){for(;null!==Is&&!Qe();)wc(Is)}function wc(e){var t=Ss(e.alternate,e,js);e.memoizedProps=e.pendingProps,null===t?xc(e):Is=t,Ps.current=null}function xc(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(32768&t.flags)){if(null!==(n=Wl(n,t,js)))return void(Is=n)}else{if(null!==(n=Ql(n,t)))return n.flags&=32767,void(Is=n);if(null===e)return Ns=6,void(Is=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}if(null!==(t=t.sibling))return void(Is=t);Is=t=e}while(null!==t);0===Ns&&(Ns=5)}function kc(e,t,n){var a=vt,r=As.transition;try{As.transition=null,vt=1,function(e,t,n,a){do{Lc()}while(null!==Qs);if(0!=(6&Ds))throw Error(o(327));n=e.finishedWork;var r=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(o(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var a=e.eventTimes;for(e=e.expirationTimes;0<n;){var r=31-it(n),o=1<<r;t[r]=0,a[r]=-1,e[r]=-1,n&=~o}}(e,i),e===Es&&(Is=Es=null,Ts=0),0==(2064&n.subtreeFlags)&&0==(2064&n.flags)||Ws||(Ws=!0,Ec(tt,(function(){return Lc(),null}))),i=0!=(15990&n.flags),0!=(15990&n.subtreeFlags)||i){i=As.transition,As.transition=null;var l=vt;vt=1;var s=Ds;Ds|=4,Ps.current=null,function(e,t){if(er=Ht,fa(e=pa())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var a=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(a&&0!==a.rangeCount){n=a.anchorNode;var r=a.anchorOffset,i=a.focusNode;a=a.focusOffset;try{n.nodeType,i.nodeType}catch(x){n=null;break e}var l=0,s=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var g;p!==n||0!==r&&3!==p.nodeType||(s=l+r),p!==i||0!==a&&3!==p.nodeType||(c=l+a),3===p.nodeType&&(l+=p.nodeValue.length),null!==(g=p.firstChild);)f=p,p=g;for(;;){if(p===e)break t;if(f===n&&++u===r&&(s=l),f===i&&++d===a&&(c=l),null!==(g=p.nextSibling))break;f=(p=f).parentNode}p=g}n=-1===s||-1===c?null:{start:s,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(tr={focusedElem:e,selectionRange:n},Ht=!1,Jl=t;null!==Jl;)if(e=(t=Jl).child,0!=(1028&t.subtreeFlags)&&null!==e)e.return=t,Jl=e;else for(;null!==Jl;){t=Jl;try{var m=t.alternate;if(0!=(1024&t.flags))switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==m){var h=m.memoizedProps,b=m.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?h:bo(t.type,h),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(o(163))}}catch(x){_c(t,t.return,x)}if(null!==(e=t.sibling)){e.return=t.return,Jl=e;break}Jl=t.return}m=ns,ns=!1}(e,n),bs(n,e),ga(tr),Ht=!!er,tr=er=null,e.current=n,vs(n,e,r),Ye(),Ds=s,vt=l,As.transition=i}else e.current=n;if(Ws&&(Ws=!1,Qs=e,Ys=r),i=e.pendingLanes,0===i&&(Vs=null),function(e){if(ot&&"function"==typeof ot.onCommitFiberRoot)try{ot.onCommitFiberRoot(rt,e,void 0,128==(128&e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ke()),null!==t)for(a=e.onRecoverableError,n=0;n<t.length;n++)r=t[n],a(r.value,{componentStack:r.stack,digest:r.digest});if(Gs)throw Gs=!1,e=Zs,Zs=null,e;0!=(1&Ys)&&0!==e.tag&&Lc(),i=e.pendingLanes,0!=(1&i)?e===Xs?Ks++:(Ks=0,Xs=e):Ks=0,$r()}(e,t,n,a)}finally{As.transition=r,vt=a}return null}function Lc(){if(null!==Qs){var e=wt(Ys),t=As.transition,n=vt;try{if(As.transition=null,vt=16>e?16:e,null===Qs)var a=!1;else{if(e=Qs,Qs=null,Ys=0,0!=(6&Ds))throw Error(o(331));var r=Ds;for(Ds|=4,Jl=e.current;null!==Jl;){var i=Jl,l=i.child;if(0!=(16&Jl.flags)){var s=i.deletions;if(null!==s){for(var c=0;c<s.length;c++){var u=s[c];for(Jl=u;null!==Jl;){var d=Jl;switch(d.tag){case 0:case 11:case 15:as(8,d,i)}var p=d.child;if(null!==p)p.return=d,Jl=p;else for(;null!==Jl;){var f=(d=Jl).sibling,g=d.return;if(is(d),d===u){Jl=null;break}if(null!==f){f.return=g,Jl=f;break}Jl=g}}}var m=i.alternate;if(null!==m){var h=m.child;if(null!==h){m.child=null;do{var b=h.sibling;h.sibling=null,h=b}while(null!==h)}}Jl=i}}if(0!=(2064&i.subtreeFlags)&&null!==l)l.return=i,Jl=l;else e:for(;null!==Jl;){if(0!=(2048&(i=Jl).flags))switch(i.tag){case 0:case 11:case 15:as(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Jl=y;break e}Jl=i.return}}var v=e.current;for(Jl=v;null!==Jl;){var w=(l=Jl).child;if(0!=(2064&l.subtreeFlags)&&null!==w)w.return=l,Jl=w;else e:for(l=v;null!==Jl;){if(0!=(2048&(s=Jl).flags))try{switch(s.tag){case 0:case 11:case 15:rs(9,s)}}catch(k){_c(s,s.return,k)}if(s===l){Jl=null;break e}var x=s.sibling;if(null!==x){x.return=s.return,Jl=x;break e}Jl=s.return}}if(Ds=r,$r(),ot&&"function"==typeof ot.onPostCommitFiberRoot)try{ot.onPostCommitFiberRoot(rt,e)}catch(k){}a=!0}return a}finally{vt=n,As.transition=t}}return!1}function Sc(e,t,n){e=No(e,t=gl(0,t=ul(n,t),1),1),t=tc(),null!==e&&(bt(e,1,t),rc(e,t))}function _c(e,t,n){if(3===e.tag)Sc(e,e,n);else for(;null!==t;){if(3===t.tag){Sc(t,e,n);break}if(1===t.tag){var a=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof a.componentDidCatch&&(null===Vs||!Vs.has(a))){t=No(t,e=ml(t,e=ul(n,e),1),1),e=tc(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function Cc(e,t,n){var a=e.pingCache;null!==a&&a.delete(t),t=tc(),e.pingedLanes|=e.suspendedLanes&n,Es===e&&(Ts&n)===n&&(4===Ns||3===Ns&&(130023424&Ts)===Ts&&500>Ke()-$s?fc(e,0):Bs|=n),rc(e,t)}function Pc(e,t){0===t&&(0==(1&e.mode)?t=1:(t=ut,0==(130023424&(ut<<=1))&&(ut=4194304)));var n=tc();null!==(e=Eo(e,t))&&(bt(e,t,n),rc(e,n))}function Ac(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Pc(e,n)}function Dc(e,t){var n=0;switch(e.tag){case 13:var a=e.stateNode,r=e.memoizedState;null!==r&&(n=r.retryLane);break;case 19:a=e.stateNode;break;default:throw Error(o(314))}null!==a&&a.delete(t),Pc(e,n)}function Ec(e,t){return Ve(e,t)}function Ic(e,t,n,a){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Tc(e,t,n,a){return new Ic(e,t,n,a)}function jc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Rc(e,t){var n=e.alternate;return null===n?((n=Tc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Nc(e,t,n,a,r,i){var l=2;if(a=e,"function"==typeof e)jc(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case L:return Oc(n.children,r,i,t);case S:l=8,r|=8;break;case _:return(e=Tc(12,n,t,2|r)).elementType=_,e.lanes=i,e;case D:return(e=Tc(13,n,t,r)).elementType=D,e.lanes=i,e;case E:return(e=Tc(19,n,t,r)).elementType=E,e.lanes=i,e;case j:return Mc(n,r,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:l=10;break e;case P:l=9;break e;case A:l=11;break e;case I:l=14;break e;case T:l=16,a=null;break e}throw Error(o(130,null==e?e:typeof e,""))}return(t=Tc(l,n,t,r)).elementType=e,t.type=a,t.lanes=i,t}function Oc(e,t,n,a){return(e=Tc(7,e,a,t)).lanes=n,e}function Mc(e,t,n,a){return(e=Tc(22,e,a,t)).elementType=j,e.lanes=n,e.stateNode={isHidden:!1},e}function Fc(e,t,n){return(e=Tc(6,e,null,t)).lanes=n,e}function Bc(e,t,n){return(t=Tc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,a,r){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ht(0),this.expirationTimes=ht(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ht(0),this.identifierPrefix=a,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Uc(e,t,n,a,r,o,i,l,s){return e=new zc(e,t,n,l,s),1===t?(t=1,!0===o&&(t|=8)):t=0,o=Tc(3,null,null,t),e.current=o,o.stateNode=e,o.memoizedState={element:a,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},To(o),e}function $c(e){if(!e)return Pr;e:{if($e(e=e._reactInternals)!==e||1!==e.tag)throw Error(o(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Tr(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(o(171))}if(1===e.tag){var n=e.type;if(Tr(n))return Nr(e,n,t)}return t}function qc(e,t,n,a,r,o,i,l,s){return(e=Uc(n,a,!0,e,0,o,0,l,s)).context=$c(null),n=e.current,(o=Ro(a=tc(),r=nc(n))).callback=null!=t?t:null,No(n,o,r),e.current.lanes=r,bt(e,r,a),rc(e,a),e}function Hc(e,t,n,a){var r=t.current,o=tc(),i=nc(r);return n=$c(n),null===t.context?t.context=n:t.pendingContext=n,(t=Ro(o,i)).payload={element:e},null!==(a=void 0===a?null:a)&&(t.callback=a),null!==(e=No(r,t,i))&&(ac(e,r,i,o),Oo(e,r,i)),i}function Gc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Zc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Vc(e,t){Zc(e,t),(e=e.alternate)&&Zc(e,t)}Ss=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||Dr.current)wl=!0;else{if(0==(e.lanes&n)&&0==(128&t.flags))return wl=!1,function(e,t,n){switch(t.tag){case 3:El(t),go();break;case 5:ii(t);break;case 1:Tr(t.type)&&Or(t);break;case 4:ri(t,t.stateNode.containerInfo);break;case 10:var a=t.type._context,r=t.memoizedProps.value;Cr(yo,a._currentValue),a._currentValue=r;break;case 13:if(null!==(a=t.memoizedState))return null!==a.dehydrated?(Cr(si,1&si.current),t.flags|=128,null):0!=(n&t.child.childLanes)?Fl(e,t,n):(Cr(si,1&si.current),null!==(e=Gl(e,t,n))?e.sibling:null);Cr(si,1&si.current);break;case 19:if(a=0!=(n&t.childLanes),0!=(128&e.flags)){if(a)return ql(e,t,n);t.flags|=128}if(null!==(r=t.memoizedState)&&(r.rendering=null,r.tail=null,r.lastEffect=null),Cr(si,si.current),a)break;return null;case 22:case 23:return t.lanes=0,_l(e,t,n)}return Gl(e,t,n)}(e,t,n);wl=0!=(131072&e.flags)}else wl=!1,ro&&0!=(1048576&t.flags)&&Jr(t,Zr,t.index);switch(t.lanes=0,t.tag){case 2:var a=t.type;Hl(e,t),e=t.pendingProps;var r=Ir(t,Ar.current);_o(t,n),r=Si(null,t,a,e,r,n);var i=_i();return t.flags|=1,"object"==typeof r&&null!==r&&"function"==typeof r.render&&void 0===r.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Tr(a)?(i=!0,Or(t)):i=!1,t.memoizedState=null!==r.state&&void 0!==r.state?r.state:null,To(t),r.updater=$o,t.stateNode=r,r._reactInternals=t,Zo(t,a,e,n),t=Dl(null,t,a,!0,i,n)):(t.tag=0,ro&&i&&eo(t),xl(null,t,r,n),t=t.child),t;case 16:a=t.elementType;e:{switch(Hl(e,t),e=t.pendingProps,a=(r=a._init)(a._payload),t.type=a,r=t.tag=function(e){if("function"==typeof e)return jc(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===I)return 14}return 2}(a),e=bo(a,e),r){case 0:t=Pl(null,t,a,e,n);break e;case 1:t=Al(null,t,a,e,n);break e;case 11:t=kl(null,t,a,e,n);break e;case 14:t=Ll(null,t,a,bo(a.type,e),n);break e}throw Error(o(306,a,""))}return t;case 0:return a=t.type,r=t.pendingProps,Pl(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 1:return a=t.type,r=t.pendingProps,Al(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 3:e:{if(El(t),null===e)throw Error(o(387));a=t.pendingProps,r=(i=t.memoizedState).element,jo(e,t),Fo(t,a,null,n);var l=t.memoizedState;if(a=l.element,i.isDehydrated){if(i={element:a,isDehydrated:!1,cache:l.cache,pendingSuspenseBoundaries:l.pendingSuspenseBoundaries,transitions:l.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Il(e,t,a,n,r=ul(Error(o(423)),t));break e}if(a!==r){t=Il(e,t,a,n,r=ul(Error(o(424)),t));break e}for(ao=cr(t.stateNode.containerInfo.firstChild),no=t,ro=!0,oo=null,n=Xo(t,null,a,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(go(),a===r){t=Gl(e,t,n);break e}xl(e,t,a,n)}t=t.child}return t;case 5:return ii(t),null===e&&co(t),a=t.type,r=t.pendingProps,i=null!==e?e.memoizedProps:null,l=r.children,nr(a,r)?l=null:null!==i&&nr(a,i)&&(t.flags|=32),Cl(e,t),xl(e,t,l,n),t.child;case 6:return null===e&&co(t),null;case 13:return Fl(e,t,n);case 4:return ri(t,t.stateNode.containerInfo),a=t.pendingProps,null===e?t.child=Ko(t,null,a,n):xl(e,t,a,n),t.child;case 11:return a=t.type,r=t.pendingProps,kl(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 7:return xl(e,t,t.pendingProps,n),t.child;case 8:case 12:return xl(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(a=t.type._context,r=t.pendingProps,i=t.memoizedProps,l=r.value,Cr(yo,a._currentValue),a._currentValue=l,null!==i)if(la(i.value,l)){if(i.children===r.children&&!Dr.current){t=Gl(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var s=i.dependencies;if(null!==s){l=i.child;for(var c=s.firstContext;null!==c;){if(c.context===a){if(1===i.tag){(c=Ro(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),So(i.return,n,t),s.lanes|=n;break}c=c.next}}else if(10===i.tag)l=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(l=i.return))throw Error(o(341));l.lanes|=n,null!==(s=l.alternate)&&(s.lanes|=n),So(l,n,t),l=i.sibling}else l=i.child;if(null!==l)l.return=i;else for(l=i;null!==l;){if(l===t){l=null;break}if(null!==(i=l.sibling)){i.return=l.return,l=i;break}l=l.return}i=l}xl(e,t,r.children,n),t=t.child}return t;case 9:return r=t.type,a=t.pendingProps.children,_o(t,n),a=a(r=Co(r)),t.flags|=1,xl(e,t,a,n),t.child;case 14:return r=bo(a=t.type,t.pendingProps),Ll(e,t,a,r=bo(a.type,r),n);case 15:return Sl(e,t,t.type,t.pendingProps,n);case 17:return a=t.type,r=t.pendingProps,r=t.elementType===a?r:bo(a,r),Hl(e,t),t.tag=1,Tr(a)?(e=!0,Or(t)):e=!1,_o(t,n),Ho(t,a,r),Zo(t,a,r,n),Dl(null,t,a,!0,e,n);case 19:return ql(e,t,n);case 22:return _l(e,t,n)}throw Error(o(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Qc(e){this._internalRoot=e}function Yc(e){this._internalRoot=e}function Kc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Xc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function eu(e,t,n,a,r){var o=n._reactRootContainer;if(o){var i=o;if("function"==typeof r){var l=r;r=function(){var e=Gc(i);l.call(e)}}Hc(t,i,e,r)}else i=function(e,t,n,a,r){if(r){if("function"==typeof a){var o=a;a=function(){var e=Gc(i);o.call(e)}}var i=qc(t,a,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[gr]=i.current,$a(8===e.nodeType?e.parentNode:e),dc(),i}for(;r=e.lastChild;)e.removeChild(r);if("function"==typeof a){var l=a;a=function(){var e=Gc(s);l.call(e)}}var s=Uc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=s,e[gr]=s.current,$a(8===e.nodeType?e.parentNode:e),dc((function(){Hc(t,s,n,a)})),s}(n,t,e,r,a);return Gc(i)}Yc.prototype.render=Qc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(o(409));Hc(e,t,null,null)},Yc.prototype.unmount=Qc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;dc((function(){Hc(null,e,null,null)})),t[gr]=null}},Yc.prototype.unstable_scheduleHydration=function(e){if(e){var t=St();e={blockedOn:null,target:e,priority:t};for(var n=0;n<jt.length&&0!==t&&t<jt[n].priority;n++);jt.splice(n,0,e),0===n&&Mt(e)}},xt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ke()),0==(6&Ds)&&(qs=Ke()+500,$r()))}break;case 13:dc((function(){var t=Eo(e,1);if(null!==t){var n=tc();ac(t,e,1,n)}})),Vc(e,1)}},kt=function(e){if(13===e.tag){var t=Eo(e,134217728);if(null!==t)ac(t,e,134217728,tc());Vc(e,134217728)}},Lt=function(e){if(13===e.tag){var t=nc(e),n=Eo(e,t);if(null!==n)ac(n,e,t,tc());Vc(e,t)}},St=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},ke=function(e,t,n){switch(t){case"input":if(X(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var a=n[t];if(a!==e&&a.form===e.form){var r=xr(a);if(!r)throw Error(o(90));V(a),X(a,r)}}}break;case"textarea":oe(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Ae=uc,De=dc;var tu={usingClientEntryPoint:!1,Events:[vr,wr,xr,Ce,Pe,uc]},nu={findFiberByHostInstance:yr,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},au={bundleType:nu.bundleType,version:nu.version,rendererPackageName:nu.rendererPackageName,rendererConfig:nu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ge(e))?null:e.stateNode},findFiberByHostInstance:nu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0-next-9e3b772b8-20220608"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{rt=ru.inject(au),ot=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=tu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Kc(t))throw Error(o(200));return function(e,t,n){var a=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:k,key:null==a?null:""+a,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Kc(e))throw Error(o(299));var n=!1,a="",r=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(a=t.identifierPrefix),void 0!==t.onRecoverableError&&(r=t.onRecoverableError)),t=Uc(e,1,!1,null,0,n,0,a,r),e[gr]=t.current,$a(8===e.nodeType?e.parentNode:e),new Qc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(o(188));throw e=Object.keys(e).join(","),Error(o(268,e))}return e=null===(e=Ge(t))?null:e.stateNode},t.flushSync=function(e){return dc(e)},t.hydrate=function(e,t,n){if(!Xc(t))throw Error(o(200));return eu(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Kc(e))throw Error(o(405));var a=null!=n&&n.hydratedSources||null,r=!1,i="",l=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(r=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(l=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,r,0,i,l),e[gr]=t.current,$a(e),a)for(e=0;e<a.length;e++)r=(r=(n=a[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,r]:t.mutableSourceEagerHydrationData.push(n,r);return new Yc(t)},t.render=function(e,t,n){if(!Xc(t))throw Error(o(200));return eu(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Xc(e))throw Error(o(40));return!!e._reactRootContainer&&(dc((function(){eu(null,null,e,!1,(function(){e._reactRootContainer=null,e[gr]=null}))})),!0)},t.unstable_batchedUpdates=uc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,a){if(!Xc(n))throw Error(o(200));if(null==e||void 0===e._reactInternals)throw Error(o(38));return eu(e,t,n,!1,a)},t.version="18.2.0-next-9e3b772b8-20220608"},4478:(e,t,n)=>{"use strict";var a=n(422);t.createRoot=a.createRoot,t.hydrateRoot=a.hydrateRoot},422:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(3746)},5154:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,a="function"==typeof Set,r="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function o(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var l,s,c,u;if(Array.isArray(e)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(!o(e[s],i[s]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;for(u=e.entries();!(s=u.next()).done;)if(!o(s.value[1],i.get(s.value[0])))return!1;return!0}if(a&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;return!0}if(r&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(e[s]!==i[s])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((l=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(i,c[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==c[s]&&"__v"!==c[s]&&"__o"!==c[s]||!e.$$typeof)&&!o(e[c[s]],i[c[s]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return o(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},387:(e,t,n)=>{"use strict";n.d(t,{B6:()=>G,ql:()=>J});var a=n(959),r=n(507),o=n.n(r),i=n(5154),l=n.n(i),s=n(3670),c=n.n(s),u=n(631),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,g(e,t)}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function m(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)t.indexOf(n=o[a])>=0||(r[n]=e[n]);return r}var h={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(h).map((function(e){return h[e]})),x={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},k=Object.keys(x).reduce((function(e,t){return e[x[t]]=t,e}),{}),L=function(e,t){for(var n=e.length-1;n>=0;n-=1){var a=e[n];if(Object.prototype.hasOwnProperty.call(a,t))return a[t]}return null},S=function(e){var t=L(e,h.TITLE),n=L(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var a=L(e,"defaultTitle");return t||a||void 0},_=function(e){return L(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},P=function(e,t){return t.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var a=Object.keys(n),r=0;r<a.length;r+=1){var o=a[r].toLowerCase();if(-1!==e.indexOf(o)&&n[o])return t.concat(n)}return t}),[])},A=function(e,t,n){var a={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var r={};n.filter((function(e){for(var n,o=Object.keys(e),i=0;i<o.length;i+=1){var l=o[i],s=l.toLowerCase();-1===t.indexOf(s)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===s&&"stylesheet"===e[s].toLowerCase()||(n=s),-1===t.indexOf(l)||"innerHTML"!==l&&"cssText"!==l&&"itemprop"!==l||(n=l)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return a[n]||(a[n]={}),r[n]||(r[n]={}),!a[n][c]&&(r[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var o=Object.keys(r),i=0;i<o.length;i+=1){var l=o[i],s=p({},a[l],r[l]);a[l]=s}return e}),[]).reverse()},D=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},E=function(e){return Array.isArray(e)?e.join(""):e},I=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),a=0;a<n.length;a+=1)if(t[n[a]]&&t[n[a]].includes(e[n[a]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},T=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},j=[h.NOSCRIPT,h.SCRIPT,h.STYLE],R=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},N=function(e){return Object.keys(e).reduce((function(t,n){var a=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+a:a}),"")},O=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[x[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var r,o=((r={key:n})["data-rh"]=!0,r);return Object.keys(t).forEach((function(e){var n=x[e]||e;"innerHTML"===n||"cssText"===n?o.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:o[n]=t[e]})),a.createElement(e,o)}))},F=function(e,t,n){switch(e){case h.TITLE:return{toComponent:function(){return n=t.titleAttributes,(r={key:e=t.title})["data-rh"]=!0,o=O(n,r),[a.createElement(h.TITLE,o,e)];var e,n,r,o},toString:function(){return function(e,t,n,a){var r=N(n),o=E(t);return r?"<"+e+' data-rh="true" '+r+">"+R(o,a)+"</"+e+">":"<"+e+' data-rh="true">'+R(o,a)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return O(t)},toString:function(){return N(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,a){var r=Object.keys(a).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var r=void 0===a[t]?t:t+'="'+R(a[t],n)+'"';return e?e+" "+r:r}),""),o=a.innerHTML||a.cssText||"",i=-1===j.indexOf(e);return t+"<"+e+' data-rh="true" '+r+(i?"/>":">"+o+"</"+e+">")}),"")}(e,t,n)}}}},B=function(e){var t=e.baseTag,n=e.bodyAttributes,a=e.encode,r=e.htmlAttributes,o=e.noscriptTags,i=e.styleTags,l=e.title,s=void 0===l?"":l,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var g=function(e){var t=e.linkTags,n=e.scriptTags,a=e.encode,r=I(e.metaTags,v),o=I(t,b),i=I(n,y);return{priorityMethods:{toComponent:function(){return[].concat(M(h.META,r.priority),M(h.LINK,o.priority),M(h.SCRIPT,i.priority))},toString:function(){return F(h.META,r.priority,a)+" "+F(h.LINK,o.priority,a)+" "+F(h.SCRIPT,i.priority,a)}},metaTags:r.default,linkTags:o.default,scriptTags:i.default}}(e);f=g.priorityMethods,u=g.linkTags,d=g.metaTags,p=g.scriptTags}return{priority:f,base:F(h.BASE,t,a),bodyAttributes:F("bodyAttributes",n,a),htmlAttributes:F("htmlAttributes",r,a),link:F(h.LINK,u,a),meta:F(h.META,d,a),noscript:F(h.NOSCRIPT,o,a),script:F(h.SCRIPT,p,a),style:F(h.STYLE,i,a),title:F(h.TITLE,{title:s,titleAttributes:c},a)}},z=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?z:n.instances},add:function(e){(n.canUseDOM?z:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?z:n.instances).indexOf(e);(n.canUseDOM?z:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=B({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},$=a.createContext({}),q=o().shape({setHelmet:o().func,helmetInstances:o().shape({get:o().func,add:o().func,remove:o().func})}),H="undefined"!=typeof document,G=function(e){function t(n){var a;return(a=e.call(this,n)||this).helmetData=new U(a.props.context,t.canUseDOM),a}return f(t,e),t.prototype.render=function(){return a.createElement($.Provider,{value:this.helmetData.value},this.props.children)},t}(a.Component);G.canUseDOM=H,G.propTypes={context:o().shape({helmet:o().shape()}),children:o().node.isRequired},G.defaultProps={context:{}},G.displayName="HelmetProvider";var Z=function(e,t){var n,a=document.head||document.querySelector(h.HEAD),r=a.querySelectorAll(e+"[data-rh]"),o=[].slice.call(r),i=[];return t&&t.length&&t.forEach((function(t){var a=document.createElement(e);for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&("innerHTML"===r?a.innerHTML=t.innerHTML:"cssText"===r?a.styleSheet?a.styleSheet.cssText=t.cssText:a.appendChild(document.createTextNode(t.cssText)):a.setAttribute(r,void 0===t[r]?"":t[r]));a.setAttribute("data-rh","true"),o.some((function(e,t){return n=t,a.isEqualNode(e)}))?o.splice(n,1):i.push(a)})),o.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return a.appendChild(e)})),{oldTags:o,newTags:i}},V=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var a=n.getAttribute("data-rh"),r=a?a.split(","):[],o=[].concat(r),i=Object.keys(t),l=0;l<i.length;l+=1){var s=i[l],c=t[s]||"";n.getAttribute(s)!==c&&n.setAttribute(s,c),-1===r.indexOf(s)&&r.push(s);var u=o.indexOf(s);-1!==u&&o.splice(u,1)}for(var d=o.length-1;d>=0;d-=1)n.removeAttribute(o[d]);r.length===o.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},W=function(e,t){var n=e.baseTag,a=e.htmlAttributes,r=e.linkTags,o=e.metaTags,i=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;V(h.BODY,e.bodyAttributes),V(h.HTML,a),function(e,t){void 0!==e&&document.title!==e&&(document.title=E(e)),V(h.TITLE,t)}(u,d);var p={baseTag:Z(h.BASE,n),linkTags:Z(h.LINK,r),metaTags:Z(h.META,o),noscriptTags:Z(h.NOSCRIPT,i),scriptTags:Z(h.SCRIPT,s),styleTags:Z(h.STYLE,c)},f={},g={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,a=t.oldTags;n.length&&(f[e]=n),a.length&&(g[e]=p[e].oldTags)})),t&&t(),l(e,f,g)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(t=e.call.apply(e,[this].concat(a))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,a=n.setHelmet,r=null,o=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:P(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:L(e,"defer"),encode:L(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:A(h.LINK,["rel","href"],e),metaTags:A(h.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:A(h.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:A(h.SCRIPT,["src","innerHTML"],e),styleTags:A(h.STYLE,["cssText"],e),title:S(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:D(e,"prioritizeSeoTags")});G.canUseDOM?(t=o,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){W(t,(function(){Q=null}))})):(W(t),Q=null)):B&&(r=B(o)),a(r)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(a.Component);Y.propTypes={context:q.isRequired},Y.displayName="HelmetDispatcher";var K=["children"],X=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!l()(T(this.props,"helmetData"),T(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case h.SCRIPT:case h.NOSCRIPT:return{innerHTML:t};case h.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,a=e.arrayTypeChildren;return p({},a,((t={})[n.type]=[].concat(a[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,a=e.child,r=e.newProps,o=e.newChildProps,i=e.nestedChildren;switch(a.type){case h.TITLE:return p({},r,((t={})[a.type]=i,t.titleAttributes=p({},o),t));case h.BODY:return p({},r,{bodyAttributes:p({},o)});case h.HTML:return p({},r,{htmlAttributes:p({},o)});default:return p({},r,((n={})[a.type]=p({},o),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var a;n=p({},n,((a={})[t]=e[t],a))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,r={};return a.Children.forEach(e,(function(e){if(e&&e.props){var a=e.props,o=a.children,i=m(a,K),l=Object.keys(i).reduce((function(e,t){return e[k[t]||t]=i[t],e}),{}),s=e.type;switch("symbol"==typeof s?s=s.toString():n.warnOnInvalidChildren(e,o),s){case h.FRAGMENT:t=n.mapChildrenToProps(o,t);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:r=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:l,nestedChildren:o});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:l,nestedChildren:o})}}})),this.mapArrayTypeChildrenToProps(r,t)},n.render=function(){var e=this.props,t=e.children,n=m(e,X),r=p({},n),o=n.helmetData;return t&&(r=this.mapChildrenToProps(t,r)),!o||o instanceof U||(o=new U(o.context,o.instances)),o?a.createElement(Y,p({},r,{context:o.value,helmetData:void 0})):a.createElement($.Consumer,null,(function(e){return a.createElement(Y,p({},r,{context:e}))}))},t}(a.Component);J.propTypes={base:o().object,bodyAttributes:o().object,children:o().oneOfType([o().arrayOf(o().node),o().node]),defaultTitle:o().string,defer:o().bool,encodeSpecialCharacters:o().bool,htmlAttributes:o().object,link:o().arrayOf(o().object),meta:o().arrayOf(o().object),noscript:o().arrayOf(o().object),onChangeClientState:o().func,script:o().arrayOf(o().object),style:o().arrayOf(o().object),title:o().string,titleAttributes:o().object,titleTemplate:o().string,prioritizeSeoTags:o().bool,helmetData:o().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},198:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,a=n?Symbol.for("react.element"):60103,r=n?Symbol.for("react.portal"):60106,o=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,g=n?Symbol.for("react.suspense_list"):60120,m=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function x(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case u:case d:case o:case l:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case m:case s:return e;default:return t}}case r:return t}}}function k(e){return x(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=s,t.Element=a,t.ForwardRef=p,t.Fragment=o,t.Lazy=h,t.Memo=m,t.Portal=r,t.Profiler=l,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return k(e)||x(e)===u},t.isConcurrentMode=k,t.isContextConsumer=function(e){return x(e)===c},t.isContextProvider=function(e){return x(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return x(e)===p},t.isFragment=function(e){return x(e)===o},t.isLazy=function(e){return x(e)===h},t.isMemo=function(e){return x(e)===m},t.isPortal=function(e){return x(e)===r},t.isProfiler=function(e){return x(e)===l},t.isStrictMode=function(e){return x(e)===i},t.isSuspense=function(e){return x(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===d||e===l||e===i||e===f||e===g||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=x},6237:(e,t,n)=>{"use strict";e.exports=n(198)},9500:(e,t,n)=>{"use strict";n.d(t,{OL:()=>v,VK:()=>u,rU:()=>h});var a=n(8903),r=n(2666),o=n(959),i=n(4047),l=n(6920),s=n(3804),c=n(8624),u=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(t=e.call.apply(e,[this].concat(a))||this).history=(0,i.lX)(t.props),t}return(0,r.Z)(t,e),t.prototype.render=function(){return o.createElement(a.F0,{history:this.history,children:this.props.children})},t}(o.Component);o.Component;var d=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},f=function(e){return e},g=o.forwardRef;void 0===g&&(g=f);var m=g((function(e,t){var n=e.innerRef,a=e.navigate,r=e.onClick,i=(0,s.Z)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,l.Z)({},i,{onClick:function(e){try{r&&r(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),a())}});return u.ref=f!==g&&t||n,o.createElement("a",u)}));var h=g((function(e,t){var n=e.component,r=void 0===n?m:n,u=e.replace,h=e.to,b=e.innerRef,y=(0,s.Z)(e,["component","replace","to","innerRef"]);return o.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=e.history,a=p(d(h,e.location),e.location),s=a?n.createHref(a):"",m=(0,l.Z)({},y,{href:s,navigate:function(){var t=d(h,e.location),a=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(u||a?n.replace:n.push)(t)}});return f!==g?m.ref=t||b:m.innerRef=b,o.createElement(r,m)}))})),b=function(e){return e},y=o.forwardRef;void 0===y&&(y=b);var v=y((function(e,t){var n=e["aria-current"],r=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,g=e.className,m=e.exact,v=e.isActive,w=e.location,x=e.sensitive,k=e.strict,L=e.style,S=e.to,_=e.innerRef,C=(0,s.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return o.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=w||e.location,i=p(d(S,n),n),s=i.pathname,P=s&&s.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=P?(0,a.LX)(n.pathname,{path:P,exact:m,sensitive:x,strict:k}):null,D=!!(v?v(A,n):A),E="function"==typeof g?g(D):g,I="function"==typeof L?L(D):L;D&&(E=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(E,u),I=(0,l.Z)({},I,f));var T=(0,l.Z)({"aria-current":D&&r||null,className:E,style:I,to:i},C);return b!==y?T.ref=t||_:T.innerRef=_,o.createElement(h,T)}))}))},8903:(e,t,n)=>{"use strict";n.d(t,{AW:()=>S,F0:()=>v,LX:()=>L,TH:()=>j,k6:()=>T,rs:()=>E,s6:()=>y});var a=n(2666),r=n(959),o=n(507),i=n.n(o),l=n(4047),s=n(8624),c=n(6920),u=n(7720),d=n.n(u),p=(n(6237),n(3804)),f=(n(2535),1073741823),g="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var m=r.createContext||function(e,t){var n,o,l="__create-react-context-"+function(){var e="__global_unique_id__";return g[e]=(g[e]||0)+1}()+"__",s=function(e){function n(){for(var t,n,a,r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];return(t=e.call.apply(e,[this].concat(o))||this).emitter=(n=t.props.value,a=[],{on:function(e){a.push(e)},off:function(e){a=a.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,a.forEach((function(e){return e(n,t)}))}}),t}(0,a.Z)(n,e);var r=n.prototype;return r.getChildContext=function(){var e;return(e={})[l]=this.emitter,e},r.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,a=this.props.value,r=e.value;((o=a)===(i=r)?0!==o||1/o==1/i:o!=o&&i!=i)?n=0:(n="function"==typeof t?t(a,r):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var o,i},r.render=function(){return this.props.children},n}(r.Component);s.childContextTypes=((n={})[l]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(e=t.call.apply(t,[this].concat(a))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,a.Z)(n,t);var r=n.prototype;return r.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},r.componentDidMount=function(){this.context[l]&&this.context[l].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},r.componentWillUnmount=function(){this.context[l]&&this.context[l].off(this.onUpdate)},r.getValue=function(){return this.context[l]?this.context[l].get():e},r.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(r.Component);return c.contextTypes=((o={})[l]=i().object,o),{Provider:s,Consumer:c}},h=function(e){var t=m();return t.displayName=e,t},b=h("Router-History"),y=h("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,a.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return r.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},r.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(r.Component);r.Component;r.Component;var w={},x=1e4,k=0;function L(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,a=n.path,r=n.exact,o=void 0!==r&&r,i=n.strict,l=void 0!==i&&i,s=n.sensitive,c=void 0!==s&&s;return[].concat(a).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var a=function(e,t){var n=""+t.end+t.strict+t.sensitive,a=w[n]||(w[n]={});if(a[e])return a[e];var r=[],o={regexp:d()(e,r,t),keys:r};return k<x&&(a[e]=o,k++),o}(n,{end:o,strict:l,sensitive:c}),r=a.regexp,i=a.keys,s=r.exec(e);if(!s)return null;var u=s[0],p=s.slice(1),f=e===u;return o&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var S=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n=e.props.location||t.location,a=e.props.computedMatch?e.props.computedMatch:e.props.path?L(n.pathname,e.props):t.match,o=(0,c.Z)({},t,{location:n,match:a}),i=e.props,l=i.children,u=i.component,d=i.render;return Array.isArray(l)&&function(e){return 0===r.Children.count(e)}(l)&&(l=null),r.createElement(y.Provider,{value:o},o.match?l?"function"==typeof l?l(o):l:u?r.createElement(u,o):d?d(o):null:"function"==typeof l?l(o):null)}))},t}(r.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.Z)({},t,{pathname:t.pathname.substr(n.length)})}function P(e){return"string"==typeof e?e:(0,l.Ep)(e)}function A(e){return function(){(0,s.Z)(!1)}}function D(){}r.Component;var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n,a,o=e.props.location||t.location;return r.Children.forEach(e.props.children,(function(e){if(null==a&&r.isValidElement(e)){n=e;var i=e.props.path||e.props.from;a=i?L(o.pathname,(0,c.Z)({},e.props,{path:i})):t.match}})),a?r.cloneElement(n,{location:o,computedMatch:a}):null}))},t}(r.Component);var I=r.useContext;function T(){return I(b)}function j(){return I(y).location}},3354:(e,t,n)=>{"use strict";var a=n(959),r=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var a,o={},c=null,u=null;for(a in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,a)&&!s.hasOwnProperty(a)&&(o[a]=t[a]);if(e&&e.defaultProps)for(a in t=e.defaultProps)void 0===o[a]&&(o[a]=t[a]);return{$$typeof:r,type:e,key:c,ref:u,props:o,_owner:l.current}}t.Fragment=o,t.jsx=c,t.jsxs=c},5257:(e,t)=>{"use strict";var n=Symbol.for("react.element"),a=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),s=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var g={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,h={};function b(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,m(w,b.prototype),w.isPureReactComponent=!0;var x=Array.isArray,k=Object.prototype.hasOwnProperty,L={current:null},S={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,a){var r,o={},i=null,l=null;if(null!=t)for(r in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)k.call(t,r)&&!S.hasOwnProperty(r)&&(o[r]=t[r]);var s=arguments.length-2;if(1===s)o.children=a;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];o.children=c}if(e&&e.defaultProps)for(r in s=e.defaultProps)void 0===o[r]&&(o[r]=s[r]);return{$$typeof:n,type:e,key:i,ref:l,props:o,_owner:L.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var P=/\/+/g;function A(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function D(e,t,r,o,i){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case n:case a:s=!0}}if(s)return i=i(s=e),e=""===o?"."+A(s,0):o,x(i)?(r="",null!=e&&(r=e.replace(P,"$&/")+"/"),D(i,t,r,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,r+(!i.key||s&&s.key===i.key?"":(""+i.key).replace(P,"$&/")+"/")+e)),t.push(i)),1;if(s=0,o=""===o?".":o+":",x(e))for(var c=0;c<e.length;c++){var u=o+A(l=e[c],c);s+=D(l,t,r,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(l=e.next()).done;)s+=D(l=l.value,t,r,u=o+A(l,c++),i);else if("object"===l)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return s}function E(e,t,n){if(null==e)return e;var a=[],r=0;return D(e,a,"","",(function(e){return t.call(n,e,r++)})),a}function I(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var T={current:null},j={transition:null},R={ReactCurrentDispatcher:T,ReactCurrentBatchConfig:j,ReactCurrentOwner:L};t.Children={map:E,forEach:function(e,t,n){E(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return E(e,(function(){t++})),t},toArray:function(e){return E(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=r,t.Profiler=i,t.PureComponent=v,t.StrictMode=o,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=R,t.cloneElement=function(e,t,a){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=m({},e.props),o=e.key,i=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,l=L.current),void 0!==t.key&&(o=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(c in t)k.call(t,c)&&!S.hasOwnProperty(c)&&(r[c]=void 0===t[c]&&void 0!==s?s[c]:t[c])}var c=arguments.length-2;if(1===c)r.children=a;else if(1<c){s=Array(c);for(var u=0;u<c;u++)s[u]=arguments[u+2];r.children=s}return{$$typeof:n,type:e.type,key:o,ref:i,props:r,_owner:l}},t.createContext=function(e){return(e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:l,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:I}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=j.transition;j.transition={};try{e()}finally{j.transition=t}},t.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},t.useCallback=function(e,t){return T.current.useCallback(e,t)},t.useContext=function(e){return T.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return T.current.useDeferredValue(e)},t.useEffect=function(e,t){return T.current.useEffect(e,t)},t.useId=function(){return T.current.useId()},t.useImperativeHandle=function(e,t,n){return T.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return T.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return T.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return T.current.useMemo(e,t)},t.useReducer=function(e,t,n){return T.current.useReducer(e,t,n)},t.useRef=function(e){return T.current.useRef(e)},t.useState=function(e){return T.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return T.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return T.current.useTransition()},t.version="18.2.0"},959:(e,t,n)=>{"use strict";e.exports=n(5257)},1527:(e,t,n)=>{"use strict";e.exports=n(3354)},5568:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var a=n-1>>>1,r=e[a];if(!(0<o(r,t)))break e;e[a]=t,e[n]=r,n=a}}function a(e){return 0===e.length?null:e[0]}function r(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var a=0,r=e.length,i=r>>>1;a<i;){var l=2*(a+1)-1,s=e[l],c=l+1,u=e[c];if(0>o(s,n))c<r&&0>o(u,s)?(e[a]=u,e[c]=n,a=c):(e[a]=s,e[l]=n,a=l);else{if(!(c<r&&0>o(u,n)))break e;e[a]=u,e[c]=n,a=c}}}return t}function o(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var l=Date,s=l.now();t.unstable_now=function(){return l.now()-s}}var c=[],u=[],d=1,p=null,f=3,g=!1,m=!1,h=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=a(u);null!==t;){if(null===t.callback)r(u);else{if(!(t.startTime<=e))break;r(u),t.sortIndex=t.expirationTime,n(c,t)}t=a(u)}}function x(e){if(h=!1,w(e),!m)if(null!==a(c))m=!0,j(k);else{var t=a(u);null!==t&&R(x,t.startTime-e)}}function k(e,n){m=!1,h&&(h=!1,y(C),C=-1),g=!0;var o=f;try{for(w(n),p=a(c);null!==p&&(!(p.expirationTime>n)||e&&!D());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var l=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof l?p.callback=l:p===a(c)&&r(c),w(n)}else r(c);p=a(c)}if(null!==p)var s=!0;else{var d=a(u);null!==d&&R(x,d.startTime-n),s=!1}return s}finally{p=null,f=o,g=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var L,S=!1,_=null,C=-1,P=5,A=-1;function D(){return!(t.unstable_now()-A<P)}function E(){if(null!==_){var e=t.unstable_now();A=e;var n=!0;try{n=_(!0,e)}finally{n?L():(S=!1,_=null)}}else S=!1}if("function"==typeof v)L=function(){v(E)};else if("undefined"!=typeof MessageChannel){var I=new MessageChannel,T=I.port2;I.port1.onmessage=E,L=function(){T.postMessage(null)}}else L=function(){b(E,0)};function j(e){_=e,S||(S=!0,L())}function R(e,n){C=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){m||g||(m=!0,j(k))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):P=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return a(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,r,o){var i=t.unstable_now();switch("object"==typeof o&&null!==o?o="number"==typeof(o=o.delay)&&0<o?i+o:i:o=i,e){case 1:var l=-1;break;case 2:l=250;break;case 5:l=1073741823;break;case 4:l=1e4;break;default:l=5e3}return e={id:d++,callback:r,priorityLevel:e,startTime:o,expirationTime:l=o+l,sortIndex:-1},o>i?(e.sortIndex=o,n(u,e),null===a(c)&&e===a(u)&&(h?(y(C),C=-1):h=!0,R(x,o-i))):(e.sortIndex=l,n(c,e),m||g||(m=!0,j(k))),e},t.unstable_shouldYield=D,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},2962:(e,t,n)=>{"use strict";e.exports=n(5568)},631:e=>{e.exports=function(e,t,n,a){var r=n?n.call(a,e,t):void 0;if(void 0!==r)return!!r;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var o=Object.keys(e),i=Object.keys(t);if(o.length!==i.length)return!1;for(var l=Object.prototype.hasOwnProperty.bind(t),s=0;s<o.length;s++){var c=o[s];if(!l(c))return!1;var u=e[c],d=t[c];if(!1===(r=n?n.call(a,u,d,c):void 0)||void 0===r&&u!==d)return!1}return!0}},6809:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={title:"ILLA Cloud",tagline:"Dinosaurs are cool",favicon:"img/public/favicon.ico",url:"https://illacloud.github.io",baseUrl:"/illa-website/de/",organizationName:"illacloud",projectName:"illa-website",staticDirectories:["public","static"],onBrokenLinks:"warn",onBrokenMarkdownLinks:"warn",i18n:{defaultLocale:"en",locales:["en","zh","ja","de"],path:"i18n",localeConfigs:{}},presets:[["classic",{docs:!1,blog:!1,pages:!1,theme:{customCss:["./src/ILLATheme/css/custom.css","./src/css/custom.css"]},gtag:{trackingID:"G-QW745VE33W"}}]],themeConfig:{image:"img/social-card-large.png",colorMode:{defaultMode:"dark",disableSwitch:!1,respectPrefersColorScheme:!1},metadata:[{name:"og:type",content:"website"},{name:"twitter:card",content:"summary_large_image"},{name:"twitter:site",content:"@illaCloudHQ"},{name:"twitter:creator",content:"@illaCloudHQ"},{name:"keywords",content:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"}],prism:{theme:{plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},docs:{versionPersistence:"localStorage",sidebar:{hideable:!1,autoCollapseCategories:!1}},navbar:{hideOnScroll:!1,items:[]},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},plugins:[null,null,["./plugins/blog-plugin.js",{blogTitle:"Blog",blogDescription:"A resource for ILLA, front-end ecosystem, and web development",routeBasePath:"/blog",postsPerPage:12,blogSidebarTitle:"All posts",blogSidebarCount:0,feedOptions:{type:"all",copyright:"Copyright \xa9 2024 ILLA."}}],"./plugins/solution-plugin.js","./plugins/linkedin.js","./plugins/twitter.js","./plugins/chatwoot.js"],baseUrlIssueBanner:!0,onDuplicateRoutes:"warn",customFields:{},themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0}}}},6920:(e,t,n)=>{"use strict";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},a.apply(this,arguments)}n.d(t,{Z:()=>a})},2666:(e,t,n)=>{"use strict";function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,a(e,t)}n.d(t,{Z:()=>r})},3804:(e,t,n)=>{"use strict";function a(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}n.d(t,{Z:()=>a})},5341:(e,t,n)=>{"use strict";function a(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=a(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}n.d(t,{Z:()=>r});const r=function(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=a(e))&&(r&&(r+=" "),r+=t);return r}},2425:(e,t,n)=>{"use strict";n.d(t,{p1:()=>P,y$:()=>ee});var a,r,o,i,l,s,c,u=n(959),d=n(5341),p=Object.create,f=Object.defineProperty,g=Object.defineProperties,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertyNames,y=Object.getOwnPropertySymbols,v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,k=(e,t,n)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,L=(e,t)=>{for(var n in t||(t={}))w.call(t,n)&&k(e,n,t[n]);if(y)for(var n of y(t))x.call(t,n)&&k(e,n,t[n]);return e},S=(e,t)=>g(e,h(t)),_=(e,t)=>{var n={};for(var a in e)w.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&y)for(var a of y(e))t.indexOf(a)<0&&x.call(e,a)&&(n[a]=e[a]);return n},C=(a={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},a={util:{encode:function e(t){return t instanceof r?new r(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var r,o;switch(n=n||{},a.util.type(t)){case"Object":if(o=a.util.objId(t),n[o])return n[o];for(var i in r={},n[o]=r,t)t.hasOwnProperty(i)&&(r[i]=e(t[i],n));return r;case"Array":return o=a.util.objId(t),n[o]?n[o]:(r=[],n[o]=r,t.forEach((function(t,a){r[a]=e(t,n)})),r);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var a="no-"+t;e;){var r=e.classList;if(r.contains(t))return!0;if(r.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=a.util.clone(a.languages[e]);for(var r in t)n[r]=t[r];return n},insertBefore:function(e,t,n,r){var o=(r=r||a.languages)[e],i={};for(var l in o)if(o.hasOwnProperty(l)){if(l==t)for(var s in n)n.hasOwnProperty(s)&&(i[s]=n[s]);n.hasOwnProperty(l)||(i[l]=o[l])}var c=r[e];return r[e]=i,a.languages.DFS(a.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,r,o){o=o||{};var i=a.util.objId;for(var l in t)if(t.hasOwnProperty(l)){n.call(t,l,t[l],r||l);var s=t[l],c=a.util.type(s);"Object"!==c||o[i(s)]?"Array"!==c||o[i(s)]||(o[i(s)]=!0,e(s,n,l,o)):(o[i(s)]=!0,e(s,n,null,o))}}},plugins:{},highlight:function(e,t,n){var o={code:e,grammar:t,language:n};if(a.hooks.run("before-tokenize",o),!o.grammar)throw new Error('The language "'+o.language+'" has no grammar.');return o.tokens=a.tokenize(o.code,o.grammar),a.hooks.run("after-tokenize",o),r.stringify(a.util.encode(o.tokens),o.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var r=new l;return s(r,r.head,e),i(e,r,t,r.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(r)},hooks:{all:{},add:function(e,t){var n=a.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=a.hooks.all[e];if(n&&n.length)for(var r,o=0;r=n[o++];)r(t)}},Token:r};function r(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function o(e,t,n,a){e.lastIndex=t;var r=e.exec(n);if(r&&a&&r[1]){var o=r[1].length;r.index+=o,r[0]=r[0].slice(o)}return r}function i(e,t,n,l,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var g=0;g<f.length;++g){if(d&&d.cause==p+","+g)return;var m=f[g],h=m.inside,b=!!m.lookbehind,y=!!m.greedy,v=m.alias;if(y&&!m.pattern.global){var w=m.pattern.toString().match(/[imsuy]*$/)[0];m.pattern=RegExp(m.pattern.source,w+"g")}for(var x=m.pattern||m,k=l.next,L=u;k!==t.tail&&!(d&&L>=d.reach);L+=k.value.length,k=k.next){var S=k.value;if(t.length>e.length)return;if(!(S instanceof r)){var _,C=1;if(y){if(!(_=o(x,L,e,b))||_.index>=e.length)break;var P=_.index,A=_.index+_[0].length,D=L;for(D+=k.value.length;P>=D;)D+=(k=k.next).value.length;if(L=D-=k.value.length,k.value instanceof r)continue;for(var E=k;E!==t.tail&&(D<A||"string"==typeof E.value);E=E.next)C++,D+=E.value.length;C--,S=e.slice(L,D),_.index-=L}else if(!(_=o(x,0,S,b)))continue;P=_.index;var I=_[0],T=S.slice(0,P),j=S.slice(P+I.length),R=L+S.length;d&&R>d.reach&&(d.reach=R);var N=k.prev;if(T&&(N=s(t,N,T),L+=T.length),c(t,N,C),k=s(t,N,new r(p,h?a.tokenize(I,h):I,v,I)),j&&s(t,k,j),C>1){var O={cause:p+","+g,reach:R};i(e,t,n,k.prev,L,O),d&&O.reach>d.reach&&(d.reach=O.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var a=t.next,r={value:n,prev:t,next:a};return t.next=r,a.prev=r,e.length++,r}function c(e,t,n){for(var a=t.next,r=0;r<n&&a!==e.tail;r++)a=a.next;t.next=a,a.prev=t,e.length-=r}return r.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var r="";return t.forEach((function(t){r+=e(t,n)})),r}var o={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(o.classes,i):o.classes.push(i)),a.hooks.run("wrap",o);var l="";for(var s in o.attributes)l+=" "+s+'="'+(o.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+o.tag+' class="'+o.classes.join(" ")+'"'+l+">"+o.content+"</"+o.tag+">"},a}();t.exports=n,n.default=n}},function(){return r||(0,a[b(a)[0]])((r={exports:{}}).exports,r),r.exports}),P=((e,t,n)=>(n=null!=e?p(v(e)):{},((e,t,n,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let r of b(t))w.call(e,r)||r===n||f(e,r,{get:()=>t[r],enumerable:!(a=m(t,r))||a.enumerable});return e})(!t&&e&&e.__esModule?n:f(n,"default",{value:e,enumerable:!0}),e)))(C());P.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},P.languages.markup.tag.inside["attr-value"].inside.entity=P.languages.markup.entity,P.languages.markup.doctype.inside["internal-subset"].inside=P.languages.markup,P.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(P.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:P.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:P.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},P.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(P.languages.markup.tag,"addAttribute",{value:function(e,t){P.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:P.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),P.languages.html=P.languages.markup,P.languages.mathml=P.languages.markup,P.languages.svg=P.languages.markup,P.languages.xml=P.languages.extend("markup",{}),P.languages.ssml=P.languages.xml,P.languages.atom=P.languages.xml,P.languages.rss=P.languages.xml,o=P,i={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},s="(?:[^\\\\-]|"+(l=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/).source+")",s=RegExp(s+"-"+s),c={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"},o.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:s,inside:{escape:l,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":i,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:l}},"special-escape":i,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":c}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:l,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":c}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}},P.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},P.languages.javascript=P.languages.extend("clike",{"class-name":[P.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),P.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,P.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:P.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:P.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:P.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:P.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:P.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),P.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:P.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),P.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),P.languages.markup&&(P.languages.markup.tag.addInlined("script","javascript"),P.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),P.languages.js=P.languages.javascript,P.languages.actionscript=P.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),P.languages.actionscript["class-name"].alias="function",delete P.languages.actionscript.parameter,delete P.languages.actionscript["literal-property"],P.languages.markup&&P.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:P.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(P),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var a=function(e){e.inside||(e.inside={}),e.inside.rest=n},r="doc-comment";if(o=e.languages[t]){var o,i=o[r];if((i=i||(o=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[r])instanceof RegExp&&(i=o[r]={pattern:i}),Array.isArray(i))for(var l=0,s=i.length;l<s;l++)i[l]instanceof RegExp&&(i[l]={pattern:i[l]}),a(i[l]);else a(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(P),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(P),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(P),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,a="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),o=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return a}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<key>>/g,(function(){return"(?:"+r+"|"+o+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(o),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(P),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var a=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,r=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return a})),o=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+r+o+"(?:"+r+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+r+o+")(?:"+r+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(a),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+r+")"+o+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+r+"$"),inside:{"table-header":{pattern:RegExp(a),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,a=t.length;n<a;n++){var r,o=t[n];"code"!==o.type?e(o.content):(r=o.content[1],o=o.content[3],r&&o&&"code-language"===r.type&&"code-block"===o.type&&"string"==typeof r.content&&(r=r.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),r="language-"+(r=(/[a-z][\w-]*/i.exec(r)||[""])[0].toLowerCase()),o.alias?"string"==typeof o.alias?o.alias=[o.alias,r]:o.alias.push(r):o.alias=[r]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",a=0,r=t.classes.length;a<r;a++){var o=t.classes[a];if(o=/language-(.+)/.exec(o)){n=o[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),s(n)):l[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),l={amp:"&",lt:"<",gt:">",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(P),P.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:P.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},P.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var a=t[n++];if("keyword"===a.type&&"mutation"===a.content){var r=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var o=p(/^\($/,/^\)$/);if(-1===o)continue;for(;n<o;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),r.push(i.content))}n=o+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<r.length)){var l=p(/^\{$/,/^\}$/);if(-1!==l)for(var s=n;s<l;s++){var c=t[s];"variable"===c.type&&0<=r.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var a=u(n+t);if(!a||a.type!==e[n])return}return 1}function p(e,a){for(var r=1,o=n;o<t.length;o++){var i=t[o],l=i.content;if("punctuation"===i.type&&"string"==typeof l)if(e.test(l))r++;else if(a.test(l)&&0==--r)return o}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),P.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,a=t.inside.interpolation,r=a.inside["interpolation-punctuation"],o=a.pattern.source;function i(t,a){if(e.languages[t])return{pattern:RegExp("((?:"+a+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(t,n,a){return t={code:t,grammar:n,language:a},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function s(t,n,i){var s=e.tokenize(t,{interpolation:{pattern:RegExp(o),lookbehind:!0}}),c=0,u={},d=(s=l(s.map((function(e){if("string"==typeof e)return e;var n,a;for(e=e.content;-1!==t.indexOf((a=c++,n="___"+i.toUpperCase()+"_"+a+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var o=0;o<n.length;o++){if(c>=d.length)return;var i,s,p,f,g,m,h,b=n[o];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(h=(m="string"==typeof b?b:b.content).indexOf(i))&&(++c,s=m.substring(0,h),g=u[i],p=void 0,(f={})["interpolation-punctuation"]=r,3===(f=e.tokenize(g,f)).length&&((p=[1,1]).push.apply(p,l(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,a.alias,g),f=m.substring(h+i.length),g=[],s&&g.push(s),g.push(p),f&&(t(m=[f]),g.push.apply(g,m)),"string"==typeof b?(n.splice.apply(n,[o,1].concat(g)),o+=g.length-1):b.content=g)):(h=b.content,Array.isArray(h)?t(h):t([h]))}}(s),new e.Token(i,s,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var a=0,r=n.length;a<r;a++){var o,i,l,c=n[a];"string"!=typeof c&&(o=c.content,Array.isArray(o)?"template-string"===c.type?(c=o[1],3===o.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,l=e.languages[c])&&(o[1]=s(i,l,c))):t(o):"string"!=typeof o&&t([o]))}}(t.tokens)}))}(P),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(P),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,a="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(a+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(a+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(P),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(P),P.languages.n4js=P.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),P.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),P.languages.n4jsd=P.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],a=0;a<n.length;a++){var r=n[a],o=e.languages.javascript[r];r=(o="RegExp"===e.util.type(o)?e.languages.javascript[r]={pattern:o}:o).inside||{};(o.inside=r)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(P),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,a=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,r=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function o(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return a})).replace(/<SPREAD>/g,(function(){return r})),RegExp(e,t)}function i(t){for(var n=[],a=0;a<t.length;a++){var r=t[a],o=!1;"string"!=typeof r&&("tag"===r.type&&r.content[0]&&"tag"===r.content[0].type?"</"===r.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===l(r.content[0].content[1])&&n.pop():"/>"!==r.content[r.content.length-1].content&&n.push({tagName:l(r.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===r.type&&"{"===r.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===r.type&&"}"===r.content?n[n.length-1].openedBraces--:o=!0),(o||"string"==typeof r)&&0<n.length&&0===n[n.length-1].openedBraces&&(o=l(r),a<t.length-1&&("string"==typeof t[a+1]||"plain-text"===t[a+1].type)&&(o+=l(t[a+1]),t.splice(a+1,1)),0<a&&("string"==typeof t[a-1]||"plain-text"===t[a-1].type)&&(o=l(t[a-1])+o,t.splice(a-1,1),a--),t[a]=new e.Token("plain-text",o,null,o)),r.content&&"string"!=typeof r.content&&i(r.content)}}r=o(r).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=o(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:o(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:o(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var l=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(l).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(P),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(P),P.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},P.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=P.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(P),P.languages.c=P.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),P.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),P.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},P.languages.c.string],char:P.languages.c.char,comment:P.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:P.languages.c}}}}),P.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete P.languages.c.boolean,P.languages.objectivec=P.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete P.languages.objectivec["class-name"],P.languages.objc=P.languages.objectivec,P.languages.reason=P.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),P.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete P.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(P),P.languages.go=P.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),P.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete P.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(P),P.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},P.languages.python["string-interpolation"].inside.interpolation.inside.rest=P.languages.python,P.languages.py=P.languages.python;((e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>A,duotoneDark:()=>D,duotoneLight:()=>E,github:()=>I,jettwaveDark:()=>H,jettwaveLight:()=>G,nightOwl:()=>T,nightOwlLight:()=>j,oceanicNext:()=>O,okaidia:()=>M,oneDark:()=>Z,oneLight:()=>V,palenight:()=>F,shadesOfPurple:()=>B,synthwave84:()=>z,ultramin:()=>U,vsDark:()=>$,vsLight:()=>q});var A={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},D={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},E={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},I={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},T={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},j={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},R="#c5a5c5",N="#8dc891",O={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:R}},{types:["attr-value"],style:{color:N}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:N}},{types:["punctuation"],style:{color:N}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:R}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},M={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},F={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},B={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},z={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},U={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},$={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},q={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},H={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},G={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},Z={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},V={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},W=(e,t)=>{const{plain:n}=e,a=e.styles.reduce(((e,n)=>{const{languages:a,style:r}=n;return a&&!a.includes(t)||n.types.forEach((t=>{const n=L(L({},e[t]),r);e[t]=n})),e}),{});return a.root=n,a.plain=S(L({},n),{backgroundColor:void 0}),a},Q=/\r\n|\r|\n/,Y=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},K=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},X=e=>{const t=[[]],n=[e],a=[0],r=[e.length];let o=0,i=0,l=[];const s=[l];for(;i>-1;){for(;(o=a[i]++)<r[i];){let e,c=t[i];const u=n[i][o];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=K(c,u.type),u.alias&&(c=K(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),a.push(0),r.push(e.length);continue}const d=e.split(Q),p=d.length;l.push({types:c,content:d[0]});for(let t=1;t<p;t++)Y(l),s.push(l=[]),l.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),a.pop(),r.pop()}return Y(l),s},J=({children:e,language:t,code:n,theme:a,prism:r})=>{const o=t.toLowerCase(),i=((e,t)=>{const[n,a]=(0,u.useState)(W(t,e)),r=(0,u.useRef)(),o=(0,u.useRef)();return(0,u.useEffect)((()=>{t===r.current&&e===o.current||(r.current=t,o.current=e,a(W(t,e)))}),[e,t]),n})(o,a),l=(e=>(0,u.useCallback)((t=>{var n=t,{className:a,style:r,line:o}=n,i=_(n,["className","style","line"]);const l=S(L({},i),{className:(0,d.Z)("token-line",a)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof r&&(l.style=L(L({},l.style||{}),r)),l}),[e]))(i),s=(e=>{const t=(0,u.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,u.useCallback)((e=>{var n=e,{token:a,className:r,style:o}=n,i=_(n,["token","className","style"]);const l=S(L({},i),{className:(0,d.Z)("token",...a.types,r),children:a.content,style:t(a)});return null!=o&&(l.style=L(L({},l.style||{}),o)),l}),[t])})(i),c=(({prism:e,code:t,grammar:n,language:a})=>{const r=(0,u.useRef)(e);return(0,u.useMemo)((()=>{if(null==n)return X([t]);const e={code:t,grammar:n,language:a,tokens:[]};return r.current.hooks.run("before-tokenize",e),e.tokens=r.current.tokenize(t,n),r.current.hooks.run("after-tokenize",e),X(e.tokens)}),[t,n,a])})({prism:r,language:o,code:n,grammar:r.languages[o]});return e({tokens:c,className:`prism-code language-${o}`,style:null!=i?i.root:{},getLineProps:l,getTokenProps:s})},ee=e=>(0,u.createElement)(J,S(L({},e),{prism:e.prism||P,theme:e.theme||$,code:e.code,language:e.language}))},8624:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=!0,r="Invariant failed";function o(e,t){if(!e){if(a)throw new Error(r);var n="function"==typeof t?t():t,o=n?"".concat(r,": ").concat(n):r;throw new Error(o)}}},7529:e=>{"use strict";e.exports=JSON.parse('{"theme.AnnouncementBar.closeButtonAriaLabel":"\u9589\u3058\u308b","theme.BackToTopButton.buttonAriaLabel":"\u30c8\u30c3\u30d7\u306b\u623b\u308b","theme.CodeBlock.copied":"\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f","theme.CodeBlock.copy":"\u30b3\u30d4\u30fc","theme.CodeBlock.copyButtonAriaLabel":"\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc","theme.CodeBlock.wordWrapToggle":"\u30ef\u30fc\u30c9\u30e9\u30c3\u30d7\u306e\u5207\u308a\u66ff\u3048","theme.DocSidebarItem.collapseCategoryAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u30ab\u30c6\u30b4\u30ea\u300c{label}\u300d\u3092\u9589\u3058\u308b","theme.DocSidebarItem.expandCategoryAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u30ab\u30c6\u30b4\u30ea \'{label} \' \u3092\u5c55\u958b","theme.ErrorPageContent.title":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u30af\u30e9\u30c3\u30b7\u30e5\u3057\u307e\u3057\u305f\u3002","theme.ErrorPageContent.tryAgain":"\u3082\u3046\u4e00\u5ea6\u3084\u308a\u76f4\u3057\u3066\u304f\u3060\u3055\u3044","theme.NavBar.navAriaLabel":"\u30e1\u30a4\u30f3","theme.NotFound.p1":"\u304a\u63a2\u3057\u306e\u3082\u306e\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002","theme.NotFound.p2":"\u5143\u306eURL\u306b\u30ea\u30f3\u30af\u3057\u305f\u30b5\u30a4\u30c8\u306e\u6240\u6709\u8005\u306b\u9023\u7d61\u3057\u3001\u30ea\u30f3\u30af\u304c\u5207\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u77e5\u3089\u305b\u3066\u304f\u3060\u3055\u3044\u3002","theme.NotFound.title":"\u30da\u30fc\u30b8\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093","theme.TOCCollapsible.toggleButtonLabel":"\u3053\u306e\u30da\u30fc\u30b8","theme.admonition.caution":"\u6ce8\u610f","theme.admonition.danger":"\u5371\u967a","theme.admonition.info":"\u60c5\u5831","theme.admonition.note":"\u30e1\u30e2","theme.admonition.tip":"tip","theme.admonition.warning":"\u8b66\u544a","theme.blog.archive.description":"\u30a2\u30fc\u30ab\u30a4\u30d6","theme.blog.archive.title":"\u30a2\u30fc\u30ab\u30a4\u30d6","theme.blog.paginator.navAriaLabel":"\u30d6\u30ed\u30b0\u4e00\u89a7\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.paginator.newerEntries":"\u65b0\u3057\u3044\u9805\u76ee","theme.blog.paginator.olderEntries":"\u53e4\u3044\u9805\u76ee","theme.blog.post.paginator.navAriaLabel":"\u30d6\u30ed\u30b0\u6295\u7a3f\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.post.paginator.newerPost":"\u65b0\u3057\u3044\u6295\u7a3f","theme.blog.post.paginator.olderPost":"\u4ee5\u524d\u306e\u6295\u7a3f","theme.blog.post.plurals":"1 \u3064\u306e\u6295\u7a3f|{count} \u6295\u7a3f","theme.blog.post.readMore":"\u7d9a\u304d\u3092\u8aad\u3080","theme.blog.post.readMoreLabel":"{title} \u306b\u3064\u3044\u3066\u3082\u3063\u3068\u8aad\u3080","theme.blog.post.readingTime.plurals":"1\u5206\u9593\u306e\u8aad\u307f\u53d6\u308a|{readingTime} \u5206\u9593\u306e\u8aad\u307f\u53d6\u308a","theme.blog.sidebar.navAriaLabel":"\u30d6\u30ed\u30b0\u306e\u6700\u8fd1\u306e\u6295\u7a3f\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.tagTitle":"{nPosts} \u306f \\"{tagName} \\" \u3067\u30bf\u30b0\u4ed8\u3051\u3055\u308c\u3066\u3044\u307e\u3059","theme.colorToggle.ariaLabel":"\u30c0\u30fc\u30af\u30e2\u30fc\u30c9\u3068\u30e9\u30a4\u30c8\u30e2\u30fc\u30c9\u3092\u5207\u308a\u66ff\u3048\u308b (\u73fe\u5728\u306e {mode})","theme.colorToggle.ariaLabel.mode.dark":"\u30c0\u30fc\u30af\u30e2\u30fc\u30c9","theme.colorToggle.ariaLabel.mode.light":"\u30e9\u30a4\u30c8\u30e2\u30fc\u30c9","theme.common.editThisPage":"\u3053\u306e\u30da\u30fc\u30b8\u3092\u7de8\u96c6","theme.common.headingLinkTitle":"{heading} \u3078\u306e\u76f4\u63a5\u30ea\u30f3\u30af","theme.common.skipToMainContent":"\u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u30b9\u30ad\u30c3\u30d7","theme.docs.DocCard.categoryDescription":"{count} \u30a2\u30a4\u30c6\u30e0","theme.docs.breadcrumbs.home":"\u30db\u30fc\u30e0\u30da\u30fc\u30b8","theme.docs.breadcrumbs.navAriaLabel":"\u30d1\u30f3\u304f\u305a\u30ea\u30b9\u30c8","theme.docs.paginator.navAriaLabel":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u30da\u30fc\u30b8","theme.docs.paginator.next":"\u6b21\u3078","theme.docs.paginator.previous":"\u524d","theme.docs.sidebar.closeSidebarButtonAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.collapseButtonAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.collapseButtonTitle":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.expandButtonAriaLabel":"Expand sidebar","theme.docs.sidebar.expandButtonTitle":"Expand sidebar","theme.docs.sidebar.navAriaLabel":"Docs sidebar","theme.docs.sidebar.toggleSidebarButtonAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u306e\u5207\u308a\u66ff\u3048","theme.docs.tagDocListPageTitle":"\u300c{nDocsTagged} \u300d\u306e{tagName}","theme.docs.tagDocListPageTitle.nDocsTagged":"\u30bf\u30b0\u4ed8\u3051\u3055\u308c\u305f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8|{count} \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8","theme.docs.versionBadge.label":"\u30d0\u30fc\u30b8\u30e7\u30f3: {versionLabel}","theme.docs.versions.latestVersionLinkLabel":"\u6700\u65b0\u30d0\u30fc\u30b8\u30e7\u30f3","theme.docs.versions.latestVersionSuggestionLabel":"\u6700\u65b0\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u3064\u3044\u3066\u306f\u3001 {latestVersionLink} ({versionLabel} ) \u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002","theme.docs.versions.unmaintainedVersionLabel":"\u3053\u308c\u306f {siteTitle} {versionLabel}\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u3042\u308a\u3001\u73fe\u5728\u30a2\u30af\u30c6\u30a3\u30d6\u306b\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002","theme.docs.versions.unreleasedVersionLabel":"\u3053\u308c\u306f\u3001 {siteTitle} {versionLabel} \u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u672a\u30ea\u30ea\u30fc\u30b9\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u3059\u3002","theme.lastUpdated.atDate":" {date}","theme.lastUpdated.byUser":" \u4f5c\u6210\u8005\uff1a {user}","theme.lastUpdated.lastUpdatedAtBy":"\u6700\u7d42\u66f4\u65b0{atDate}{byUser}","theme.navbar.mobileLanguageDropdown.label":"\u8a00\u8a9e","theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel":"\u2192 \u30e1\u30a4\u30f3\u30e1\u30cb\u30e5\u30fc\u306b\u623b\u308b","theme.navbar.mobileVersionsDropdown.label":"\u30d0\u30fc\u30b8\u30e7\u30f3","theme.tags.tagsListLabel":"\u30bf\u30b0:","theme.tags.tagsPageLink":"\u3059\u3079\u3066\u306e\u30bf\u30b0\u3092\u8868\u793a","theme.tags.tagsPageTitle":"\u30bf\u30b0","theme.unlistedContent.message":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u30ea\u30b9\u30c8\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u306f\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u4f5c\u6210\u305b\u305a\u3001\u30c0\u30a4\u30ec\u30af\u30c8\u30ea\u30f3\u30af\u3092\u6301\u3064\u30e6\u30fc\u30b6\u30fc\u306e\u307f\u304c\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002","theme.unlistedContent.title":"\u30ea\u30b9\u30c8\u3055\u308c\u3066\u3044\u306a\u3044\u30da\u30fc\u30b8","footer.status":"\u30b9\u30c6\u30fc\u30bf\u30b9","footer.roadmap":"\u30ed\u30fc\u30c9\u30de\u30c3\u30d7","footer.changelog":"\u66f4\u65b0\u5c65\u6b74","footer.media":"\u30e1\u30c7\u30a3\u30a2\u30ad\u30c3\u30c8","ai_header.solutions_title.image_generator":"AI\u753b\u50cf\u751f\u6210\u30c4\u30fc\u30eb","ai_header.solutions_title.ai_voice_generator":"AI\u97f3\u58f0\u751f\u6210\u30c4\u30fc\u30eb","ai_header.solutions_title.dashboard":"\u30c7\u30fc\u30bf\u5206\u6790\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9","ai_header.solutions_title.cms":"\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406","ai_header.solutions_title.crm":"\u55b6\u696dCRM","ai_header.solutions_title.admin_panel":"\u7ba1\u7406\u30d1\u30cd\u30eb","footer.table":"\u8868","footer.chart":"\u30b0\u30e9\u30d5","footer.upload":"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","footer.switch":"\u5207\u308a\u66ff\u3048","footer.select":"\u9078\u629e","footer.radio_group":"\u7121\u7dda\u30b0\u30eb\u30fc\u30d7","footer.checkbox_group":"\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30b0\u30eb\u30fc\u30d7","footer.pdf":"PDF","footer.video":"\u30d3\u30c7\u30aa","footer.mysql":"MySQL","footer.postgre":"PostgreSQL","footer.mongodb":"MongoDB","footer.firebase":"Firebase","footer.elasticsearch":"Elastic Search","footer.mssql":"Microsoft SQL Server","footer.supabase":"Supabase","footer.dynamo":"DynamoDB","footer.hf":"\u9854\u63a8\u8ad6API \u3092\u30cf\u30b0\u3059\u308b","footer.components":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","footer.integrations":"\u7d71\u5408","ai_header.solutions_title.solutions":"\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3","footer.company":"\u4f1a\u793e\u540d","footer.community":"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3","slogan-1":"AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","footer.privacy-policy":"\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc","footer.terms-of-service":"\u5229\u7528\u898f\u7d04","ai_header.solutions_sub_title.solutions_by_use_case":"\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u5225\u306e\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3","ai_header.solutions_description.image_generator":"AI\u3092\u4f7f\u7528\u3057\u3066\u753b\u50cf\u3092\u751f\u6210\u3057\u307e\u3059\u3002\u30a2\u30a4\u30c7\u30a2\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u3088\u308a\u52b9\u7387\u7684\u306b\u884c\u3044\u307e\u3059\u3002","ai_header.solutions_description.ai_voice_generator":"\u7ffb\u8a33\u3084\u5439\u304d\u66ff\u3048\u306b\u3088\u308a\u3001\u3055\u307e\u3056\u307e\u306a\u8a00\u8a9e\u5730\u57df\u5411\u3051\u306e\u30d3\u30c7\u30aa\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u52b9\u7387\u7684\u306a\u5236\u4f5c\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002","ai_header.solutions_description.dashboard":"\u5305\u62ec\u7684\u306a\u30c7\u30fc\u30bf\u5206\u6790\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u69cb\u7bc9\u3057\u3001\u6700\u5c0f\u9650\u306e\u6295\u8cc7\u3067\u30d3\u30b8\u30cd\u30b9\u6210\u9577\u3092\u63a8\u9032\u3057\u307e\u3059\u3002","ai_header.solutions_description.cms":"\u3069\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001\u30a6\u30a7\u30d6\u3001\u307e\u305f\u306f\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u3067\u3082\u4e00\u8cab\u3057\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u4f53\u9a13\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","ai_header.solutions_description.crm":"\u3088\u308a\u901f\u304f\u53d6\u5f15\u3092\u30af\u30ed\u30fc\u30ba\u3059\u308b\u305f\u3081\u306e\u512a\u308c\u305f\u55b6\u696dCRM\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3","ai_header.solutions_description.admin_panel":"\u30c7\u30fc\u30bf\u306e\u7ba1\u7406\u3084\u64cd\u4f5c\u3092\u884c\u3046\u305f\u3081\u306e\u7ba1\u7406\u30d1\u30cd\u30eb\u309210\u500d\u306e\u901f\u5ea6\u3067\u69cb\u7bc9\u3057\u307e\u3059\u3002","nav.resource":"\u30ea\u30bd\u30fc\u30b9","sub_nav.resource.integrations":"\u7d71\u5408","sub_nav.resource.components":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","nav.pricing":"\u4fa1\u683c","nav.doc":"Doc","nav.blog":"\u30d6\u30ed\u30b0","nav.login":"\u30ed\u30b0\u30a4\u30f3","nav.signup":"\u7121\u6599\u3067\u59cb\u3081\u308b","blog.scroll_down":"ILLA \u30af\u30e9\u30a6\u30c9\u3092\u4f7f\u3063\u3066AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","blog.blog_desc_left_title":"\u5185\u90e8\u30c4\u30fc\u30eb\u3067\u82e6\u52b4\u3057\u3066\u3044\u307e\u3059\u304b\uff1f","blog.blog_desc_left_desc":"ILLA Cloud\u3092\u4f7f\u3063\u3066CRUD\u30a2\u30d7\u30ea\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u7ba1\u7406\u30d1\u30cd\u30eb\u3001\u30bb\u30fc\u30eb\u30b9CRM\u3001AI\u753b\u50cf\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\u306a\u3069\u306e\u69cb\u7bc9\u3092\u6570\u5206\u3067\u958b\u59cb\u3057\u307e\u3057\u3087\u3046\uff01","pricing.sub-title":"AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","pricing.title":"\u4fa1\u683c","pricing.page-desc":"ILLA Cloud Billing \u306e\u5c0e\u5165\u306b\u3088\u308a\u3001\u76e3\u67fb\u30ed\u30b0\u3084\u516c\u958b\u30a2\u30d7\u30ea\u306a\u3069\u306e\u7279\u5225\u306a\u6a5f\u80fd\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002 \u8acb\u6c42\u30b7\u30b9\u30c6\u30e0\u306f\u3001\u30aa\u30fc\u30ca\u30fc\u3001\u7ba1\u7406\u8005\u3001\u7de8\u96c6\u8005\u306e\u5f79\u5272\u3092\u542b\u3080\u7de8\u96c6\u6a29\u9650\u3092\u6301\u3064\u30e1\u30f3\u30d0\u30fc\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002 \u8cfc\u8aad\u3059\u308b\u3068\u3001\u7121\u5236\u9650\u306e\u8996\u8074\u8005\u3092\u8ffd\u52a0\u6599\u91d1\u306a\u3057\u3067\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002","blog.meta.title":"ILLA\u30d6\u30ed\u30b0","blog.meta.description":"\u958b\u767a\u8005\u306e\u305f\u3081\u306e\u77e5\u8b58\u306e\u6052\u4f8b\u306e\u30ea\u30dd\u30b8\u30c8\u30ea\u3067\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3084\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u958b\u767a\u3001AI\u3001\u30ed\u30fc\u30b3\u30fc\u30c9\u3001ILLA Cloud\u306a\u3069\u306e\u5e45\u5e83\u3044\u5206\u91ce\u3092\u7db2\u7f85\u3057\u3066\u3044\u307e\u3059\u3002 \u3053\u3053\u3067\u306f\u3001\u6700\u5148\u7aef\u306e\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306b\u6ca1\u982d\u3057\u3001\u65b0\u305f\u306a\u30c8\u30ec\u30f3\u30c9\u3092\u6398\u308a\u4e0b\u3052\u3001\u6d3b\u6c17\u306e\u3042\u308b\u7d4c\u9a13\u306e\u4ea4\u63db\u306b\u53d6\u308a\u7d44\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","meta.title":"ILLA Cloud | AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","meta.description":"AI Agent \u3068\u9ad8\u5ea6\u306a\u30ed\u30fc\u30b3\u30fc\u30c9\u30c4\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059","faq.title":"\u3088\u304f\u5bc4\u305b\u3089\u308c\u308b\u8cea\u554f","faq.content.0.question":"ILLA AI\u3067\u306f\u3069\u306e\u3088\u3046\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u304b?","faq.content.0.answer":"\u5fc5\u8981\u306a\u3042\u3089\u3086\u308b\u5185\u90e8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3084AI\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001AI\u3092\u5185\u90e8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u7d71\u5408\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u7ba1\u7406\u30d1\u30cd\u30eb\u3001\u30d5\u30a1\u30a4\u30eb\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u3001\u9867\u5ba2\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3001\u30c6\u30ad\u30b9\u30c8\u751f\u6210\u30c4\u30fc\u30eb\u3001\u753b\u50cf\u751f\u6210\u30c4\u30fc\u30eb\u3001\u96fb\u5b50\u30e1\u30fc\u30eb\u751f\u6210\u30c4\u30fc\u30eb\u306a\u3069\u3067\u3059\u3002","faq.content.1.question":"\u8ab0\u304cILLA\u30af\u30e9\u30a6\u30c9\u3092\u5229\u7528\u3067\u304d\u307e\u3059\u304b?","faq.content.1.answer":"\u30d7\u30ed\u30c0\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3001\u30d5\u30eb\u30b9\u30bf\u30c3\u30af\u958b\u767a\u8005\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3001\u30c7\u30fc\u30bf\u30a2\u30ca\u30ea\u30b9\u30c8\u306e\u3044\u305a\u308c\u3067\u3082... nynone \u306f ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059: \u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308b\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u8a2d\u8a08\u304b\u3089\u3001\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3068\u306e\u7d71\u5408\u3001\u304a\u3088\u3073 AI \u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u305f\u30af\u30a8\u30ea\u306e\u751f\u6210\u307e\u3067\u3002 ILLA\u306f\u3001\u4e0d\u5fc5\u8981\u306a\u8907\u96d1\u6027\u3092\u6392\u9664\u3059\u308b\u5408\u7406\u5316\u3055\u308c\u305f\u7d4c\u9a13\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u72ec\u81ea\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b\u3001\u6280\u8853\u306e\u5c02\u9580\u5bb6\u3067\u3042\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002","faq.content.2.question":"ILLA \u30af\u30e9\u30a6\u30c9\u304b\u3089\u3069\u306e\u3088\u3046\u306b\u5229\u76ca\u3092\u5f97\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u304b?","faq.content.2.answer":"ILLA AI\u306f\u3001\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u30b3\u30b9\u30c8\u3092\u524a\u6e1b\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u5e0c\u671b\u3059\u308b\u3042\u3089\u3086\u308bAI\u6a5f\u80fd\u3092\u7d71\u5408\u3057\u307e\u3059\u3002 \u4ed5\u4e8b\u3092\u52b9\u7387\u5316\u3057\u8cb4\u91cd\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u77ed\u6642\u9593\u3067\u751f\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059","faq.content.3.question":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u7279\u5b9a\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b?","faq.content.3.answer":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306f\u5927\u898f\u6a21\u306a\u8a00\u8a9e\u30e2\u30c7\u30eb\u306b\u57fa\u3065\u3044\u3066\u304a\u308a\u3001\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u3092\u5b9f\u884c\u3059\u308b\u3088\u3046\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002 \u30d3\u30b8\u30cd\u30b9\u8981\u4ef6\u306b\u57fa\u3065\u3044\u3066\u3001AI Agent \u306e\u52d5\u4f5c\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002 ILLA Builder\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306b\u30c7\u30fc\u30bf\u3092\u5165\u529b\u3057\u3001\u30c6\u30ad\u30b9\u30c8\u51e6\u7406\u306a\u3069\u306e\u6307\u5b9a\u3055\u308c\u305f\u30bf\u30b9\u30af\u3092\u9054\u6210\u3059\u308b\u305f\u3081\u306b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u753b\u50cf\u8a8d\u8b58\u3068\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u3067\u3059","faq.content.4.question":"ILLA\u306f\u3069\u306e\u3088\u3046\u306a\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u304b?","faq.content.4.answer":"ILLA\u306f\u3001PostgreSQL\u3001MongoDB\u3001REST API\u3001GraphQL\u3001Google Sheet\u306a\u3069\u3001\u3055\u307e\u3056\u307e\u306a\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3068\u306e\u7d71\u5408\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002 \u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u4efb\u610f\u306e\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u63a5\u7d9a\u3067\u304d\u308b\u305f\u3081\u3001\u76ee\u7684\u306e\u30c7\u30fc\u30bf\u306b\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002","faq.content.5.question":"ILLA \u30af\u30e9\u30a6\u30c9\u30e6\u30fc\u30b6\u30fc\u306e\u6280\u8853\u30b5\u30dd\u30fc\u30c8\u306f\u3042\u308a\u307e\u3059\u304b?","faq.content.5.answer":"\u306f\u3044\u3001ILLA \u30af\u30e9\u30a6\u30c9\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u6280\u8853\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u6a5f\u80fd\u306b\u95a2\u3059\u308b\u554f\u984c\u3084\u8cea\u554f\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30b5\u30dd\u30fc\u30c8\u30c1\u30fc\u30e0\u307e\u3067\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002 ILLA Cloud\u3067\u30b7\u30fc\u30e0\u30ec\u30b9\u306a\u4f53\u9a13\u3092\u304a\u5c4a\u3051\u3059\u308b\u3053\u3068\u306b\u5c02\u5ff5\u3057\u3066\u3044\u307e\u3059\u3002","pricing.meta-desc":"\u3059\u3079\u3066\u306e\u500b\u3005\u306e\u958b\u767a\u8005\u3084\u5c0f\u898f\u6a21\u30c1\u30fc\u30e0\u304c\u5185\u90e8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u306e\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066\u306e\u6a5f\u80fd\u3092\u5099\u3048\u305f\u7121\u6599\u7248\u3067\u958b\u59cb\u3067\u304d\u307e\u3059\u3002","pricing.billing.pricing.premium.feature.builder.viewer":"\u7121\u5236\u9650\u306e\u30d3\u30e5\u30fc\u30a2\u30fc\u3067\u7121\u6599","pricing.billing.pricing.premium.feature.builder.audit_log":"\u76e3\u67fb\u30ed\u30b0","pricing.billing.pricing.premium.feature.builder.public":"\u30a2\u30d7\u30ea\u306e\u516c\u958b","pricing.billing.pricing.premium.feature.builder.sql":"AI SQL\u751f\u6210","pricing.billing.pricing.premium.feature.builder.history":"\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u7de8\u96c6\u5c65\u6b74\u3068\u5fa9\u5143","pricing.billing.pricing.premium.feature.builder.theme":"\u30ab\u30b9\u30bf\u30e0\u30c6\u30fc\u30de\uff08\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a\uff09","pricing.billing.pricing.premium.feature.builder.multi_environment":"\u8907\u6570\u74b0\u5883\uff08\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a\uff09","pricing.billing.pricing.premium.feature.builder.deployed_version":"\u30c7\u30d7\u30ed\u30a4\u3055\u308c\u305f\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u4fdd\u6301\u3057\u3066\u5fa9\u5143\uff08\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a\uff09","pricing.billing.pricing.premium.feature.agent.gpt":"GPT-4\u3084GPT-3.5-turbo-16k\u306a\u3069\u3001\u3055\u307e\u3056\u307e\u306a\u30e2\u30c7\u30eb\u306b\u30a2\u30af\u30bb\u30b9","pricing.billing.pricing.colla.feature.storage":"\u30b9\u30c8\u30ec\u30fc\u30b8","pricing.billing.pricing.colla.feature.traffic":"\u30c8\u30e9\u30d5\u30a3\u30c3\u30af","pricing.billing.pricing.colla.feature.token":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8","pricing.faq.title":"\u3088\u304f\u3042\u308b\u8cea\u554f","pricing.faq.content.0.question":"\u8ab2\u91d1\u5bfe\u8c61\u3068\u306a\u308b\u30e6\u30fc\u30b6\u30fc\u306f\u8ab0\u3067\u3059\u304b\uff1f","pricing.faq.content.0.answer":"\u7de8\u96c6\u6a29\u9650\uff08\u30a8\u30c7\u30a3\u30bf\u30fc\uff09\u3092\u6301\u3064\u30e6\u30fc\u30b6\u30fc\u304c\u8ab2\u91d1\u5bfe\u8c61\u3067\u3059\u3002","pricing.faq.content.1.question":"\u7570\u306a\u308b\u30bf\u30a4\u30d7\u306e\u30a8\u30c7\u30a3\u30bf\u30fc\u306f\u3042\u308a\u307e\u3059\u304b\uff1f","pricing.faq.content.1.answer":"\u7570\u306a\u308b\u30bf\u30a4\u30d7\u306e\u30a8\u30c7\u30a3\u30bf\u30fc\u306b\u306f\u30aa\u30fc\u30ca\u30fc\u3001\u7ba1\u7406\u8005\u3001\u30a8\u30c7\u30a3\u30bf\u30fc\u304c\u3042\u308a\u307e\u3059\u3002","pricing.faq.content.2.question":"\u30d3\u30e5\u30fc\u30a2\u30fc\u306f\u88fd\u54c1\u306e\u4f7f\u7528\u6599\u91d1\u304c\u304b\u304b\u308a\u307e\u3059\u304b\uff1f","pricing.faq.content.2.answer":"\u3044\u3044\u3048\u3001\u30d3\u30e5\u30fc\u30a2\u30fc\u306f\u88fd\u54c1\u306e\u4f7f\u7528\u6599\u91d1\u306f\u304b\u304b\u308a\u307e\u305b\u3093\u3002","pricing.faq.content.3.question":"\u30d3\u30e5\u30fc\u30a2\u30fc\u3092\u62db\u5f85\u3059\u308b\u306b\u306f\u3069\u3046\u3059\u308c\u3070\u3088\u3044\u3067\u3059\u304b\uff1f","pricing.faq.content.3.answer":"\u30d3\u30e5\u30fc\u30a2\u30fc\u3092\u62db\u5f85\u3059\u308b\u306b\u306f\u3001\u30c1\u30fc\u30e0\u3092\u30d7\u30e9\u30b9\u3001\u30d7\u30ec\u30df\u30a2\u30e0\u3001\u307e\u305f\u306f\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30d7\u30e9\u30f3\u306b\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3057\u3001\u30e1\u30fc\u30eb\u307e\u305f\u306f\u30ea\u30f3\u30af\u3092\u4ecb\u3057\u3066\u30e6\u30fc\u30b6\u30fc\u3092\u62db\u5f85\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002","pricing.faq.content.4.question":"ILLA Cloud\u306f\u3069\u306e\u3088\u3046\u306a\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u304b\uff1f","pricing.faq.content.4.answer":"ILLA Builder\u3001ILLA Drive\u3001AI Agent\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002","pricing.faq.content.5.question":"ILLA Drive\u3068\u306f\u4f55\u3067\u3059\u304b\uff1f","pricing.faq.content.5.answer":"ILLA Drive\u306f\u3001\u4f1a\u793e\u306e\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3084\u4ed6\u306e\u88fd\u54c1\u3092\u901a\u3058\u3066\u4efb\u610f\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u4fdd\u5b58\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u914d\u4fe1\u3059\u308b\u305f\u3081\u306eCDN\uff08\u30b3\u30f3\u30c6\u30f3\u30c4\u30c7\u30ea\u30d0\u30ea\u30fc\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\uff09\u3067\u3059\u3002\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u306e\u5229\u7528\u6599\u91d1\u306f\u5225\u9014\u8acb\u6c42\u3055\u308c\u307e\u3059\u3002","pricing.faq.content.6.question":"AI Agent\u3068\u306f\u4f55\u3067\u3059\u304b\uff1f","pricing.faq.content.6.answer":"\u6211\u3005\u306f\u3001\u30d7\u30ed\u30f3\u30d7\u30c8\u306e\u5c02\u9580\u5bb6\u3084\u611b\u597d\u5bb6\u306b\u3088\u3063\u3066\u63d0\u4f9b\u3055\u308c\u308b\u6570\u5343\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u5099\u3048\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\u8ab0\u3067\u3082\u3053\u308c\u3089\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u5b9f\u884c\u307e\u305f\u306f\u4fee\u6b63\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","pricing.faq.content.7.question":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u4f7f\u7528\u6599\u91d1\u306f\u3069\u306e\u3088\u3046\u306b\u8acb\u6c42\u3055\u308c\u307e\u3059\u304b\uff1f","pricing.faq.content.7.answer":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u4f7f\u7528\u6599\u91d1\u306b\u95a2\u3057\u3066\u306f\u3001ILLA\u5185\u306e\u8ab2\u91d1\u6982\u5ff5\u3067\u3042\u308bColla\u306b\u57fa\u3065\u3044\u3066\u8acb\u6c42\u3055\u308c\u307e\u3059\u3002Colla\u306f\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u30e9\u30f3\u30bf\u30a4\u30e0\u4e2d\u306b\u6d88\u8cbb\u3055\u308c\u308b\u30ea\u30bd\u30fc\u30b9\u3092\u8a08\u6e2c\u3057\u307e\u3059\u3002","landingPage.components.meta.title":"ILLA \u30af\u30e9\u30a6\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPage.components.meta.description":"\u4e8b\u524d\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001ILLA Cloud \u3067\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPage.components.headerContent.title":"\u7d44\u307f\u8fbc\u307f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30e9\u30a4\u30d6\u30e9\u30ea","landingPage.components.headerContent.description":"ILLA\u306f\u3001\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u7bc4\u56f2\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u7c21\u5358\u306b\u69cb\u7bc9\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a2\u30af\u30b7\u30e7\u30f3\u306b\u5fdc\u7b54\u3057\u3001\u7c21\u5358\u306a\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u64cd\u4f5c\u3067\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002 ILLA\u3067\u306f\u3001\u30c6\u30fc\u30d6\u30eb\u3001\u30b0\u30e9\u30d5\u3001\u30d5\u30a9\u30fc\u30e0\u3001\u30ea\u30b9\u30c8\u306a\u3069\u306e\u8907\u96d1\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPage.components.headerContent.btnText":"\u7121\u6599\u3067\u8a66\u3059","landingPage.components.classify.inputs.title":"Inputs","landingPage.components.classify.inputs.upload.title":"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","landingPage.components.classify.inputs.upload.description":"ILLA Cloud\u306e\u300c\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u4efb\u610f\u306e\u7a2e\u985e\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPage.components.classify.inputs.switch.title":"\u5207\u308a\u66ff\u3048","landingPage.components.classify.inputs.switch.description":"ILLA Cloud\u306e\u300c\u30b9\u30a4\u30c3\u30c1\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u8a2d\u5b9a\u3084\u6a5f\u80fd\u3092\u30aa\u30f3\u307e\u305f\u306f\u30aa\u30d5\u306b\u3067\u304d\u308b\u30c8\u30b0\u30eb\u30b9\u30a4\u30c3\u30c1\u304c\u3042\u308a\u307e\u3059\u3002","landingPage.components.classify.inputs.select.title":"\u9078\u629e","landingPage.components.classify.inputs.select.description":"ILLA Cloud\u306e\u300c\u9078\u629e\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30ea\u30b9\u30c8\u304b\u3089\u9078\u629e\u3067\u304d\u308b\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002 \u30c7\u30fc\u30bf\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306e\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u3067\u30b9\u30da\u30fc\u30b9\u52b9\u7387\u306e\u826f\u3044\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059","landingPage.components.classify.inputs.radioGroup.title":"\u7121\u7dda\u30b0\u30eb\u30fc\u30d7","landingPage.components.classify.inputs.radioGroup.description":"ILLA Cloud\u306e\u300cRadio Group\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u304c\u9078\u629e\u80a2\u306e\u30ea\u30b9\u30c8\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u7121\u7dda\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002 \u30c7\u30fc\u30bf\u306e\u5165\u529b\u3068\u7ba1\u7406\u306e\u7c21\u5358\u3067\u660e\u78ba\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059","landingPage.components.classify.inputs.checkboxGroup.title":"CheckboxGroup","landingPage.components.classify.inputs.checkboxGroup.description":"ILLA Cloud\u306e\u300cCheckbox Group\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u304c\u30ea\u30b9\u30c8\u304b\u3089\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002 \u30c7\u30fc\u30bf\u3092\u7c21\u5358\u304b\u3064\u52b9\u7387\u7684\u306b\u7ba1\u7406\u3059\u308b\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059","landingPage.components.classify.data.title":"\u30c7\u30fc\u30bf","landingPage.components.classify.inputs.chart.title":"\u30b0\u30e9\u30d5","landingPage.components.classify.inputs.chart.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30c1\u30e3\u30fc\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30f3\u30af\u3055\u308c\u305f\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u3066\u8907\u6570\u306e\u7a2e\u985e\u306e\u30c1\u30e3\u30fc\u30c8\u3092\u8868\u793a\u3057\u307e\u3059\u3002 \u8907\u96d1\u306a\u30c7\u30fc\u30bf\u306e\u660e\u78ba\u3067\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u306a\u8868\u73fe\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPage.components.classify.inputs.tables.title":"\u30c6\u30fc\u30d6\u30eb","landingPage.components.classify.inputs.tables.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u8868\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u8868\u5f62\u5f0f\u3067\u8868\u793a\u3057\u307e\u3059\u3002 \u5927\u91cf\u306e\u60c5\u5831\u3092\u4e00\u76ee\u3067\u8868\u793a\u3001\u4e26\u3079\u66ff\u3048\u3001\u5206\u6790\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPage.components.classify.Presentation.title":"\u30d7\u30ec\u30bc\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3","landingPage.components.classify.inputs.pdf.title":"PDF","landingPage.components.classify.inputs.pdf.description":"ILLA Cloud\u306e\u300cPDF\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306ePDF\u30d5\u30a1\u30a4\u30eb\u3092\u8868\u793a\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u8868\u793a\u8981\u7d20\u3067\u3059\u3002","landingPage.components.classify.inputs.video.title":"\u30d3\u30c7\u30aa","landingPage.components.classify.inputs.video.description":"ILLA Cloud\u306e\u300cVideo\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d3\u30c7\u30aa\u3092\u518d\u751f\u3057\u3001\u5bfe\u8a71\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3059\u308b\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u8981\u7d20\u3067\u3059\u3002","landingPage.integrations.meta.title":"ILLA \u30af\u30e9\u30a6\u30c9\u7d71\u5408","landingPage.integrations.meta.description":"\u7d71\u5408\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c7\u30fc\u30bf\u30ea\u30bd\u30fc\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u4f5c\u696d\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPage.integrations.headerContent.title":"\u4efb\u610f\u306e\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a","landingPage.integrations.headerContent.description":"\u30e1\u30a4\u30f3\u30b9\u30c8\u30ea\u30fc\u30e0\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3084API\u7d4c\u7531\u3067\u63a5\u7d9a\u3055\u308c\u305f\u3042\u3089\u3086\u308b\u30c7\u30fc\u30bf\u306b\u63a5\u7d9a\u3059\u308b\u6a5f\u80fd\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002 ILLA Cloud \u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u958b\u767a\u8005\u306f\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u53d6\u5f97\u3057\u305f\u30c7\u30fc\u30bf\u3092\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u7dca\u5bc6\u306b\u7d71\u5408\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u958b\u767a\u8005\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u30a4\u30d9\u30f3\u30c8\u306b\u5fdc\u7b54\u3059\u308b\u30ea\u30bd\u30fc\u30b9\u3084\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u547c\u3073\u51fa\u3057\u3092\u8a18\u8ff0\u3057\u3001\u5e83\u7bc4\u306a\u60c5\u5831\u64cd\u4f5c\u3092\u5b9f\u73fe\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPage.integrations.headerContent.btnText":"\u7121\u6599\u3067\u8a66\u3059","landingPage.integrations.classify.database.title":"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7d71\u5408","landingPage.integrations.classify.database.mysql.description":"\u52b9\u7387\u7684\u306a\u30c7\u30fc\u30bf\u306e\u4fdd\u5b58\u3068\u53d6\u5f97\u3092\u53ef\u80fd\u306b\u3059\u308b\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.postgreSQL.description":"\u5b89\u5b9a\u6027\u3068\u4fe1\u983c\u6027\u3067\u77e5\u3089\u308c\u308b\u9ad8\u5ea6\u306a\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.mariadb.description":"\u5f37\u5316\u3055\u308c\u305f\u6a5f\u80fd\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6539\u5584\u3092\u5099\u3048\u305fMySQL\u306e\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u4e3b\u5c0e\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u30d5\u30a9\u30fc\u30af\u3002","landingPage.integrations.classify.database.tidb.description":"\u6c34\u5e73\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3\u3068\u30d5\u30a9\u30eb\u30c8\u30c8\u30ec\u30e9\u30f3\u30b9\u3092\u5099\u3048\u305fSQL\u3068NoSQL\u306e\u4e21\u65b9\u306e\u30ef\u30fc\u30af\u30ed\u30fc\u30c9\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u5206\u6563SQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3002","landingPage.integrations.classify.database.redis.description":"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3001\u304a\u3088\u3073\u30e1\u30c3\u30bb\u30fc\u30b8\u30d6\u30ed\u30fc\u30ab\u30fc\u3068\u3057\u3066\u3088\u304f\u4f7f\u7528\u3055\u308c\u308b\u30a4\u30f3\u30e1\u30e2\u30ea\u30c7\u30fc\u30bf\u69cb\u9020\u30b9\u30c8\u30a2\u3002","landingPage.integrations.classify.database.appwrite.description":"Web\u304a\u3088\u3073\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a8d\u8a3c\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u304a\u3088\u3073\u30b9\u30c8\u30ec\u30fc\u30b8\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d0\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPage.integrations.classify.database.mongodb.description":"JSON\u306b\u4f3c\u305f\u67d4\u8edf\u306a\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u30c7\u30fc\u30bf\u3092\u683c\u7d0d\u3059\u308bNoSQL\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3002","landingPage.integrations.classify.database.oracleDB.description":"\u9ad8\u6027\u80fd\u3067\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u306a\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3067\u3001\u5305\u62ec\u7684\u306a\u6a5f\u80fd\u3068\u30c4\u30fc\u30eb\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPage.integrations.classify.database.elasticSearch.description":"\u5927\u91cf\u306e\u30c7\u30fc\u30bf\u3092\u6271\u3048\u308b\u5206\u6563\u578b\u306eRESTful\u691c\u7d22\u3068\u5206\u6790\u30a8\u30f3\u30b8\u30f3\u3002","landingPage.integrations.classify.database.couchDB.description":"\u5897\u5206\u30ec\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u7af6\u5408\u691c\u51fa\u3092\u5099\u3048\u305f\u5206\u6563\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u63d0\u4f9b\u3059\u308b NoSQL \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u6307\u5411\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3002","landingPage.integrations.classify.database.firebase.description":"\u30e2\u30d0\u30a4\u30eb\u304a\u3088\u3073Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u8a8d\u8a3c\u3001\u30af\u30e9\u30a6\u30c9\u30e1\u30c3\u30bb\u30fc\u30b8\u30f3\u30b0\u306a\u3069\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPage.integrations.classify.database.mssql.description":"\u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3\u51e6\u7406\u3001\u30d3\u30b8\u30cd\u30b9\u30a4\u30f3\u30c6\u30ea\u30b8\u30a7\u30f3\u30b9\u3001\u5206\u6790\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308bMicrosoft\u306b\u3088\u3063\u3066\u958b\u767a\u3055\u308c\u305f\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.supabaseDB.description":"\u30aa\u30f3\u30e9\u30a4\u30f3\u5206\u6790\u51e6\u7406(OLAP)\u30ef\u30fc\u30af\u30ed\u30fc\u30c9\u7528\u306b\u8a2d\u8a08\u3055\u308c\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u5217\u6307\u5411\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.neon.description":"\u5b8c\u5168\u306b\u7ba1\u7406\u3055\u308c\u305f\u30de\u30eb\u30c1\u30af\u30e9\u30a6\u30c9Postgres\u306f\u3001\u5bdb\u5927\u306a\u7121\u6599\u306e\u968e\u5c64\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002\u79c1\u305f\u3061\u306f\u3001\u81ea\u52d5\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3001\u5206\u5c90\u3001\u304a\u3088\u3073\u5e95\u306a\u3057\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306b\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u8a08\u7b97\u3092\u5206\u96e2\u3057\u307e\u3057\u305f\u3002","landingPage.integrations.classify.database.hydra.description":"Postgres\u4e0a\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u5217\u6307\u5411\u306eRDBMS","landingPage.integrations.classify.database.dynamoDB.description":"\u9ad8\u6027\u80fd\u3001\u62e1\u5f35\u6027\u3001\u4fe1\u983c\u6027\u3092\u63d0\u4f9b\u3059\u308b\u5b8c\u5168\u306b\u7ba1\u7406\u3055\u308c\u305fNoSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30b5\u30fc\u30d3\u30b9\u3002","landingPage.integrations.classify.database.snowflake.description":"\u5927\u898f\u6a21\u306a\u30c7\u30fc\u30bf\u306e\u4fdd\u5b58\u3068\u5206\u6790\u306e\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30c7\u30fc\u30bf\u30a6\u30a7\u30a2\u30cf\u30a6\u30b8\u30f3\u30b0\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPage.integrations.classify.api.title":"API\u9023\u643a","landingPage.integrations.classify.api.hfAPI.description":"\u63a8\u8ad6\u30bf\u30b9\u30af\u306e\u305f\u3081\u306e\u4f7f\u3044\u3084\u3059\u3044\u4e8b\u524d\u8a13\u7df4\u6e08\u307f\u306e\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u3092\u63d0\u4f9b\u3059\u308bAPI\u3002","landingPage.integrations.classify.api.hfEndpoint.description":"\u63a8\u8ad6\u30bf\u30b9\u30af\u7528\u306e Hug Face \u30e2\u30c7\u30eb\u306e\u5c55\u958b\u3068\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3092\u5bb9\u6613\u306b\u3059\u308b\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3002","landingPage.integrations.classify.api.restAPI.description":"HTTP\u30d7\u30ed\u30c8\u30b3\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3068\u30b5\u30fc\u30d0\u30fc\u9593\u3067\u30c7\u30fc\u30bf\u3092\u4ea4\u63db\u3059\u308bWeb\u30b5\u30fc\u30d3\u30b9\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306eWeb\u30d9\u30fc\u30b9\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u30b9\u30bf\u30a4\u30eb\u3002","landingPage.integrations.classify.api.s3.description":"\u3055\u307e\u3056\u307e\u306a\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u306b\u5408\u308f\u305b\u3066\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u3067\u5b89\u5168\u3067\u8010\u4e45\u6027\u306e\u3042\u308b\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u63d0\u4f9b\u3059\u308b\u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30b9\u30c8\u30ec\u30fc\u30b8\u30b5\u30fc\u30d3\u30b9\u3002","landingPage.integrations.classify.api.smtp.description":"\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u4e0a\u3067\u96fb\u5b50\u30e1\u30fc\u30eb\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u53d7\u4fe1\u3059\u308b\u305f\u3081\u306e\u30d7\u30ed\u30c8\u30b3\u30eb\u3002","landingPage.integrations.classify.api.graphQL.description":"\u5f93\u6765\u306eREST API\u306b\u4ee3\u308f\u308b\u3001\u3088\u308a\u52b9\u7387\u7684\u3067\u5f37\u529b\u3067\u67d4\u8edf\u306aAPI\u306e\u30af\u30a8\u30ea\u8a00\u8a9e\u3002","landingPage.integrations.classify.api.googleSheets.description":"\u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u3002\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u4ed6\u306e\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u3001\u7de8\u96c6\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPage.integrations.classify.api.airtable.description":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u30c7\u30fc\u30bf\u3001\u30c1\u30fc\u30e0\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u67d4\u8edf\u3067\u5354\u8abf\u7684\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","blog.all_posts":"\u3059\u3079\u3066\u306e\u6295\u7a3f","blog.all_posts_desc_bold":"ILLA\u30d6\u30ed\u30b0","blog.all_posts_desc":"|\u958b\u767a\u8005\u5411\u3051\u306e\u6052\u661f\u578b\u77e5\u8b58\u30ea\u30dd\u30b8\u30c8\u30ea\u3067\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3084\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u958b\u767a\u3001AI\u3001\u30ed\u30fc\u30b3\u30fc\u30c9\u3001ILLA Cloud\u306a\u3069\u306e\u5e45\u5e83\u3044\u5206\u91ce\u3092\u7db2\u7f85\u3057\u3066\u3044\u307e\u3059\u3002 \u3053\u3053\u3067\u306f\u3001\u6700\u5148\u7aef\u306e\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306b\u6ca1\u982d\u3057\u3001\u65b0\u305f\u306a\u30c8\u30ec\u30f3\u30c9\u3092\u6398\u308a\u4e0b\u3052\u3001\u6d3b\u6c17\u306e\u3042\u308b\u7d4c\u9a13\u306e\u4ea4\u63db\u306b\u53d6\u308a\u7d44\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","theme.blog.posts_tagged_with":"\u30bf\u30b0\u4ed8\u3051\u3055\u308c\u305f\u6295\u7a3f","footer.less":"\u8868\u793a\u3092\u6e1b\u3089\u3059","footer.more":"\u8a73\u7d30\u3092\u8868\u793a","nav.contact":"\u30c7\u30e2\u3092\u4e88\u7d04\u3059\u308b","website_4.solution.use_this_template":"Jetzt versuchen","call-to-action.title":"ILLA \u30af\u30e9\u30a6\u30c9\u3092\u4f7f\u3063\u305f\u30a2\u30d7\u30ea\u306e\u69cb\u7bc9\u3092\u958b\u59cb","call-to-action.desc":"\u5fc5\u8981\u306a\u3042\u3089\u3086\u308b\u5185\u90e8\u30c4\u30fc\u30eb\u306f\u3001ILLA Cloud \u3092\u4f7f\u7528\u3057\u30661\u5206\u3067\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","call-to-action.button-1":"\u7121\u6599\u3067\u30af\u30e9\u30a6\u30c9\u3092\u8a66\u3059","call-to-action.button-2":"GitHub \u3067\u30b5\u30a4\u30f3\u30a4\u30f3","title.github":"Github","title.stars":"Sterne","title.star-us":"Folg uns","learn_more":"\u3082\u3063\u3068\u8a73\u3057\u304f","pricing.billing.pricing.premium.desc":"\u30c1\u30fc\u30e0\u3092\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3057\u3066\u9ad8\u5ea6\u306a\u6a5f\u80fd\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b","pricing.billing.pricing.premium.price":"/month/editor","pricing.billing.pricing.colla.desc":"ILLA Cloud \u306e\u4ed8\u52a0\u4fa1\u5024\u30b5\u30fc\u30d3\u30b9\u306e\u652f\u6255\u3044\u306b\u4f7f\u7528","pricing.billing.pricing.colla.price":"/month/5k Colla","pricing.billing.plus-btn":"\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3059\u308b","landingPageDetail.audio.name":"\u30aa\u30fc\u30c7\u30a3\u30aa","landingPageDetail.audio.title":"ILLA Cloud\u306e\u30aa\u30fc\u30c7\u30a3\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.audio.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30d3\u30c7\u30aa\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d3\u30c7\u30aa\u3084\u30aa\u30fc\u30c7\u30a3\u30aa\u3092\u518d\u751f\u3057\u3001\u5bfe\u8a71\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30de\u30eb\u30c1\u30e1\u30c7\u30a3\u30a2\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u52b9\u7387\u7684\u3067\u4fbf\u5229\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059 \u307e\u305f\u306f\u3001\u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f Video \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u696d\u4e2d\u306b\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u30d3\u30c7\u30aa\u3092\u898b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u3067\u5fc5\u8981\u306a\u3059\u3079\u3066\u306e\u60c5\u5831\u3092\u7c21\u5358\u306b\u5165\u624b\u3067\u304d\u308b\u305f\u3081\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.audio.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|\u30aa\u30fc\u30c7\u30a3\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.audio.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Audio \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.barProgress.name":"\u30d0\u30fc\u306e\u9032\u884c\u72b6\u6cc1","landingPageDetail.barProgress.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300cBar Progress Component\u300d\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.barProgress.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300cBar Progress\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001100%\u30b9\u30b1\u30fc\u30eb\u306e\u30d0\u30fc\u306e\u9032\u884c\u72b6\u6cc1\u3092\u8996\u899a\u7684\u306b\u8868\u3057\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u304c\u81ea\u5206\u306e\u9032\u6357\u72b6\u6cc1\u3092\u8fc5\u901f\u304b\u3064\u52b9\u7387\u7684\u306b\u8ffd\u8de1\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002 \u9032\u6b69\u306e\u660e\u78ba\u304b\u3064\u7c21\u6f54\u306a\u8996\u899a\u7684\u306a\u8868\u73fe\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u3001\u5b8c\u4e86\u7387\u3092\u8a08\u7b97\u3059\u308b\u6642\u9593\u3092\u8cbb\u3084\u3059\u3053\u3068\u306a\u304f\u3001\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u6cbf\u3063\u3066\u3069\u308c\u304f\u3089\u3044\u9032\u3093\u3067\u3044\u308b\u304b\u3092\u7c21\u5358\u306b\u7406\u89e3\u3067\u304d\u307e\u3059\u3002 \u8cb4\u91cd\u306a\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u3088\u308a\u91cd\u8981\u306a\u4ed5\u4e8b\u306b\u96c6\u4e2d\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002","landingPageDetail.barProgress.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30d0\u30fc\u306e\u9032\u6357\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30c7\u30fc\u30bf\u306e\u9032\u6357\u72b6\u6cc1\u3092\u53ef\u8996\u5316\u3059\u308b","landingPageDetail.barProgress.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001Bar \u9032\u884c\u72b6\u6cc1\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.button.name":"\u30dc\u30bf\u30f3","landingPageDetail.button.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.button.description":"ILLA Cloud\u306e\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u3084\u308a\u53d6\u308a\u3059\u308b\u305f\u3081\u306e\u660e\u78ba\u304b\u3064\u76f4\u611f\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u30c8\u30ea\u30ac\u30fc\u3084\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u306b\u4f7f\u7528\u3067\u304d\u308b\u6c4e\u7528\u6027\u306e\u9ad8\u3044\u30c4\u30fc\u30eb\u3067\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3068\u304d\u306b\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u66f4\u65b0\u3092\u30c8\u30ea\u30ac\u30fc\u3059\u308b\u300c\u4fdd\u5b58\u300d\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3057\u3001\u624b\u52d5\u3067\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u66f4\u65b0\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u6642\u9593\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002","landingPageDetail.button.metaTitle":"ILLA Cloud | \u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.button.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3067\u306e\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.carousel.name":"Carousel","landingPageDetail.carousel.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30ab\u30eb\u30fc\u30bb\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.carousel.description":"ILLA Cloud\u306e\u300c\u30ab\u30eb\u30fc\u30bb\u30eb\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u30011\u3064\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306b\u8907\u6570\u306e\u753b\u50cf\u3084\u30e1\u30c7\u30a3\u30a2\u3092\u8868\u793a\u3057\u307e\u3059\u3002 \u5225\u3005\u306e\u30da\u30fc\u30b8\u3084\u30a6\u30a3\u30f3\u30c9\u30a6\u3092\u30ca\u30d3\u30b2\u30fc\u30c8\u3059\u308b\u5fc5\u8981\u304c\u306a\u304f\u306a\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u30ab\u30eb\u30fc\u30bb\u30eb\u3068\u5bfe\u8a71\u3057\u3001\u753b\u50cf\u3084\u52d5\u753b\u306a\u3069\u306e\u8868\u793a\u3055\u308c\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8868\u793a\u304a\u3088\u3073\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3059\u3079\u3066\u540c\u3058\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u5185\u3067\u30b7\u30fc\u30e0\u30ec\u30b9\u3067\u52b9\u7387\u7684\u306a\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPageDetail.carousel.metaTitle":"ILLA Cloud | \u30ab\u30eb\u30fc\u30bb\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.carousel.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306e\u30ab\u30eb\u30fc\u30bb\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.cascader.name":"Cascader","landingPageDetail.cascader.title":"ILLA Cloud \u306e Cascader \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.cascader.description":"ILLA Cloud\u306eCascader\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u9078\u629e\u80a2\u306e\u8907\u6570\u30ec\u30a4\u30e4\u30fc\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5165\u529b\u3068\u7ba1\u7406\u306b\u5bfe\u3059\u308b\u968e\u5c64\u7684\u3067\u52b9\u7387\u7684\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u88fd\u54c1\u9078\u629e\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Cascader\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u597d\u307f\u306e\u88fd\u54c1\u30ab\u30c6\u30b4\u30ea\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u53ce\u96c6\u306e\u7cbe\u5ea6\u3068\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059","landingPageDetail.cascader.metaTitle":"ILLA\u30af\u30e9\u30a6\u30c9\u30ab\u30b9\u30b1\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 | ILLA Cloud","landingPageDetail.cascader.metaDescription":"ILLA Cloud \u3067 Cascader \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ab\u30b9\u30b1\u30fc\u30c9\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.chart.name":"\u30b0\u30e9\u30d5","landingPageDetail.chart.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.chart.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30c1\u30e3\u30fc\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30f3\u30af\u3055\u308c\u305f\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u3066\u3055\u307e\u3056\u307e\u306a\u30c1\u30e3\u30fc\u30c8\u30bf\u30a4\u30d7\u3092\u8868\u793a\u3057\u3001\u8907\u96d1\u306a\u60c5\u5831\u3092\u660e\u78ba\u304b\u3064\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u306a\u65b9\u6cd5\u3067\u5206\u6790\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u30dd\u30a4\u30f3\u30c8\u3092\u6bd4\u8f03\u3057\u3001\u50be\u5411\u3092\u7279\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u610f\u601d\u6c7a\u5b9a\u306e\u305f\u3081\u306e\u52b9\u7387\u7684\u306a\u30c4\u30fc\u30eb\u3068\u306a\u308a\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u55b6\u696d\u30c1\u30fc\u30e0\u306f\u30b0\u30e9\u30d5\u3092\u4f7f\u7528\u3057\u3066\u53ce\u76ca\u3092\u8996\u899a\u5316\u3057\u3001\u6539\u5584\u306e\u305f\u3081\u306e\u9818\u57df\u3092\u7279\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u300c\u30b0\u30e9\u30d5\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u5206\u6790\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3001\u60c5\u5831\u3092\u308f\u304b\u308a\u3084\u3059\u3044\u5f62\u5f0f\u3067\u8868\u793a\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.chart.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30b0\u30e9\u30d5\u3084\u30b0\u30e9\u30d5\u3068\u3057\u3066\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b","landingPageDetail.chart.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.checkboxGroup.name":"\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30b0\u30eb\u30fc\u30d7","landingPageDetail.checkboxGroup.title":"ILLA Cloud\u306eCheckbox Group Component\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.checkboxGroup.description":"ILLA Cloud\u306eCheckbox Group\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30b9\u30c8\u304b\u3089\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u4fbf\u5229\u3067\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u88fd\u54c1\u8a2d\u5b9a\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Checkbox Group\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u8272\u3084\u30b5\u30a4\u30ba\u306a\u3069\u3001\u30c7\u30fc\u30bf\u53ce\u96c6\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059\u3002","landingPageDetail.checkboxGroup.metaTitle":"ILLA Cloud | Checkbox Group Component","landingPageDetail.checkboxGroup.metaDescription":"ILLA Cloud \u306eCheckbox Group\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.circleProgress.name":"\u5186\u306e\u9032\u6357\u72b6\u6cc1","landingPageDetail.circleProgress.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30b5\u30fc\u30af\u30eb\u9032\u884c\u72b6\u6cc1\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.circleProgress.description":"\u5186\u306e\u9032\u884c\u72b6\u6cc1\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8ILLA\u30af\u30e9\u30a6\u30c9\u306f\u3001\u5186\u5f62\u306e\u9032\u6357\u72b6\u6cc1\u3092\u8868\u793a\u3059\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u306a\u9032\u6b69\u3092\u8ffd\u8de1\u3059\u308b\u65b9\u6cd5\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059 \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u624b\u52d5\u3067\u30d1\u30fc\u30bb\u30f3\u30c6\u30fc\u30b8\u3092\u8a08\u7b97\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u30bf\u30b9\u30af\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u6357\u72b6\u6cc1\u3092\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u78ba\u8a8d\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u8ffd\u52a0\u306e\u6ce8\u610f\u3084\u30ea\u30bd\u30fc\u30b9\u304c\u5fc5\u8981\u306a\u9818\u57df\u3092\u7279\u5b9a\u3057\u3001\u660e\u78ba\u304b\u3064\u7c21\u6f54\u306a\u65b9\u6cd5\u3067\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u3084\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u306b\u9032\u6b69\u3092\u4f1d\u3048\u308b\u624b\u52a9\u3051\u3092\u3057\u307e\u3059","landingPageDetail.circleProgress.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30b5\u30fc\u30af\u30eb\u306e\u9032\u6357\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u5186\u5f62\u30d0\u30fc\u3067\u306e\u30c7\u30fc\u30bf\u306e\u9032\u6357\u306e\u8868\u793a\u3068\u7ba1\u7406","landingPageDetail.circleProgress.metaDescription":"ILLA Cloud \u306eCircular progress \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u5186\u5f62\u30d0\u30fc\u306b\u30c7\u30fc\u30bf\u306e\u9032\u884c\u72b6\u6cc1\u3092\u8868\u793a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.container.name":"\u30b3\u30f3\u30c6\u30ca","landingPageDetail.container.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30b3\u30f3\u30c6\u30ca\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.container.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30b3\u30f3\u30c6\u30ca\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u8907\u6570\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u307e\u3068\u3081\u3066\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u6574\u7406\u3068\u7ba1\u7406\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30b3\u30f3\u30c6\u30ca\u5185\u306e\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u30bb\u30c3\u30c8\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u306e\u53ce\u96c6\u3068\u9001\u4fe1\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3057\u3001\u5168\u4f53\u7684\u306a\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.container.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | \u30b3\u30f3\u30c6\u30ca\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.container.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u300cILLA Cloud\u300d\u3067\u30b3\u30f3\u30c6\u30ca\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.date.name":"\u65e5\u4ed8","landingPageDetail.date.title":"ILLA Cloud\u306e\u65e5\u4ed8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.date.description":"ILLA Cloud \u306e Date \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u65e5\u4ed8\u9078\u629e\u3092\u7c21\u7d20\u5316\u3057\u3001\u65e5\u4ed8\u95a2\u9023\u30c7\u30fc\u30bf\u7ba1\u7406\u306e\u52b9\u7387\u3068\u7cbe\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a4\u30d9\u30f3\u30c8\u767b\u9332\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001Date \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a4\u30d9\u30f3\u30c8\u65e5\u4ed8\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u65e5\u4ed8\u95a2\u9023\u306e\u30a8\u30e9\u30fc\u306e\u53ef\u80fd\u6027\u3092\u6e1b\u3089\u3057\u3001\u767b\u9332\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059\u3002","landingPageDetail.date.metaTitle":"ILLA Cloud | \u65e5\u4ed8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.date.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Date \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.dateRange.name":"Date Range","landingPageDetail.dateRange.title":"ILLA Cloud\u306e\u65e5\u4ed8\u7bc4\u56f2\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.dateRange.description":"ILLA Cloud\u306e\u300c\u65e5\u4ed8\u7bc4\u56f2\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u65e5\u4ed8\u7bc4\u56f2\u306e\u9078\u629e\u3092\u5408\u7406\u5316\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f\u30ec\u30dd\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u3001\u300c\u65e5\u4ed8\u7bc4\u56f2\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u304c\u30c7\u30fc\u30bf\u5206\u6790\u306e\u305f\u3081\u306e\u65e5\u4ed8\u7bc4\u56f2\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u52b9\u7387\u3092\u9ad8\u3081\u307e\u3059","landingPageDetail.dateRange.metaTitle":"ILLA Cloud | \u65e5\u4ed8\u7bc4\u56f2\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.dateRange.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Date Range \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.dateTime.name":"\u65e5\u4ed8\u6642\u523b","landingPageDetail.dateTime.title":"ILLA Cloud \u306e\u65e5\u4ed8\u6642\u523b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.dateTime.description":"ILLA Cloud\u306eDate Time\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u65e5\u4ed8\u3068\u6642\u523b\u306e\u9078\u629e\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u306e\u52b9\u7387\u3068\u7cbe\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u30fc\u306f\u4e88\u7d04\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\u300c\u65e5\u4ed8\u6642\u523b\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u65e5\u4ed8\u3068\u6642\u523b\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30b9\u30b1\u30b8\u30e5\u30fc\u30ea\u30f3\u30b0\u30a8\u30e9\u30fc\u306e\u53ef\u80fd\u6027\u3092\u6e1b\u3089\u3057\u3001\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059\u3002","landingPageDetail.dateTime.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u65e5\u4ed8\u6642\u523b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u65e5\u4ed8\u3068\u6642\u523b\u306e\u9078\u629e\u3068\u8868\u793a","landingPageDetail.dateTime.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u65e5\u4ed8\u6642\u523b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.divider.name":"Divider","landingPageDetail.divider.title":"ILLA Cloud \u306e Divider Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.divider.description":"ILLA Cloud \u306e\u300cDivider\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u7570\u306a\u308b\u30bb\u30af\u30b7\u30e7\u30f3\u9593\u306e\u660e\u78ba\u306a\u533a\u5225\u3092\u4f5c\u6210\u3057\u3001\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3068\u7d44\u7e54\u3092\u6539\u5584\u3059\u308b\u8996\u899a\u7684\u306a\u8981\u7d20\u3067\u3059\u3002 \u5206\u5272\u7dda\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u96d1\u7136\u3068\u3057\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u691c\u7d22\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u5fc5\u8981\u306a\u60c5\u5831\u3092\u3059\u3070\u3084\u304f\u898b\u3064\u3051\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u3092\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002","landingPageDetail.divider.metaTitle":"ILLA Cloud | Divider Component","landingPageDetail.divider.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306eDivider\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.editableText.name":"\u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8","landingPageDetail.editableText.title":"ILLA Cloud \u306e\u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.editableText.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30c6\u30ad\u30b9\u30c8\u7de8\u96c6\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f1\u884c\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30dc\u30c3\u30af\u30b9\u306b\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u304a\u3088\u3073\u7de8\u96c6\u3067\u304d\u307e\u3059\u3002 \u5165\u529b\u3055\u308c\u305f\u30c6\u30ad\u30b9\u30c8\u306f\u30db\u30d0\u30fc\u3067\u8868\u793a\u3067\u304d\u307e\u3059 \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u3092\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u7de8\u96c6\u3059\u308b\u65b9\u6cd5\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u306f\u3001\u30e6\u30fc\u30b6\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u53ce\u96c6\u3059\u308b\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\u300c\u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u304c\u6295\u7a3f\u3059\u308b\u524d\u306b\u30b3\u30e1\u30f3\u30c8\u3092\u7de8\u96c6\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u4f01\u696d\u306f\u524d\u5f8c\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5fc5\u8981\u6027\u3092\u6e1b\u3089\u3059\u3053\u3068\u3067\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.editableText.metaTitle":"ILLA Cloud | \u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.editableText.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Editable Text \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.form.name":"\u30d5\u30a9\u30fc\u30e0","landingPageDetail.form.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.form.description":"ILLA Cloud\u306e\u300c\u30d5\u30a9\u30fc\u30e0\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u5fc5\u8981\u306a\u60c5\u5831\u3092\u5165\u529b\u304a\u3088\u3073\u9001\u4fe1\u3067\u304d\u3001\u30c7\u30fc\u30bf\u3092\u53ce\u96c6\u304a\u3088\u3073\u51e6\u7406\u3059\u308b\u305f\u3081\u306e\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5165\u529b\u30d7\u30ed\u30bb\u30b9\u3092\u6a19\u6e96\u5316\u3059\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30a8\u30e9\u30fc\u3092\u524a\u6e1b\u3057\u3001\u30c7\u30fc\u30bf\u306e\u6574\u7406\u3068\u5206\u6790\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u4f1a\u793e\u306f\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u5f93\u696d\u54e1\u60c5\u5831\u3092\u53ce\u96c6\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u9023\u7d61\u5148\u3084\u8077\u4f4d\u306a\u3069\u306e\u60c5\u5831\u3092\u7c21\u5358\u306b\u6574\u7406\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.form.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | \u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.form.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306e\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.icon.name":"\u30a2\u30a4\u30b3\u30f3","landingPageDetail.icon.title":"ILLA Cloud \u306e Icon Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.icon.description":"ILLA Cloud\u306e\u30a2\u30a4\u30b3\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u69cb\u7bc9\u6e08\u307f\u30a2\u30a4\u30b3\u30f3\u3092\u633f\u5165\u3059\u308b\u305f\u3081\u306e\u8fc5\u901f\u304b\u3064\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8996\u899a\u7684\u306a\u9b45\u529b\u3068\u4f7f\u3044\u3084\u3059\u3055\u3092\u5411\u4e0a\u3055\u305b\u3066\u3044\u307e\u3059 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306fE\u30b3\u30de\u30fc\u30b9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u30ab\u30fc\u30c8\u6a5f\u80fd\u3092\u8868\u3059\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u30ab\u30fc\u30c8\u30a2\u30a4\u30b3\u30f3\u3092\u633f\u5165\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30ab\u30b9\u30bf\u30e0\u30a2\u30a4\u30b3\u30f3\u306e\u4f5c\u6210\u3068\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u306b\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.icon.metaTitle":"ILLA Cloud | \u30a2\u30a4\u30b3\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.icon.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3067\u306eIcon \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.image.name":"\u753b\u50cf","landingPageDetail.image.title":"ILLA Cloud \u306e\u753b\u50cf\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.image.description":"ILLA Cloud\u306eImage\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u753b\u50cf\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u8996\u899a\u7684\u306a\u9b45\u529b\u3068\u60c5\u5831\u306e\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f \'Image\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u96fb\u5b50\u5546\u53d6\u5f15\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u88fd\u54c1\u753b\u50cf\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u88fd\u54c1\u306e\u660e\u78ba\u3067\u9b45\u529b\u7684\u306a\u8868\u73fe\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306e\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002","landingPageDetail.image.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u753b\u50cf\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30a2\u30d7\u30ea\u5185\u306e\u753b\u50cf\u306e\u8868\u793a\u3068\u7ba1\u7406","landingPageDetail.image.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u3001\u30ae\u30e3\u30e9\u30ea\u30fc\u3001\u30b9\u30e9\u30a4\u30c0\u30fc\u3001\u30b5\u30e0\u30cd\u30a4\u30eb\u306a\u3069\u306e\u4f5c\u6210\u306b\u753b\u50cf\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.input.name":"Input","landingPageDetail.input.title":"ILLA Cloud \u306e Input Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.input.description":"ILLA Cloud \u3067\u306f\u3001\u5de6\u30e9\u30d9\u30eb\u306e Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u3063\u3066\u624b\u52d5\u30c7\u30fc\u30bf\u5165\u529b\u304c\u4e0d\u8981\u306b\u306a\u308a\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u3055\u3089\u306a\u308b\u51e6\u7406\u306b\u5fc5\u8981\u306a\u60c5\u5831\u3092\u7c21\u5358\u306b\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u9867\u5ba2\u306e\u9023\u7d61\u5148\u60c5\u5831\u3092\u53ce\u96c6\u3057\u3001\u30c7\u30fc\u30bf\u306e\u53ce\u96c6\u3068\u51e6\u7406\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u53ce\u96c6\u3055\u308c\u305f\u30c7\u30fc\u30bf\u306f\u3001\u9867\u5ba2\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3\u3001\u30bf\u30fc\u30b2\u30c3\u30c8\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u3001\u304a\u3088\u3073\u9867\u5ba2\u30b5\u30dd\u30fc\u30c8\u306b\u6d3b\u7528\u3067\u304d\u3001\u52b9\u7387\u7684\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3059\u308b\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPageDetail.input.metaTitle":"ILLA Cloud | Input Component ","landingPageDetail.input.metaDescription":"ILLA Cloud \u3067\u306e Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.list.name":"\u30ea\u30b9\u30c8","landingPageDetail.list.title":"ILLA Cloud\u306e\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.list.description":"\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u3092\u8868\u793a\u304a\u3088\u3073\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u7d44\u7e54\u7684\u304b\u3064\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u304c\u60c5\u5831\u306b\u3059\u3070\u3084\u304f\u30a2\u30af\u30bb\u30b9\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u55b6\u696d\u30de\u30cd\u30fc\u30b8\u30e3\u306f\u3001format@@0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u9867\u5ba2\u306e\u6ce8\u6587\u3092\u8868\u793a\u304a\u3088\u3073\u8ffd\u8de1\u3057\u3001\u30c8\u30ec\u30f3\u30c9\u3092\u8fc5\u901f\u306b\u7279\u5b9a\u3057\u3001\u30c7\u30fc\u30bf\u99c6\u52d5\u578b\u306e\u610f\u601d\u6c7a\u5b9a\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5168\u4f53\u3068\u3057\u3066\u3001List \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u3001\u30c7\u30fc\u30bf\u5206\u6790\u3092\u5f37\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.list.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30c7\u30fc\u30bf\u306e\u7e70\u308a\u8fd4\u3057\u884c\u3092\u4f5c\u6210","landingPageDetail.list.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u3001\u30ae\u30e3\u30e9\u30ea\u30fc\u3001\u30b9\u30e9\u30a4\u30c0\u30fc\u3001\u30c6\u30fc\u30d6\u30eb\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.menu.name":"\u30e1\u30cb\u30e5\u30fc","landingPageDetail.menu.title":"ILLA Cloud\u306e\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.menu.description":"\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u3001\u8907\u6570\u306e\u30da\u30fc\u30b8\u3092\u79fb\u52d5\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u306a\u304f\u3001\u3055\u307e\u3056\u307e\u306a\u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u3059\u3070\u3084\u304f\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u3055\u307e\u3056\u307e\u306a\u6a5f\u80fd\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u305f\u3081\u306b\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u983b\u7e41\u306b\u4f7f\u7528\u3055\u308c\u308b\u6a5f\u80fd\u306b\u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.menu.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30da\u30fc\u30b8\u69cb\u9020\u306e\u8868\u793a\u3068\u7ba1\u7406","landingPageDetail.menu.metaDescription":"\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3001\u30b5\u30a4\u30c9\u30d0\u30fc\u3001\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u30e1\u30cb\u30e5\u30fc\u306a\u3069\u3092ILLA Cloud\u3067\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.modal.name":"\u30e2\u30fc\u30c0\u30eb\u8a9e","landingPageDetail.modal.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.modal.description":"ILLA Cloud\u306e\u300cModal\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u73fe\u5728\u306e\u30da\u30fc\u30b8\u304b\u3089\u79fb\u52d5\u3057\u305f\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u4e2d\u65ad\u3057\u305f\u308a\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u8868\u793a\u3084\u30e6\u30fc\u30b6\u64cd\u4f5c\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u8868\u793a\u3067\u304d\u308b\u30e6\u30fc\u30b6\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u8981\u7d20\u3067\u3059\u3002 \u65e2\u5b58\u306e\u30da\u30fc\u30b8\u306e\u4e0a\u90e8\u306b\u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0\u30ec\u30a4\u30e4\u30fc\u3092\u4f5c\u6210\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u53ce\u96c6\u3057\u305f\u308a\u3001\u60c5\u5831\u3092\u8868\u793a\u3057\u305f\u308a\u3001\u5165\u529b\u3092\u4fc3\u3057\u305f\u308a\u3057\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u3088\u308a\u30b7\u30fc\u30e0\u30ec\u30b9\u3067\u5408\u7406\u5316\u3055\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u3084\u308a\u53d6\u308a\u3057\u306a\u304c\u3089\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u540c\u3058\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u5185\u306b\u3068\u3069\u307e\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.modal.metaTitle":"ILLA Cloud | \u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.modal.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Modal \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.multiselect.name":"\u8907\u6570\u9078\u629e","landingPageDetail.multiselect.title":"ILLA Cloud \u306e MultiSelect \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.multiselect.description":"ILLA Cloud\u306eMulti Select\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30b9\u30c8\u304b\u3089\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u4fbf\u5229\u3067\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a2\u30f3\u30b1\u30fc\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Multi Select\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u597d\u307f\u306e\u88fd\u54c1\u3084\u30b5\u30fc\u30d3\u30b9\u306a\u3069\u30c7\u30fc\u30bf\u53ce\u96c6\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059","landingPageDetail.multiselect.metaTitle":"ILLA Cloud | \u30de\u30eb\u30c1\u30bb\u30ec\u30af\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.multiselect.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3067\u306e\u30de\u30eb\u30c1\u30bb\u30ec\u30af\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.numberInput.name":"Number input","landingPageDetail.numberInput.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u6570\u5024\u5165\u529b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.numberInput.description":"ILLA Cloud \u3067\u306f\u3001\u5de6\u30e9\u30d9\u30eb\u306e Number Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u6570\u5024\u3092\u5165\u529b\u3067\u304d\u307e\u3059\u3002 \u8fc5\u901f\u304b\u3064\u5bb9\u6613\u306a\u5165\u529b\u306e\u305f\u3081\u306e\u5408\u7406\u5316\u3055\u308c\u305f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u624b\u52d5\u30c7\u30fc\u30bf\u5165\u529b\u306e\u5fc5\u8981\u6027\u3092\u6392\u9664\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u5404\u9805\u76ee\u306e\u6570\u91cf\u3068\u4fa1\u683c\u3092\u53ce\u96c6\u3059\u308b\u305f\u3081\u306b\u300cNumber Input\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u542b\u3080\u6ce8\u6587\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306f\u3001\u4f01\u696d\u304c\u6ce8\u6587\u3092\u51e6\u7406\u3059\u308b\u969b\u306b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30a8\u30e9\u30fc\u3092\u6e1b\u3089\u3059\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002","landingPageDetail.numberInput.metaTitle":"ILLA Cloud | \u6570\u5024\u5165\u529b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.numberInput.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306eNumber Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.pdf.name":"PDF","landingPageDetail.pdf.title":"ILLA Cloud\u306ePDF\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.pdf.description":"ILLA Cloud\u306e\u300cPDF\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a2\u30d7\u30ea\u5185\u306ePDF\u30d5\u30a1\u30a4\u30eb\u3092\u8868\u793a\u304a\u3088\u3073\u64cd\u4f5c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u7ba1\u7406\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u7570\u306a\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u3084\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u306a\u304f\u3001PDF\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u6ce8\u91c8\u3092\u4ed8\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u751f\u7523\u6027\u3068\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002","landingPageDetail.pdf.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | PDF\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.pdf.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 PDF \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.radioButton.name":"Radio Button","landingPageDetail.radioButton.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u7121\u7dda\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.radioButton.description":"Radio Button\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8907\u6570\u306e\u9078\u629e\u80a2\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u8fc5\u901f\u304b\u3064\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3067\u3059\u3002 \u6df7\u4e71\u3092\u907f\u3051\u610f\u601d\u6c7a\u5b9a\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059 \u305f\u3068\u3048\u3070\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u306f\u3001\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u81ea\u5206\u306e\u5e74\u9f62\u30b0\u30eb\u30fc\u30d7\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5165\u529b\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3059\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.radioButton.metaTitle":"ILLA Cloud | \u7121\u7dda\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.radioButton.metaDescription":" \u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306eRadio Button\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.radioGroup.name":"\u7121\u7dda\u30b0\u30eb\u30fc\u30d7","landingPageDetail.radioGroup.title":"ILLA Cloud \u306e\u7121\u7dda\u30b0\u30eb\u30fc\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.radioGroup.description":"ILLA Cloud\u306eRadio Group\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30ea\u30b9\u30c8\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u7c21\u5358\u3067\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30a8\u30e9\u30fc\u3092\u6e1b\u3089\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f\u30a4\u30d9\u30f3\u30c8\u767b\u9332\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Radio Group\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u304c\u5e0c\u671b\u3059\u308b\u30a4\u30d9\u30f3\u30c8\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u767b\u9332\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3002","landingPageDetail.radioGroup.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u7121\u7dda\u30b0\u30eb\u30fc\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u7c21\u5358\u306b\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9","landingPageDetail.radioGroup.metaDescription":"\u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30d5\u30a9\u30fc\u30e0\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306a\u3069\u3092ILLA Cloud\u3067\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.rate.name":"\u5229\u7387","landingPageDetail.rate.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30ec\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.rate.description":"ILLA Cloud\u306e\u300c\u30ec\u30fc\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u88fd\u54c1\u3001\u30b5\u30fc\u30d3\u30b9\u3001\u307e\u305f\u306f\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u8a55\u4fa1\u3059\u308b\u305f\u3081\u306e\u8fc5\u901f\u304b\u3064\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u63d0\u4f9b\u3059\u308b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u3001format@@0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6700\u8fd1\u306e\u8cfc\u5165\u307e\u305f\u306f\u4f53\u9a13\u3092\u8a55\u4fa1\u3067\u304d\u307e\u3059\u3002 \u4f01\u696d\u304c\u9867\u5ba2\u304b\u3089\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u306b\u57fa\u3065\u3044\u3066\u88fd\u54c1\u3084\u30b5\u30fc\u30d3\u30b9\u3092\u6539\u5584\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002","landingPageDetail.rate.metaTitle":"ILLA Cloud | \u30ec\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.rate.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Rate \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.select.name":"\u9078\u629e","landingPageDetail.select.title":"ILLA Cloud\u306e\u300c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u9078\u629e\u300d\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.select.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e Select \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u306f\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30ea\u30b9\u30c8\u304b\u3089\u9078\u629e\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u30c7\u30fc\u30bf\u3092\u5165\u529b\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u3067\u30b9\u30da\u30fc\u30b9\u52b9\u7387\u306e\u9ad8\u3044\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a2\u30f3\u30b1\u30fc\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Select\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u9078\u629e\u3067\u304d\u308b\u5e45\u5e83\u3044\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002 \u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3001\u6b63\u78ba\u306a\u30c7\u30fc\u30bf\u53ce\u96c6\u3092\u78ba\u4fdd\u3057\u307e\u3059\u3002","landingPageDetail.select.metaTitle":"ILLA Cloud Select Component - Select One Option from a List of Choices with ease","landingPageDetail.select.metaDescription":"ILLA Cloud \u3067\u9078\u629e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30ea\u30b9\u30c8\u304b\u3089\u9078\u629e\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.statistics.name":"\u7d71\u8a08\u60c5\u5831","landingPageDetail.statistics.title":"ILLA Cloud \u306e\u7d71\u8a08\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.statistics.description":"ILLA Cloud\u306e\u300cStatistics\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u3067\u308f\u304b\u308a\u3084\u3059\u3044\u65b9\u6cd5\u3067\u6570\u5024\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3067\u304d\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5206\u6790\u3084\u610f\u601d\u6c7a\u5b9a\u3092\u6539\u5584\u3059\u308b\u3053\u3068\u3067\u3059 \u305f\u3068\u3048\u3070\u3001format@@0 \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u68d2\u30b0\u30e9\u30d5\u306a\u3069\u306e\u3055\u307e\u3056\u307e\u306a\u8996\u899a\u7684\u5f62\u5f0f\u3067\u58f2\u4e0a\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3059\u308b\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u5186\u30b0\u30e9\u30d5\u3001\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u30d3\u30b8\u30e5\u30a2\u30e9\u30a4\u30bc\u30fc\u30b7\u30e7\u30f3\u306e\u4f5c\u6210\u306b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30c7\u30fc\u30bf\u306e\u8fc5\u901f\u304b\u3064\u660e\u78ba\u306a\u6982\u8981\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPageDetail.statistics.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|\u7d71\u8a08\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.statistics.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Statistics \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.switch.name":"\u5207\u308a\u66ff\u3048","landingPageDetail.switch.title":"ILLA Cloud\u306eSwitch\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.switch.description":"ILLA Cloud\u306eSwitch\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u8a2d\u5b9a\u3084\u6a5f\u80fd\u3092\u30aa\u30f3\u307e\u305f\u306f\u30aa\u30d5\u306b\u3059\u308b\u305f\u3081\u306e\u76f4\u611f\u7684\u3067\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u306e\u7bc0\u7d04\u3068\u52b9\u7387\u306e\u5411\u4e0a \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u30fc\u306f\u901a\u77e5\u30b7\u30b9\u30c6\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Switch\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u30a4\u30d9\u30f3\u30c8\u306e\u901a\u77e5\u3092\u30aa\u30f3\u307e\u305f\u306f\u30aa\u30d5\u306b\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u65b0\u3057\u3044\u30e1\u30c3\u30bb\u30fc\u30b8\u3084\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u306a\u3069\u3001\u4e0d\u5fc5\u8981\u306a\u4e2d\u65ad\u3092\u6e1b\u3089\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059","landingPageDetail.switch.metaTitle":"ILLA Cloud | \u90e8\u54c1\u306e\u5207\u308a\u66ff\u3048","landingPageDetail.switch.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3067Switch\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.tables.name":"\u30c6\u30fc\u30d6\u30eb","landingPageDetail.tables.title":"ILLA Cloud \u306e\u30c6\u30fc\u30d6\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.tables.description":"ILLA Cloud\u306e\u300cTable\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30fb\u30c7\u30fc\u30bf\u3092\u8868\u5f62\u5f0f\u3067\u8868\u793a\u3057\u3001\u5927\u91cf\u306e\u60c5\u5831\u3092\u3059\u3070\u3084\u304f\u5206\u6790\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30bd\u30fc\u30c8\u3001\u691c\u7d22\u3001\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u306a\u3069\u306e\u6a5f\u80fd\u304c\u3042\u308a\u307e\u3059 \u30c6\u30fc\u30d6\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u5fc5\u8981\u306a\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u898b\u3064\u3051\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u3001\u7570\u306a\u308b\u5217\u30bf\u30a4\u30d7\u3001\u8272\u3001\u66f8\u5f0f\u8a2d\u5b9a\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u30c6\u30fc\u30d6\u30eb\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002 \u8907\u96d1\u306a\u30c7\u30fc\u30bf\u306e\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u3067\u308f\u304b\u308a\u3084\u3059\u3044\u8868\u73fe\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002","landingPageDetail.tables.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | \u30c6\u30fc\u30d6\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.tables.metaDescription":"ILLA Cloud \u306e Tables \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u4f4e\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.tabs.name":"Tabs","landingPageDetail.tabs.title":"ILLA Cloud\u306eformat@@0\u30bf\u30d6\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.tabs.description":"ILLA Cloud\u306e\u300cTab\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u5e45\u5e83\u3044\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u5fc5\u8981\u3068\u305b\u305a\u306b\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u3055\u307e\u3056\u307e\u306a\u30bb\u30af\u30b7\u30e7\u30f3\u3092\u7c21\u5358\u306b\u5207\u308a\u66ff\u3048\u3089\u308c\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001Tabs\u3092\u4f7f\u7528\u3057\u3066\u3001\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u7570\u306a\u308b\u30d3\u30e5\u30fc\u3084\u30e2\u30fc\u30c9\u3092\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u30e6\u30fc\u30b6\u30d3\u30ea\u30c6\u30a3\u3068\u751f\u7523\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002","landingPageDetail.tabs.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30bf\u30d6\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u30ab\u30c6\u30b4\u30ea\u5316\u3068\u8868\u793a","landingPageDetail.tabs.metaDescription":"\u30bf\u30d6\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30d5\u30a9\u30fc\u30e0\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.text.name":"\u30c6\u30ad\u30b9\u30c8","landingPageDetail.text.title":"ILLA Cloud \u306e\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.text.description":"ILLA Cloud\u306eText\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30c6\u30ad\u30b9\u30c8\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u60c5\u5831\u306e\u8aad\u307f\u3084\u3059\u3055\u3068\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f \'Text\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u91cd\u8981\u306a\u547d\u4ee4\u3084\u60c5\u5831\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u9023\u7d61\u5148\u3084\u88fd\u54c1\u8aac\u660e\u306a\u3069\u3001\u91cd\u8981\u306a\u60c5\u5831\u3092\u4f1d\u3048\u308b\u305f\u3081\u306e\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.text.metaTitle":"ILLA Cloud | \u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.text.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Text \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.textareaInput.name":"Textarea input","landingPageDetail.textareaInput.title":"ILLA Cloud \u306e Textarea Input Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.textareaInput.description":"ILLA Cloud \u306e Textarea Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7c21\u5358\u306b\u8907\u6570\u884c\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u304a\u3088\u3073\u7de8\u96c6\u3067\u304d\u308b\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u30c4\u30fc\u30eb\u3067\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u300cTextarea Input\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u542b\u3080\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8a73\u7d30\u306a\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u5165\u529b\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u6642\u9593\u3092\u7bc0\u7d04\u3057\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059","landingPageDetail.textareaInput.metaTitle":"ILLA Cloud | Textarea Input Component","landingPageDetail.textareaInput.metaDescription":"ILLA Cloud \u306eTextarea Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.timeline.name":"\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3","landingPageDetail.timeline.title":"ILLA Cloud \u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.timeline.description":"ILLA Cloud\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u6357\u307e\u305f\u306f\u5c65\u6b74\u3092\u660e\u78ba\u304b\u3064\u7d44\u7e54\u7684\u306b\u8996\u899a\u7684\u306b\u8868\u73fe\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u306f\u3001format@@0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30de\u30a4\u30eb\u30b9\u30c8\u30fc\u30f3\u3092\u8996\u899a\u7684\u306b\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u7de0\u3081\u5207\u308a\u3084\u6210\u679c\u7269\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u4f5c\u6210\u306b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u3084\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u306b\u4f1d\u3048\u307e\u3059\u3002","landingPageDetail.timeline.metaTitle":"ILLA Cloud | \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.timeline.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.upload.name":"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","landingPageDetail.upload.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.upload.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u3042\u3089\u3086\u308b\u7a2e\u985e\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u81ea\u5206\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u7c21\u5358\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u7ba1\u7406\u306b\u4fbf\u5229\u3067\u5408\u7406\u5316\u3055\u308c\u305f\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u63d0\u4f9b\u3057\u307e\u3059 \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u30fc\u306f\u30aa\u30f3\u30e9\u30a4\u30f3\u30b9\u30c8\u30a2\u3092\u4f5c\u6210\u3057\u3001\'\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u6ce8\u6587\u306e\u9001\u4fe1\u6642\u306b\u9867\u5ba2\u304c\u753b\u50cf\u3084\u305d\u306e\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u6642\u9593\u306e\u7bc0\u7d04\u3068\u52b9\u7387\u306e\u5411\u4e0a","landingPageDetail.upload.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","landingPageDetail.upload.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.video.name":"\u30d3\u30c7\u30aa","landingPageDetail.video.title":"ILLA Cloud \u306e\u30d3\u30c7\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.video.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30d3\u30c7\u30aa\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d3\u30c7\u30aa\u3092\u518d\u751f\u3057\u3001\u5bfe\u8a71\u3057\u307e\u3059\u3002 \u5916\u90e8\u306e\u30d3\u30c7\u30aa\u30d7\u30ec\u30fc\u30e4\u30fc\u306b\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u306a\u304f\u3001\u52d5\u753b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u7c21\u5358\u306b\u8868\u793a\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30d3\u30c7\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u3067\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30d3\u30c7\u30aa\u3084\u88fd\u54c1\u30c7\u30e2\u3092\u898b\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u751f\u7523\u6027\u3068\u52b9\u7387\u6027\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002","landingPageDetail.video.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u52d5\u753b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30a2\u30d7\u30ea\u5185\u306e\u52d5\u753b\u3068\u306e\u76f8\u4e92\u4f5c\u7528","landingPageDetail.video.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30d3\u30c7\u30aa\u3001\u88fd\u54c1\u30c7\u30e2\u3001\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306a\u3069\u306e\u4f5c\u6210\u306b\u30d3\u30c7\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.airtable.name":"Airtable","landingPageDetail.airtable.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Airtable \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.airtable.description":"\u300cILLA Cloud\u306eAirable\u7d71\u5408\u306b\u3088\u308a\u3001 \u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d0\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u7d71\u5408\u306b\u3088\u308a\u3001Airtable\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001Airtable\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001Airtable \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud \u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Airtable \u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.airtable.metaTitle":"Airtable","landingPageDetail.airtable.metaDescription":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u30c7\u30fc\u30bf\u3001\u30c1\u30fc\u30e0\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u67d4\u8edf\u3067\u5354\u8abf\u7684\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPageDetail.appwrite.name":"Appwrite","landingPageDetail.appwrite.title":"ILLA Cloud\u3067Appwrite\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.appwrite.description":"ILLA Cloud\u306eAppwrite\u7d71\u5408\u3067\u3002 \u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d0\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u3068\u306e\u9023\u643a\u306b\u3088\u308a\u3001Appwrite\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001Appwrite\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Appwrite\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eAppwrite\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Appwrite\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.appwrite.metaTitle":"ILLA Cloud Appwrite Integration - Appwrite\u30c7\u30fc\u30bf\u306e\u63a5\u7d9a\u3068\u7ba1\u7406","landingPageDetail.appwrite.metaDescription":"Appwrite\u7d71\u5408\u3092\u4f7f\u7528\u3057\u3066\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Appwrite\u306e\u529b\u3092\u6d3b\u7528\u3057\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.clickhouse.name":"Clickhouse","landingPageDetail.clickhouse.title":"ILLA Cloud\u3067Clickhouse\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.clickhouse.description":"ILLA Cloud\u306eClickHouse\u3068\u306e\u7d71\u5408\u306b\u3088\u308a\u3001ClickHouse\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 ClickHouse\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001ClickHouse\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eClickHouse\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001ClickHouse\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.clickhouse.metaTitle":"ILLA Cloud | ClickHouse Integration","landingPageDetail.clickhouse.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001ClickHouse\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u64cd\u4f5c\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.couchdb.name":"CouchDB","landingPageDetail.couchdb.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 CouchDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.couchdb.description":"ILLA Cloud\u306eCouchDB\u7d71\u5408\u306b\u3088\u308a\u3001\u8fc5\u901f\u306b\u8a2d\u5b9a\u304a\u3088\u3073CouchDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 CouchDB\u306e\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001CouchDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eCouchDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001CouchDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.couchdb.metaTitle":"ILLA Cloud | CouchDB \u7d71\u5408","landingPageDetail.couchdb.metaDescription":"CouchDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002","landingPageDetail.dynamodb.name":"Amazon DynamoDB","landingPageDetail.dynamodb.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Amazon DynamoDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.dynamodb.description":"ILLA Cloud \u306e Amazon DynamoDB \u7d71\u5408\u306b\u3088\u308a\u3001DynamoDB \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 DynamoDB\u306e\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001DynamoDB\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eAmazon DynamoDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001DynamoDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.dynamodb.metaTitle":"ILLA Cloud | Amazon DynamoDB Integration","landingPageDetail.dynamodb.metaDescription":"Amazon DynamoDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.elasticsearch.name":"Elastic Search","landingPageDetail.elasticsearch.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Elastic Search \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.elasticsearch.description":"ILLA Cloud \u306e Elastic Search \u3068\u306e\u7d71\u5408 Elastic Search \u30af\u30e9\u30b9\u30bf\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3057\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u3001Elastic Search\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u691c\u7d22\u304a\u3088\u3073\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u4f8b\u3048\u3070\u3001Elastic Search \u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eElastic Search\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Elastic Search\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.elasticsearch.metaTitle":"ILLA Cloud | Elastic Search Integration","landingPageDetail.elasticsearch.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001Elastic Search\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.firebase.name":"Firebase","landingPageDetail.firebase.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Firebase\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.firebase.description":"ILLA Cloud\u306eFirebase\u7d71\u5408\u306b\u3088\u308a\u3001Firebase\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Firebase\u30af\u30a8\u30ea\u3068API\u547c\u3073\u51fa\u3057\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u64cd\u4f5c\u3092\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u4f8b\u3048\u3070\u3001Firebase \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eFirebase\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Firebase\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.firebase.metaTitle":"ILLA Cloud | Firebase Integration","landingPageDetail.firebase.metaDescription":"Firebase\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.googlesheets.name":"Google \u30b7\u30fc\u30c8","landingPageDetail.googlesheets.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.googlesheets.description":"ILLA Cloud \u306eGoogle Sheets\u3068\u306e\u7d71\u5408 Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001Google Sheets API\u3092\u4f7f\u7528\u3057\u3066Google\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u66f8\u304d\u3001\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u7d20\u5316\u3055\u308c\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud \u306e Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.googlesheets.metaTitle":"ILLA Cloud Google Sheets Integration - Google Sheets \u30c7\u30fc\u30bf\u306e\u63a5\u7d9a\u3068\u7ba1\u7406","landingPageDetail.googlesheets.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30d5\u30a9\u30fc\u30e0\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b Google \u30b7\u30fc\u30c8\u306e\u7d71\u5408\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.graphql.name":"GraphQL","landingPageDetail.graphql.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066GraphQL\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.graphql.description":"ILLA Cloud\u306eGraphQL\u7d71\u5408\u306b\u3088\u308a\u3001 GraphQL API \u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3067\u304d\u308b\u305f\u3081\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306e\u7d71\u5408\u306b\u3088\u308a\u3001GraphQL API \u304b\u3089\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u53d6\u5f97\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u305f\u3081\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u307e\u3059\u3002 \u5fc5\u8981\u306aGraphQL\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u306e\u8ffd\u52a0\u3084\u66f8\u304d\u8fbc\u307f\u3092\u5b89\u5168\u306b\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001GraphQL API \u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eGraphQL\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001GraphQL\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.graphql.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | GraphQL \u7d71\u5408","landingPageDetail.graphql.metaDescription":"GraphQL API \u3092 ILLA Cloud \u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u4f4e\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002 ","landingPageDetail.huggingface.name":"\u9854\u63a8\u8ad6API \u3092\u30cf\u30b0\u3059\u308b","landingPageDetail.huggingface.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Hugging Face Inference API \u306b\u63a5\u7d9a\u3057\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.huggingface.description":"ILLA Cloud\u306eHugging Face Inference API\u306e\u7d71\u5408\u306b\u3088\u308a\u3001 Hugging Face\u306e\u5f37\u529b\u306a\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Hugging Face\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u5358\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u308b\u3044\u306f\u4f8b\u3048\u3070... \u5916\u90e8\u30bd\u30fc\u30b9\u304b\u3089\u30c6\u30ad\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001Hug Face API\u547c\u3073\u51fa\u3057\u3092\u4ecb\u3057\u3066\u30bb\u30f3\u30c1\u30e1\u30f3\u30c8\u5206\u6790\u3084\u8a00\u8a9e\u7ffb\u8a33\u3092\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306eHugging Face Inference API\u306e\u7d71\u5408\u306b\u3088\u308a\u3001 Hugging Face\u306e\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.huggingface.metaTitle":"ILLA Cloud Hugging Face Inferation API Integration - ML\u30e2\u30c7\u30eb\u306e\u63a5\u7d9a\u3068\u4f7f\u7528","landingPageDetail.huggingface.metaDescription":"ILLA Cloud\u3067\u306eHugging Face Inferation API\u7d71\u5408\u306b\u3088\u308a\u300113\u4e07\u4ee5\u4e0a\u306e\u6a5f\u68b0\u5b66\u7fd2\u30e2\u30c7\u30eb\u306b\u63a5\u7d9a\u3057\u3066\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ","landingPageDetail.huggingfaceendpoint.name":"\u9854\u63a8\u8ad6\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8","landingPageDetail.huggingfaceendpoint.title":"Hugging Face Inference Endpoint\u306bILLA Cloud\u3067\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.huggingfaceendpoint.description":"ILLA\u30af\u30e9\u30a6\u30c9\u306eHugging Face Endpoint\u7d71\u5408\u3067 Hugging Face\u306e\u5f37\u529b\u306a\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u3092\u7d20\u65e9\u304f\u7c21\u5358\u306b\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Hugging Face\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u5358\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u308b\u3044\u306f\u4f8b\u3048\u3070... \u5916\u90e8\u30bd\u30fc\u30b9\u304b\u3089\u30c6\u30ad\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001Hug Face\u63a8\u8ad6\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u901a\u3058\u3066\u305d\u308c\u3092\u6e21\u3059\u3053\u3068\u3067\u3001\u30bb\u30f3\u30c1\u30e1\u30f3\u30c8\u5206\u6790\u3084\u8a00\u8a9e\u7ffb\u8a33\u3092\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002 ILLA\u30af\u30e9\u30a6\u30c9\u306eHugging Face Endpoint\u7d71\u5408\u3067 Hugging Face\u306e\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.huggingfaceendpoint.metaTitle":"ILLA Cloud | Hugging Face Inference Endpoint Integration","landingPageDetail.huggingfaceendpoint.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u3042\u3089\u3086\u308bHugging Face Inferation Endpoint\u3068\u63a5\u7d9a\u3057\u3066\u3084\u308a\u53d6\u308a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.hydra.name":"\u30d2\u30c9\u30e9\u8a9e","landingPageDetail.hydra.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Hydra\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.hydra.description":"\\"With ILLA Cloud\'s Hydra integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows.\\r\\nThe integration simplifies data management by leveraging Hydra\'s API endpoints, allowing you to easily manipulate data from your Hydra databases, storage and authentication services. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.\\r\\nFor example, you can retrieve data from an Hydra database and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Hydra integration, you can streamline your data management process and leverage the powerful capabilities of Hydra to enhance your productivity.\\"","landingPageDetail.hydra.metaTitle":"\u30d2\u30c9\u30e9\u8a9e","landingPageDetail.hydra.metaDescription":"Postgres\u4e0a\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u5217\u6307\u5411\u306eRDBMS","landingPageDetail.mariadb.name":"MariaDB","landingPageDetail.mariadb.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 MariaDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mariadb.description":"ILLA Cloud\u306eMariaDB\u7d71\u5408\u3067\u3002 \u8fc5\u901f\u304b\u3064\u7c21\u5358\u306bMariaDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fSQL\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c6\u30fc\u30d6\u30eb\u3092\u64cd\u4f5c\u3057\u305f\u308a\u3001\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u30af\u30a8\u30ea\u3092\u7c21\u5358\u306b\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001\u4f8b\u3048\u3070\u3001MariaDB \u30c6\u30fc\u30d6\u30eb\u304b\u3089\u5f93\u696d\u54e1\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001SQL\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u5f93\u696d\u54e1\u306e\u60c5\u5831\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u307e\u3059\u3002 ILLA Cloud\u306eMariaDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306e\u53ef\u80fd\u6027\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u6700\u5c0f\u9650\u306e\u52b4\u529b\u3067\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mariadb.metaTitle":"ILLA Cloud | MariaDB Integration","landingPageDetail.mariadb.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001MariaDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3068\u63a5\u7d9a\u3057\u3066\u3084\u308a\u53d6\u308a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.mongodb.name":"MongoDB","landingPageDetail.mongodb.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066MongoDB\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mongodb.description":"ILLA Cloud\u306eMongoDB\u7d71\u5408\u306b\u3088\u308a\u3001MongoDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u7d20\u65e9\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fMongoDB\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u5358\u306b\u7d71\u5408\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001MongoDB\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eMongoDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001MongoDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mongodb.metaTitle":"ILLA Cloud | MongoDB Integration","landingPageDetail.mongodb.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001MongoDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.mssql.name":"Microsoft SQL Server","landingPageDetail.mssql.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Microsoft SQL Server \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mssql.description":"ILLA Cloud\u306eMicrosoft SQL Server\u7d71\u5408\u306b\u3088\u308a\u307e\u3059\u3002 SQL Server \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001SQL\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001SQL Server \u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eMicrosoft SQL Server\u7d71\u5408\u306b\u3088\u308a\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001SQL Server \u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mssql.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | Microsoft SQL Server \u306e\u7d71\u5408","landingPageDetail.mssql.metaDescription":"Microsoft SQL Server\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.mysql.name":"MySQL","landingPageDetail.mysql.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066MySQL\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mysql.description":"ILLA Cloud\u3068MySQL\u3092\u7d71\u5408\u3059\u308b\u3068\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5927\u5e45\u306b\u5f37\u5316\u3057\u3001\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u3044\u304f\u3064\u304b\u306e\u7c21\u5358\u306a\u624b\u9806\u3067\u3001ILLA Cloud\u3092MySQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u3068\u3084\u308a\u53d6\u308a\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5f37\u529b\u306a\u65b0\u3057\u3044\u65b9\u6cd5\u3067\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u30c6\u30fc\u30d6\u30eb\u30b0\u30ea\u30c3\u30c9\u306b\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u8fbc\u3080\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 \u307e\u305f\u306fSQL\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u66f8\u304d\u8fbc\u3080\u30ab\u30b9\u30bf\u30e0\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3068\u3001ILLA\u30af\u30e9\u30a6\u30c9\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u5b89\u5168\u304b\u3064\u52b9\u7387\u7684\u306b\u7c21\u5358\u306b\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066MySQL\u30c7\u30fc\u30bf\u306b\u63a5\u7d9a\u3059\u308b\u3068\u3001\u610f\u56f3\u3057\u306a\u3044\u524a\u9664\u3084\u305d\u306e\u4ed6\u306e\u9ad8\u4fa1\u306a\u30a8\u30e9\u30fc\u3092\u907f\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001MySQL\u30c6\u30fc\u30d6\u30eb\u3092\u4f7f\u7528\u3057\u3066\u5f93\u696d\u54e1\u306e\u7d4c\u8cbb\u3092\u7ba1\u7406\u3057\u3066\u3044\u308b\u5834\u5408\u3002 ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c7\u30fc\u30bf\u3092\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306b\u8aad\u307f\u8fbc\u3093\u3060\u308a\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u66f8\u304d\u623b\u3057\u3066\u5404\u8cbb\u7528\u306e\u627f\u8a8d\u72b6\u6cc1\u3092\u66f4\u65b0\u3059\u308b\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u3001ILLA Cloud\u306e\u30b7\u30f3\u30d7\u30eb\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u660e\u78ba\u3067\u4f53\u7cfb\u7684\u306a\u65b9\u6cd5\u3067\u884c\u3044\u305f\u3044\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002 \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u6700\u9069\u5316\u3068\u30d7\u30ed\u30bb\u30b9\u306e\u5408\u7406\u5316\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002","landingPageDetail.mysql.metaTitle":"ILLA Cloud | MySQL\u306e\u7d71\u5408","landingPageDetail.mysql.metaDescription":"MySQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.neon.name":"Neon","landingPageDetail.neon.title":"ILLA Cloud\u3067\u30cd\u30aa\u30f3\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.neon.description":"\u5b8c\u5168\u306b\u7ba1\u7406\u3055\u308c\u305f\u30de\u30eb\u30c1\u30af\u30e9\u30a6\u30c9Postgres\u306f\u3001\u5bdb\u5927\u306a\u7121\u6599\u306e\u968e\u5c64\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002\u79c1\u305f\u3061\u306f\u3001\u81ea\u52d5\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3001\u5206\u5c90\u3001\u304a\u3088\u3073\u5e95\u306a\u3057\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306b\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u8a08\u7b97\u3092\u5206\u96e2\u3057\u307e\u3057\u305f\u3002","landingPageDetail.neon.metaTitle":"ILLA Cloud Neon Integration - \u30de\u30eb\u30c1\u30af\u30e9\u30a6\u30c9Postgres\u306b\u63a5\u7d9a","landingPageDetail.neon.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u306b\u30cd\u30aa\u30f3\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.oracledb.name":"Oracle DB","landingPageDetail.oracledb.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Oracle DB\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.oracledb.description":"ILLA Cloud\u306eOracle DB\u7d71\u5408\u306b\u3088\u308a\u3001Oracle\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u69cb\u6210\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001SQL\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Oracle\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eOracle DB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Oracle DB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.oracledb.metaTitle":"ILLA Cloud | Oracle DB \u7d71\u5408","landingPageDetail.oracledb.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3067Oracle DB\u7d71\u5408\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.postgresql.name":"PostgreSQL","landingPageDetail.postgresql.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066PostgreSQL\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.postgresql.description":"ILLA Cloud\u306ePostgreSQL\u7d71\u5408\u306b\u3088\u308a\u3001PostgreSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u7d20\u65e9\u304f\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3057\u3001\u4fe1\u983c\u6027\u306e\u9ad8\u3044\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3067\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3092\u6700\u9069\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001SQL\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u30c6\u30fc\u30d6\u30eb\u3092\u64cd\u4f5c\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070PostgreSQL\u306e\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u5f93\u696d\u54e1\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u30011\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u4f11\u6687\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3059\u308b\u3068\u3057\u307e\u3059\u3002 \u3053\u306e\u5834\u5408\u3001SQL \u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3059\u308b\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3057\u3001\u5f93\u696d\u54e1\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u6e08\u307f\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306ePostgreSQL\u7d71\u5408\u306b\u3088\u308a\u3001\u7c21\u5358\u304b\u3064\u81ea\u4fe1\u3092\u6301\u3063\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002","landingPageDetail.postgresql.metaTitle":"ILLA Cloud | PostgreSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u7d71\u5408","landingPageDetail.postgresql.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001PostgreSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3068\u63a5\u7d9a\u3057\u3066\u64cd\u4f5c\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.redis.name":"Redis","landingPageDetail.redis.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Redis\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.redis.description":"ILLA Cloud\u306eRedis\u7d71\u5408\u306b\u3088\u308a\u3001\u8fc5\u901f\u306bRedis\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u7d71\u5408\u306b\u3088\u308a\u3001Redis\u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30b3\u30de\u30f3\u30c9\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u308b\u3044\u306f\u3001Redis\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068Redis\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u3092\u884c\u3044\u307e\u3059\u3002 ILLA Cloud\u306eRedis\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Redis\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.redis.metaTitle":"ILLA Cloud Redis\u306e\u7d71\u5408 - Redis\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u63a5\u7d9a\u3068\u7ba1\u7406","landingPageDetail.redis.metaDescription":"Redis \u3068\u306e\u7d71\u5408\u3092\u4f7f\u7528\u3057\u3066\u3001Redis \u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u64cd\u4f5c\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u4f5c\u6210\u306a\u3069\u3092ILLA Cloud \u3067\u884c\u3046\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.restapi.name":"REST API","landingPageDetail.restapi.title":"\u4efb\u610f\u306eRESTful API\u306b\u63a5\u7d9a\u3057\u3001\u5206\u5358\u4f4d\u3067ILLA\u30af\u30e9\u30a6\u30c9\u3067\u30ab\u30b9\u30bf\u30e0\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059","landingPageDetail.restapi.description":"ILLA Cloud\u306eREST API\u7d71\u5408\u306b\u3088\u308a\u3001\u3042\u3089\u3086\u308bRESTful API\u306b\u7d20\u65e9\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fRESTful API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u306e\u53d6\u5f97\u3068\u64cd\u4f5c\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001\u5916\u90e8\u306eRESTful API\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u3092\u884c\u3044\u307e\u3059\u3002 ILLA Cloud \u306e REST API \u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001RESTful API \u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.restapi.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|REST API \u7d71\u5408","landingPageDetail.restapi.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u4efb\u610f\u306eREST API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u306b\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.s3.name":"S3","landingPageDetail.s3.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Amazon S3\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.s3.description":"ILLA Cloud\u306eAmazon S3\u7d71\u5408\u3067\u3002 \u3059\u3070\u3084\u304f\u7c21\u5358\u306bAmazon S3\u30b9\u30c8\u30ec\u30fc\u30b8\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 S3 API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001S3\u30d0\u30b1\u30c3\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u66f8\u304d\u3001\u64cd\u4f5c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001S3\u30d0\u30b1\u30c3\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eAmazon S3\u7d71\u5408\u3067\u3002 \u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Amazon S3 \u30b9\u30c8\u30ec\u30fc\u30b8\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.s3.metaTitle":"ILLA Cloud | S3 \u3068\u306e\u7d71\u5408","landingPageDetail.s3.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 S3 \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.smtp.name":"SMTP","landingPageDetail.smtp.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066SMTP\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.smtp.description":"ILLA Cloud \u306e SMTP \u7d71\u5408\u306b\u3088\u308a\u307e\u3059\u3002 SMTP\u30b5\u30fc\u30d0\u30fc\u306b\u7d20\u65e9\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u30e1\u30fc\u30eb\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u3068\u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30e1\u30fc\u30eb\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u307e\u3059\u3002ILLA \u30af\u30e9\u30a6\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304b\u3089\u76f4\u63a5\u30e1\u30fc\u30eb\u3092\u9001\u53d7\u4fe1\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002 \u5fc5\u8981\u306aSMTP\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u542b\u3080\u5165\u529b\u3092\u63d0\u4f9b\u3057\u3001\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u691c\u8a3c\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u96fb\u5b50\u30e1\u30fc\u30eb\u3092\u9001\u4fe1\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u7279\u5b9a\u306e\u30a4\u30d9\u30f3\u30c8\u304c\u30c8\u30ea\u30ac\u30fc\u3055\u308c\u305f\u3068\u304d\u306b\u3001\u81ea\u52d5\u30e1\u30fc\u30eb\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u9001\u4fe1\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306eSMTP\u7d71\u5408\u306b\u3088\u308a\u3001\u30e1\u30fc\u30eb\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001SMTP\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.smtp.metaTitle":"ILLA Cloud | SMTP\u7d71\u5408","landingPageDetail.smtp.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u3042\u3089\u3086\u308bSMTP\u30b5\u30fc\u30d0\u30fc\u3068\u63a5\u7d9a\u3057\u3066\u3084\u308a\u53d6\u308a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.snowflake.name":"\u30b9\u30ce\u30fc\u30d5\u30ec\u30fc\u30af","landingPageDetail.snowflake.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Snowflake \u306b\u63a5\u7d9a\u3057\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.snowflake.description":"ILLA Cloud\u306eSnowflake\u306e\u7d71\u5408\u306b\u3088\u308a\u3001Snowflake\u306e\u30c7\u30fc\u30bf\u30a6\u30a7\u30a2\u30cf\u30a6\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Snowflake SQL \u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Snowflake \u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eSnowflake\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Snowflake\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.snowflake.metaTitle":"ILLA Cloud | Snowflake Integration","landingPageDetail.snowflake.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001Snowflake\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.supabaseDB.name":"Supabase DB","landingPageDetail.supabaseDB.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 SupabaseDB \u306b\u63a5\u7d9a\u3057\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.supabaseDB.description":"ILLA Cloud\u306eSupabaseDB\u7d71\u5408\u306b\u3088\u308a\u3001\u3059\u3070\u3084\u304fSupabaseDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306e\u7d71\u5408\u306b\u3088\u308a\u3001SupabaseDB\u30af\u30a8\u30ea\u3068API\u30b3\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3057\u3066\u8907\u96d1\u306a\u64cd\u4f5c\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001SupabaseDB\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eSupabaseDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001SupabaseDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.supabaseDB.metaTitle":"ILLA Cloud | Supabase DB Integration","landingPageDetail.supabaseDB.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001Supabase DB\u3068\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.tiDB.name":"TiDB","landingPageDetail.tiDB.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 TiDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.tiDB.description":"ILLA Cloud\u306eTiDB\u7d71\u5408\u306b\u3088\u308a\u3001TiDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fSQL\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c6\u30fc\u30d6\u30eb\u3092\u64cd\u4f5c\u3057\u305f\u308a\u3001\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u30af\u30a8\u30ea\u3092\u7c21\u5358\u306b\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070... TiDB\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u5f93\u696d\u54e1\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001SQL\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u5f93\u696d\u54e1\u306e\u60c5\u5831\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3059\u308b\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306eTiDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001\u81ea\u4fe1\u3092\u6301\u3063\u3066\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306e\u53ef\u80fd\u6027\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.tiDB.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | TiDB \u7d71\u5408","landingPageDetail.tiDB.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066TiDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPage.build_with":"{name} \u3067\u30d3\u30eb\u30c9","landingPage.back_to_components":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u623b\u308b","content.all.title":"ILLA Cloud \u306f\u3059\u3079\u3066\u3092\u7d71\u5408\u3057\u307e\u3057\u305f","how_to_use.title.3_steps_to_customize":"Schritte, um Ihre Business-Apps anzupassen","how_to_use.description.build_tools_through":"\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3067\u30c4\u30fc\u30eb\u3092\u30d3\u30eb\u30c9\u3057\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u3001\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3001AI\u3092\u30cb\u30fc\u30ba\u3068\u30c7\u30fc\u30bf\u306b\u9069\u3057\u305f\u30b9\u30de\u30fc\u30c8\u30c4\u30fc\u30eb\u3068\u3057\u3001\u4ed5\u4e8b\u3092\u3088\u308a\u52b9\u7387\u7684\u306b\u3057\u307e\u3059\u3002","how_to_use.step1_title.create_ai_agent_for":"UI\u3092\u8a2d\u8a08\u3059\u308b\u305f\u3081\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u3059\u308b","how_to_use.step1_description.you_can_create_an_ai":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u3059\u308b\u3053\u3068\u3067\u3001\u8fc5\u901f\u306b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306eUI\u3092\u69cb\u7bc9\u3057\u3001\u4efb\u610f\u306e\u6a5f\u80fd\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002","how_to_use.step1_button.ai_agent_marketplace":"ILLA\u3092\u4f7f\u7528\u3057\u3066UI\u3092\u69cb\u7bc9\u3092\u958b\u59cb\u3059\u308b","how_to_use.step2_title.build_the_frontend_p":"\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a\u3059\u308b","how_to_use.step2_description.by_dragging_and_drop":"MySQL\u3001PostgreSQL\u306a\u3069\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001REST API\u3001GraphQL\u306a\u3069\u3001\u81ea\u5206\u306e\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u307e\u3059\u3002CRUD\u30a2\u30d7\u30ea\u3092\u308f\u305a\u304b1\u5206\u3067\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","how_to_use.step2_button.illa_app_marketplace":"\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3092\u4f7f\u7528\u3057\u3066\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9\u3092\u958b\u59cb\u3059\u308b","how_to_use.step3_title.connect_to_your_data":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3059\u308b","how_to_use.step3_description.enable_data_integrat":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u30a2\u30d7\u30ea\u306b\u7d71\u5408\u3057\u3001\u77e5\u7684\u5206\u6790\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u306a\u3069\u306eAI\u6a5f\u80fd\u3092AI\u958b\u767a\u30b9\u30ad\u30eb\u4e0d\u8981\u3067\u6d3b\u7528\u3067\u304d\u307e\u3059\u3002","how_to_use.step3_button.supported_data_sourc":"AI\u99c6\u52d5\u578b\u30a2\u30d7\u30ea\u306e\u69cb\u7bc9\u3092\u958b\u59cb\u3059\u308b","testimonial.title.user_testimonials":"\u30e6\u30fc\u30b6\u30fc\u306e\u58f0","testimonial.testimonial1_content.illa_cloud_has_been":"ILLA Cloud \u306f\u79c1\u306b\u3068\u3063\u3066\u30b2\u30fc\u30e0\u30c1\u30a7\u30f3\u30b8\u30e3\u30fc\u3067\u3042\u308a\u3001\u52b9\u7387\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u77ed\u6642\u9593\u3067\u751f\u6210\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002 \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305fAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u30a2\u30d7\u30ea\u306f\u3001\u79c1\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5b8c\u5168\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002","testimonial.testimonial1_username.christopher":"\u30af\u30ea\u30b9\u30c8\u30d5\u30a1\u30fc","testimonial.testimonial1_usertitle.seo_specialist":"SEO \u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8","testimonial.testimonial2_content.i_think_i_become_a_b":"\u79c1\u306f\u4eca BlogMaster \u306b\u306a\u3063\u305f\u3068\u601d\u3044\u307e\u3059\uff01 \u3053\u306e\u30c4\u30fc\u30eb\u306f\u79c1\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u30d7\u30ed\u30bb\u30b9\u306b\u9769\u547d\u3092\u3082\u305f\u3089\u3057\u3001\u79c1\u306b\u8cb4\u91cd\u306a\u6642\u9593\u3092\u7bc0\u7d04\u3057\u307e\u3057\u305f\u3002 \u30d6\u30ed\u30b0\u306e\u30a2\u30a4\u30c7\u30a2\u3092\u751f\u307f\u51fa\u3057\u3066\u3044\u308b\u306e\u304b\u3001\u8a18\u4e8b\u3092\u69cb\u6210\u3057\u3066\u3044\u308b\u306e\u304b\u306b\u95a2\u308f\u3089\u305a\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306f\u79c1\u3068\u79c1\u306e\u30c1\u30fc\u30e0\u306b\u3068\u3063\u3066\u5927\u304d\u306a\u8cc7\u7523\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002","testimonial.testimonial2_username.lucas":"\u30eb\u30fc\u30ab\u30b9","testimonial.testimonial2_usertitle.content_strategist":"\u30b3\u30f3\u30c6\u30f3\u30c4\u6226\u7565\u5bb6","testimonial.testimonial3_content.it_empowers_me_to_pr":"\u6700\u5c0f\u9650\u306e\u52b4\u529b\u3067\u512a\u308c\u305f\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u3089\u304b\u3058\u3081\u69cb\u7bc9\u3055\u308c\u305fAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u30a2\u30d7\u30ea\u306f\u3001\u7279\u5b9a\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u6a5f\u80fd\u3068\u3068\u3082\u306b\u3001\u30c1\u30fc\u30e0\u306e\u52b9\u7387\u6027\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u307e\u3057\u305f\u3002","testimonial.testimonial3_username.harper":"\u30cf\u30fc\u30d1\u30fc","testimonial.testimonial3_usertitle.customer_service_man":"\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30fc\u30d3\u30b9\u30de\u30cd\u30fc\u30b8\u30e3\u30fc","testimonial.testimonial4_content.ai_agent_low_code":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u30ed\u30fc\u30b3\u30fc\u30c9\u306f\u3001\u96fb\u5b50\u30e1\u30fc\u30eb\u306e\u66f8\u304d\u8fbc\u307f\u30d7\u30ed\u30bb\u30b9\u3092\u5909\u63db\u3057\u307e\u3057\u305f\u3002 \u30a4\u30f3\u30d1\u30af\u30c8\u306e\u3042\u308b\u96fb\u5b50\u30e1\u30fc\u30eb\u306e\u4f5c\u6210\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u79c1\u306f\u9b45\u529b\u7684\u3067\u8aac\u5f97\u529b\u306e\u3042\u308b\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u7c21\u5358\u306b\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ILLA \u30af\u30e9\u30a6\u30c9\u306f\u3001\u5f53\u793e\u306e\u96fb\u5b50\u30e1\u30fc\u30eb\u901a\u4fe1\u3092\u65b0\u305f\u306a\u9ad8\u307f\u306b\u9ad8\u3081\u307e\u3057\u305f\u3002","testimonial.testimonial4_username.abigail":"\u30a2\u30d3\u30b2\u30a4\u30eb","testimonial.testimonial4_usertitle.communication_specia":"\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8","testimonial.testimonial5_content.i_need_to_oversee_va":"\u4f1a\u793e\u306e\u69d8\u3005\u306a\u5074\u9762\u3092\u76e3\u7763\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 ILLA Cloud \u306f\u79c1\u306b\u5305\u62ec\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u3066\u304f\u308c\u307e\u3059\u3002 \u958b\u767a\u3068\u8a2d\u8a08\u306b\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u81ea\u5206\u306e\u30d3\u30b8\u30cd\u30b9\u3092\u3088\u308a\u826f\u304f\u7ba1\u7406\u3057\u3001\u76e3\u8996\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002","testimonial.testimonial5_username.matthew":"\u30de\u30b7\u30e5\u30fc","testimonial.testimonial5_usertitle.business_founder":"\u30d3\u30b8\u30cd\u30b9\u5275\u696d\u8005","testimonial.testimonial6_content.using_illa_cloud_to":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u7ba1\u7406\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u69cb\u7bc9\u3059\u308b\u306e\u306f\u975e\u5e38\u306b\u7c21\u5358\u3067\u3057\u305f\u3002 \u305f\u3063\u305f1\u65e5\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u6357\u3092\u76e3\u8996\u3057\u305f\u308a\u3001\u3053\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u5185\u3067\u30ea\u30bd\u30fc\u30b9\u3092\u5272\u308a\u5f53\u3066\u305f\u308a\u3068\u3044\u3063\u305f\u30bf\u30b9\u30af\u3092\u9054\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002","testimonial.testimonial6_username.samuel":"\u30b5\u30df\u30e5\u30a8\u30eb","testimonial.testimonial6_usertitle.website_administrato":"\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u7ba1\u7406\u8005","customer.title":"\u4f55\u5343\u3082\u306e\u30c1\u30fc\u30e0\u306b\u4fe1\u983c\u3055\u308c\u3066\u3044\u307e\u3059","description":"Build {businessApp} mit niedrigem Code, mach automatisiertes {flow}, erstelle {AIAgent} einfach","website_4.description.ai_agent":"AI Agent","website_4.description.business_app":"Web und App","website_4.description.flow":"flie\xdfen","first_button":"\u59cb\u3081\u3088\u3046","join-community":"Discord \u306b\u53c2\u52a0"}')},6887:e=>{"use strict";e.exports=JSON.parse('{"/illa-website/de/admin-panel-d67":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"97896d63"},"/illa-website/de/ai-voice-generator-667":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"6bb5daf4"},"/illa-website/de/blog-7f9":{"__comp":"a6aa9e1f","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"},{"content":"4a83e123"},{"content":"354dfbd1"},{"content":"e20c763e"},{"content":"bb85b74d"},{"content":"5cd65baf"}],"metadata":"5c63dc5b","tags":"5a8d0967"},"/illa-website/de/blog/backend-create-web-ui-68d":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"e765f05a"},"/illa-website/de/blog/build-dashboard-5ed":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"96447363"},"/illa-website/de/blog/lowcode-vs-traditional-5da":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"72d3bf7a"},"/illa-website/de/blog/mui-2024-201":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"1842627e"},"/illa-website/de/blog/nvm-use-2024-8a4":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"5f78ec6a"},"/illa-website/de/blog/shadcn-ui-2024-73c":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"4a61f11b"},"/illa-website/de/blog/shadcn-vs-mui-ed1":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"31eafaf9"},"/illa-website/de/blog/tags-2aa":{"__comp":"01a85c17","__context":{"plugin":"fc0df049"},"tags":"5a8d0967"},"/illa-website/de/blog/tags/admin-panel-4ea":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"3951042e","tags":"5a8d0967","listMetadata":"69e70952"},"/illa-website/de/blog/tags/data-dashboard-e8f":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"},{"content":"bb85b74d"}],"tag":"0ef6880a","tags":"5a8d0967","listMetadata":"25c95330"},"/illa-website/de/blog/tags/internal-tools-888":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"adcfd9b9","tags":"5a8d0967","listMetadata":"c62c5061"},"/illa-website/de/blog/tags/javascript-e79":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"}],"tag":"7467c04f","tags":"5a8d0967","listMetadata":"ea190378"},"/illa-website/de/blog/tags/low-code-5a6":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"354dfbd1"}],"tag":"78abd0ad","tags":"5a8d0967","listMetadata":"a241c358"},"/illa-website/de/blog/tags/mac-bca":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"e5ce6207","tags":"5a8d0967","listMetadata":"5adc8aa7"},"/illa-website/de/blog/tags/nodejs-dc8":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"5b196cbe","tags":"5a8d0967","listMetadata":"bb2e1bc1"},"/illa-website/de/blog/tags/nvm-cdb":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"cf603bed","tags":"5a8d0967","listMetadata":"a9b6c276"},"/illa-website/de/blog/tags/open-source-de7":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"354dfbd1"}],"tag":"6fb71529","tags":"5a8d0967","listMetadata":"7e92d9a9"},"/illa-website/de/blog/tags/react-cb0":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"b83b1560","tags":"5a8d0967","listMetadata":"5bf9ba3f"},"/illa-website/de/blog/tags/shadcn-ui-f47":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"3505054e","tags":"5a8d0967","listMetadata":"913e659f"},"/illa-website/de/blog/tags/traditional-development-a93":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"}],"tag":"bc7db89f","tags":"5a8d0967","listMetadata":"6b09bb8f"},"/illa-website/de/blog/tags/ui-library-910":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"4a83e123"}],"tag":"6de1dbb7","tags":"5a8d0967","listMetadata":"ca854f54"},"/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024-05a":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"3dca0203"},"/illa-website/de/cms-230":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"f1acacbf"},"/illa-website/de/components/-3af":{"__comp":"188c27a7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Audio/-02d":{"__comp":"83d2f18d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/BarProgress/-0e1":{"__comp":"50cfa8ab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Button/-d1d":{"__comp":"49586834","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Carousel/-3e4":{"__comp":"a6b4f45f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Cascader/-c6f":{"__comp":"86953be1","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Chart/-974":{"__comp":"4c3a04f4","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/CheckboxGroup/-f2d":{"__comp":"7f0a0f20","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/CircleProgress/-86a":{"__comp":"46a49447","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Container/-e84":{"__comp":"bb9e3f22","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Date/-9f8":{"__comp":"deb5faec","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/DateRange/-ac5":{"__comp":"25ffa5da","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/DateTime/-790":{"__comp":"9f91eb4c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Divider/-e21":{"__comp":"03d60dda","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/EditableText/-4a2":{"__comp":"5758dffb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Form/-1b7":{"__comp":"3fee51a2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Icon/-d86":{"__comp":"6632b8cf","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Image/-92c":{"__comp":"c133d0bc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Input/-a1b":{"__comp":"1b97b52f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/List/-a5b":{"__comp":"0104b3a5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Menu/-22e":{"__comp":"53015dc5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Modal/-cc6":{"__comp":"25bbf118","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Multiselect/-f62":{"__comp":"da1593ee","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/NumberInput/-323":{"__comp":"6b7903a8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/PDF/-119":{"__comp":"474ec535","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/RadioButton/-420":{"__comp":"8d9a9c02","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/RadioGroup/-7ae":{"__comp":"837d095b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Rate/-b6c":{"__comp":"be1d629d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Select/-ed6":{"__comp":"56cbb393","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Statistics/-dee":{"__comp":"03598c98","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Switch/-6da":{"__comp":"01bd692b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Tables/-2c4":{"__comp":"ca96679e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Tabs/-f91":{"__comp":"30834002","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Text/-96b":{"__comp":"a9372106","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Textarea%20Input/-396":{"__comp":"5ca6070c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Timeline/-1bc":{"__comp":"7213c8c2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Upload/-a0d":{"__comp":"e0cd9918","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/components/Video/-5a3":{"__comp":"3d6ccfd0","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/crm-dc0":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"78b157de"},"/illa-website/de/dashboard-387":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"2e55149c"},"/illa-website/de/image-generator-d46":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"999679b7"},"/illa-website/de/integrations/-573":{"__comp":"d8096fab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Airtable/-eda":{"__comp":"e4e1a4b6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/AmazonDynamoDB/-676":{"__comp":"589eda2e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Appwrite/-735":{"__comp":"733df29f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Clickhouse/-306":{"__comp":"30da2238","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/CouchDB/-2e2":{"__comp":"4ac275c7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/ElasticSearch/-4f8":{"__comp":"7d02bed8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Firebase/-98f":{"__comp":"f3cf1707","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/GoogleSheets/-dce":{"__comp":"ca19ac91","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/GraphQL/-64f":{"__comp":"927b8026","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/HuggingFaceInferenceAPI/-0b5":{"__comp":"a828f322","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/HuggingFaceInferenceEndpoint/-405":{"__comp":"2937fddb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Hydra/-823":{"__comp":"451bfe05","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/MariaDB/-700":{"__comp":"7b91dc2c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/MicrosoftSQLServer/-491":{"__comp":"2d1ec1f7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/MongoDB/-67c":{"__comp":"e015af33","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/MySQL/-605":{"__comp":"45267849","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Neon/-0d1":{"__comp":"68c10dd5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/OracleDB/-01c":{"__comp":"17fb53e2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/PostgreSQL/-34b":{"__comp":"38806fe8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Redis/-3ae":{"__comp":"890684bb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/RESTAPI/-883":{"__comp":"921028f2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/S3/-08f":{"__comp":"6e91fee9","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/SMTP/-b3f":{"__comp":"ac92cbdc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/Snowflake/-2b9":{"__comp":"94161ec7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/SupabaseDB/-d00":{"__comp":"9de45a08","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/integrations/TiDB/-698":{"__comp":"41685197","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/pricing/-198":{"__comp":"279770d6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/de/-a2b":{"__comp":"1df93b7f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[532],(()=>{return t=1136,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/de/assets/js/main.90fd4256.js.LICENSE.txt b/de/assets/js/main.cde0ebb4.js.LICENSE.txt
similarity index 100%
rename from de/assets/js/main.90fd4256.js.LICENSE.txt
rename to de/assets/js/main.cde0ebb4.js.LICENSE.txt
diff --git a/de/assets/js/runtime~main.5ee70e1a.js b/de/assets/js/runtime~main.3e9a9dd6.js
similarity index 64%
rename from de/assets/js/runtime~main.5ee70e1a.js
rename to de/assets/js/runtime~main.3e9a9dd6.js
index 66d63959d9..ecf5ca113f 100644
--- a/de/assets/js/runtime~main.5ee70e1a.js
+++ b/de/assets/js/runtime~main.3e9a9dd6.js
@@ -1 +1 @@
-(()=>{"use strict";var e,a,f,c,d,b={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var f=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(f.exports,f,f.exports,r),f.loaded=!0,f.exports}r.m=b,r.c=t,e=[],r.O=(a,f,c,d)=>{if(!f){var b=1/0;for(i=0;i<e.length;i++){f=e[i][0],c=e[i][1],d=e[i][2];for(var t=!0,o=0;o<f.length;o++)(!1&d||b>=d)&&Object.keys(r.O).every((e=>r.O[e](f[o])))?f.splice(o--,1):(t=!1,d<b&&(b=d));if(t){e.splice(i--,1);var n=c();void 0!==n&&(a=n)}}return a}d=d||0;for(var i=e.length;i>0&&e[i-1][2]>d;i--)e[i]=e[i-1];e[i]=[f,c,d]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},f=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var d=Object.create(null);r.r(d);var b={};a=a||[null,f({}),f([]),f(f)];for(var t=2&c&&e;"object"==typeof t&&!~a.indexOf(t);t=f(t))Object.getOwnPropertyNames(t).forEach((a=>b[a]=()=>e[a]));return b.default=()=>e,r.d(d,b),d},r.d=(e,a)=>{for(var f in a)r.o(a,f)&&!r.o(e,f)&&Object.defineProperty(e,f,{enumerable:!0,get:a[f]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,f)=>(r.f[f](e,a),a)),[])),r.u=e=>"assets/js/"+({199:"f1acacbf",545:"be1d629d",684:"adcfd9b9",852:"49586834",856:"6e91fee9",905:"bb2e1bc1",1043:"0ef6880a",1055:"474ec535",1205:"0104b3a5",1273:"ca854f54",1281:"999679b7",1414:"927b8026",1618:"03d60dda",1679:"4ac275c7",1777:"a9372106",1845:"94161ec7",2031:"ca96679e",2056:"5ca6070c",2061:"5b196cbe",2136:"45267849",2224:"deb5faec",2377:"7f0a0f20",2477:"78abd0ad",2578:"4c3a04f4",2714:"68c10dd5",2833:"1b97b52f",2974:"6de1dbb7",3018:"7e92d9a9",3045:"7213c8c2",3072:"f3cf1707",3089:"a6aa9e1f",3096:"5f78ec6a",3102:"a6b4f45f",3104:"7467c04f",3237:"1df93b7f",3265:"8d9a9c02",3370:"69e70952",3581:"31eafaf9",3611:"25c95330",3768:"78b157de",3807:"2864c10f",3883:"890684bb",4013:"01a85c17",4293:"5adc8aa7",4359:"5a8d0967",4417:"25ffa5da",4482:"e5ce6207",4530:"03598c98",4556:"589eda2e",4610:"41685197",4638:"83d2f18d",4640:"9de45a08",4664:"2d1ec1f7",4711:"cf603bed",4771:"46a49447",4808:"72d3bf7a",4893:"17fb53e2",5037:"1842627e",5038:"88d8af9f",5064:"b83b1560",5084:"3505054e",5118:"bb9e3f22",5162:"451bfe05",5191:"b6eb34d2",5315:"fc0df049",5355:"913e659f",5378:"ac92cbdc",5385:"34d0e50f",5465:"bc7db89f",5649:"a241c358",5694:"3dca0203",5938:"bb85b74d",6103:"ccc49370",6137:"4a83e123",6191:"5c63dc5b",6194:"3951042e",6290:"9f91eb4c",6402:"6bb5daf4",6510:"86953be1",6584:"c62c5061",6681:"a9b6c276",6828:"d8096fab",6921:"188c27a7",7050:"56cbb393",7155:"3fee51a2",7272:"e765f05a",7277:"25bbf118",7448:"7b91dc2c",7543:"3d6ccfd0",7559:"2937fddb",7599:"e20c763e",7612:"ca19ac91",7654:"279770d6",7746:"c133d0bc",7832:"7d02bed8",7906:"30da2238",7949:"30834002",8151:"733df29f",8155:"e0cd9918",8248:"354dfbd1",8296:"e4e1a4b6",8364:"97896d63",8550:"01bd692b",8592:"common",8595:"e015af33",8610:"6875c492",8823:"6fb71529",8839:"6b09bb8f",8876:"6d69edbe",8891:"a828f322",8920:"2e55149c",8922:"921028f2",8962:"53015dc5",9090:"6632b8cf",9211:"837d095b",9217:"ea190378",9239:"5cd65baf",9248:"38806fe8",9321:"da1593ee",9324:"6b7903a8",9574:"5bf9ba3f",9699:"4a61f11b",9713:"96447363",9788:"50cfa8ab",9982:"5758dffb"}[e]||e)+"."+{199:"bc2ecc43",545:"0dcf7230",684:"1c54419b",852:"57893a4a",856:"2c38ad3f",905:"d8f43d15",1043:"503bfb3f",1055:"f03eb78d",1205:"4fe0804b",1273:"ef86cb1a",1281:"b7c88827",1414:"3d828868",1618:"2a1822d7",1679:"f75e42f8",1777:"ddbb9d71",1845:"5b042e49",2031:"b54f8412",2056:"4077deea",2061:"0579106e",2136:"4a74bb7a",2224:"bf7eadb3",2316:"4d0753c2",2377:"4ae9ba40",2477:"6ad80509",2578:"c108fdcb",2714:"e0a04229",2833:"c17fab30",2974:"7b2ca1ff",3018:"5b36fa7b",3045:"8f0a263b",3072:"50287036",3089:"26036a53",3096:"9de9618a",3102:"7655a481",3104:"d975d256",3237:"93c94f4a",3265:"2a716dac",3370:"39004f9f",3581:"df3c804c",3611:"1b82cc3f",3768:"1830470c",3807:"3fc31d71",3883:"d4ddeb7a",4013:"f555b488",4293:"80b65027",4359:"5a573cb4",4417:"4350f255",4482:"107120d3",4530:"0f557c42",4556:"e3ca6d32",4610:"4ad0d5c3",4638:"9ff688ff",4640:"c4d1dfea",4664:"98ea5404",4711:"6f228726",4771:"80e577ee",4808:"041a490a",4809:"d13605fe",4893:"aea31d62",5037:"87b363d4",5038:"d9be0639",5064:"e49145f8",5084:"588c44c6",5118:"5bbb8fc7",5162:"6e8370da",5191:"c892cbd0",5315:"2578f0a2",5355:"4a2b73b2",5378:"7814fc7a",5385:"c2f411d1",5465:"fb307790",5649:"c0540345",5694:"34d2e42b",5708:"7058f982",5923:"9f51e245",5938:"76a61702",6103:"46cd294b",6137:"9060f120",6191:"de329a2d",6194:"22d740be",6290:"bafbf3db",6402:"1c34294c",6510:"3b2e4091",6584:"8c80f785",6681:"ef22f542",6828:"56636d4a",6921:"d0edd3ea",7050:"bc8a112b",7155:"dfa0fa3b",7272:"40fbde2c",7277:"9cf1b92c",7448:"bd30287b",7543:"7e3bbafa",7559:"8c52ed57",7599:"04cf3dc7",7612:"4d6fe84f",7654:"577140a0",7746:"db594304",7832:"a664d9cb",7906:"5ca42ce0",7949:"222b8dac",8151:"85d55213",8155:"3161a0c6",8245:"e086c9e2",8248:"9b5e4865",8296:"0bbb57cf",8364:"9d49d045",8550:"26b85716",8592:"ca6eba82",8595:"f0277acd",8610:"658128f2",8823:"a86cb74b",8839:"bbaaf993",8876:"b5f01cec",8891:"0f61d4c1",8920:"5f57c2f0",8922:"dea75cd7",8962:"25243f1c",9090:"25daba64",9211:"94e91532",9217:"4fecc8d9",9239:"09a21917",9248:"392e9e24",9321:"81a8309a",9324:"2d97293d",9574:"3c0e79f3",9699:"ee7c63e0",9713:"957b338c",9788:"f79b41d2",9982:"6c3766dc"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),c={},d="illa-website:",r.l=(e,a,f,b)=>{if(c[e])c[e].push(a);else{var t,o;if(void 0!==f)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var l=n[i];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==d+f){t=l;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",d+f),t.src=e),c[e]=[a];var u=(a,f)=>{t.onerror=t.onload=null,clearTimeout(s);var d=c[e];if(delete c[e],t.parentNode&&t.parentNode.removeChild(t),d&&d.forEach((e=>e(f))),a)return a(f)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=u.bind(null,t.onerror),t.onload=u.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/illa-website/de/",r.gca=function(e){return e={30834002:"7949",41685197:"4610",45267849:"2136",49586834:"852",96447363:"9713",f1acacbf:"199",be1d629d:"545",adcfd9b9:"684","6e91fee9":"856",bb2e1bc1:"905","0ef6880a":"1043","474ec535":"1055","0104b3a5":"1205",ca854f54:"1273","999679b7":"1281","927b8026":"1414","03d60dda":"1618","4ac275c7":"1679",a9372106:"1777","94161ec7":"1845",ca96679e:"2031","5ca6070c":"2056","5b196cbe":"2061",deb5faec:"2224","7f0a0f20":"2377","78abd0ad":"2477","4c3a04f4":"2578","68c10dd5":"2714","1b97b52f":"2833","6de1dbb7":"2974","7e92d9a9":"3018","7213c8c2":"3045",f3cf1707:"3072",a6aa9e1f:"3089","5f78ec6a":"3096",a6b4f45f:"3102","7467c04f":"3104","1df93b7f":"3237","8d9a9c02":"3265","69e70952":"3370","31eafaf9":"3581","25c95330":"3611","78b157de":"3768","2864c10f":"3807","890684bb":"3883","01a85c17":"4013","5adc8aa7":"4293","5a8d0967":"4359","25ffa5da":"4417",e5ce6207:"4482","03598c98":"4530","589eda2e":"4556","83d2f18d":"4638","9de45a08":"4640","2d1ec1f7":"4664",cf603bed:"4711","46a49447":"4771","72d3bf7a":"4808","17fb53e2":"4893","1842627e":"5037","88d8af9f":"5038",b83b1560:"5064","3505054e":"5084",bb9e3f22:"5118","451bfe05":"5162",b6eb34d2:"5191",fc0df049:"5315","913e659f":"5355",ac92cbdc:"5378","34d0e50f":"5385",bc7db89f:"5465",a241c358:"5649","3dca0203":"5694",bb85b74d:"5938",ccc49370:"6103","4a83e123":"6137","5c63dc5b":"6191","3951042e":"6194","9f91eb4c":"6290","6bb5daf4":"6402","86953be1":"6510",c62c5061:"6584",a9b6c276:"6681",d8096fab:"6828","188c27a7":"6921","56cbb393":"7050","3fee51a2":"7155",e765f05a:"7272","25bbf118":"7277","7b91dc2c":"7448","3d6ccfd0":"7543","2937fddb":"7559",e20c763e:"7599",ca19ac91:"7612","279770d6":"7654",c133d0bc:"7746","7d02bed8":"7832","30da2238":"7906","733df29f":"8151",e0cd9918:"8155","354dfbd1":"8248",e4e1a4b6:"8296","97896d63":"8364","01bd692b":"8550",common:"8592",e015af33:"8595","6875c492":"8610","6fb71529":"8823","6b09bb8f":"8839","6d69edbe":"8876",a828f322:"8891","2e55149c":"8920","921028f2":"8922","53015dc5":"8962","6632b8cf":"9090","837d095b":"9211",ea190378:"9217","5cd65baf":"9239","38806fe8":"9248",da1593ee:"9321","6b7903a8":"9324","5bf9ba3f":"9574","4a61f11b":"9699","50cfa8ab":"9788","5758dffb":"9982"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(a,f)=>{var c=r.o(e,a)?e[a]:void 0;if(0!==c)if(c)f.push(c[2]);else if(/^(1303|532)$/.test(a))e[a]=0;else{var d=new Promise(((f,d)=>c=e[a]=[f,d]));f.push(c[2]=d);var b=r.p+r.u(a),t=new Error;r.l(b,(f=>{if(r.o(e,a)&&(0!==(c=e[a])&&(e[a]=void 0),c)){var d=f&&("load"===f.type?"missing":f.type),b=f&&f.target&&f.target.src;t.message="Loading chunk "+a+" failed.\n("+d+": "+b+")",t.name="ChunkLoadError",t.type=d,t.request=b,c[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,f)=>{var c,d,b=f[0],t=f[1],o=f[2],n=0;if(b.some((a=>0!==e[a]))){for(c in t)r.o(t,c)&&(r.m[c]=t[c]);if(o)var i=o(r)}for(a&&a(f);n<b.length;n++)d=b[n],r.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return r.O(i)},f=self.webpackChunkilla_website=self.webpackChunkilla_website||[];f.forEach(a.bind(null,0)),f.push=a.bind(null,f.push.bind(f))})()})();
\ No newline at end of file
+(()=>{"use strict";var e,a,d,f,b,c={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var d=t[e]={id:e,loaded:!1,exports:{}};return c[e].call(d.exports,d,d.exports,r),d.loaded=!0,d.exports}r.m=c,r.c=t,e=[],r.O=(a,d,f,b)=>{if(!d){var c=1/0;for(i=0;i<e.length;i++){d=e[i][0],f=e[i][1],b=e[i][2];for(var t=!0,o=0;o<d.length;o++)(!1&b||c>=b)&&Object.keys(r.O).every((e=>r.O[e](d[o])))?d.splice(o--,1):(t=!1,b<c&&(c=b));if(t){e.splice(i--,1);var n=f();void 0!==n&&(a=n)}}return a}b=b||0;for(var i=e.length;i>0&&e[i-1][2]>b;i--)e[i]=e[i-1];e[i]=[d,f,b]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},d=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var b=Object.create(null);r.r(b);var c={};a=a||[null,d({}),d([]),d(d)];for(var t=2&f&&e;"object"==typeof t&&!~a.indexOf(t);t=d(t))Object.getOwnPropertyNames(t).forEach((a=>c[a]=()=>e[a]));return c.default=()=>e,r.d(b,c),b},r.d=(e,a)=>{for(var d in a)r.o(a,d)&&!r.o(e,d)&&Object.defineProperty(e,d,{enumerable:!0,get:a[d]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,d)=>(r.f[d](e,a),a)),[])),r.u=e=>"assets/js/"+({199:"f1acacbf",545:"be1d629d",684:"adcfd9b9",852:"49586834",856:"6e91fee9",905:"bb2e1bc1",1043:"0ef6880a",1055:"474ec535",1205:"0104b3a5",1273:"ca854f54",1281:"999679b7",1414:"927b8026",1618:"03d60dda",1679:"4ac275c7",1777:"a9372106",1845:"94161ec7",2031:"ca96679e",2056:"5ca6070c",2061:"5b196cbe",2136:"45267849",2224:"deb5faec",2377:"7f0a0f20",2477:"78abd0ad",2578:"4c3a04f4",2714:"68c10dd5",2833:"1b97b52f",2974:"6de1dbb7",3018:"7e92d9a9",3045:"7213c8c2",3072:"f3cf1707",3089:"a6aa9e1f",3096:"5f78ec6a",3102:"a6b4f45f",3104:"7467c04f",3237:"1df93b7f",3265:"8d9a9c02",3370:"69e70952",3581:"31eafaf9",3611:"25c95330",3768:"78b157de",3807:"2864c10f",3883:"890684bb",4013:"01a85c17",4293:"5adc8aa7",4359:"5a8d0967",4417:"25ffa5da",4482:"e5ce6207",4530:"03598c98",4556:"589eda2e",4610:"41685197",4638:"83d2f18d",4640:"9de45a08",4664:"2d1ec1f7",4711:"cf603bed",4771:"46a49447",4808:"72d3bf7a",4893:"17fb53e2",5037:"1842627e",5038:"88d8af9f",5064:"b83b1560",5084:"3505054e",5118:"bb9e3f22",5162:"451bfe05",5191:"b6eb34d2",5315:"fc0df049",5355:"913e659f",5378:"ac92cbdc",5385:"34d0e50f",5465:"bc7db89f",5649:"a241c358",5694:"3dca0203",5938:"bb85b74d",6103:"ccc49370",6137:"4a83e123",6191:"5c63dc5b",6194:"3951042e",6290:"9f91eb4c",6402:"6bb5daf4",6510:"86953be1",6584:"c62c5061",6681:"a9b6c276",6828:"d8096fab",6921:"188c27a7",7050:"56cbb393",7155:"3fee51a2",7272:"e765f05a",7277:"25bbf118",7448:"7b91dc2c",7543:"3d6ccfd0",7559:"2937fddb",7599:"e20c763e",7612:"ca19ac91",7654:"279770d6",7746:"c133d0bc",7832:"7d02bed8",7906:"30da2238",7949:"30834002",8151:"733df29f",8155:"e0cd9918",8248:"354dfbd1",8296:"e4e1a4b6",8364:"97896d63",8550:"01bd692b",8592:"common",8595:"e015af33",8610:"6875c492",8823:"6fb71529",8839:"6b09bb8f",8876:"6d69edbe",8891:"a828f322",8920:"2e55149c",8922:"921028f2",8962:"53015dc5",9090:"6632b8cf",9211:"837d095b",9217:"ea190378",9239:"5cd65baf",9248:"38806fe8",9321:"da1593ee",9324:"6b7903a8",9574:"5bf9ba3f",9699:"4a61f11b",9713:"96447363",9788:"50cfa8ab",9982:"5758dffb"}[e]||e)+"."+{199:"bc2ecc43",545:"0dcf7230",684:"1c54419b",852:"57893a4a",856:"2c38ad3f",905:"d8f43d15",1043:"503bfb3f",1055:"f03eb78d",1205:"4fe0804b",1273:"ef86cb1a",1281:"b7c88827",1414:"3d828868",1618:"2a1822d7",1679:"f75e42f8",1777:"ddbb9d71",1845:"5b042e49",2031:"b54f8412",2056:"4077deea",2061:"0579106e",2136:"4a74bb7a",2224:"bf7eadb3",2316:"4d0753c2",2377:"4ae9ba40",2477:"6ad80509",2578:"c108fdcb",2714:"e0a04229",2833:"c17fab30",2974:"7b2ca1ff",3018:"5b36fa7b",3045:"8f0a263b",3072:"50287036",3089:"26036a53",3096:"e94c18cc",3102:"7655a481",3104:"d975d256",3237:"c6a8adb1",3265:"2a716dac",3370:"39004f9f",3581:"6987740c",3611:"1b82cc3f",3768:"1830470c",3807:"3fc31d71",3883:"d4ddeb7a",4013:"f555b488",4293:"80b65027",4359:"5a573cb4",4417:"4350f255",4482:"107120d3",4530:"0f557c42",4556:"e3ca6d32",4610:"4ad0d5c3",4638:"9ff688ff",4640:"c4d1dfea",4664:"98ea5404",4711:"6f228726",4771:"80e577ee",4808:"e46612c3",4809:"d13605fe",4893:"aea31d62",5037:"50bd85e0",5038:"77ea1414",5064:"e49145f8",5084:"588c44c6",5118:"5bbb8fc7",5162:"6e8370da",5191:"0f328ea0",5315:"2578f0a2",5355:"4a2b73b2",5378:"7814fc7a",5385:"c2f411d1",5465:"fb307790",5649:"c0540345",5694:"335ac0e2",5708:"7058f982",5923:"9f51e245",5938:"3953cb9f",6103:"46cd294b",6137:"534ac1a2",6191:"de329a2d",6194:"22d740be",6290:"bafbf3db",6402:"1c34294c",6510:"3b2e4091",6584:"8c80f785",6681:"ef22f542",6828:"56636d4a",6921:"d0edd3ea",7050:"bc8a112b",7155:"dfa0fa3b",7272:"dc3e2a4b",7277:"9cf1b92c",7448:"bd30287b",7543:"7e3bbafa",7559:"8c52ed57",7599:"3f7c0bee",7612:"4d6fe84f",7654:"577140a0",7746:"db594304",7832:"a664d9cb",7906:"5ca42ce0",7949:"222b8dac",8151:"85d55213",8155:"3161a0c6",8245:"e086c9e2",8248:"54489368",8296:"0bbb57cf",8364:"9d49d045",8550:"26b85716",8592:"ca6eba82",8595:"f0277acd",8610:"658128f2",8823:"a86cb74b",8839:"bbaaf993",8876:"6b1f86d0",8891:"0f61d4c1",8920:"5f57c2f0",8922:"dea75cd7",8962:"25243f1c",9090:"25daba64",9211:"94e91532",9217:"4fecc8d9",9239:"306f314f",9248:"392e9e24",9321:"81a8309a",9324:"2d97293d",9574:"3c0e79f3",9699:"d53e6eae",9713:"a328ae39",9788:"f79b41d2",9982:"6c3766dc"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},b="illa-website:",r.l=(e,a,d,c)=>{if(f[e])f[e].push(a);else{var t,o;if(void 0!==d)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var l=n[i];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==b+d){t=l;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",b+d),t.src=e),f[e]=[a];var u=(a,d)=>{t.onerror=t.onload=null,clearTimeout(s);var b=f[e];if(delete f[e],t.parentNode&&t.parentNode.removeChild(t),b&&b.forEach((e=>e(d))),a)return a(d)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=u.bind(null,t.onerror),t.onload=u.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/illa-website/de/",r.gca=function(e){return e={30834002:"7949",41685197:"4610",45267849:"2136",49586834:"852",96447363:"9713",f1acacbf:"199",be1d629d:"545",adcfd9b9:"684","6e91fee9":"856",bb2e1bc1:"905","0ef6880a":"1043","474ec535":"1055","0104b3a5":"1205",ca854f54:"1273","999679b7":"1281","927b8026":"1414","03d60dda":"1618","4ac275c7":"1679",a9372106:"1777","94161ec7":"1845",ca96679e:"2031","5ca6070c":"2056","5b196cbe":"2061",deb5faec:"2224","7f0a0f20":"2377","78abd0ad":"2477","4c3a04f4":"2578","68c10dd5":"2714","1b97b52f":"2833","6de1dbb7":"2974","7e92d9a9":"3018","7213c8c2":"3045",f3cf1707:"3072",a6aa9e1f:"3089","5f78ec6a":"3096",a6b4f45f:"3102","7467c04f":"3104","1df93b7f":"3237","8d9a9c02":"3265","69e70952":"3370","31eafaf9":"3581","25c95330":"3611","78b157de":"3768","2864c10f":"3807","890684bb":"3883","01a85c17":"4013","5adc8aa7":"4293","5a8d0967":"4359","25ffa5da":"4417",e5ce6207:"4482","03598c98":"4530","589eda2e":"4556","83d2f18d":"4638","9de45a08":"4640","2d1ec1f7":"4664",cf603bed:"4711","46a49447":"4771","72d3bf7a":"4808","17fb53e2":"4893","1842627e":"5037","88d8af9f":"5038",b83b1560:"5064","3505054e":"5084",bb9e3f22:"5118","451bfe05":"5162",b6eb34d2:"5191",fc0df049:"5315","913e659f":"5355",ac92cbdc:"5378","34d0e50f":"5385",bc7db89f:"5465",a241c358:"5649","3dca0203":"5694",bb85b74d:"5938",ccc49370:"6103","4a83e123":"6137","5c63dc5b":"6191","3951042e":"6194","9f91eb4c":"6290","6bb5daf4":"6402","86953be1":"6510",c62c5061:"6584",a9b6c276:"6681",d8096fab:"6828","188c27a7":"6921","56cbb393":"7050","3fee51a2":"7155",e765f05a:"7272","25bbf118":"7277","7b91dc2c":"7448","3d6ccfd0":"7543","2937fddb":"7559",e20c763e:"7599",ca19ac91:"7612","279770d6":"7654",c133d0bc:"7746","7d02bed8":"7832","30da2238":"7906","733df29f":"8151",e0cd9918:"8155","354dfbd1":"8248",e4e1a4b6:"8296","97896d63":"8364","01bd692b":"8550",common:"8592",e015af33:"8595","6875c492":"8610","6fb71529":"8823","6b09bb8f":"8839","6d69edbe":"8876",a828f322:"8891","2e55149c":"8920","921028f2":"8922","53015dc5":"8962","6632b8cf":"9090","837d095b":"9211",ea190378:"9217","5cd65baf":"9239","38806fe8":"9248",da1593ee:"9321","6b7903a8":"9324","5bf9ba3f":"9574","4a61f11b":"9699","50cfa8ab":"9788","5758dffb":"9982"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(a,d)=>{var f=r.o(e,a)?e[a]:void 0;if(0!==f)if(f)d.push(f[2]);else if(/^(1303|532)$/.test(a))e[a]=0;else{var b=new Promise(((d,b)=>f=e[a]=[d,b]));d.push(f[2]=b);var c=r.p+r.u(a),t=new Error;r.l(c,(d=>{if(r.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var b=d&&("load"===d.type?"missing":d.type),c=d&&d.target&&d.target.src;t.message="Loading chunk "+a+" failed.\n("+b+": "+c+")",t.name="ChunkLoadError",t.type=b,t.request=c,f[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,d)=>{var f,b,c=d[0],t=d[1],o=d[2],n=0;if(c.some((a=>0!==e[a]))){for(f in t)r.o(t,f)&&(r.m[f]=t[f]);if(o)var i=o(r)}for(a&&a(d);n<c.length;n++)b=c[n],r.o(e,b)&&e[b]&&e[b][0](),e[b]=0;return r.O(i)},d=self.webpackChunkilla_website=self.webpackChunkilla_website||[];d.forEach(a.bind(null,0)),d.push=a.bind(null,d.push.bind(d))})()})();
\ No newline at end of file
diff --git a/de/blog/atom.xml b/de/blog/atom.xml
index 79f256446a..88023a4e94 100644
--- a/de/blog/atom.xml
+++ b/de/blog/atom.xml
@@ -2,7 +2,7 @@
 <feed xmlns="http://www.w3.org/2005/Atom">
     <id>https://illacloud.github.io/illa-website/de/blog</id>
     <title>ILLA Cloud Blog</title>
-    <updated>2024-01-03T15:08:52.000Z</updated>
+    <updated>2024-01-03T15:28:24.000Z</updated>
     <generator>https://github.com/jpmonette/feed</generator>
     <link rel="alternate" href="https://illacloud.github.io/illa-website/de/blog"/>
     <subtitle>ILLA Cloud Blog</subtitle>
@@ -12,7 +12,7 @@
         <title type="html"><![CDATA[I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.]]></title>
         <id>https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui</id>
         <link href="https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.]]></summary>
         <content type="html"><![CDATA[<p>Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
 <p>Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p>
@@ -39,7 +39,7 @@
         <title type="html"><![CDATA[Quickly create a personalized data dashboard for your boss]]></title>
         <id>https://illacloud.github.io/illa-website/de/blog/build-dashboard</id>
         <link href="https://illacloud.github.io/illa-website/de/blog/build-dashboard"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></summary>
         <content type="html"><![CDATA[<p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
 <p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>
@@ -123,7 +123,7 @@
         <title type="html"><![CDATA[Low Code vs Traditional Development: Optimal Efficiency in Choice]]></title>
         <id>https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional</id>
         <link href="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.]]></summary>
         <content type="html"><![CDATA[<p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional#when-launching-a-transient-business-initiative" class="hash-link" aria-label="When Launching a Transient Business Initiative への直接リンク" title="When Launching a Transient Business Initiative への直接リンク">​</a></h2>
@@ -164,7 +164,7 @@
         <title type="html"><![CDATA[2024 has arrived, should I choose MUI?]]></title>
         <id>https://illacloud.github.io/illa-website/de/blog/mui-2024</id>
         <link href="https://illacloud.github.io/illa-website/de/blog/mui-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/de/blog/mui-2024#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
@@ -235,7 +235,7 @@
         <title type="html"><![CDATA[Elegant Use of nvm for Node.js Management on Mac in 2024]]></title>
         <id>https://illacloud.github.io/illa-website/de/blog/nvm-use-2024</id>
         <link href="https://illacloud.github.io/illa-website/de/blog/nvm-use-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.]]></summary>
         <content type="html"><![CDATA[<p>Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
 <p>The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.</p>
@@ -302,7 +302,7 @@
         <title type="html"><![CDATA[2024 has arrived, should I choose Shadcn UI?]]></title>
         <id>https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024</id>
         <link href="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
@@ -371,7 +371,7 @@
         <title type="html"><![CDATA[Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses]]></title>
         <id>https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui</id>
         <link href="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
@@ -453,7 +453,7 @@
         <title type="html"><![CDATA[Best Open-Source Low-Code Platforms in 2024]]></title>
         <id>https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024</id>
         <link href="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-low-code-tools">Why Choose Low-Code Tools?<a href="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024#why-choose-low-code-tools" class="hash-link" aria-label="Why Choose Low-Code Tools? への直接リンク" title="Why Choose Low-Code Tools? への直接リンク">​</a></h2>
diff --git a/de/blog/backend-create-web-ui/index.html b/de/blog/backend-create-web-ui/index.html
index 6d6fa02e5d..f4317bbc5c 100644
--- a/de/blog/backend-create-web-ui/index.html
+++ b/de/blog/backend-create-web-ui/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud"><meta data-rh="true" name="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="internal tools,data dashboard,admin panel"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud"><meta data-rh="true" name="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="internal tools,data dashboard,admin panel"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?w=800" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs."></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>2 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Hello everyone, I&#x27;m Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?w=800" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs."></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>2 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Hello everyone, I&#x27;m Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
 <p>Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p>
 <p>This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier.</p>
 <p>Check out the project:</p>
@@ -30,7 +30,7 @@
 <p>ILLA is an innovative open-source, low-code tool that I&#x27;ve both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It&#x27;s a myth that server engineers can&#x27;t craft UIs – with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs.</p>
 <p>Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation.</p>
 <p>Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it&#x27;s swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it&#x27;s all simplified.</p>
-<p>I encourage you to try it out. Join me in becoming a more content and efficient engineer.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/build-dashboard">Quickly create a personalized data dashboard for your boss</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100 invisible"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/admin-panel">admin panel</a></div><ul class="list-none m-0 p-0"></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>I encourage you to try it out. Join me in becoming a more content and efficient engineer.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/build-dashboard">Quickly create a personalized data dashboard for your boss</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100 invisible"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/admin-panel">admin panel</a></div><ul class="list-none m-0 p-0"></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/build-dashboard/index.html b/de/blog/build-dashboard/index.html
index 1729a69946..01c61eb595 100644
--- a/de/blog/build-dashboard/index.html
+++ b/de/blog/build-dashboard/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Quickly create a personalized data dashboard for your boss | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/build-dashboard"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Quickly create a personalized data dashboard for your boss | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="data dashboard"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/build-dashboard"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/build-dashboard" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/build-dashboard" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/build-dashboard" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Quickly create a personalized data dashboard for your boss | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/build-dashboard"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Quickly create a personalized data dashboard for your boss | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="data dashboard"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/build-dashboard"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/build-dashboard" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/build-dashboard" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/build-dashboard" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?w=800" alt="Quickly create a personalized data dashboard for your boss"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>4 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Quickly create a personalized data dashboard for your boss</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?w=800" alt="Quickly create a personalized data dashboard for your boss"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>4 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Quickly create a personalized data dashboard for your boss</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
 <p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>
 <p>Using efficient tools to leave work early every day.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="some-issues-in-the-construction">Some issues in the construction<a href="#some-issues-in-the-construction" class="hash-link" aria-label="Some issues in the construction への直接リンク" title="Some issues in the construction への直接リンク">​</a></h2>
@@ -89,7 +89,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="advantages">Advantages<a href
 <p>As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together.</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png" alt="collaboration" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Conclusion への直接リンク" title="Conclusion への直接リンク">​</a></h2>
-<p>After using ILLA Cloud, there&#x27;s no need to worry about the boss&#x27;s personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/backend-create-web-ui">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</a><p class="font-sm text-gray-700 dark:text-white-04">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a></div><ul class="list-none m-0 p-0"><li><a href="#some-issues-in-the-construction" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Some issues in the construction</a></li><li><a href="#how-to-solve" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to solve</a></li><li><a href="#ai-driven" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">AI-driven</a></li><li><a href="#advantages" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Advantages</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>After using ILLA Cloud, there&#x27;s no need to worry about the boss&#x27;s personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/backend-create-web-ui">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</a><p class="font-sm text-gray-700 dark:text-white-04">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a></div><ul class="list-none m-0 p-0"><li><a href="#some-issues-in-the-construction" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Some issues in the construction</a></li><li><a href="#how-to-solve" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to solve</a></li><li><a href="#ai-driven" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">AI-driven</a></li><li><a href="#advantages" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Advantages</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/feed.json b/de/blog/feed.json
index b5b10b3e26..7342d6b4e6 100644
--- a/de/blog/feed.json
+++ b/de/blog/feed.json
@@ -10,7 +10,7 @@
             "url": "https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui",
             "title": "I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",
             "summary": "Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -27,7 +27,7 @@
             "url": "https://illacloud.github.io/illa-website/de/blog/build-dashboard",
             "title": "Quickly create a personalized data dashboard for your boss",
             "summary": "Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -42,7 +42,7 @@
             "url": "https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional",
             "title": "Low Code vs Traditional Development: Optimal Efficiency in Choice",
             "summary": "With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -59,7 +59,7 @@
             "url": "https://illacloud.github.io/illa-website/de/blog/mui-2024",
             "title": "2024 has arrived, should I choose MUI?",
             "summary": "Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -77,7 +77,7 @@
             "url": "https://illacloud.github.io/illa-website/de/blog/nvm-use-2024",
             "title": "Elegant Use of nvm for Node.js Management on Mac in 2024",
             "summary": "Node.js, as the foundation of frontend capabilities, is no longer just a \"JS Server Runtime.\" Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -95,7 +95,7 @@
             "url": "https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024",
             "title": "2024 has arrived, should I choose Shadcn UI?",
             "summary": "2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -112,7 +112,7 @@
             "url": "https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui",
             "title": "Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",
             "summary": "2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -129,7 +129,7 @@
             "url": "https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024",
             "title": "Best Open-Source Low-Code Platforms in 2024",
             "summary": "2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
diff --git a/de/blog/index.html b/de/blog/index.html
index 1e96e858bb..569188cdcc 100644
--- a/de/blog/index.html
+++ b/de/blog/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-10 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto not-prose"><h2 class="m-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-10 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 px-0 blog-sm:px-6 font-semibold">Featured Posts</h2><div class="grid grid-cols-1 blog-md:grid-cols-2 blog-lg:gap-12 gap-8"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><a itemprop="url" href="/illa-website/de/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=256" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/backend-create-web-ui"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><a itemprop="url" href="/illa-website/de/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=256" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/build-dashboard"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Quickly create a personalized data dashboard for your boss</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><a itemprop="url" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=256" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:block hidden"><div class="border-b border-gray-100 dark:border-gray-700"></div></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 blog-sm:pb-16 blog-md:pb-8 blog-2xl:pb-12 pb-10 blog-md:pt-16 blog-2xl:pt-20 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="flex flex-col blog-md:flex-row items-start lg:items-center justify-between mb-4 lg:mb-8 px-0 blog-sm:px-6 not-prose"><h2 class="!m-0 !mt-0 !mb-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-8 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 font-semibold">すべての投稿</h2><p class="text-sm blog-md:text-base blog-lg:text-xl blog-md:max-w-[624px] mt-6 lg:mt-0 text-gray-500 dark:text-gray-200"><b>ILLAブログ</b>|開発者向けの恒星型知識リポジトリでは、フロントエンドやバックエンド開発、AI、ローコード、ILLA Cloudなどの幅広い分野を網羅しています。 ここでは、最先端のテクノロジーに没頭し、新たなトレンドを掘り下げ、活気のある経験の交換に取り組むことができます。</p></div><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-gray-400 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:R6isnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:border-t border-t-gray-200 dark:border-t-gray-700 blog-sm:mb-16 blog-2xl:mb-20 mb-10"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-10 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto not-prose"><h2 class="m-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-10 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 px-0 blog-sm:px-6 font-semibold">Featured Posts</h2><div class="grid grid-cols-1 blog-md:grid-cols-2 blog-lg:gap-12 gap-8"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><a itemprop="url" href="/illa-website/de/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=256" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/backend-create-web-ui"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><a itemprop="url" href="/illa-website/de/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=256" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/build-dashboard"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Quickly create a personalized data dashboard for your boss</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><a itemprop="url" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=256" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:block hidden"><div class="border-b border-gray-100 dark:border-gray-700"></div></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 blog-sm:pb-16 blog-md:pb-8 blog-2xl:pb-12 pb-10 blog-md:pt-16 blog-2xl:pt-20 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="flex flex-col blog-md:flex-row items-start lg:items-center justify-between mb-4 lg:mb-8 px-0 blog-sm:px-6 not-prose"><h2 class="!m-0 !mt-0 !mb-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-8 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 font-semibold">すべての投稿</h2><p class="text-sm blog-md:text-base blog-lg:text-xl blog-md:max-w-[624px] mt-6 lg:mt-0 text-gray-500 dark:text-gray-200"><b>ILLAブログ</b>|開発者向けの恒星型知識リポジトリでは、フロントエンドやバックエンド開発、AI、ローコード、ILLA Cloudなどの幅広い分野を網羅しています。 ここでは、最先端のテクノロジーに没頭し、新たなトレンドを掘り下げ、活気のある経験の交換に取り組むことができます。</p></div><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-gray-400 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:R6isnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:border-t border-t-gray-200 dark:border-t-gray-700 blog-sm:mb-16 blog-2xl:mb-20 mb-10"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/lowcode-vs-traditional/index.html b/de/blog/lowcode-vs-traditional/index.html
index 2cb914ac9e..68696927b3 100644
--- a/de/blog/lowcode-vs-traditional/index.html
+++ b/de/blog/lowcode-vs-traditional/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud"><meta data-rh="true" name="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low code,traditional development,javascript"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud"><meta data-rh="true" name="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low code,traditional development,javascript"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?w=800" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>4 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Low Code vs Traditional Development: Optimal Efficiency in Choice</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?w=800" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>4 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Low Code vs Traditional Development: Optimal Efficiency in Choice</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="#when-launching-a-transient-business-initiative" class="hash-link" aria-label="When Launching a Transient Business Initiative への直接リンク" title="When Launching a Transient Business Initiative への直接リンク">​</a></h2>
 <p>In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution.</p>
 <h3 class="anchor anchorWithStickyNavbar_dXVO" id="addressing-user-facing-components-webflow">Addressing User-Facing Components: Webflow<a href="#addressing-user-facing-components-webflow" class="hash-link" aria-label="Addressing User-Facing Components: Webflow への直接リンク" title="Addressing User-Facing Components: Webflow への直接リンク">​</a></h3>
@@ -44,7 +44,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-initiating-a-novel-busin
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Conclusion への直接リンク" title="Conclusion への直接リンク">​</a></h2>
 <p>In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity.</p>
 <p>For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs.</p>
-<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#when-launching-a-transient-business-initiative" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Launching a Transient Business Initiative</a></li><li><a href="#addressing-user-facing-components-webflow" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Addressing User-Facing Components: Webflow</a></li><li><a href="#managing-business-operations-illa-cloud" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Managing Business Operations: ILLA Cloud</a></li><li><a href="#when-initiating-a-novel-business-venture" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Initiating a Novel Business Venture</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#when-launching-a-transient-business-initiative" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Launching a Transient Business Initiative</a></li><li><a href="#addressing-user-facing-components-webflow" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Addressing User-Facing Components: Webflow</a></li><li><a href="#managing-business-operations-illa-cloud" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Managing Business Operations: ILLA Cloud</a></li><li><a href="#when-initiating-a-novel-business-venture" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Initiating a Novel Business Venture</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/mui-2024/index.html b/de/blog/mui-2024/index.html
index 3caf13b868..dca33a7ca9 100644
--- a/de/blog/mui-2024/index.html
+++ b/de/blog/mui-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">2024 has arrived, should I choose MUI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/mui-2024"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose MUI? | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React,javascript"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/mui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/mui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/mui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/mui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">2024 has arrived, should I choose MUI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/mui-2024"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose MUI? | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React,javascript"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/mui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/mui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/mui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/mui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?w=800" alt="2024 has arrived, should I choose MUI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>4 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose MUI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?w=800" alt="2024 has arrived, should I choose MUI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>4 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose MUI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
 <p>In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch.</p>
 <p>To summarize, component libraries are typically used in two scenarios:</p>
@@ -73,7 +73,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="how-to-choose">How to Choose<
 <p>✅ Advantages</p>
 <p>If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements.</p>
 <p>❌ Disadvantages</p>
-<p>If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design&#x27;s aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/shadcn-vs-mui">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/react">React</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design&#x27;s aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/react">React</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/nvm-use-2024/index.html b/de/blog/nvm-use-2024/index.html
index cb872cfc03..edd5a6aa9a 100644
--- a/de/blog/nvm-use-2024/index.html
+++ b/de/blog/nvm-use-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/nvm-use-2024"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="nvm,nodejs,mac,javascript"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/nvm-use-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/nvm-use-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/nvm-use-2024"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="nvm,nodejs,mac,javascript"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/nvm-use-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/nvm-use-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?w=800" alt="Elegant Use of nvm for Node.js Management on Mac in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>5 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Elegant Use of nvm for Node.js Management on Mac in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?w=800" alt="Elegant Use of nvm for Node.js Management on Mac in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>5 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Elegant Use of nvm for Node.js Management on Mac in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
 <p>The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.</p>
 <p>Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.</p>
 <p>The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p>
@@ -69,7 +69,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="using-nvm">Using nvm<a href="
 <p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png" alt="nvm-use" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Conclusion への直接リンク" title="Conclusion への直接リンク">​</a></h2>
 <p>This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions.</p>
-<p>Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects—that&#x27;s the mission of open-source enthusiasts!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/nvm">nvm</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/nodejs">nodejs</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/mac">mac</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#recommending-an-open-source-project-for-backend-development" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Recommending an Open Source Project for Backend Development</a></li><li><a href="#introduction-to-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Introduction to nvm</a></li><li><a href="#installing-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Installing nvm</a></li><li><a href="#using-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Using nvm</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects—that&#x27;s the mission of open-source enthusiasts!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/nvm">nvm</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/nodejs">nodejs</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/mac">mac</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#recommending-an-open-source-project-for-backend-development" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Recommending an Open Source Project for Backend Development</a></li><li><a href="#introduction-to-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Introduction to nvm</a></li><li><a href="#installing-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Installing nvm</a></li><li><a href="#using-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Using nvm</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/rss.xml b/de/blog/rss.xml
index 7fb7bb1fe4..ff2bfb43e2 100644
--- a/de/blog/rss.xml
+++ b/de/blog/rss.xml
@@ -4,7 +4,7 @@
         <title>ILLA Cloud Blog</title>
         <link>https://illacloud.github.io/illa-website/de/blog</link>
         <description>ILLA Cloud Blog</description>
-        <lastBuildDate>Wed, 03 Jan 2024 15:08:52 GMT</lastBuildDate>
+        <lastBuildDate>Wed, 03 Jan 2024 15:28:24 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>de</language>
@@ -13,7 +13,7 @@
             <title><![CDATA[I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.]]></title>
             <link>https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui</link>
             <guid>https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.]]></description>
             <content:encoded><![CDATA[<p>Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
 <p>Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p>
@@ -36,7 +36,7 @@
             <title><![CDATA[Quickly create a personalized data dashboard for your boss]]></title>
             <link>https://illacloud.github.io/illa-website/de/blog/build-dashboard</link>
             <guid>https://illacloud.github.io/illa-website/de/blog/build-dashboard</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></description>
             <content:encoded><![CDATA[<p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
 <p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>
@@ -116,7 +116,7 @@
             <title><![CDATA[Low Code vs Traditional Development: Optimal Efficiency in Choice]]></title>
             <link>https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional</link>
             <guid>https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.]]></description>
             <content:encoded><![CDATA[<p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional#when-launching-a-transient-business-initiative" class="hash-link" aria-label="When Launching a Transient Business Initiative への直接リンク" title="When Launching a Transient Business Initiative への直接リンク">​</a></h2>
@@ -153,7 +153,7 @@
             <title><![CDATA[2024 has arrived, should I choose MUI?]]></title>
             <link>https://illacloud.github.io/illa-website/de/blog/mui-2024</link>
             <guid>https://illacloud.github.io/illa-website/de/blog/mui-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/de/blog/mui-2024#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
@@ -220,7 +220,7 @@
             <title><![CDATA[Elegant Use of nvm for Node.js Management on Mac in 2024]]></title>
             <link>https://illacloud.github.io/illa-website/de/blog/nvm-use-2024</link>
             <guid>https://illacloud.github.io/illa-website/de/blog/nvm-use-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.]]></description>
             <content:encoded><![CDATA[<p>Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
 <p>The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.</p>
@@ -283,7 +283,7 @@
             <title><![CDATA[2024 has arrived, should I choose Shadcn UI?]]></title>
             <link>https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024</link>
             <guid>https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
@@ -348,7 +348,7 @@
             <title><![CDATA[Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses]]></title>
             <link>https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui</link>
             <guid>https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
@@ -426,7 +426,7 @@
             <title><![CDATA[Best Open-Source Low-Code Platforms in 2024]]></title>
             <link>https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024</link>
             <guid>https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-low-code-tools">Why Choose Low-Code Tools?<a href="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024#why-choose-low-code-tools" class="hash-link" aria-label="Why Choose Low-Code Tools? への直接リンク" title="Why Choose Low-Code Tools? への直接リンク">​</a></h2>
diff --git a/de/blog/shadcn-ui-2024/index.html b/de/blog/shadcn-ui-2024/index.html
index fec81ddf1e..ce0e12457b 100644
--- a/de/blog/shadcn-ui-2024/index.html
+++ b/de/blog/shadcn-ui-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">2024 has arrived, should I choose Shadcn UI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose Shadcn UI? | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="shadcn-ui,react,javascript"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">2024 has arrived, should I choose Shadcn UI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose Shadcn UI? | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="shadcn-ui,react,javascript"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?w=800" alt="2024 has arrived, should I choose Shadcn UI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>3 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose Shadcn UI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?w=800" alt="2024 has arrived, should I choose Shadcn UI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>3 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose Shadcn UI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
 <p>In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch.</p>
 <p>In summary, we typically use component libraries in two scenarios:</p>
@@ -72,7 +72,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="how-to-choose">How to Choose<
 <p>✅ Advantages</p>
 <p>If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details.</p>
 <p>❌ Disadvantages</p>
-<p>If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI&#x27;s customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/shadcn-ui">shadcn-ui</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/react">react</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI&#x27;s customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/shadcn-ui">shadcn-ui</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/react">react</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/shadcn-vs-mui/index.html b/de/blog/shadcn-vs-mui/index.html
index 576acc0777..4b433cbcb8 100644
--- a/de/blog/shadcn-vs-mui/index.html
+++ b/de/blog/shadcn-vs-mui/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?w=800" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>5 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?w=800" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>5 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
 <p>In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch.</p>
 <p>To summarize, component libraries are typically used in two scenarios:</p>
@@ -85,7 +85,7 @@ <h3 class="anchor anchorWithStickyNavbar_dXVO" id="richness-of-features-1">Richn
 <p>MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="how-to-choose">How to Choose<a href="#how-to-choose" class="hash-link" aria-label="How to Choose への直接リンク" title="How to Choose への直接リンク">​</a></h2>
 <p>If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios.</p>
-<p>If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/react">React</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-options-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Options for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/de/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/de/blog/tags/react">React</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-options-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Options for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/tags/admin-panel/index.html b/de/blog/tags/admin-panel/index.html
index 000348568a..119c6b52f6 100644
--- a/de/blog/tags/admin-panel/index.html
+++ b/de/blog/tags/admin-panel/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">admin panel</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">admin panel</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/tags/data-dashboard/index.html b/de/blog/tags/data-dashboard/index.html
index ec047d0e24..2e40bb8868 100644
--- a/de/blog/tags/data-dashboard/index.html
+++ b/de/blog/tags/data-dashboard/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">data dashboard</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=160" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/build-dashboard"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Quickly create a personalized data dashboard for your boss</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">data dashboard</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=160" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/build-dashboard"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Quickly create a personalized data dashboard for your boss</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/tags/index.html b/de/blog/tags/index.html
index fa074de471..62f2fd1248 100644
--- a/de/blog/tags/index.html
+++ b/de/blog/tags/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfeh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfeh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2feh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552feh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><h1>タグ</h1><section class="margin-vert--lg"><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="A">A<a href="#A" class="hash-link" aria-label="A への直接リンク" title="A への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">admin panel</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="D">D<a href="#D" class="hash-link" aria-label="D への直接リンク" title="D への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="I">I<a href="#I" class="hash-link" aria-label="I への直接リンク" title="I への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">internal tools</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="J">J<a href="#J" class="hash-link" aria-label="J への直接リンク" title="J への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">javascript</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="L">L<a href="#L" class="hash-link" aria-label="L への直接リンク" title="L への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">low code</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="M">M<a href="#M" class="hash-link" aria-label="M への直接リンク" title="M への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">mac</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="N">N<a href="#N" class="hash-link" aria-label="N への直接リンク" title="N への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">nodejs</a></li><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">nvm</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="O">O<a href="#O" class="hash-link" aria-label="O への直接リンク" title="O への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">open-source</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="R">R<a href="#R" class="hash-link" aria-label="R への直接リンク" title="R への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="S">S<a href="#S" class="hash-link" aria-label="S への直接リンク" title="S への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="T">T<a href="#T" class="hash-link" aria-label="T への直接リンク" title="T への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">traditional development</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="U">U<a href="#U" class="hash-link" aria-label="U への直接リンク" title="U への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li></ul><hr></article></section></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/blog/tags/internal-tools/index.html b/de/blog/tags/internal-tools/index.html
index 57691a9dbe..fbe668a10d 100644
--- a/de/blog/tags/internal-tools/index.html
+++ b/de/blog/tags/internal-tools/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">internal tools</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">internal tools</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/tags/javascript/index.html b/de/blog/tags/javascript/index.html
index 8b9c17d041..a931303b13 100644
--- a/de/blog/tags/javascript/index.html
+++ b/de/blog/tags/javascript/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">javascript</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">javascript</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/tags/low-code/index.html b/de/blog/tags/low-code/index.html
index 83b2622a05..07769418f8 100644
--- a/de/blog/tags/low-code/index.html
+++ b/de/blog/tags/low-code/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">low code</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">low code</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/tags/mac/index.html b/de/blog/tags/mac/index.html
index 0afe14adb5..55142f87f0 100644
--- a/de/blog/tags/mac/index.html
+++ b/de/blog/tags/mac/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">mac</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">mac</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/tags/nodejs/index.html b/de/blog/tags/nodejs/index.html
index fb92c58898..8c945d27ab 100644
--- a/de/blog/tags/nodejs/index.html
+++ b/de/blog/tags/nodejs/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">nodejs</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">nodejs</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/tags/nvm/index.html b/de/blog/tags/nvm/index.html
index ca1fbb914c..4bf87a391e 100644
--- a/de/blog/tags/nvm/index.html
+++ b/de/blog/tags/nvm/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">nvm</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">nvm</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/tags/open-source/index.html b/de/blog/tags/open-source/index.html
index 89737cb403..e1af61afb1 100644
--- a/de/blog/tags/open-source/index.html
+++ b/de/blog/tags/open-source/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">open-source</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">open-source</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/tags/react/index.html b/de/blog/tags/react/index.html
index cf2d0e0b15..df21617a2b 100644
--- a/de/blog/tags/react/index.html
+++ b/de/blog/tags/react/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">React</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">React</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/tags/shadcn-ui/index.html b/de/blog/tags/shadcn-ui/index.html
index fed6fb95f4..66260145a0 100644
--- a/de/blog/tags/shadcn-ui/index.html
+++ b/de/blog/tags/shadcn-ui/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">Shadcn UI</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">Shadcn UI</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/tags/traditional-development/index.html b/de/blog/tags/traditional-development/index.html
index e34e4f5ee2..49ef538338 100644
--- a/de/blog/tags/traditional-development/index.html
+++ b/de/blog/tags/traditional-development/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">traditional development</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">traditional development</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/tags/ui-library/index.html b/de/blog/tags/ui-library/index.html
index 8bac79a82f..184a1f6d36 100644
--- a/de/blog/tags/ui-library/index.html
+++ b/de/blog/tags/ui-library/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">UI Library</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/de/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">UI Library</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/de/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/de/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/de/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html b/de/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html
index 166b981858..01d8546515 100644
--- a/de/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html
+++ b/de/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low-code,open-source"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><meta data-rh="true" property="og:locale" content="de"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" name="docusaurus_locale" content="de"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="de"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low-code,open-source"><link data-rh="true" rel="icon" href="/illa-website/de/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?w=800" alt="Best Open-Source Low-Code Platforms in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>3 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Best Open-Source Low-Code Platforms in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/de/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?w=800" alt="Best Open-Source Low-Code Platforms in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">3. Januar 2024</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>3 分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Best Open-Source Low-Code Platforms in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-low-code-tools">Why Choose Low-Code Tools?<a href="#why-choose-low-code-tools" class="hash-link" aria-label="Why Choose Low-Code Tools? への直接リンク" title="Why Choose Low-Code Tools? への直接リンク">​</a></h2>
 <p>The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-open-source">Why Choose Open Source?<a href="#why-choose-open-source" class="hash-link" aria-label="Why Choose Open Source? への直接リンク" title="Why Choose Open Source? への直接リンク">​</a></h2>
diff --git a/de/cms/index.html b/de/cms/index.html
index 5f78dcfce4..d293bac372 100644
--- a/de/cms/index.html
+++ b/de/cms/index.html
@@ -16,9 +16,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/de/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">Baue <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">CMS</span> und bediene effizienter</h1><span class="descStyle_uxY4">Content-Management-System für effiziente Operationen. AI-powered, integrate with AI capabilities, enabling you to efficiently create both visual and textual content. File management, support file storage and delivering, simplifying the content management workflow.</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" width="100%" alt="title: Build CMS and operate more efficiently 
diff --git a/de/components/Audio/index.html b/de/components/Audio/index.html
index 3590570cb8..820a1e28f6 100644
--- a/de/components/Audio/index.html
+++ b/de/components/Audio/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudのオーディオコンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA クラウドの「ビデオ」コンポーネントは、ユーザーがアプリケーション内のビデオやオーディオを再生し、対話することができます。 マルチメディアコンテンツに効率的で便利な方法を提供します または、例えば、ユーザは Video コンポーネントを使用して、プロジェクトの作業中にチュートリアルビデオを見ることができます。 アプリケーション内で必要なすべての情報を簡単に入手できるため、時間を節約し、生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">オーディオ でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/BarProgress/index.html b/de/components/BarProgress/index.html
index 4dd9937992..e4136b67d1 100644
--- a/de/components/BarProgress/index.html
+++ b/de/components/BarProgress/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドの「Bar Progress Component」を使用して、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA クラウドの「Bar Progress」コンポーネントは、100%スケールのバーの進行状況を視覚的に表します。 ユーザーが自分の進捗状況を迅速かつ効率的に追跡できるようにします。 進歩の明確かつ簡潔な視覚的な表現を提供することによって。 ユーザーは、完了率を計算する時間を費やすことなく、特定のタスクやプロジェクトに沿ってどれくらい進んでいるかを簡単に理解できます。 貴重な時間を節約し、より重要な仕事に集中できるようにします。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">バーの進行状況 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Button/index.html b/de/components/Button/index.html
index c4487ae8e4..15fd4ee157 100644
--- a/de/components/Button/index.html
+++ b/de/components/Button/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのボタンコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudのボタンコンポーネントは、アプリケーションとやり取りするための明確かつ直感的な方法を提供することで、アクションのトリガーやユーザーエクスペリエンスの向上に使用できる汎用性の高いツールです。 たとえば、クリックされたときにデータベースの更新をトリガーする「保存」ボタンを作成できます。 ワークフローを合理化し、手動でデータベースを更新するユーザー時間を節約します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">ボタン でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Carousel/index.html b/de/components/Carousel/index.html
index f6d7ac0cce..eb85d7ca03 100644
--- a/de/components/Carousel/index.html
+++ b/de/components/Carousel/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのカルーセルコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「カルーセル」コンポーネントは、1つのインターフェイスに複数の画像やメディアを表示します。 別々のページやウィンドウをナビゲートする必要がなくなることで、ユーザーの時間を節約できます。 ユーザーはカルーセルと対話し、画像や動画などの表示されるコンテンツを表示およびエンゲージメントすることができます。 すべて同じインターフェース内でシームレスで効率的なユーザーエクスペリエンスを提供します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Carousel でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Cascader/index.html b/de/components/Cascader/index.html
index b150b60ce9..bd543973ed 100644
--- a/de/components/Cascader/index.html
+++ b/de/components/Cascader/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の Cascader コンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのCascaderコンポーネントにより、ユーザーは選択肢の複数レイヤーから1つのオプションを選択できます。 データ入力と管理に対する階層的で効率的なアプローチを提供します。 例えば、ユーザーは製品選択用のフォームを作成し、&#x27;Cascader&#x27; コンポーネントを使用して、ユーザーが好みの製品カテゴリを選択できるようにすることができます。 データ収集の精度と効率を向上させます</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Cascader でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Chart/index.html b/de/components/Chart/index.html
index 553eac5e6b..4408586222 100644
--- a/de/components/Chart/index.html
+++ b/de/components/Chart/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのチャートコンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA クラウドの「チャート」コンポーネントは、リンクされたデータに基づいてさまざまなチャートタイプを表示し、複雑な情報を明確かつ視覚的に魅力的な方法で分析できます。 ユーザーは簡単にデータポイントを比較し、傾向を特定することができ、意思決定のための効率的なツールとなります。 たとえば、営業チームはグラフを使用して収益を視覚化し、改善のための領域を特定することができます。 「グラフ」コンポーネントは、データ分析のプロセスを簡素化し、情報をわかりやすい形式で表示することで、ユーザーの時間を節約できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">グラフ でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/CheckboxGroup/index.html b/de/components/CheckboxGroup/index.html
index 9f27df341a..3f801a945d 100644
--- a/de/components/CheckboxGroup/index.html
+++ b/de/components/CheckboxGroup/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA CloudのCheckbox Group Componentを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのCheckbox Groupコンポーネントは、リストから複数のオプションを選択するための便利で効率的な方法をユーザーに提供します。 時間と労力を節約できます たとえば、ユーザーは製品設定用のフォームを作成し、&#x27;Checkbox Group&#x27; コンポーネントを使用して、ユーザーが複数のオプションを選択できるようにできます。 例えば、色やサイズなど、データ収集プロセスを合理化します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">チェックボックスグループ でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/CircleProgress/index.html b/de/components/CircleProgress/index.html
index 6849cecf86..efbea53c54 100644
--- a/de/components/CircleProgress/index.html
+++ b/de/components/CircleProgress/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのサークル進行状況コンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">円の進行状況コンポーネントILLAクラウドは、円形の進捗状況を表示するように設計されています。 視覚的に魅力的な進歩を追跡する方法をユーザーに提供します このコンポーネントは、手動でパーセンテージを計算することなく、タスクやプロジェクトの進捗状況をすばやく簡単に確認できるようにすることで、ユーザーの時間を節約できます。 追加の注意やリソースが必要な領域を特定し、明確かつ簡潔な方法でチームメンバーやステークホルダーに進歩を伝える手助けをします</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">円の進捗状況 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Container/index.html b/de/components/Container/index.html
index 199c3a6941..1608db87f6 100644
--- a/de/components/Container/index.html
+++ b/de/components/Container/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのコンテナコンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA クラウドの「コンテナ」コンポーネントは複数のコンポーネントをまとめてグループ化し、コンテンツの整理と管理を容易にします。 例えば、ユーザーはコンテナ内の入力フィールドのセットをグループ化することで、データの収集と送信のプロセスを簡素化することができます。 これにより、ワークフローを合理化し、全体的な効率を向上させることで時間を節約できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">コンテナ でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Date/index.html b/de/components/Date/index.html
index 79b67bd831..e0dec33753 100644
--- a/de/components/Date/index.html
+++ b/de/components/Date/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudの日付コンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloud の Date コンポーネントは、カレンダーベースのインターフェイスを提供することで、日付選択を簡素化し、日付関連データ管理の効率と精度を向上させます。 たとえば、ユーザーはイベント登録用のフォームを作成し、Date コンポーネントを使用して、ユーザーがイベント日付を選択できるようにできます。 日付関連のエラーの可能性を減らし、登録プロセスを合理化します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">日付 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/DateRange/index.html b/de/components/DateRange/index.html
index 63289cc8b3..8e53658b08 100644
--- a/de/components/DateRange/index.html
+++ b/de/components/DateRange/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudの日付範囲コンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「日付範囲」コンポーネントは、カレンダーベースのインターフェイスを提供することで、日付範囲の選択を合理化し、ユーザーの時間と労力を節約します。 たとえば、ユーザはレポートを作成し、「日付範囲」コンポーネントを使用して、ユーザがデータ分析のための日付範囲を選択できるようにすることができます。 プロセスを簡素化し効率を高めます</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Date Range でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/DateTime/index.html b/de/components/DateTime/index.html
index 1c54bee73b..aafb8e3fc8 100644
--- a/de/components/DateTime/index.html
+++ b/de/components/DateTime/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の日付時刻コンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのDate Timeコンポーネントは、カレンダーベースのインターフェイスを提供することで日付と時刻の選択を簡素化し、データ管理の効率と精度を向上させます。 例えば、 ユーザーは予約スケジュールのフォームを作成し、「日付時刻」コンポーネントを使用して、ユーザーが特定の日付と時刻を選択できるようにすることができます。 スケジューリングエラーの可能性を減らし、プロセスを合理化します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">日付時刻 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Divider/index.html b/de/components/Divider/index.html
index b836b6609c..9b4bbce379 100644
--- a/de/components/Divider/index.html
+++ b/de/components/Divider/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の Divider Component を使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloud の「Divider」コンポーネントは、コンテンツの異なるセクション間の明確な区別を作成し、ナビゲーションと組織を改善する視覚的な要素です。 分割線を使用することで、ユーザーは雑然としたコンテンツを検索することなく、必要な情報をすばやく見つけることで時間を節約できます。 ユーザーエクスペリエンスの向上を実現しました。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Divider でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/EditableText/index.html b/de/components/EditableText/index.html
index fbaadcf771..837b061014 100644
--- a/de/components/EditableText/index.html
+++ b/de/components/EditableText/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の編集可能なテキストコンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA クラウドのテキスト編集コンポーネントにより、ユーザーは1行テキスト入力ボックスにテキストを入力および編集できます。 入力されたテキストはホバーで表示できます このコンポーネントは、テキストをすばやく簡単に編集する方法を提供することで、ユーザーの時間を節約できます。 例えば、 ユーザは、ユーザのフィードバックを収集するフォームを作成し、「編集可能なテキスト」コンポーネントを使用して、ユーザが投稿する前にコメントを編集できるようにできます。 これにより、企業は前後のコミュニケーションの必要性を減らすことで効率を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">編集可能なテキスト でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Form/index.html b/de/components/Form/index.html
index 7686f950ac..b5175a3f06 100644
--- a/de/components/Form/index.html
+++ b/de/components/Form/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのフォームコンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「フォーム」コンポーネントにより、ユーザーは必要な情報を入力および送信でき、データを収集および処理するための効率的な方法を提供できます。 データ入力プロセスを標準化することで時間を節約し、エラーを削減し、データの整理と分析を容易にします。 たとえば、会社はフォームコンポーネントを使用して従業員情報を収集することができます。 連絡先や職位などの情報を簡単に整理することができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">フォーム でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Icon/index.html b/de/components/Icon/index.html
index 6fd55724ef..3faf3d9eca 100644
--- a/de/components/Icon/index.html
+++ b/de/components/Icon/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の Icon Component を使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloudのアイコンコンポーネントは、ユーザーが構築済みアイコンを挿入するための迅速かつ簡単な方法を提供します。 アプリケーションの視覚的な魅力と使いやすさを向上させています 例えば、ユーザーはEコマースアプリケーションでショッピングカート機能を表すショッピングカートアイコンを挿入することができます。 カスタムアイコンの作成とユーザーエクスペリエンスの向上に時間と労力を節約できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">アイコン でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Image/index.html b/de/components/Image/index.html
index e9090995dd..15ad32795b 100644
--- a/de/components/Image/index.html
+++ b/de/components/Image/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の画像コンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのImageコンポーネントは、ユーザーが画像を表示するための簡単な方法を提供し、視覚的な魅力と情報のアクセシビリティを向上させます。 例えば、ユーザは &#x27;Image&#x27; コンポーネントを使用して、電子商取引アプリケーションで製品画像を表示できます。 製品の明確で魅力的な表現を提供するための時間と労力を節約します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">画像 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Input/index.html b/de/components/Input/index.html
index 291a0eaca9..af526ce9fa 100644
--- a/de/components/Input/index.html
+++ b/de/components/Input/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の Input Component を使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloud では、左ラベルの Input コンポーネントによって手動データ入力が不要になり、時間を節約し、効率を向上させます。 さらなる処理に必要な情報を簡単に提供することができます。 たとえば、顧客の連絡先情報を収集し、データの収集と処理のワークフローを合理化するために使用できます。 収集されたデータは、顧客セグメンテーション、ターゲットマーケティングキャンペーン、および顧客サポートに活用でき、効率的で時間を節約するソリューションを提供します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Input でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/List/index.html b/de/components/List/index.html
index 0970feb268..1faf991418 100644
--- a/de/components/List/index.html
+++ b/de/components/List/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudのリストコンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">リストコンポーネントは、データを表示および管理するための組織的かつ効率的な方法を提供します。 ユーザーが情報にすばやくアクセスして操作できるようにすることで、時間を節約できます。 たとえば、営業マネージャは、format@@0コンポーネントを使用して、顧客の注文を表示および追跡し、トレンドを迅速に特定し、データ駆動型の意思決定を行うことができます。 全体として、List コンポーネントは生産性を向上させ、データ分析を強化することができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">リスト でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Menu/index.html b/de/components/Menu/index.html
index e8c49efb4a..5e0c032e1e 100644
--- a/de/components/Menu/index.html
+++ b/de/components/Menu/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudのメニューコンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">メニューコンポーネントを利用することで、ユーザーは、複数のページを移動することなく、時間を節約し、効率を向上させることなく、さまざまなオプションにすばやくアクセスできます。 たとえば、ユーザーはソフトウェアアプリケーションのさまざまな機能にアクセスするためにメニューコンポーネントを使用できます。 頻繁に使用される機能に簡単にアクセスし、ワークフローを合理化することができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">メニュー でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Modal/index.html b/de/components/Modal/index.html
index cd594c2f0b..e96e619a1f 100644
--- a/de/components/Modal/index.html
+++ b/de/components/Modal/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのモーダルコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「Modal」コンポーネントは、現在のページから移動したり、ユーザーのワークフローを中断したりすることなく、コンテンツの表示やユーザ操作のプロンプトを表示できるユーザインターフェース要素です。 既存のページの上部にフローティングレイヤーを作成し、ユーザーのフィードバックを収集したり、情報を表示したり、入力を促したりします。 これにより、よりシームレスで合理化されたユーザーエクスペリエンスが可能になります。 アプリケーションとやり取りしながら、ユーザーは同じコンテキスト内にとどまることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">モーダル語 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Multiselect/index.html b/de/components/Multiselect/index.html
index 9fc0ef29b6..e774256484 100644
--- a/de/components/Multiselect/index.html
+++ b/de/components/Multiselect/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の MultiSelect コンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのMulti Selectコンポーネントは、リストから複数のオプションを選択するための便利で効率的な方法をユーザーに提供します。 時間と労力を節約できます たとえば、ユーザーはアンケートフォームを作成し、&#x27;Multi Select&#x27; コンポーネントを使用して、ユーザーが複数のオプションを選択できるようにすることができます。 好みの製品やサービスなどデータ収集プロセスを合理化します</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">複数選択 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/NumberInput/index.html b/de/components/NumberInput/index.html
index 695a6da621..916120cdcd 100644
--- a/de/components/NumberInput/index.html
+++ b/de/components/NumberInput/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドの数値入力コンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloud では、左ラベルの Number Input コンポーネントを使用すると、数値を入力できます。 迅速かつ容易な入力のための合理化されたインターフェイスを提供します。 このコンポーネントは、手動データ入力の必要性を排除することで、ユーザーの時間を節約できます。 例えば、ユーザーは各項目の数量と価格を収集するために「Number Input」コンポーネントを含む注文フォームを作成できます。 これは、企業が注文を処理する際に時間を節約し、エラーを減らすのに役立ちます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Number input でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/PDF/index.html b/de/components/PDF/index.html
index 26f3ed175f..9ce3d823ee 100644
--- a/de/components/PDF/index.html
+++ b/de/components/PDF/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA CloudのPDFコンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「PDF」コンポーネントにより、ユーザーはアプリ内のPDFファイルを表示および操作することができ、時間を節約し、ドキュメント管理を合理化できます。 たとえば、異なるソフトウェアやアプリケーションを切り替えることなく、PDFドキュメントに簡単にアクセスして注釈を付けることができ、生産性とワークフローの効率を向上させます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">PDF でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/RadioButton/index.html b/de/components/RadioButton/index.html
index ee0e5dea8d..01b4ba24ef 100644
--- a/de/components/RadioButton/index.html
+++ b/de/components/RadioButton/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドの無線ボタンコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">Radio Buttonコンポーネントは、ユーザーが複数の選択肢から1つのオプションを選択するための迅速かつ効率的な方法です。 混乱を避け意思決定プロセスを合理化します たとえば、アンケートフォームでは、ラジオボタンコンポーネントを使用して、ユーザーが自分の年齢グループを選択できるようにすることができます。 データ入力プロセスを簡素化することで時間を節約できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Radio Button でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/RadioGroup/index.html b/de/components/RadioGroup/index.html
index 01ef1053e7..ee8f9c7d29 100644
--- a/de/components/RadioGroup/index.html
+++ b/de/components/RadioGroup/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の無線グループコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのRadio Groupコンポーネントは、ユーザーがリストから1つのオプションを選択するための簡単で効率的な方法を提供します。 時間を節約し、エラーを減らします。 例えば、ユーザはイベント登録用のフォームを作成し、&#x27;Radio Group&#x27; コンポーネントを使用して、ユーザが希望するイベントを選択できるようにすることができます。 登録プロセスを簡素化し、効率を向上させる。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">無線グループ でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Rate/index.html b/de/components/Rate/index.html
index a27d9efaf0..4dd2cf13e9 100644
--- a/de/components/Rate/index.html
+++ b/de/components/Rate/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのレートコンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「レート」コンポーネントは、ユーザーが製品、サービス、またはエクスペリエンスを評価するための迅速かつ簡単な方法を提供し、フィードバックを提供する時間を節約します。 たとえば、ユーザーは、format@@0コンポーネントを使用して、最近の購入または体験を評価できます。 企業が顧客からのフィードバックに基づいて製品やサービスを改善するのに役立ちます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">利率 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Select/index.html b/de/components/Select/index.html
index f426351b76..b6d174bc45 100644
--- a/de/components/Select/index.html
+++ b/de/components/Select/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudの「コンポーネントの選択」を使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA クラウドの Select コンポーネントにより、ユーザはオプションのリストから選択できます。 ユーザーの時間を節約し、効率を向上させることができるデータを入力するユーザーフレンドリーでスペース効率の高い方法を提供します。 たとえば、ユーザーはアンケートフォームを作成し、&#x27;Select&#x27; コンポーネントを使用して、ユーザーが選択できる幅広いオプションを提供できます。 プロセスを簡素化し、正確なデータ収集を確保します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">選択 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Statistics/index.html b/de/components/Statistics/index.html
index 6b41c2419f..543d3c3c21 100644
--- a/de/components/Statistics/index.html
+++ b/de/components/Statistics/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の統計コンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「Statistics」コンポーネントは、ユーザーが視覚的に魅力的でわかりやすい方法で数値データを表示できるように設計されています。 データ分析や意思決定を改善することです たとえば、format@@0 コンポーネントを使用して、棒グラフなどのさまざまな視覚的形式で売上データを表示するダッシュボードを作成できます。 円グラフ、折れ線グラフ、カスタマイズされたビジュアライゼーションの作成に時間を節約し、データの迅速かつ明確な概要を提供します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">統計情報 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Switch/index.html b/de/components/Switch/index.html
index 3580d37a21..038e9424a0 100644
--- a/de/components/Switch/index.html
+++ b/de/components/Switch/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA CloudのSwitchコンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのSwitchコンポーネントは、ユーザーが特定の設定や機能をオンまたはオフにするための直感的でユーザーフレンドリーな方法を提供します。 時間の節約と効率の向上 例えば、 ユーザーは通知システムを作成し、&#x27;Switch&#x27; コンポーネントを使用して、ユーザーが特定のイベントの通知をオンまたはオフにできるようにできます。 新しいメッセージやアップデートなど、不必要な中断を減らすことができます</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">切り替え でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Tables/index.html b/de/components/Tables/index.html
index d6a46dd85f..211c44fb46 100644
--- a/de/components/Tables/index.html
+++ b/de/components/Tables/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud のテーブルコンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「Table」コンポーネントは、データベース・データを表形式で表示し、大量の情報をすばやく分析することができます。 ソート、検索、フィルタリングなどの機能があります テーブルコンポーネントは、必要なデータを簡単に見つけて操作できるようにすることで、ユーザーの時間を節約できます。 また、異なる列タイプ、色、書式設定オプションを使用してテーブルをカスタマイズできます。 複雑なデータの視覚的に魅力的でわかりやすい表現を可能にします。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">テーブル でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Tabs/index.html b/de/components/Tabs/index.html
index 2dcc2e1734..717c3292e4 100644
--- a/de/components/Tabs/index.html
+++ b/de/components/Tabs/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudのformat@@0タブを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「Tab」コンポーネントは、幅広いスクロールを必要とせずに、コンテンツのさまざまなセクションを簡単に切り替えられるようにすることで、ユーザーの時間を節約できます。 たとえば、Tabsを使用して、ソフトウェアアプリケーションで異なるビューやモードを切り替えることができ、ユーザビリティと生産性が向上します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Tabs でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Text/index.html b/de/components/Text/index.html
index 7d85c0824d..d03cd71e60 100644
--- a/de/components/Text/index.html
+++ b/de/components/Text/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud のテキストコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのTextコンポーネントは、ユーザーがテキストを表示するための簡単な方法を提供し、情報の読みやすさとアクセシビリティを向上させます。 例えば、ユーザは &#x27;Text&#x27; コンポーネントを使用して重要な命令や情報を表示できます。 連絡先や製品説明など、重要な情報を伝えるための時間と労力を節約できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">テキスト でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Textarea%20Input/index.html b/de/components/Textarea%20Input/index.html
index 9b06a8fb88..97e62916f3 100644
--- a/de/components/Textarea%20Input/index.html
+++ b/de/components/Textarea%20Input/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] flex flex-col h-screen"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R2lkuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:Rj5kuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R9a4uh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Raa4uh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><main class="container margin-vert--xl h-full"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">ページが見つかりません</h1><p>お探しのものが見つかりませんでした。</p><p>元のURLにリンクしたサイトの所有者に連絡し、リンクが切れていることを知らせてください。</p></div></div></main><div class="commBottomContainer_rcOJ"><div style="height:410px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-white-02">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div></div>
diff --git a/de/components/Timeline/index.html b/de/components/Timeline/index.html
index 80b72c1da5..f5fa265c37 100644
--- a/de/components/Timeline/index.html
+++ b/de/components/Timeline/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud のタイムラインコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudのタイムラインコンポーネントは、プロジェクトの進捗または履歴を明確かつ組織的に視覚的に表現することで、ユーザーの時間を節約できます。 たとえば、プロジェクトマネージャーは、format@@0コンポーネントを使用してプロジェクトのマイルストーンを視覚的に表示できます。 締め切りや成果物、プロジェクトのスケジュール作成に時間を節約し、チームメンバーやステークホルダーに伝えます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">タイムライン でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Upload/index.html b/de/components/Upload/index.html
index 3a61f93d2f..d583a96afb 100644
--- a/de/components/Upload/index.html
+++ b/de/components/Upload/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのアップロードコンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA クラウドのアップロードコンポーネントにより、ユーザーはあらゆる種類のファイルを自分のアプリケーションに簡単にアップロードできます。 データ管理に便利で合理化されたアプローチを提供します 例えば、 ユーザーはオンラインストアを作成し、&#x27;アップロード&#x27; コンポーネントを使用して注文の送信時に顧客が画像やその他のファイルをアップロードできるようにすることができます。 時間の節約と効率の向上</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">アップロード でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/Video/index.html b/de/components/Video/index.html
index 36a2da93a7..2a8fb1fff4 100644
--- a/de/components/Video/index.html
+++ b/de/components/Video/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud のビデオコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA クラウドの「ビデオ」コンポーネントは、アプリケーション内のビデオを再生し、対話します。 外部のビデオプレーヤーに切り替えることなく、動画コンテンツを簡単に表示して操作できるようにすることで、時間を節約できます。 たとえば、ビデオコンポーネントを使用して、アプリケーション内でトレーニングビデオや製品デモを見ることができ、生産性と効率性を向上させます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">ビデオ でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/components/index.html b/de/components/index.html
index ffe39ca7b6..9f6c985764 100644
--- a/de/components/index.html
+++ b/de/components/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_yWoG"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf lg:pt-[48px] lg:w-[570px] w-full"><h1 class="headerTitle_URD5">組み込みコンポーネントのライブラリ</h1><span class="headerDesc_zhHJ">ILLAは、一般的に使用されるフロントエンド開発コンポーネントの範囲を提供しています。 ユーザーは、フロントエンドインターフェイスを簡単に構築し、ユーザーアクションに応答し、簡単なドラッグアンドドロップ操作でデータを表示できます。 ILLAでは、テーブル、グラフ、フォーム、リストなどの複雑なコンポーネントを構築できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">無料で試す</a></div><img src="https://cdn.illacloud.com/official-website/img/official-site/features/componentIndex.svg" alt="" class="w-full lg:w-[550px]"></div><div class="flex flex-col gap-[24px] pb-[60px] lg:pb-[100px]"><h2 class="contentTitle_b3GB">Inputs</h2><div class="itemsContainer_OUc9"><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20upload.svg" alt="アップロード" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">アップロード</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「アップロード」コンポーネントは、ユーザーがアプリケーションに任意の種類のファイルをアップロードする方法を提供します。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/components/Upload"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Switch.svg" alt="切り替え" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">切り替え</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「スイッチ」コンポーネントには、ユーザーが特定の設定や機能をオンまたはオフにできるトグルスイッチがあります。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/components/Switch"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Select.svg" alt="選択" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">選択</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「選択」コンポーネントは、ユーザーがオプションのリストから選択できるドロップダウンセレクタです。 データを入力するためのユーザーフレンドリーでスペース効率の良い方法を提供します</span></div><a class="learnMore_Lb_l" href="/illa-website/de/components/Select"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Radio%20Group.svg" alt="無線グループ" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">無線グループ</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「Radio Group」コンポーネントは、ユーザが選択肢のリストから1つのオプションを選択できる無線セレクタです。 データの入力と管理の簡単で明確な方法を提供します</span></div><a class="learnMore_Lb_l" href="/illa-website/de/components/RadioGroup"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Check%20Box.svg" alt="CheckboxGroup" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">CheckboxGroup</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「Checkbox Group」コンポーネントは、ユーザがリストから複数のオプションを選択できるチェックボックスセレクタです。 データを簡単かつ効率的に管理する方法を提供します</span></div><a class="learnMore_Lb_l" href="/illa-website/de/components/CheckboxGroup"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div><h2 class="contentTitle_b3GB">データ</h2><div class="itemsContainer_OUc9"><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Chart.svg" alt="グラフ" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">グラフ</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA クラウドの「チャート」コンポーネントは、リンクされたデータに基づいて複数の種類のチャートを表示します。 複雑なデータの明確で視覚的に魅力的な表現をユーザーに提供します。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/components/Chart"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Table.svg" alt="テーブル" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">テーブル</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA クラウドの「表」コンポーネントは、データベースからのデータを表形式で表示します。 大量の情報を一目で表示、並べ替え、分析することができます。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/components/Tables"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div><h2 class="contentTitle_b3GB">プレゼンテーション</h2><div class="itemsContainer_OUc9"><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20PDF.svg" alt="PDF" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">PDF</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「PDF」コンポーネントは、ユーザーがアプリケーション内のPDFファイルを表示して操作できる表示要素です。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/components/PDF"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Video.svg" alt="ビデオ" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">ビデオ</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「Video」コンポーネントは、ユーザーがアプリケーション内のビデオを再生し、対話することを可能にするディスプレイ要素です。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/components/Video"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/components/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/crm/index.html b/de/crm/index.html
index 2f4a19d1ac..b327b53629 100644
--- a/de/crm/index.html
+++ b/de/crm/index.html
@@ -22,9 +22,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/de/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">Bessere <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">Vertriebs-CRM-Lösung</span> um Transaktionen schneller zu schließen</h1><span class="descStyle_uxY4">Verwalten Sie alle Ihre Leads, Kundenbeziehungen, Vertriebsleitung und Aufgaben an einem Ort, so dass Sie Ihren Verkaufsprozess rationalisieren und sich auf das Schließen der Geschäfte konzentrieren können.</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" width="100%" alt="ILLA Cloud不仅是一个低代码CRM构建工具，还是业务工具和人工智能能力之间的桥梁。通过与人工智能能力集成，ILLA Cloud帮助企业基于产品特性和客户特征生成个性化的营销内容。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" alt="ILLA Cloud不仅是一个低代码CRM构建工具，还是业务工具和人工智能能力之间的桥梁。通过与人工智能能力集成，ILLA Cloud帮助企业基于产品特性和客户特征生成个性化的营销内容。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7N5%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>Was können wir tun</h1>
diff --git a/de/dashboard/index.html b/de/dashboard/index.html
index c7fdffca03..4c7211cc01 100644
--- a/de/dashboard/index.html
+++ b/de/dashboard/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/de/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2"><span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">Datenanalyse-Dashboard</span> für Ihr Unternehmen anpassen</h1><span class="descStyle_uxY4">Erstellen Sie umfassende Datenanalyse-Dashboards und treiben Sie Ihr Geschäftswachstum mit minimalem Investitionsaufwand an.</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" width="100%" alt="title: Passen Sie das Data Analysis Dashboard für Ihr Unternehmen an 
diff --git a/de/image-generator/index.html b/de/image-generator/index.html
index 4744f628b6..f5c4ab6c8f 100644
--- a/de/image-generator/index.html
+++ b/de/image-generator/index.html
@@ -16,9 +16,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/de/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2"><span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">AI Image Generator</span> für Ihr Unternehmen anpassen</h1><span class="descStyle_uxY4">title: Passen Sie den KI-Bildgenerator für Ihr Unternehmen an 
diff --git a/de/index.html b/de/index.html
index e0f6015395..d5aca0dad7 100644
--- a/de/index.html
+++ b/de/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] font-sans"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:Ramjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R2cmjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R158jqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R198jqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="bannerContainerStyle__SXx"><div class="canvasContainerStyle_h8pN"><canvas></canvas></div><video class="bgStyle_xQ96" loop="" autoplay="" muted=""><source src="/illa-website/de/assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4" type="video/mp4"></video><div class="bannerContentContainer_RLp6"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><div class="publicize_vEiD"><span class="publicizeStyle_C7Y6"></span><span class="flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]"><span class="flex flex-row justify-between"><span class="publicIntru_nEWo"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-[24px] w-[24px]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span><span>Github</span><span class="inline-block w-[45px] text-center">0.0k</span><span>星</span></span></span></span><span role="img" aria-label="star us">星印を付ける<!-- --> 👉</span></span></div></a><div class="bannerTextContainerStyle_O5rS"><div class="flex flex-col gap-[16px]"><h1 class="sloganStyle_zysD">AI駆動型ビジネスアプリを構築</h1><span class="descStyle_U78g">Build { businessApp } mit niedrigem Code, mach automatisiertes { flow }, erstelle { AIAgent } einfach</span></div><div class="buttonContainerStyle_ulq9"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK largeSizeStyle_kJWZ lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW largeArrowStyle_sKWX lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">始めよう</span></a></div></div></div><div class="solutionContainerStyle_QwBc"><div class="tabsContainerStyle_DETz"><div class="tabsItemStyle_TXig selectedTabStyle_CyW0"><span class="w-full h-full relative z-[1] text-nowrap">データ分析ダッシュボード</span><div class="splitterItemStyle_gYQ6"></div></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI画像生成ツール</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI音声生成ツール</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">コンテンツ管理</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">営業CRM</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">管理パネル</span></div></div><div class="solutionImageContainerStyle_LgpU"><div class="solutionBaseBgStyle_nGRR solutionSelectBgStyle_Xioy"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO solutionSelectImageStyle_GSp1"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Xz%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bc%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bb%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C72G%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7N5%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Oy%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div></div></div></div><div class="bannerContainer_oUHl"><div class="textContainerStyle_j9Qp"><h1 class="sloganStyle_XKtE">AI駆動型ビジネスアプリを構築</h1><span class="descStyle_YqnZ">Build { businessApp } mit niedrigem Code, mach automatisiertes { flow }, erstelle { AIAgent } einfach</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK normalSizeStyle_qzr1 lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW normalArrowStyle_XxGa lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">始めよう</span></a></div><div class="flex items-center gap-[40px]"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="linkGroupItemStyle_KQRV"><svg width="44" height="44" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="-0.001" width="88" height="88" rx="44" fill="url(#linearGithub_svg__a)"></rect><path d="M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z" fill="#fff"></path><defs><linearGradient id="linearGithub_svg__a" x1="44" y1="-0.001" x2="44" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px]">0.0k<!-- -->星</span></div></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="flex flex-col items-center gap-[8px]"><svg width="44" height="44" viewBox="0 0 89 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="-0.001" width="88" height="88" rx="44" fill="url(#linearDiscord_svg__a)"></rect><path d="M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z" fill="#fff"></path><defs><linearGradient id="linearDiscord_svg__a" x1="44.5" y1="-0.001" x2="44.5" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px] align-middle">Discord に参加</span></div></a></div><div class="swiper w-full"><div class="swiper-wrapper"><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">データ分析ダッシュボード</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI画像生成ツール</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI音声生成ツール</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">コンテンツ管理</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">営業CRM</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">管理パネル</span></div></div></div></div></div><div class="contentContainer_c9t8"><div class="content_jfit"><div class="wallContainerStyle_Ny01"><span class="logoTitleStyle_hhN_">何千ものチームに信頼されています</span><div class="logoContainerStyle_PeVm"><span class="flex justify-end"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#metaIcon_svg__a)" fill="#fff"><path d="M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"></path><path d="M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"></path><path d="M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"></path></g><defs><clipPath id="metaIcon_svg__a"><path fill="#fff" transform="translate(.1)" d="M0 0h120.8v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="171" height="40" viewBox="0 0 171 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#byteDanceIcon_svg__a)" fill="#fff"><path d="M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"></path></g><defs><clipPath id="byteDanceIcon_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h170v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-start"><svg width="194" height="40" viewBox="0 0 194 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#alibaba_svg__a)"><path d="M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z" fill="#fff"></path></g><defs><clipPath id="alibaba_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h193v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="33" height="40" viewBox="0 0 33 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z" fill="#fff"></path></svg></span></div></div><div class="cardContentContainerStyle_kX6c"><div class="headerContainerStyle_RgD_"><h2 class="textTitleStye_mJAH"><span class="textTitleNumStyle_TEnk">3 </span>Schritte, um Ihre Business-Apps anzupassen</h2><span class="textDescStyle_NFkj">ドラッグアンドドロップコンポーネントでツールをビルドし、AIエージェントをカスタマイズし、データソースに接続し、AIをニーズとデータに適したスマートツールとし、仕事をより効率的にします。</span></div><div class="cardContainerStyle_Kvlw"><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step1.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>1<!-- -->.</span><br><span>UIを設計するためのコンポーネントをドラッグアンドドロップする</span></h3><span class="textDescStyle_vwoY">コンポーネントをドラッグアンドドロップすることで、迅速にアプリケーションのUIを構築し、任意の機能を実装できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">ILLAを使用してUIを構築を開始する</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemReverseStyle_DHTD"><img src="https://cdn.illacloud.com/illa-website/home/step/step2.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>2<!-- -->.</span><br><span>データソースに接続する</span></h3><span class="textDescStyle_vwoY">MySQL、PostgreSQLなどのデータベース、REST API、GraphQLなど、自分のデータソースに接続します。CRUDアプリをわずか1分で構築できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">データソースを使用してアプリを構築を開始する</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step3.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>3<!-- -->.</span><br><span>AIエージェントを設定して接続する</span></h3><span class="textDescStyle_vwoY">AIエージェントをアプリに統合し、知的分析、コンテンツ生成などのAI機能をAI開発スキル不要で活用できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">AI駆動型アプリの構築を開始する</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commentsContainerStyle_ctEM"><h2 class="commentsTitleStyle_iQ9i">ユーザーの声</h2><div class="commentsItemsContainerStyle_Zw4J"><div class="borderStyle_jCx_ mobileGap_cpxI"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">ILLA Cloud は私にとってゲームチェンジャーであり、効率的なコンテンツを短時間で生成するのに役立ちます。 カスタマイズされたAIエージェントとアプリは、私のビジネスニーズに完全に対応します。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">クリストファー</span><span class="commentUserCompanyStyle_zWSD">SEO スペシャリスト</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">私は今 BlogMaster になったと思います！ このツールは私のコンテンツ生成プロセスに革命をもたらし、私に貴重な時間を節約しました。 ブログのアイデアを生み出しているのか、記事を構成しているのかに関わらず、AIエージェントは私と私のチームにとって大きな資産となっています。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">ルーカス</span><span class="commentUserCompanyStyle_zWSD">コンテンツ戦略家</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">最小限の労力で優れたカスタマーサポートを提供することができます。 あらかじめ構築されたAIエージェントとアプリは、特定のニーズに合わせてカスタマイズする機能とともに、チームの効率性を大幅に向上させました。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">ハーパー</span><span class="commentUserCompanyStyle_zWSD">カスタマーサービスマネージャー</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">AIエージェントとローコードは、電子メールの書き込みプロセスを変換しました。 インパクトのある電子メールの作成を合理化することで、私は魅力的で説得力のあるメッセージを簡単に作成することができます。 ILLA クラウドは、当社の電子メール通信を新たな高みに高めました。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">アビゲイル</span><span class="commentUserCompanyStyle_zWSD">コミュニケーションスペシャリスト</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">会社の様々な側面を監督する必要があります。 ILLA Cloud は私に包括的なソリューションを提供してくれます。 開発と設計に時間と労力を節約するだけでなく、自分のビジネスをより良く管理し、監視することもできます。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">マシュー</span><span class="commentUserCompanyStyle_zWSD">ビジネス創業者</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">ILLA Cloud を使用して管理ダッシュボードを構築するのは非常に簡単でした。 たった1日で、プロジェクトの進捗を監視したり、このダッシュボード内でリソースを割り当てたりといったタスクを達成することができました。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">サミュエル</span><span class="commentUserCompanyStyle_zWSD">ウェブサイト管理者</span></span></div></div></div></div><div class="allContentContainer_nVOG"><h2 class="allContentTitle_K0Y2">ILLA Cloud はすべてを統合しました</h2><img class="w-full h-auto" src="https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp" alt="ILLA Cloud integrates everything"></div><div class="faqContainer_vbEd"><h2 class="faqTitle_s89i">よく寄せられる質問</h2><div class="w-full flex flex-col gap-[8px]"><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rjapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA AIではどのようなコンテンツを作成できますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rlapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>誰がILLAクラウドを利用できますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rnapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA クラウドからどのように利益を得ることができますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rpapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>AIエージェントを特定のビジネスニーズに合わせてカスタマイズすることはできますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rrapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLAはどのようなデータソースをサポートしていますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rtapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA クラウドユーザーの技術サポートはありますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div></div></div></div><div class="commBottomContainerStyle_CDHK"><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-white-02">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] font-sans"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:Ramjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R2cmjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R158jqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R198jqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="bannerContainerStyle__SXx"><div class="canvasContainerStyle_h8pN"><canvas></canvas></div><video class="bgStyle_xQ96" loop="" autoplay="" muted=""><source src="/illa-website/de/assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4" type="video/mp4"></video><div class="bannerContentContainer_RLp6"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><div class="publicize_vEiD"><span class="publicizeStyle_C7Y6"></span><span class="flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]"><span class="flex flex-row justify-between"><span class="publicIntru_nEWo"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-[24px] w-[24px]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span><span>Github</span><span class="inline-block w-[45px] text-center">0.0k</span><span>Sterne</span></span></span></span><span role="img" aria-label="star us">Folg uns<!-- --> 👉</span></span></div></a><div class="bannerTextContainerStyle_O5rS"><div class="flex flex-col gap-[16px]"><h1 class="sloganStyle_zysD">AI駆動型ビジネスアプリを構築</h1><span class="descStyle_U78g">Build <span class="colorDescAppStyle_qG8r">Web und App</span> mit niedrigem Code, mach automatisiertes <span class="colorDescFlowStyle_VvqE">fließen</span>, erstelle <span class="colorDescAgentStyle_LHLV">AI Agent</span> einfach</span></div><div class="buttonContainerStyle_ulq9"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK largeSizeStyle_kJWZ lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW largeArrowStyle_sKWX lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">始めよう</span></a></div></div></div><div class="solutionContainerStyle_QwBc"><div class="tabsContainerStyle_DETz"><div class="tabsItemStyle_TXig selectedTabStyle_CyW0"><span class="w-full h-full relative z-[1] text-nowrap">データ分析ダッシュボード</span><div class="splitterItemStyle_gYQ6"></div></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI画像生成ツール</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI音声生成ツール</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">コンテンツ管理</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">営業CRM</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">管理パネル</span></div></div><div class="solutionImageContainerStyle_LgpU"><div class="solutionBaseBgStyle_nGRR solutionSelectBgStyle_Xioy"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO solutionSelectImageStyle_GSp1"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Xz%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bc%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bb%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C72G%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7N5%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Oy%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Jetzt versuchen</span></a></div></div></div></div><div class="bannerContainer_oUHl"><div class="textContainerStyle_j9Qp"><h1 class="sloganStyle_XKtE">AI駆動型ビジネスアプリを構築</h1><span class="descStyle_YqnZ">Build <span class="colorDescAppStyle_An_L">Web und App</span> mit niedrigem Code, mach automatisiertes <span class="colorDescFlowStyle_y9g7">fließen</span>, erstelle <span class="colorDescAgentStyle_x5xU">AI Agent</span> einfach</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK normalSizeStyle_qzr1 lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW normalArrowStyle_XxGa lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">始めよう</span></a></div><div class="flex items-center gap-[40px]"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="linkGroupItemStyle_KQRV"><svg width="44" height="44" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="-0.001" width="88" height="88" rx="44" fill="url(#linearGithub_svg__a)"></rect><path d="M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z" fill="#fff"></path><defs><linearGradient id="linearGithub_svg__a" x1="44" y1="-0.001" x2="44" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px]">0.0k<!-- -->Sterne</span></div></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="flex flex-col items-center gap-[8px]"><svg width="44" height="44" viewBox="0 0 89 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="-0.001" width="88" height="88" rx="44" fill="url(#linearDiscord_svg__a)"></rect><path d="M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z" fill="#fff"></path><defs><linearGradient id="linearDiscord_svg__a" x1="44.5" y1="-0.001" x2="44.5" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px] align-middle">Discord に参加</span></div></a></div><div class="swiper w-full"><div class="swiper-wrapper"><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">データ分析ダッシュボード</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI画像生成ツール</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI音声生成ツール</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">コンテンツ管理</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">営業CRM</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">管理パネル</span></div></div></div></div></div><div class="contentContainer_c9t8"><div class="content_jfit"><div class="wallContainerStyle_Ny01"><span class="logoTitleStyle_hhN_">何千ものチームに信頼されています</span><div class="logoContainerStyle_PeVm"><span class="flex justify-end"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#metaIcon_svg__a)" fill="#fff"><path d="M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"></path><path d="M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"></path><path d="M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"></path></g><defs><clipPath id="metaIcon_svg__a"><path fill="#fff" transform="translate(.1)" d="M0 0h120.8v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="171" height="40" viewBox="0 0 171 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#byteDanceIcon_svg__a)" fill="#fff"><path d="M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"></path></g><defs><clipPath id="byteDanceIcon_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h170v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-start"><svg width="194" height="40" viewBox="0 0 194 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#alibaba_svg__a)"><path d="M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z" fill="#fff"></path></g><defs><clipPath id="alibaba_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h193v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="33" height="40" viewBox="0 0 33 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z" fill="#fff"></path></svg></span></div></div><div class="cardContentContainerStyle_kX6c"><div class="headerContainerStyle_RgD_"><h2 class="textTitleStye_mJAH"><span class="textTitleNumStyle_TEnk">3 </span>Schritte, um Ihre Business-Apps anzupassen</h2><span class="textDescStyle_NFkj">ドラッグアンドドロップコンポーネントでツールをビルドし、AIエージェントをカスタマイズし、データソースに接続し、AIをニーズとデータに適したスマートツールとし、仕事をより効率的にします。</span></div><div class="cardContainerStyle_Kvlw"><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step1.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>1<!-- -->.</span><br><span>UIを設計するためのコンポーネントをドラッグアンドドロップする</span></h3><span class="textDescStyle_vwoY">コンポーネントをドラッグアンドドロップすることで、迅速にアプリケーションのUIを構築し、任意の機能を実装できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">ILLAを使用してUIを構築を開始する</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemReverseStyle_DHTD"><img src="https://cdn.illacloud.com/illa-website/home/step/step2.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>2<!-- -->.</span><br><span>データソースに接続する</span></h3><span class="textDescStyle_vwoY">MySQL、PostgreSQLなどのデータベース、REST API、GraphQLなど、自分のデータソースに接続します。CRUDアプリをわずか1分で構築できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">データソースを使用してアプリを構築を開始する</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step3.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>3<!-- -->.</span><br><span>AIエージェントを設定して接続する</span></h3><span class="textDescStyle_vwoY">AIエージェントをアプリに統合し、知的分析、コンテンツ生成などのAI機能をAI開発スキル不要で活用できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">AI駆動型アプリの構築を開始する</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commentsContainerStyle_ctEM"><h2 class="commentsTitleStyle_iQ9i">ユーザーの声</h2><div class="commentsItemsContainerStyle_Zw4J"><div class="borderStyle_jCx_ mobileGap_cpxI"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">ILLA Cloud は私にとってゲームチェンジャーであり、効率的なコンテンツを短時間で生成するのに役立ちます。 カスタマイズされたAIエージェントとアプリは、私のビジネスニーズに完全に対応します。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">クリストファー</span><span class="commentUserCompanyStyle_zWSD">SEO スペシャリスト</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">私は今 BlogMaster になったと思います！ このツールは私のコンテンツ生成プロセスに革命をもたらし、私に貴重な時間を節約しました。 ブログのアイデアを生み出しているのか、記事を構成しているのかに関わらず、AIエージェントは私と私のチームにとって大きな資産となっています。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">ルーカス</span><span class="commentUserCompanyStyle_zWSD">コンテンツ戦略家</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">最小限の労力で優れたカスタマーサポートを提供することができます。 あらかじめ構築されたAIエージェントとアプリは、特定のニーズに合わせてカスタマイズする機能とともに、チームの効率性を大幅に向上させました。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">ハーパー</span><span class="commentUserCompanyStyle_zWSD">カスタマーサービスマネージャー</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">AIエージェントとローコードは、電子メールの書き込みプロセスを変換しました。 インパクトのある電子メールの作成を合理化することで、私は魅力的で説得力のあるメッセージを簡単に作成することができます。 ILLA クラウドは、当社の電子メール通信を新たな高みに高めました。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">アビゲイル</span><span class="commentUserCompanyStyle_zWSD">コミュニケーションスペシャリスト</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">会社の様々な側面を監督する必要があります。 ILLA Cloud は私に包括的なソリューションを提供してくれます。 開発と設計に時間と労力を節約するだけでなく、自分のビジネスをより良く管理し、監視することもできます。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">マシュー</span><span class="commentUserCompanyStyle_zWSD">ビジネス創業者</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">ILLA Cloud を使用して管理ダッシュボードを構築するのは非常に簡単でした。 たった1日で、プロジェクトの進捗を監視したり、このダッシュボード内でリソースを割り当てたりといったタスクを達成することができました。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">サミュエル</span><span class="commentUserCompanyStyle_zWSD">ウェブサイト管理者</span></span></div></div></div></div><div class="allContentContainer_nVOG"><h2 class="allContentTitle_K0Y2">ILLA Cloud はすべてを統合しました</h2><img class="w-full h-auto" src="https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp" alt="ILLA Cloud integrates everything"></div><div class="faqContainer_vbEd"><h2 class="faqTitle_s89i">よく寄せられる質問</h2><div class="w-full flex flex-col gap-[8px]"><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rjapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA AIではどのようなコンテンツを作成できますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rlapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>誰がILLAクラウドを利用できますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rnapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA クラウドからどのように利益を得ることができますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rpapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>AIエージェントを特定のビジネスニーズに合わせてカスタマイズすることはできますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rrapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLAはどのようなデータソースをサポートしていますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rtapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA クラウドユーザーの技術サポートはありますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div></div></div></div><div class="commBottomContainerStyle_CDHK"><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-white-02">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/de/integrations/Airtable/index.html b/de/integrations/Airtable/index.html
index ac71efb56b..81c6a2bdf1 100644
--- a/de/integrations/Airtable/index.html
+++ b/de/integrations/Airtable/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Airtable に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">「ILLA CloudのAirable統合により、 オープンソースのバックエンドサーバープラットフォームにすばやく簡単に接続して、データ管理を最適化し、ワークフローを合理化できます。 この統合により、AirtableのAPIエンドポイントを活用することで、データ管理が簡単になり、Airtableデータベース、ストレージ、認証サービスからのデータを簡単に操作できます。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 たとえば、Airtable データベースからデータを取得し、ボタンを追加できます。 クリックすると、API コールを実行してデータを更新したり、リクエストを承認したりします。 ILLA Cloud の統合により、データ管理プロセスを合理化し、Airtable の強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Airtable でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/AmazonDynamoDB/index.html b/de/integrations/AmazonDynamoDB/index.html
index 494f3b516f..fa6e8a37d4 100644
--- a/de/integrations/AmazonDynamoDB/index.html
+++ b/de/integrations/AmazonDynamoDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Amazon DynamoDB に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloud の Amazon DynamoDB 統合により、DynamoDB データベースにすばやく設定および接続してデータ管理を最適化し、ワークフローを合理化できます。 DynamoDBのクエリを使用してデータ管理を簡素化し、簡単にデータを操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、DynamoDBテーブルからデータを取得し、次のボタンを追加することができます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのAmazon DynamoDB統合により、データ管理プロセスを合理化し、DynamoDBの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Amazon DynamoDB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/Appwrite/index.html b/de/integrations/Appwrite/index.html
index 541a3b6b64..2fbc61b58c 100644
--- a/de/integrations/Appwrite/index.html
+++ b/de/integrations/Appwrite/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA CloudでAppwriteに接続し、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのAppwrite統合で。 オープンソースのバックエンドサーバープラットフォームにすばやく簡単に接続して、データ管理を最適化し、ワークフローを合理化できます。 彼との連携により、AppwriteのAPIエンドポイントを活用することで、データ管理が簡単になり、Appwriteデータベース、ストレージ、認証サービスからのデータを簡単に操作できます。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、Appwriteデータベースからデータを取得し、次のボタンを追加することができます。 クリックすると、API コールを実行してデータを更新したり、リクエストを承認したりします。 ILLA CloudのAppwrite統合により、データ管理プロセスを合理化し、Appwriteの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Appwrite でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/Clickhouse/index.html b/de/integrations/Clickhouse/index.html
index 22697c1dab..012bbc601e 100644
--- a/de/integrations/Clickhouse/index.html
+++ b/de/integrations/Clickhouse/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA CloudでClickhouseに接続し、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのClickHouseとの統合により、ClickHouseデータベースにすばやく設定および接続してデータ管理を最適化し、ワークフローを合理化できます。 ClickHouseクエリを使用してデータ管理を簡素化し、簡単にデータを操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、ClickHouseテーブルからデータを取得し、ボタンを追加することもできます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのClickHouse統合により、データ管理プロセスを合理化し、ClickHouseの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Clickhouse でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/CouchDB/index.html b/de/integrations/CouchDB/index.html
index 460cc6ed49..b361f45a47 100644
--- a/de/integrations/CouchDB/index.html
+++ b/de/integrations/CouchDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して CouchDB に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのCouchDB統合により、迅速に設定およびCouchDBデータベースに接続してデータ管理を最適化し、ワークフローを合理化できます。 CouchDBのクエリを使用してデータ管理を簡素化し、簡単にデータを操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、CouchDBデータベースからデータを取得し、ボタンを追加することができます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのCouchDB統合により、データ管理プロセスを合理化し、CouchDBの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">CouchDB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/ElasticSearch/index.html b/de/integrations/ElasticSearch/index.html
index bb02fd53b6..5a7bcea54a 100644
--- a/de/integrations/ElasticSearch/index.html
+++ b/de/integrations/ElasticSearch/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Elastic Search に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloud の Elastic Search との統合 Elastic Search クラスタにすばやく設定して接続し、データ管理を最適化し、ワークフローを強化できます。 また、Elastic Searchクエリを使用してデータ管理を簡素化することで、簡単にデータを検索および取得できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または例えば、Elastic Search インデックスからデータを取得し、次のボタンを追加できます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのElastic Search統合により、データ管理プロセスを合理化し、Elastic Searchの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Elastic Search でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/Firebase/index.html b/de/integrations/Firebase/index.html
index eba5449034..e2d72304ca 100644
--- a/de/integrations/Firebase/index.html
+++ b/de/integrations/Firebase/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してFirebaseに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのFirebase統合により、Firebaseデータベースにすばやく設定および接続してデータ管理を最適化し、ワークフローを合理化できます。 FirebaseクエリとAPI呼び出しを使用してデータ管理を簡素化し、データを簡単に操作したり、複雑な操作を実行したりできます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または例えば、Firebase コレクションからデータを取得し、次のボタンを追加できます。 クリックすると、API コールを実行してデータを更新したり、リクエストを承認したりします。 ILLA CloudのFirebase統合により、データ管理プロセスを合理化し、Firebaseの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Firebase でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/GoogleSheets/index.html b/de/integrations/GoogleSheets/index.html
index c1dcfde639..169fb604dc 100644
--- a/de/integrations/GoogleSheets/index.html
+++ b/de/integrations/GoogleSheets/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Google スプレッドシートに接続し、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloud のGoogle Sheetsとの統合 Google スプレッドシートにすばやく簡単に接続して、データ管理を最適化し、ワークフローを合理化できます。 統合により、Google Sheets APIを使用してGoogleスプレッドシートからデータを読み書き、操作できるようになり、データ管理が簡素化されます。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、Google スプレッドシートからデータを取得し、次のボタンを追加できます。 クリックすると、API コールを実行してデータを更新したり、リクエストを承認したりします。 ILLA Cloud の Google スプレッドシートの統合により、データ管理プロセスを合理化し、Google スプレッドシートの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Google シート でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/GraphQL/index.html b/de/integrations/GraphQL/index.html
index 2a71227e30..0be1409ae3 100644
--- a/de/integrations/GraphQL/index.html
+++ b/de/integrations/GraphQL/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してGraphQLに接続し、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのGraphQL統合により、 GraphQL API にすばやく簡単に設定および接続できるため、データ管理を最適化し、ワークフローを合理化できます。 彼の統合により、GraphQL API からデータを簡単に取得して操作できるため、データ管理が簡単になります。 必要なGraphQLクエリやアプリベースのバリデーションチェックを組み込むことで、データの追加や書き込みを安全に行うことができます。 または、GraphQL API からデータを取得し、次のボタンを追加することができます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのGraphQL統合により、データ管理プロセスを合理化し、GraphQLの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">GraphQL でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/HuggingFaceInferenceAPI/index.html b/de/integrations/HuggingFaceInferenceAPI/index.html
index 17888957c2..e64118a856 100644
--- a/de/integrations/HuggingFaceInferenceAPI/index.html
+++ b/de/integrations/HuggingFaceInferenceAPI/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Hugging Face Inference API に接続し、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのHugging Face Inference APIの統合により、 Hugging Faceの強力な自然言語処理モデルにすばやく簡単に接続して、データ管理を最適化し、ワークフローを合理化できます。 Hugging FaceのAPIエンドポイントを活用することで、データ管理を簡単にすることができます。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 あるいは例えば... 外部ソースからテキストデータを取得し、Hug Face API呼び出しを介してセンチメント分析や言語翻訳を実行できます。 ILLA CloudのHugging Face Inference APIの統合により、 Hugging Faceの自然言語処理モデルの強力な機能を活用することで、データ管理プロセスを合理化し、生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">顔推論API をハグする でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/HuggingFaceInferenceEndpoint/index.html b/de/integrations/HuggingFaceInferenceEndpoint/index.html
index 69c24ed8f2..733d0a2e4f 100644
--- a/de/integrations/HuggingFaceInferenceEndpoint/index.html
+++ b/de/integrations/HuggingFaceInferenceEndpoint/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">Hugging Face Inference EndpointにILLA Cloudで接続し、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLAクラウドのHugging Face Endpoint統合で Hugging Faceの強力な自然言語処理モデルを素早く簡単に設定して接続することで、データ管理を最適化し、ワークフローを合理化できます。 Hugging FaceのAPIエンドポイントを活用することで、データ管理を簡単にすることができます。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 あるいは例えば... 外部ソースからテキストデータを取得し、Hug Face推論エンドポイントを通じてそれを渡すことで、センチメント分析や言語翻訳を実行できます。 ILLAクラウドのHugging Face Endpoint統合で Hugging Faceの自然言語処理モデルの強力な機能を活用することで、データ管理プロセスを合理化し、生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">顔推論エンドポイント でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/Hydra/index.html b/de/integrations/Hydra/index.html
index 15684b9686..e2134ce68d 100644
--- a/de/integrations/Hydra/index.html
+++ b/de/integrations/Hydra/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してHydraに接続し、数回のクリックで社内ツールを構築します。</h1><span class="headerDesc_zhHJ">&quot;With ILLA Cloud&#x27;s Hydra integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows.
diff --git a/de/integrations/MariaDB/index.html b/de/integrations/MariaDB/index.html
index 54bae82280..d631c31f4f 100644
--- a/de/integrations/MariaDB/index.html
+++ b/de/integrations/MariaDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して MariaDB に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのMariaDB統合で。 迅速かつ簡単にMariaDBデータベースに接続してデータ管理を最適化し、ワークフローを合理化することができます。 彼はSQLを使用してデータ管理を簡素化し、テーブルを操作したり、データを取得したり、複雑なクエリを簡単に実行したりできます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、例えば、MariaDB テーブルから従業員のデータを取得し、ボタンを追加できます。 クリックすると、SQLクエリを実行して従業員の情報を更新したり、リクエストを承認します。 ILLA CloudのMariaDB統合により、データソースの可能性を最大限に引き出し、最小限の労力で生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">MariaDB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/MicrosoftSQLServer/index.html b/de/integrations/MicrosoftSQLServer/index.html
index 0a17177906..f401ab559c 100644
--- a/de/integrations/MicrosoftSQLServer/index.html
+++ b/de/integrations/MicrosoftSQLServer/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Microsoft SQL Server に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのMicrosoft SQL Server統合によります。 SQL Server データベースにすばやく設定および接続して、データ管理を最適化し、ワークフローを合理化できます。 統合により、SQLクエリを使用したデータ管理が簡単になり、簡単にデータを操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、SQL Server テーブルからデータを取得し、ボタンを追加することができます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのMicrosoft SQL Server統合によります。 データ管理プロセスを合理化し、SQL Server の強力な機能を活用して生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Microsoft SQL Server でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/MongoDB/index.html b/de/integrations/MongoDB/index.html
index b8bc37d2b4..f62e449e8a 100644
--- a/de/integrations/MongoDB/index.html
+++ b/de/integrations/MongoDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してMongoDBに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのMongoDB統合により、MongoDBデータベースに素早く設定および接続してデータ管理を最適化し、ワークフローを合理化することができます。 彼はMongoDBクエリを使用してデータ管理を簡単に統合し、簡単にデータを操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、MongoDBコレクションからデータを取得し、次のボタンを追加することができます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのMongoDB統合により、データ管理プロセスを合理化し、MongoDBの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">MongoDB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/MySQL/index.html b/de/integrations/MySQL/index.html
index 137ddc6ddb..2757221c1a 100644
--- a/de/integrations/MySQL/index.html
+++ b/de/integrations/MySQL/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してMySQLに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudとMySQLを統合すると、ワークフローを大幅に強化し、プロセスを合理化できます。 いくつかの簡単な手順で、ILLA CloudをMySQLデータベースに接続できます。 データとやり取りするユーザーインターフェイスを強力な新しい方法で作成できます。 テーブルグリッドにデータを読み込む必要がある場合は、ダッシュボードを作成します。 またはSQLクエリを実行してデータベースに書き込むカスタムアクションを追加すると、ILLAクラウドを使用すると、安全かつ効率的に簡単に実行できます。 ILLA Cloudを使用してMySQLデータに接続すると、意図しない削除やその他の高価なエラーを避けることができます。 たとえば、MySQLテーブルを使用して従業員の経費を管理している場合。 ILLA Cloudを使用して、データをダッシュボードに読み込んだり、データベースに書き戻して各費用の承認状況を更新するアクションを追加することもできます。 また、ILLA Cloudのシンプルなインターフェースを使用すると、明確で体系的な方法で行いたいアクションを定義できます。 ワークフローの最適化とプロセスの合理化を容易にします。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">MySQL でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/Neon/index.html b/de/integrations/Neon/index.html
index 36319e24a4..2eddbe757f 100644
--- a/de/integrations/Neon/index.html
+++ b/de/integrations/Neon/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudでネオンに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">完全に管理されたマルチクラウドPostgresは、寛大な無料の階層を備えています。私たちは、自動スケーリング、分岐、および底なしのストレージを提供するためにストレージと計算を分離しました。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Neon でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/OracleDB/index.html b/de/integrations/OracleDB/index.html
index 2efc616a80..7697126101 100644
--- a/de/integrations/OracleDB/index.html
+++ b/de/integrations/OracleDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してOracle DBに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのOracle DB統合により、Oracleデータベースにすばやく構成および接続して、データ管理を最適化し、ワークフローを合理化できます。 統合により、SQLクエリを使用したデータ管理が簡単になり、簡単にデータを操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、Oracleデータベーステーブルからデータを取得し、次のボタンを追加することができます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのOracle DB統合により、データ管理プロセスを合理化し、Oracle DBの強力な機能を活用して生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Oracle DB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/PostgreSQL/index.html b/de/integrations/PostgreSQL/index.html
index 60b272a002..52ddfc4c43 100644
--- a/de/integrations/PostgreSQL/index.html
+++ b/de/integrations/PostgreSQL/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してPostgreSQLに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのPostgreSQL統合により、PostgreSQLデータベースを素早く設定して接続し、信頼性の高いパフォーマンスでデータソースを最適化できます。 統合により、SQLを使用したデータ管理が簡単になり、テーブルを操作したり、複雑なクエリを実行したりできます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 例えばPostgreSQLのテーブルから従業員のデータを取得し、1回のクリックで休暇リクエストを承認するとします。 この場合、SQL クエリを実行するボタンを作成し、従業員のリクエストを承認済みにすることができます。 ILLA CloudのPostgreSQL統合により、簡単かつ自信を持ってデータ管理プロセスを合理化できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">PostgreSQL でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/RESTAPI/index.html b/de/integrations/RESTAPI/index.html
index dc7f1fc77b..278d80c1c7 100644
--- a/de/integrations/RESTAPI/index.html
+++ b/de/integrations/RESTAPI/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">任意のRESTful APIに接続し、分単位でILLAクラウドでカスタムツールを構築します</h1><span class="headerDesc_zhHJ">ILLA CloudのREST API統合により、あらゆるRESTful APIに素早く簡単に接続してデータ管理を最適化し、ワークフローを合理化できます。 彼はRESTful APIエンドポイントを使用してデータ管理を簡素化し、データの取得と操作を容易にします。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、外部のRESTful APIからデータを取得し、次のボタンを追加できます。 クリックすると、データの更新やリクエストの承認を行います。 ILLA Cloud の REST API 統合により、データ管理プロセスを合理化し、RESTful API の強力な機能を活用して生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">REST API でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/Redis/index.html b/de/integrations/Redis/index.html
index 4059aed0cb..5182ae072a 100644
--- a/de/integrations/Redis/index.html
+++ b/de/integrations/Redis/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してRedisに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのRedis統合により、迅速にRedisデータベースに設定および接続してデータ管理を最適化し、ワークフローを強化することができます。 この統合により、Redisコマンドを使用したデータ管理が簡単になり、簡単にデータを操作できます。 必要なコマンドを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 あるいは、Redisデータベースからデータを取得し、ボタンを追加することができます。 クリックするとRedisコマンドを実行し、データの更新やリクエストの承認を行います。 ILLA CloudのRedis統合により、データ管理プロセスを合理化し、Redisの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Redis でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/S3/index.html b/de/integrations/S3/index.html
index a985b3c793..9543d56a5a 100644
--- a/de/integrations/S3/index.html
+++ b/de/integrations/S3/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してAmazon S3に接続し、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのAmazon S3統合で。 すばやく簡単にAmazon S3ストレージに接続してデータ管理を最適化し、ワークフローを合理化できます。 S3 APIエンドポイントを活用することで、データ管理を簡素化し、S3バケットからデータを読み書き、操作することができます。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、S3バケットからデータを取得し、ボタンを追加することができます。 クリックすると、API コールを実行してデータを更新したり、リクエストを承認したりします。 ILLA CloudのAmazon S3統合で。 データ管理プロセスを合理化し、Amazon S3 ストレージの強力な機能を活用して生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">S3 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/SMTP/index.html b/de/integrations/SMTP/index.html
index 61c2c4fca7..fab80e0592 100644
--- a/de/integrations/SMTP/index.html
+++ b/de/integrations/SMTP/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してSMTPに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloud の SMTP 統合によります。 SMTPサーバーに素早く簡単に接続してメール管理を最適化し、ワークフローを合理化することができます。 彼との統合により、メール管理が簡単になります。ILLA クラウドアプリケーションから直接メールを送受信できるようになります。 必要なSMTPパラメータを含む入力を提供し、アプリベースの検証チェックを組み込むことで、安全に電子メールを送信できます。 または、アプリケーションで特定のイベントがトリガーされたときに、自動メールをユーザーに送信することができます。 ILLA CloudのSMTP統合により、メール管理プロセスを合理化し、SMTPの強力な機能を活用して生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">SMTP でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/Snowflake/index.html b/de/integrations/Snowflake/index.html
index 4c863d6cd5..05dd3fbc54 100644
--- a/de/integrations/Snowflake/index.html
+++ b/de/integrations/Snowflake/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Snowflake に接続し、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのSnowflakeの統合により、Snowflakeのデータウェアハウスにすばやく設定および接続してデータ管理を最適化し、ワークフローを合理化できます。 Snowflake SQL クエリを使用してデータ管理を簡素化し、データを簡単に操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、Snowflake テーブルからデータを取得し、ボタンを追加することもできます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのSnowflake統合により、データ管理プロセスを合理化し、Snowflakeの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">スノーフレーク でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/SupabaseDB/index.html b/de/integrations/SupabaseDB/index.html
index 7a2b91eadd..ee30d05f99 100644
--- a/de/integrations/SupabaseDB/index.html
+++ b/de/integrations/SupabaseDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して SupabaseDB に接続し、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのSupabaseDB統合により、すばやくSupabaseDBデータベースに設定および接続してデータ管理を最適化し、ワークフローを合理化できます。 彼の統合により、SupabaseDBクエリとAPIコールを使用したデータ管理が簡単になり、データを簡単に操作して複雑な操作を行うことができます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、SupabaseDBテーブルからデータを取得し、ボタンを追加することができます。 クリックすると、API コールを実行してデータを更新したり、リクエストを承認したりします。 ILLA CloudのSupabaseDB統合により、データ管理プロセスを合理化し、SupabaseDBの強力な機能を活用して生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Supabase DB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/TiDB/index.html b/de/integrations/TiDB/index.html
index 3d2e04bae8..a2cd4a54c8 100644
--- a/de/integrations/TiDB/index.html
+++ b/de/integrations/TiDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/de/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して TiDB に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのTiDB統合により、TiDBデータベースにシームレスに設定および接続してデータ管理を最適化し、ワークフローを強化することができます。 彼はSQLを使用してデータ管理を簡素化し、テーブルを操作したり、データを取得したり、複雑なクエリを簡単に実行したりできます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 例えば... TiDBテーブルから従業員のデータを取得し、SQLクエリを実行して従業員の情報を更新したり、リクエストを承認したりするボタンを追加できます。 ILLA CloudのTiDB統合により、データ管理プロセスを合理化し、自信を持ってデータソースの可能性を最大限に引き出すことができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">TiDB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/integrations/index.html b/de/integrations/index.html
index de39a3622c..3adb74ff72 100644
--- a/de/integrations/index.html
+++ b/de/integrations/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_yWoG"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf lg:pt-[48px] lg:w-[570px] w-full"><h1 class="headerTitle_URD5">任意のデータソースに接続</h1><span class="headerDesc_zhHJ">メインストリームデータベースやAPI経由で接続されたあらゆるデータに接続する機能を備えています。 ILLA Cloud を使用すると、開発者はバックエンドから取得したデータをフロントエンドコンポーネントと緊密に統合できます。 これにより、開発者は、ユーザーイベントに応答するリソースやアクションを追加することで、簡単にデータ呼び出しを記述し、広範な情報操作を実現することができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">無料で試す</a></div><img src="https://cdn.illacloud.com/official-website/img/official-site/features/dataSource.svg" alt="" class="w-full lg:w-[550px]"></div><div class="flex flex-col gap-[24px] pb-[60px] lg:pb-[100px]"><h2 class="contentTitle_b3GB">データベース統合</h2><div class="itemsContainer_OUc9"><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/mySQL.svg" alt="MySQL" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">MySQL</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">効率的なデータの保存と取得を可能にするオープンソースのリレーショナルデータベース管理システム。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/MySQL"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/postgres.svg" alt="PostgreSQL" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">PostgreSQL</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">安定性と信頼性で知られる高度なオープンソースのリレーショナルデータベース管理システム。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/PostgreSQL"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/MariaDB.svg" alt="MariaDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">MariaDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">強化された機能とパフォーマンス改善を備えたMySQLのコミュニティ主導のオープンソースフォーク。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/MariaDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/TiDB.svg" alt="TiDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">TiDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">水平スケーラビリティとフォルトトレランスを備えたSQLとNoSQLの両方のワークロードをサポートする分散SQLデータベース。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/TiDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/redis.svg" alt="Redis" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Redis</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">データベース、キャッシュ、およびメッセージブローカーとしてよく使用されるインメモリデータ構造ストア。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/Redis"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/appwrite.svg" alt="Appwrite" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Appwrite</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">Webおよびモバイルアプリケーションの認証、データベース、およびストレージサービスを提供するオープンソースのバックエンドサーバープラットフォーム。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/Appwrite"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/MongoDB.svg" alt="MongoDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">MongoDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">JSONに似た柔軟なドキュメントにデータを格納するNoSQLドキュメントデータベース。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/MongoDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/oracledb.svg" alt="Oracle DB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Oracle DB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">高性能でスケーラブルなリレーショナルデータベース管理システムで、包括的な機能とツールを提供します。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/OracleDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Elastic%20search.svg" alt="Elastic Search" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Elastic Search</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">大量のデータを扱える分散型のRESTful検索と分析エンジン。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/ElasticSearch"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/couchDB.svg" alt="CouchDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">CouchDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">増分レプリケーションと競合検出を備えた分散アーキテクチャを提供する NoSQL ドキュメント指向データベース。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/CouchDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/firebse.svg" alt="Firebase" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Firebase</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">モバイルおよびWebアプリケーション用のリアルタイムデータベース、認証、クラウドメッセージングなどのバックエンドサービスを提供するプラットフォーム。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/Firebase"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/msdb.svg" alt="Microsoft SQL Server" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Microsoft SQL Server</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">トランザクション処理、ビジネスインテリジェンス、分析アプリケーションをサポートするMicrosoftによって開発されたリレーショナルデータベース管理システム。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/MicrosoftSQLServer"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/supabase.svg" alt="Supabase DB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Supabase DB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">オンライン分析処理(OLAP)ワークロード用に設計されたオープンソースの列指向データベース管理システム。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/SupabaseDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/NEON.svg" alt="Neon" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Neon</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">完全に管理されたマルチクラウドPostgresは、寛大な無料の階層を備えています。私たちは、自動スケーリング、分岐、および底なしのストレージを提供するためにストレージと計算を分離しました。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/Neon"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/clickhouse%201.svg" alt="Clickhouse" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Clickhouse</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">オンライン分析処理(OLAP)ワークロード用に設計されたオープンソースの列指向データベース管理システム。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/Clickhouse"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/landingpage/Hydra.svg" alt="Hydra" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Hydra</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">Postgres上に構築されたオープンソースの列指向のRDBMS</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/Hydra"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/dynamoDB.svg" alt="Amazon DynamoDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Amazon DynamoDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">高性能、拡張性、信頼性を提供する完全に管理されたNoSQLデータベースサービス。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/AmazonDynamoDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Snowflake.svg" alt="Snowflake" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Snowflake</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">大規模なデータの保存と分析のために設計されたクラウドベースのデータウェアハウジングプラットフォーム。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/Snowflake"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div><h2 class="contentTitle_b3GB">API連携</h2><div class="itemsContainer_OUc9"><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/huggingface.svg" alt="Hugging Face Inference API " class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Hugging Face Inference API </span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">推論タスクのための使いやすい事前訓練済みの自然言語処理モデルを提供するAPI。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/HuggingFaceInferenceAPI"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/huggingface-1.svg" alt="Hugging Face Inference Endpoint" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Hugging Face Inference Endpoint</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">推論タスク用の Hug Face モデルの展開とスケーリングを容易にするエンドポイント。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/HuggingFaceInferenceEndpoint"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/rest%20api.svg" alt="REST API" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">REST API</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">HTTPプロトコルを使用してクライアントとサーバー間でデータを交換するWebサービスを構築するためのWebベースのアーキテクチャスタイル。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/RESTAPI"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Amazon%20S3.svg" alt="S3" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">S3</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">さまざまなユースケースに合わせてスケーラブルで安全で耐久性のあるデータストレージを提供するクラウドベースのオブジェクトストレージサービス。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/S3"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/SMTP.svg" alt="SMTP" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">SMTP</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">インターネット上で電子メールメッセージを送受信するためのプロトコル。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/SMTP"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/GraphQL.svg" alt="GraphQL" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">GraphQL</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">従来のREST APIに代わる、より効率的で強力で柔軟なAPIのクエリ言語。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/GraphQL"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Google%20sheets.svg" alt="Google Sheets" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Google Sheets</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">クラウドベースのスプレッドシートソフトウェア。リアルタイムで他のスプレッドシートを作成し、編集することができます。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/GoogleSheets"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/landingpage/airtable.svg" alt="Airtable" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Airtable</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">プロジェクト、データ、チームをシームレスに管理するための柔軟で協調的なプラットフォーム。</span></div><a class="learnMore_Lb_l" href="/illa-website/de/integrations/Airtable"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-[#1D2129]">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/de/pricing/index.html b/de/pricing/index.html
index cd315b019e..1ac6e37576 100644
--- a/de/pricing/index.html
+++ b/de/pricing/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/de/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/de/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.37fd5ffb.css">
-<script src="/illa-website/de/assets/js/runtime~main.5ee70e1a.js" defer="defer"></script>
-<script src="/illa-website/de/assets/js/main.90fd4256.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/de/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/de/assets/css/styles.7a15e33f.css">
+<script src="/illa-website/de/assets/js/runtime~main.3e9a9dd6.js" defer="defer"></script>
+<script src="/illa-website/de/assets/js/main.cde0ebb4.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="pricingMask_W_17" style="height:0px"><div class="pricingMaskLeft_XgjA"></div><div class="pricingMaskRight_mQEj"></div><div class="pricingMaskPhone_eCBF"></div></div><div class="w-full px-0 font-sans"><div class="w-full relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:Rlddqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R4pddqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/de/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/de/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R2ahdqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R2ihdqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/de/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/de/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a></li></div></div></div></div></header><div class="w-full text-white flex flex-col lg:gap-[120px] gap-[60px] lg:pt-[40px] bg-transparent"><div class="pricingContent_kMON"><div class="w-full flex flex-col items-center justify-center gap-[8px]"><span class="pricingContentTitleExtra_U6Tm">AI駆動型ビジネスアプリを構築</span><span class="pricingContentTitle_tw94">価格</span></div><div class="px-[24px] font-[400] text-[14px] leading-[17px] lg:text-[16px] lg:leading-[19px] text-center lg:w-[1040px] w-full">ILLA Cloud Billing の導入により、監査ログや公開アプリなどの特別な機能にアクセスできます。 請求システムは、オーナー、管理者、編集者の役割を含む編集権限を持つメンバーに基づいています。 購読すると、無制限の視聴者を追加料金なしで追加できます。</div><div class="cardContainerStyle_frTi"><div class="premiumCardContainerStyle_zMC3"><div class="premiumCardContainer_ArgU"><div class="premiumHeaderStyle_yb36"><span class="premiumTitleStyle_pemo">Premium</span><span class="premiumDescStyle_R6dg">チームをアップグレードして高度な機能にアクセスする</span></div><div class="cardBaseStyle_lN8t priceCardStyle_vDMh"><svg width="564" height="322" viewBox="0 0 564 322" fill="none" xmlns="http://www.w3.org/2000/svg" class="cardBgStyle_q38d"><g clip-path="url(#builderCardBg_svg__a)"><path fill="url(#builderCardBg_svg__b)" d="M0 0h564v322H0z"></path><g filter="url(#builderCardBg_svg__c)"><ellipse cx="205" cy="-2" rx="359" ry="133" fill="url(#builderCardBg_svg__d)"></ellipse></g></g><defs><radialGradient id="builderCardBg_svg__d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 133 -359 0 205 -2)"><stop stop-color="#00C2FF" stop-opacity="0.2"></stop><stop offset="1" stop-color="#9CE7FF" stop-opacity="0"></stop></radialGradient><linearGradient id="builderCardBg_svg__b" x1="282" y1="0" x2="282" y2="322" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.06"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></linearGradient><clipPath id="builderCardBg_svg__a"><path fill="#fff" d="M0 0h564v322H0z"></path></clipPath><filter id="builderCardBg_svg__c" x="-354" y="-335" width="1118" height="666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_9968_493"></feGaussianBlur></filter></defs></svg><div class="priceListTitleContainerStyle_MEs5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="listIconStyle_TqyE builderListTitleStyle_ul1g"><circle cx="8" cy="8" r="6" stroke="#pricing-title-cycle"></circle></svg><span class="priceListTitleStyle_v2pp">ILLA Builder</span></div><div class="priceListStyle_xBIv"><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">無制限のビューアーで無料</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">監査ログ</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">アプリの公開</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">AI SQL生成</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">バックアップ編集履歴と復元</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">カスタムテーマ（近日公開予定）</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">複数環境（近日公開予定）</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">デプロイされたバージョンを保持して復元（近日公開予定）</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">GPT-4やGPT-3.5-turbo-16kなど、さまざまなモデルにアクセス</span></div></div></div><div class="operatingStyle_cGmQ"><div><span class="priceNumStyle_eiPz">$<!-- -->20</span><span class="priceNumDescStyle_n2JG">/month/editor</span></div><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer"><span class="upgradeButtonStyle_qpR6">アップグレードする</span></a></div></div><div class="premiumCardContainer_ArgU"><div class="premiumHeaderStyle_yb36"><span class="premiumTitleStyle_pemo">Colla</span><span class="premiumDescStyle_R6dg">ILLA Cloud の付加価値サービスの支払いに使用</span></div><div class="cardBaseStyle_lN8t priceCardStyle_vDMh"><svg width="564" height="322" viewBox="0 0 564 322" fill="none" xmlns="http://www.w3.org/2000/svg" class="cardBgStyle_q38d"><g clip-path="url(#agentCardBg_svg__a)"><path fill="url(#agentCardBg_svg__b)" d="M0 0h564v322H0z"></path><g filter="url(#agentCardBg_svg__c)"><ellipse cx="205" rx="359" ry="133" fill="url(#agentCardBg_svg__d)"></ellipse></g></g><defs><radialGradient id="agentCardBg_svg__d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 133 -359 0 205 0)"><stop stop-color="#FF48ED" stop-opacity="0.2"></stop><stop offset="1" stop-color="#FF48ED" stop-opacity="0"></stop></radialGradient><linearGradient id="agentCardBg_svg__b" x1="282" y1="0" x2="282" y2="322" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.06"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></linearGradient><clipPath id="agentCardBg_svg__a"><path fill="#fff" d="M0 0h564v322H0z"></path></clipPath><filter id="agentCardBg_svg__c" x="-354" y="-333" width="1118" height="666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_9968_539"></feGaussianBlur></filter></defs></svg><div class="priceListStyle_xBIv"><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN agentListTitleStyle_sU8y listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">ストレージ</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN agentListTitleStyle_sU8y listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">トラフィック</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN agentListTitleStyle_sU8y listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">AIエージェント</span></div></div></div><div class="operatingStyle_cGmQ"><div><span class="priceNumStyle_eiPz">$<!-- -->10</span><span class="priceNumDescStyle_n2JG">/month/5k Colla</span></div><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer"><span class="upgradeButtonStyle_qpR6">アップグレードする</span></a></div></div></div></div></div><div class="px-[20px] mx-auto"><div class="faqContainer_vbEd"><h2 class="faqTitle_s89i">よくある質問</h2><div class="w-full flex flex-col gap-[8px]"><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:R8qlqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>課金対象となるユーザーは誰ですか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:R9alqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>異なるタイプのエディターはありますか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:R9qlqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ビューアーは製品の使用料金がかかりますか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Raalqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ビューアーを招待するにはどうすればよいですか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Raqlqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA Cloudはどのようなサービスを提供していますか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rbalqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA Driveとは何ですか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rbqlqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>AI Agentとは何ですか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rcalqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>AIエージェントの使用料金はどのように請求されますか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-white-02">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/de/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/de/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/de/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/de/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/de/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/de/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/de/image-generator"><span class="footerItem_GsU2 text-white-02">AI画像生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/de/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/de/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/de/crm"><span class="footerItem_GsU2 text-white-02">営業CRM</span></a><a class="hover:no-underline" href="/illa-website/de/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>Deutsch</a><ul class="dropdown__menu"><li><a href="/illa-website/pricing/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/pricing/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/pricing/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/pricing/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/image-generator/index.html b/image-generator/index.html
index 05d704c020..df690ee493 100644
--- a/image-generator/index.html
+++ b/image-generator/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">Customize <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">AI Image Generator</span> for your business</h1><span class="descStyle_uxY4">Text-to-Image, transform your imaginative ideas into stunning visuals. Image-to-image, enhance your images or drafts by applying artistic styles or modifying image content based on your description.</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" width="100%" alt="Render line drawings into images with different styles."></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" alt="Render line drawings into images with different styles."></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bc%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>What can we do</h1>
diff --git a/index.html b/index.html
index f23f4b9a86..e0040e6419 100644
--- a/index.html
+++ b/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] font-sans"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:Ramjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R2cmjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R158jqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R198jqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="bannerContainerStyle__SXx"><div class="canvasContainerStyle_h8pN"><canvas></canvas></div><video class="bgStyle_xQ96" loop="" autoplay="" muted=""><source src="/illa-website/assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4" type="video/mp4"></video><div class="bannerContentContainer_RLp6"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><div class="publicize_vEiD"><span class="publicizeStyle_C7Y6"></span><span class="flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]"><span class="flex flex-row justify-between"><span class="publicIntru_nEWo"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-[24px] w-[24px]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span><span>Github</span><span class="inline-block w-[45px] text-center">0.0k</span><span>Stars</span></span></span></span><span role="img" aria-label="star us">Star us<!-- --> 👉</span></span></div></a><div class="bannerTextContainerStyle_O5rS"><div class="flex flex-col gap-[16px]"><h1 class="sloganStyle_zysD">Build AI Driven Business App</h1><span class="descStyle_U78g">Build { businessApp } with low code, make automated { flow }, create { AIAgent } easily</span></div><div class="buttonContainerStyle_ulq9"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK largeSizeStyle_kJWZ lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW largeArrowStyle_sKWX lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Get started</span></a></div></div></div><div class="solutionContainerStyle_QwBc"><div class="tabsContainerStyle_DETz"><div class="tabsItemStyle_TXig selectedTabStyle_CyW0"><span class="w-full h-full relative z-[1] text-nowrap">Data Analysis Dashboard</span><div class="splitterItemStyle_gYQ6"></div></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI Image Generator</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI Voice Generator</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">Content Management</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">Sales CRM</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">Admin Panel</span></div></div><div class="solutionImageContainerStyle_LgpU"><div class="solutionBaseBgStyle_nGRR solutionSelectBgStyle_Xioy"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO solutionSelectImageStyle_GSp1"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Xz%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bc%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bb%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C72G%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7N5%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Oy%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div></div></div></div><div class="bannerContainer_oUHl"><div class="textContainerStyle_j9Qp"><h1 class="sloganStyle_XKtE">Build AI Driven Business App</h1><span class="descStyle_YqnZ">Build { businessApp } with low code, make automated { flow }, create { AIAgent } easily</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK normalSizeStyle_qzr1 lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW normalArrowStyle_XxGa lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Get started</span></a></div><div class="flex items-center gap-[40px]"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="linkGroupItemStyle_KQRV"><svg width="44" height="44" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="-0.001" width="88" height="88" rx="44" fill="url(#linearGithub_svg__a)"></rect><path d="M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z" fill="#fff"></path><defs><linearGradient id="linearGithub_svg__a" x1="44" y1="-0.001" x2="44" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px]">0.0k<!-- -->Stars</span></div></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="flex flex-col items-center gap-[8px]"><svg width="44" height="44" viewBox="0 0 89 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="-0.001" width="88" height="88" rx="44" fill="url(#linearDiscord_svg__a)"></rect><path d="M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z" fill="#fff"></path><defs><linearGradient id="linearDiscord_svg__a" x1="44.5" y1="-0.001" x2="44.5" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px] align-middle">Join Discord</span></div></a></div><div class="swiper w-full"><div class="swiper-wrapper"><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">Data Analysis Dashboard</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI Image Generator</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI Voice Generator</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">Content Management</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">Sales CRM</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">Admin Panel</span></div></div></div></div></div><div class="contentContainer_c9t8"><div class="content_jfit"><div class="wallContainerStyle_Ny01"><span class="logoTitleStyle_hhN_">Trusted by thousands of teams</span><div class="logoContainerStyle_PeVm"><span class="flex justify-end"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#metaIcon_svg__a)" fill="#fff"><path d="M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"></path><path d="M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"></path><path d="M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"></path></g><defs><clipPath id="metaIcon_svg__a"><path fill="#fff" transform="translate(.1)" d="M0 0h120.8v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="171" height="40" viewBox="0 0 171 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#byteDanceIcon_svg__a)" fill="#fff"><path d="M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"></path></g><defs><clipPath id="byteDanceIcon_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h170v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-start"><svg width="194" height="40" viewBox="0 0 194 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#alibaba_svg__a)"><path d="M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z" fill="#fff"></path></g><defs><clipPath id="alibaba_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h193v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="33" height="40" viewBox="0 0 33 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z" fill="#fff"></path></svg></span></div></div><div class="cardContentContainerStyle_kX6c"><div class="headerContainerStyle_RgD_"><h2 class="textTitleStye_mJAH"><span class="textTitleNumStyle_TEnk">3 </span>steps to customize your business apps</h2><span class="textDescStyle_NFkj">Build tools through drag-and-drop components, customize your AI Agent, connect to your data sources, and make AI a smart tool tailored to your needs and data, making your work more intelligent.</span></div><div class="cardContainerStyle_Kvlw"><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step1.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>1<!-- -->.</span><br><span>Drag and drop components to design UI</span></h3><span class="textDescStyle_vwoY">By dragging and dropping components, you can quickly build the UI of the apps and implement any functionality you desire.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">Start building UI with ILLA</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemReverseStyle_DHTD"><img src="https://cdn.illacloud.com/illa-website/home/step/step2.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>2<!-- -->.</span><br><span>Connect to your data sources</span></h3><span class="textDescStyle_vwoY">Connect to your own data sources, including MySQL, PostgreSQL, and other databases, REST APIs, GraphQL, etc. Build CRUD apps in just one minute.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">Start building Apps with your data sources</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step3.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>3<!-- -->.</span><br><span>Configure and connect to AI agents</span></h3><span class="textDescStyle_vwoY">Integrating AI agents into your app and empower it with AI capabilities such as intelligent analysis, content generation, and more, without AI development skills.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">Start building AI driven apps</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commentsContainerStyle_ctEM"><h2 class="commentsTitleStyle_iQ9i">User Testimonials</h2><div class="commentsItemsContainerStyle_Zw4J"><div class="borderStyle_jCx_ mobileGap_cpxI"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">ILLA Cloud has been a game-changer for me. It helps me generate highly efficient content in less time. The customized AI Agent and App perfectly cater to my business needs.</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Christopher</span><span class="commentUserCompanyStyle_zWSD">SEO Specialist</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">I think I become a BlogMaster now! This tool has revolutionized my content generation process, saving me valuable time. Whether it&#x27;s generating blog ideas or structuring articles, the AI Agents have been a tremendous asset to me and my team.</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Lucas</span><span class="commentUserCompanyStyle_zWSD">Content Strategist</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">It empowers me to provide exceptional customer support with minimal effort. The pre-built AI Agent and App, along with the ability to customize them for our specific needs, have significantly enhanced our team&#x27;s effectiveness.</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Harper</span><span class="commentUserCompanyStyle_zWSD">Customer Service Manager</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">AI Agent &amp; low-code has transformed my email writing process. It streamlines the creation of impactful emails, enabling me to craft engaging and persuasive messages effortlessly. ILLA Cloud has elevated our email communication to new heights.</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Abigail</span><span class="commentUserCompanyStyle_zWSD">Communication Specialist</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">I need to oversee various aspects of my company. ILLA Cloud provides me with a comprehensive solution. It not only saves me time and effort in development and design but also allows me to manage and monitor my business better. </span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Matthew</span><span class="commentUserCompanyStyle_zWSD">Business Founder</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">Using ILLA Cloud to build a management dashboard has been incredibly easy. After just one day of work, we were able to accomplish tasks such as monitoring project progress and allocating resources within this dashboard.</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Samuel</span><span class="commentUserCompanyStyle_zWSD">Website Administrator</span></span></div></div></div></div><div class="allContentContainer_nVOG"><h2 class="allContentTitle_K0Y2">ILLA Cloud integrates everything</h2><img class="w-full h-auto" src="https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp" alt="ILLA Cloud integrates everything"></div><div class="faqContainer_vbEd"><h2 class="faqTitle_s89i">Frequently Asked Questions</h2><div class="w-full flex flex-col gap-[8px]"><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rjapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>What kind of content can I build with ILLA AI?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rlapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>Who can use ILLA Cloud?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rnapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>How can I benefit from ILLA Cloud?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rpapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>Can I customize the AI Agent for my specific business needs?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rrapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>What data sources does ILLA support?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rtapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>Is there any technical support available for ILLA Cloud users?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div></div></div></div><div class="commBottomContainerStyle_CDHK"><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-white-02">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] font-sans"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:Ramjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R2cmjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R158jqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R198jqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="bannerContainerStyle__SXx"><div class="canvasContainerStyle_h8pN"><canvas></canvas></div><video class="bgStyle_xQ96" loop="" autoplay="" muted=""><source src="/illa-website/assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4" type="video/mp4"></video><div class="bannerContentContainer_RLp6"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><div class="publicize_vEiD"><span class="publicizeStyle_C7Y6"></span><span class="flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]"><span class="flex flex-row justify-between"><span class="publicIntru_nEWo"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-[24px] w-[24px]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span><span>Github</span><span class="inline-block w-[45px] text-center">0.0k</span><span>Stars</span></span></span></span><span role="img" aria-label="star us">Star us<!-- --> 👉</span></span></div></a><div class="bannerTextContainerStyle_O5rS"><div class="flex flex-col gap-[16px]"><h1 class="sloganStyle_zysD">Build AI Driven Business App</h1><span class="descStyle_U78g">Build <span class="colorDescAppStyle_qG8r">website&amp;app</span> with low code, make automated <span class="colorDescFlowStyle_VvqE">flow</span>, create <span class="colorDescAgentStyle_LHLV">AI Agent</span> easily</span></div><div class="buttonContainerStyle_ulq9"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK largeSizeStyle_kJWZ lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW largeArrowStyle_sKWX lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Get started</span></a></div></div></div><div class="solutionContainerStyle_QwBc"><div class="tabsContainerStyle_DETz"><div class="tabsItemStyle_TXig selectedTabStyle_CyW0"><span class="w-full h-full relative z-[1] text-nowrap">Data Analysis Dashboard</span><div class="splitterItemStyle_gYQ6"></div></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI Image Generator</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI Voice Generator</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">Content Management</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">Sales CRM</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">Admin Panel</span></div></div><div class="solutionImageContainerStyle_LgpU"><div class="solutionBaseBgStyle_nGRR solutionSelectBgStyle_Xioy"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO solutionSelectImageStyle_GSp1"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Xz%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bc%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bb%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C72G%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7N5%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Oy%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Try now</span></a></div></div></div></div><div class="bannerContainer_oUHl"><div class="textContainerStyle_j9Qp"><h1 class="sloganStyle_XKtE">Build AI Driven Business App</h1><span class="descStyle_YqnZ">Build <span class="colorDescAppStyle_An_L">website&amp;app</span> with low code, make automated <span class="colorDescFlowStyle_y9g7">flow</span>, create <span class="colorDescAgentStyle_x5xU">AI Agent</span> easily</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK normalSizeStyle_qzr1 lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW normalArrowStyle_XxGa lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">Get started</span></a></div><div class="flex items-center gap-[40px]"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="linkGroupItemStyle_KQRV"><svg width="44" height="44" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="-0.001" width="88" height="88" rx="44" fill="url(#linearGithub_svg__a)"></rect><path d="M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z" fill="#fff"></path><defs><linearGradient id="linearGithub_svg__a" x1="44" y1="-0.001" x2="44" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px]">0.0k<!-- -->Stars</span></div></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="flex flex-col items-center gap-[8px]"><svg width="44" height="44" viewBox="0 0 89 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="-0.001" width="88" height="88" rx="44" fill="url(#linearDiscord_svg__a)"></rect><path d="M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z" fill="#fff"></path><defs><linearGradient id="linearDiscord_svg__a" x1="44.5" y1="-0.001" x2="44.5" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px] align-middle">Join Discord</span></div></a></div><div class="swiper w-full"><div class="swiper-wrapper"><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">Data Analysis Dashboard</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI Image Generator</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI Voice Generator</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">Content Management</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">Sales CRM</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">Admin Panel</span></div></div></div></div></div><div class="contentContainer_c9t8"><div class="content_jfit"><div class="wallContainerStyle_Ny01"><span class="logoTitleStyle_hhN_">Trusted by thousands of teams</span><div class="logoContainerStyle_PeVm"><span class="flex justify-end"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#metaIcon_svg__a)" fill="#fff"><path d="M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"></path><path d="M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"></path><path d="M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"></path></g><defs><clipPath id="metaIcon_svg__a"><path fill="#fff" transform="translate(.1)" d="M0 0h120.8v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="171" height="40" viewBox="0 0 171 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#byteDanceIcon_svg__a)" fill="#fff"><path d="M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"></path></g><defs><clipPath id="byteDanceIcon_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h170v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-start"><svg width="194" height="40" viewBox="0 0 194 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#alibaba_svg__a)"><path d="M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z" fill="#fff"></path></g><defs><clipPath id="alibaba_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h193v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="33" height="40" viewBox="0 0 33 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z" fill="#fff"></path></svg></span></div></div><div class="cardContentContainerStyle_kX6c"><div class="headerContainerStyle_RgD_"><h2 class="textTitleStye_mJAH"><span class="textTitleNumStyle_TEnk">3 </span>steps to customize your business apps</h2><span class="textDescStyle_NFkj">Build tools through drag-and-drop components, customize your AI Agent, connect to your data sources, and make AI a smart tool tailored to your needs and data, making your work more intelligent.</span></div><div class="cardContainerStyle_Kvlw"><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step1.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>1<!-- -->.</span><br><span>Drag and drop components to design UI</span></h3><span class="textDescStyle_vwoY">By dragging and dropping components, you can quickly build the UI of the apps and implement any functionality you desire.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">Start building UI with ILLA</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemReverseStyle_DHTD"><img src="https://cdn.illacloud.com/illa-website/home/step/step2.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>2<!-- -->.</span><br><span>Connect to your data sources</span></h3><span class="textDescStyle_vwoY">Connect to your own data sources, including MySQL, PostgreSQL, and other databases, REST APIs, GraphQL, etc. Build CRUD apps in just one minute.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">Start building Apps with your data sources</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step3.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>3<!-- -->.</span><br><span>Configure and connect to AI agents</span></h3><span class="textDescStyle_vwoY">Integrating AI agents into your app and empower it with AI capabilities such as intelligent analysis, content generation, and more, without AI development skills.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">Start building AI driven apps</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commentsContainerStyle_ctEM"><h2 class="commentsTitleStyle_iQ9i">User Testimonials</h2><div class="commentsItemsContainerStyle_Zw4J"><div class="borderStyle_jCx_ mobileGap_cpxI"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">ILLA Cloud has been a game-changer for me. It helps me generate highly efficient content in less time. The customized AI Agent and App perfectly cater to my business needs.</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Christopher</span><span class="commentUserCompanyStyle_zWSD">SEO Specialist</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">I think I become a BlogMaster now! This tool has revolutionized my content generation process, saving me valuable time. Whether it&#x27;s generating blog ideas or structuring articles, the AI Agents have been a tremendous asset to me and my team.</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Lucas</span><span class="commentUserCompanyStyle_zWSD">Content Strategist</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">It empowers me to provide exceptional customer support with minimal effort. The pre-built AI Agent and App, along with the ability to customize them for our specific needs, have significantly enhanced our team&#x27;s effectiveness.</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Harper</span><span class="commentUserCompanyStyle_zWSD">Customer Service Manager</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">AI Agent &amp; low-code has transformed my email writing process. It streamlines the creation of impactful emails, enabling me to craft engaging and persuasive messages effortlessly. ILLA Cloud has elevated our email communication to new heights.</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Abigail</span><span class="commentUserCompanyStyle_zWSD">Communication Specialist</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">I need to oversee various aspects of my company. ILLA Cloud provides me with a comprehensive solution. It not only saves me time and effort in development and design but also allows me to manage and monitor my business better. </span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Matthew</span><span class="commentUserCompanyStyle_zWSD">Business Founder</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">Using ILLA Cloud to build a management dashboard has been incredibly easy. After just one day of work, we were able to accomplish tasks such as monitoring project progress and allocating resources within this dashboard.</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Samuel</span><span class="commentUserCompanyStyle_zWSD">Website Administrator</span></span></div></div></div></div><div class="allContentContainer_nVOG"><h2 class="allContentTitle_K0Y2">ILLA Cloud integrates everything</h2><img class="w-full h-auto" src="https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp" alt="ILLA Cloud integrates everything"></div><div class="faqContainer_vbEd"><h2 class="faqTitle_s89i">Frequently Asked Questions</h2><div class="w-full flex flex-col gap-[8px]"><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rjapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>What kind of content can I build with ILLA AI?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rlapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>Who can use ILLA Cloud?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rnapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>How can I benefit from ILLA Cloud?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rpapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>Can I customize the AI Agent for my specific business needs?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rrapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>What data sources does ILLA support?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rtapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>Is there any technical support available for ILLA Cloud users?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div></div></div></div><div class="commBottomContainerStyle_CDHK"><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-white-02">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-white-02">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-white-02">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-white-02">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-white-02">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-white-02">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">Radio Group</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-white-02">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-white-02">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-white-02">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-white-02">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Changelog</span></a><span class="footerItem_GsU2 text-white-02">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">Terms of service</span></a></div></div></div></footer></div></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/integrations/Airtable/index.html b/integrations/Airtable/index.html
index 0fdc25a155..e0c3f6c68e 100644
--- a/integrations/Airtable/index.html
+++ b/integrations/Airtable/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Airtable with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">&quot;With ILLA Cloud&#x27;s Airtable integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows. The integration simplifies data management by leveraging Airtable&#x27;s API endpoints, allowing you to easily manipulate data from your Airtable databases, storage and authentication services. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks. For example, you can retrieve data from an Airtable database and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud&#x27;s Airtable integration, you can streamline your data management process and leverage the powerful capabilities of Airtable to enhance your productivity.&quot;</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Airtable</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/AmazonDynamoDB/index.html b/integrations/AmazonDynamoDB/index.html
index f90b250d1c..0e5ed773af 100644
--- a/integrations/AmazonDynamoDB/index.html
+++ b/integrations/AmazonDynamoDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Amazon DynamoDB with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s Amazon DynamoDB integration, you can quickly configure and connect to your DynamoDB database to optimize your data management and streamline your workflows.The integration simplifies data management using DynamoDB queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a DynamoDB table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud&#x27;s Amazon DynamoDB integration, you can streamline your data management process and leverage the powerful capabilities of DynamoDB to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Amazon DynamoDB</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/Appwrite/index.html b/integrations/Appwrite/index.html
index 26b1fd4c62..20bc0b30ed 100644
--- a/integrations/Appwrite/index.html
+++ b/integrations/Appwrite/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Appwrite with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s Appwrite integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows.The integration simplifies data management by leveraging Appwrite&#x27;s API endpoints, allowing you to easily manipulate data from your Appwrite databases, storage and authentication services. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve data from an Appwrite database and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud&#x27;s Appwrite integration, you can streamline your data management process and leverage the powerful capabilities of Appwrite to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Appwrite</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/Clickhouse/index.html b/integrations/Clickhouse/index.html
index 8296432dbe..4197771285 100644
--- a/integrations/Clickhouse/index.html
+++ b/integrations/Clickhouse/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Clickhouse with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s ClickHouse integration, you can quickly configure and connect to your ClickHouse database to optimize your data management and streamline your workflows.The integration simplifies data management using ClickHouse queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a ClickHouse table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud&#x27;s ClickHouse integration, you can streamline your data management process and leverage the powerful capabilities of ClickHouse to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Clickhouse</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/CouchDB/index.html b/integrations/CouchDB/index.html
index c92007d86d..fc11a407f2 100644
--- a/integrations/CouchDB/index.html
+++ b/integrations/CouchDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to CouchDB with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s CouchDB integration, you can quickly configure and connect to your CouchDB database to optimize your data management and streamline your workflows.The integration simplifies data management using CouchDB queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a CouchDB database and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud&#x27;s CouchDB integration, you can streamline your data management process and leverage the powerful capabilities of CouchDB to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with CouchDB</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/ElasticSearch/index.html b/integrations/ElasticSearch/index.html
index e10901123b..b8c1c5a45f 100644
--- a/integrations/ElasticSearch/index.html
+++ b/integrations/ElasticSearch/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Elastic Search with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s Elastic Search integration, you can quickly configure and connect to your Elastic Search cluster to optimize your data management and enhance your workflows.The integration simplifies data management using Elastic Search queries, allowing you to search and retrieve data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from an Elastic Search index and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud&#x27;s Elastic Search integration, you can streamline your data management process and leverage the powerful capabilities of Elastic Search to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Elastic Search</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/Firebase/index.html b/integrations/Firebase/index.html
index 462891ad1a..060b9434c7 100644
--- a/integrations/Firebase/index.html
+++ b/integrations/Firebase/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Firebase with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s Firebase integration, you can quickly configure and connect to your Firebase database to optimize your data management and streamline your workflows.The integration simplifies data management using Firebase queries and API calls, allowing you to easily manipulate data and perform complex operations. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a Firebase collection and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud&#x27;s Firebase integration, you can streamline your data management process and leverage the powerful capabilities of Firebase to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Firebase</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/GoogleSheets/index.html b/integrations/GoogleSheets/index.html
index 405714bf06..10b50fd44f 100644
--- a/integrations/GoogleSheets/index.html
+++ b/integrations/GoogleSheets/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Google Sheets with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s Google Sheets integration, you can quickly and easily connect to your Google Sheets spreadsheets to optimize your data management and streamline your workflows.The integration simplifies data management by allowing you to read, write and manipulate data from your Google Sheets spreadsheets using Google Sheets API. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve data from a Google Sheets spreadsheet and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud&#x27;s Google Sheets integration, you can streamline your data management process and leverage the powerful capabilities of Google Sheets to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Google Sheets</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/GraphQL/index.html b/integrations/GraphQL/index.html
index d6e6a54e48..f4924fc282 100644
--- a/integrations/GraphQL/index.html
+++ b/integrations/GraphQL/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to GraphQL with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s GraphQL integration, you can quickly and easily configure and connect to your GraphQL APIs to optimize your data management and streamline your workflows.The integration simplifies data management by allowing you to easily retrieve and manipulate data from your GraphQL APIs. You can safely add or write data by providing input, including necessary GraphQL queries, and incorporating app-based validation checks.For example, you can retrieve data from a GraphQL API and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud&#x27;s GraphQL integration, you can streamline your data management process and leverage the powerful capabilities of GraphQL to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with GraphQL</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/HuggingFaceInferenceAPI/index.html b/integrations/HuggingFaceInferenceAPI/index.html
index 447bc4a110..5190c12179 100644
--- a/integrations/HuggingFaceInferenceAPI/index.html
+++ b/integrations/HuggingFaceInferenceAPI/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Hugging Face Inference API with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s Hugging Face Inference API integration, you can quickly and easily connect to Hugging Face&#x27;s powerful natural language processing models to optimize your data management and streamline your workflows.The integration simplifies data management by leveraging Hugging Face&#x27;s API endpoints, allowing you to retrieve and manipulate data with ease. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve text data from an external source and pass it through a Hugging Face API call to perform sentiment analysis or language translation. With ILLA Cloud&#x27;s Hugging Face Inference API integration, you can streamline your data management process and leverage the powerful capabilities of Hugging Face&#x27;s natural language processing models to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Hugging Face Inference API</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/HuggingFaceInferenceEndpoint/index.html b/integrations/HuggingFaceInferenceEndpoint/index.html
index 561fc11b47..18321701e9 100644
--- a/integrations/HuggingFaceInferenceEndpoint/index.html
+++ b/integrations/HuggingFaceInferenceEndpoint/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Hugging Face Inference Endpoint with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s Hugging Face Inference Endpoint integration, you can quickly and easily configure and connect to Hugging Face&#x27;s powerful natural language processing models to optimize your data management and streamline your workflows.The integration simplifies data management by leveraging Hugging Face&#x27;s API endpoints, allowing you to retrieve and manipulate data with ease. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve text data from an external source and pass it through a Hugging Face inference endpoint to perform sentiment analysis or language translation. With ILLA Cloud&#x27;s Hugging Face Inference Endpoint integration, you can streamline your data management process and leverage the powerful capabilities of Hugging Face&#x27;s natural language processing models to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Hugging Face Inference Endpoint</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/Hydra/index.html b/integrations/Hydra/index.html
index 12a9d0c1b1..42514617a0 100644
--- a/integrations/Hydra/index.html
+++ b/integrations/Hydra/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Hydra with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">&quot;With ILLA Cloud&#x27;s Hydra integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows.
diff --git a/integrations/MariaDB/index.html b/integrations/MariaDB/index.html
index a704527bc6..8c2108c2ef 100644
--- a/integrations/MariaDB/index.html
+++ b/integrations/MariaDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to MariaDB with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s MariaDB integration, you can quickly and easily configure and connect to your MariaDB database to optimize your data management and streamline your workflows.The integration simplifies data management using SQL, allowing you to manipulate tables, retrieve data and perform complex queries with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can fetch data for an employee from a MariaDB table and add a button that, when clicked, runs an SQL query to update the employee&#x27;s information or approve a request. With ILLA Cloud&#x27;s MariaDB integration, you can maximize the potential of your data source and enhance your productivity with minimal effort.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with MariaDB</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/MicrosoftSQLServer/index.html b/integrations/MicrosoftSQLServer/index.html
index 7bd7bf5398..43eb0dffab 100644
--- a/integrations/MicrosoftSQLServer/index.html
+++ b/integrations/MicrosoftSQLServer/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Microsoft SQL Server with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s Microsoft SQL Server integration, you can quickly configure and connect to your SQL Server database to optimize your data management and streamline your workflows.The integration simplifies data management using SQL queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a SQL Server table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud&#x27;s Microsoft SQL Server integration, you can streamline your data management process and leverage the powerful capabilities of SQL Server to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Microsoft SQL Server</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/MongoDB/index.html b/integrations/MongoDB/index.html
index bedceb1537..082126c7f3 100644
--- a/integrations/MongoDB/index.html
+++ b/integrations/MongoDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to MongoDB with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s MongoDB integration, you can quickly configure and connect to your MongoDB database to optimize your data management and streamline your workflows.The integration simplifies data management using MongoDB queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a MongoDB collection and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud&#x27;s MongoDB integration, you can streamline your data management process and leverage the powerful capabilities of MongoDB to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with MongoDB</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/MySQL/index.html b/integrations/MySQL/index.html
index 165efd8233..8b7d027f85 100644
--- a/integrations/MySQL/index.html
+++ b/integrations/MySQL/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to MySQL with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">Integrating ILLA Cloud with MySQL can greatly enhance your workflow and streamline your processes. With just a few simple steps, you can connect ILLA Cloud to your MySQL databases, enabling you to create user interfaces that interact with your data in powerful new ways. Whether you need to read data into a table grid, create dashboards, or add custom actions that run SQL queries to write to your database, ILLA Cloud makes it easy to do so safely and efficiently.By connecting to your MySQL data with ILLA Cloud, you can avoid unintentional deletes and other costly errors. For example, if you&#x27;re managing employee expenses with a MySQL table, you can use ILLA Cloud to read your data into a dashboard and even add an action that writes back to your database to update the approval status for each expense. And with ILLA Cloud&#x27;s simple interface, you can define the actions you want to take in a clear and systematic way, making it easy to optimize your workflow and streamline your processes.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with MySQL</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/Neon/index.html b/integrations/Neon/index.html
index fa0968f7c8..71b0727dcd 100644
--- a/integrations/Neon/index.html
+++ b/integrations/Neon/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Neon with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">The fully managed multi-cloud Postgres with a generous free tier. We separated storage and compute to offer autoscaling, branching, and bottomless storage.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Neon</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/OracleDB/index.html b/integrations/OracleDB/index.html
index 34f5f19c26..ab87a800dc 100644
--- a/integrations/OracleDB/index.html
+++ b/integrations/OracleDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Oracle DB with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s Oracle DB integration, you can quickly configure and connect to your Oracle database to optimize your data management and streamline your workflows.The integration simplifies data management using SQL queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from an Oracle database table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud&#x27;s Oracle DB integration, you can streamline your data management process and leverage the powerful capabilities of Oracle DB to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Oracle DB</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/PostgreSQL/index.html b/integrations/PostgreSQL/index.html
index 2e04ac617d..dd1dd49ae4 100644
--- a/integrations/PostgreSQL/index.html
+++ b/integrations/PostgreSQL/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to PostgreSQL with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s PostgreSQL integration, you can quickly configure and connect to your PostgreSQL database to optimize your data source with reliable performance.The integration simplifies data management with SQL, allowing you to easily manipulate tables and perform complex queries. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For instance, suppose you want to retrieve employee data from a PostgreSQL table and approve a leave request with a single click. In that case, you can create a button that runs an SQL query, marking the employee&#x27;s request as approved. With ILLA Cloud&#x27;s PostgreSQL integration, you can streamline your data management process with ease and confidence.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with PostgreSQL</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/RESTAPI/index.html b/integrations/RESTAPI/index.html
index 39e57627be..b10cab550e 100644
--- a/integrations/RESTAPI/index.html
+++ b/integrations/RESTAPI/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Any RESTful API and Build Custom Tools with ILLA Cloud in Minutes</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s REST API integration, you can quickly and easily connect to any RESTful API to optimize your data management and streamline your workflows.The integration simplifies data management using RESTful API endpoints, allowing you to retrieve and manipulate data with ease. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve data from an external RESTful API and add a button that, when clicked, performs a call to update the data or approve a request. With ILLA Cloud&#x27;s REST API integration, you can streamline your data management process and leverage the powerful capabilities of RESTful APIs to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with REST API</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/Redis/index.html b/integrations/Redis/index.html
index fdbf4a2b90..71b990bed6 100644
--- a/integrations/Redis/index.html
+++ b/integrations/Redis/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Redis with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s Redis integration, you can quickly configure and connect to your Redis database to optimize your data management and enhance your workflows.The integration simplifies data management using Redis commands, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary commands, and incorporating app-based validation checks.For example, you can retrieve data from a Redis database and add a button that, when clicked, performs a Redis command to update the data or approve a request. With ILLA Cloud&#x27;s Redis integration, you can streamline your data management process and leverage the powerful capabilities of Redis to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Redis</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/S3/index.html b/integrations/S3/index.html
index f678b9bbea..cb06fd5f6b 100644
--- a/integrations/S3/index.html
+++ b/integrations/S3/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Amazon S3 with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s Amazon S3 integration, you can quickly and easily configure and connect to your Amazon S3 storage to optimize your data management and streamline your workflows.The integration simplifies data management by leveraging S3 API endpoints, allowing you to read, write and manipulate data from your S3 buckets with ease. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.For example, you can retrieve data from an S3 bucket and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud&#x27;s Amazon S3 integration, you can streamline your data management process and leverage the powerful capabilities of Amazon S3 storage to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with S3</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/SMTP/index.html b/integrations/SMTP/index.html
index 01c3d7d1e7..9a1b767b98 100644
--- a/integrations/SMTP/index.html
+++ b/integrations/SMTP/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to SMTP with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s SMTP integration, you can quickly and easily configure and connect to your SMTP server to optimize your email management and streamline your workflows.The integration simplifies email management by allowing you to send and receive emails directly from your ILLA Cloud application. You can safely send emails by providing input, including necessary SMTP parameters, and incorporating app-based validation checks.For example, you can send automated emails to users when a certain event is triggered in your application. With ILLA Cloud&#x27;s SMTP integration, you can streamline your email management process and leverage the powerful capabilities of SMTP to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with SMTP</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/Snowflake/index.html b/integrations/Snowflake/index.html
index 1d09639f78..1520c0bf64 100644
--- a/integrations/Snowflake/index.html
+++ b/integrations/Snowflake/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to Snowflake with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s Snowflake integration, you can quickly configure and connect to your Snowflake data warehouse to optimize your data management and streamline your workflows.The integration simplifies data management using Snowflake SQL queries, allowing you to manipulate data with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a Snowflake table and add a button that, when clicked, performs a query to update the data or approve a request. With ILLA Cloud&#x27;s Snowflake integration, you can streamline your data management process and leverage the powerful capabilities of Snowflake to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Snowflake</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/SupabaseDB/index.html b/integrations/SupabaseDB/index.html
index 85a274b6d7..4f0cbd147d 100644
--- a/integrations/SupabaseDB/index.html
+++ b/integrations/SupabaseDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to SupabaseDB with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s SupabaseDB integration, you can quickly configure and connect to your SupabaseDB database to optimize your data management and streamline your workflows.The integration simplifies data management using SupabaseDB queries and API calls, allowing you to easily manipulate data and perform complex operations. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For example, you can retrieve data from a SupabaseDB table and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud&#x27;s SupabaseDB integration, you can streamline your data management process and leverage the powerful capabilities of SupabaseDB to enhance your productivity.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with Supabase DB</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/TiDB/index.html b/integrations/TiDB/index.html
index 868b4fe710..659590aaa9 100644
--- a/integrations/TiDB/index.html
+++ b/integrations/TiDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>Back to components</span></span></a><h1 class="headerTitle_URD5">Connect to TiDB with ILLA Cloud and build internal tools in just a few clicks.</h1><span class="headerDesc_zhHJ">With ILLA Cloud&#x27;s TiDB integration, you can seamlessly configure and connect to your TiDB database to optimize your data management and enhance your workflows.The integration simplifies data management using SQL, allowing you to manipulate tables, retrieve data and perform complex queries with ease. You can safely add or write data by providing input, including necessary queries, and incorporating app-based validation checks.For instance, you can retrieve data for an employee from a TiDB table and add a button that runs an SQL query to update the employee&#x27;s information or approve a request. With ILLA Cloud&#x27;s TiDB integration, you can streamline your data management process and unlock the full potential of your data source with confidence.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Build with TiDB</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/integrations/index.html b/integrations/index.html
index e3b5f32a46..c8c5286991 100644
--- a/integrations/index.html
+++ b/integrations/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_yWoG"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf lg:pt-[48px] lg:w-[570px] w-full"><h1 class="headerTitle_URD5">Connect to any data source</h1><span class="headerDesc_zhHJ">With the ability to connect to mainstream databases or any data connected through APIs, ILLA Cloud allows developers to tightly integrate data obtained from the back-end with front-end components. This enables developers to easily write data calls and achieve extensive information interaction by adding resources and actions to response to user events.</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Try for Free</a></div><img src="https://cdn.illacloud.com/official-website/img/official-site/features/dataSource.svg" alt="" class="w-full lg:w-[550px]"></div><div class="flex flex-col gap-[24px] pb-[60px] lg:pb-[100px]"><h2 class="contentTitle_b3GB">Database Integrations</h2><div class="itemsContainer_OUc9"><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/mySQL.svg" alt="MySQL" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">MySQL</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">An open-source relational database management system that enables efficient storage and retrieval of data.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/MySQL"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/postgres.svg" alt="PostgreSQL" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">PostgreSQL</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">An advanced open-source relational database management system known for its stability and reliability.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/PostgreSQL"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/MariaDB.svg" alt="MariaDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">MariaDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A community-driven open-source fork of MySQL with enhanced features and performance improvements.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/MariaDB"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/TiDB.svg" alt="TiDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">TiDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A distributed SQL database that supports both SQL and NoSQL workloads with horizontal scalability and fault tolerance.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/TiDB"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/redis.svg" alt="Redis" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Redis</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">An in-memory data structure store often used as a database, cache, and message broker.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/Redis"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/appwrite.svg" alt="Appwrite" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Appwrite</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">An open-source backend server platform that provides authentication, database, and storage services for web and mobile applications.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/Appwrite"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/MongoDB.svg" alt="MongoDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">MongoDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A NoSQL document database that stores data in flexible, JSON-like documents.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/MongoDB"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/oracledb.svg" alt="Oracle DB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Oracle DB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A high-performance, scalable relational database management system that offers a comprehensive set of features and tools.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/OracleDB"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Elastic%20search.svg" alt="Elastic Search" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Elastic Search</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A distributed, RESTful search and analytics engine capable of handling large volumes of data.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/ElasticSearch"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/couchDB.svg" alt="CouchDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">CouchDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A NoSQL document-oriented database that provides a distributed architecture with incremental replication and conflict detection.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/CouchDB"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/firebse.svg" alt="Firebase" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Firebase</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A platform that offers backend services, including a real-time database, authentication, cloud messaging, and more, for mobile and web applications.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/Firebase"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/msdb.svg" alt="Microsoft SQL Server" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Microsoft SQL Server</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A relational database management system developed by Microsoft that supports transaction processing, business intelligence, and analytics applications.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/MicrosoftSQLServer"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/supabase.svg" alt="Supabase DB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Supabase DB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">An open-source column-oriented database management system designed for online analytical processing (OLAP) workloads.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/SupabaseDB"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/NEON.svg" alt="Neon" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Neon</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">The fully managed multi-cloud Postgres with a generous free tier. We separated storage and compute to offer autoscaling, branching, and bottomless storage.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/Neon"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/clickhouse%201.svg" alt="Clickhouse" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Clickhouse</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">An open-source column-oriented database management system designed for online analytical processing (OLAP) workloads.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/Clickhouse"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/landingpage/Hydra.svg" alt="Hydra" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Hydra</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">An open source, column-oriented RDBMS built on Postgres</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/Hydra"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/dynamoDB.svg" alt="Amazon DynamoDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Amazon DynamoDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A fully managed NoSQL database service that offers high performance, scalability, and reliability.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/AmazonDynamoDB"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Snowflake.svg" alt="Snowflake" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Snowflake</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A cloud-based data warehousing platform designed for large-scale data storage and analysis.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/Snowflake"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div><h2 class="contentTitle_b3GB">API Integrations</h2><div class="itemsContainer_OUc9"><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/huggingface.svg" alt="Hugging Face Inference API " class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Hugging Face Inference API </span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">An API that offers easy-to-use pre-trained natural language processing models for inference tasks.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/HuggingFaceInferenceAPI"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/huggingface-1.svg" alt="Hugging Face Inference Endpoint" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Hugging Face Inference Endpoint</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">An endpoint that allows for easy deployment and scaling of Hugging Face models for inference tasks.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/HuggingFaceInferenceEndpoint"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/rest%20api.svg" alt="REST API" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">REST API</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A web-based architectural style for building web services that use HTTP protocols to exchange data between client and server.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/RESTAPI"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Amazon%20S3.svg" alt="S3" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">S3</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A cloud-based object storage service that provides scalable, secure, and durable data storage for various use cases.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/S3"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/SMTP.svg" alt="SMTP" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">SMTP</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A protocol used for sending and receiving email messages over the internet.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/SMTP"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/GraphQL.svg" alt="GraphQL" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">GraphQL</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A query language for APIs that provides a more efficient, powerful, and flexible alternative to traditional REST APIs.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/GraphQL"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Google%20sheets.svg" alt="Google Sheets" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Google Sheets</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A cloud-based spreadsheet software that enables users to create and edit spreadsheets online while collaborating with others in real-time.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/GoogleSheets"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/landingpage/airtable.svg" alt="Airtable" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Airtable</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">A flexible and collaborative platform for managing projects, data, and teams seamlessly.</span></div><a class="learnMore_Lb_l" href="/illa-website/integrations/Airtable"><span>Learn more</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">Start Building Apps with ILLA Cloud</h2><p class="commBottomDesc_DyZe text-[#1D2129]">Any internal tool you need can be built using ILLA Cloud in 1 minute.</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">Try Cloud for free</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>sign in with GitHub</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Components</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">Table</span></a><a class="hover:no-underline" href="/illa-website/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">Chart</span></a><a class="hover:no-underline" href="/illa-website/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">Upload</span></a><a class="hover:no-underline" href="/illa-website/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">Switch</span></a><a class="hover:no-underline" href="/illa-website/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">Select</span></a><a class="hover:no-underline" href="/illa-website/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">Radio Group</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Integrations</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">Show more</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Solutions</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Voice Generator</span></a><a class="hover:no-underline" href="/illa-website/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">Data Analysis Dashboard</span></a><a class="hover:no-underline" href="/illa-website/cms"><span class="footerItem_GsU2 text-[#1D2129]">Content Management</span></a><a class="hover:no-underline" href="/illa-website/crm"><span class="footerItem_GsU2 text-[#1D2129]">Sales CRM</span></a><a class="hover:no-underline" href="/illa-website/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">Admin Panel</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Company</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Status</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Roadmap</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Changelog</span></a><span class="footerItem_GsU2 text-[#1D2129]">Media Kit</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">Community</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">Build AI Driven Business App</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Privacy policy</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">Terms of service</span></a></div></div></div></footer></div></div>
diff --git a/ja/404.html b/ja/404.html
index bedbaf6389..52927754ed 100644
--- a/ja/404.html
+++ b/ja/404.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] flex flex-col h-screen"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R2lkuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:Rj5kuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R9a4uh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Raa4uh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><main class="container margin-vert--xl h-full"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">ページが見つかりません</h1><p>お探しのものが見つかりませんでした。</p><p>元のURLにリンクしたサイトの所有者に連絡し、リンクが切れていることを知らせてください。</p></div></div></main><div class="commBottomContainer_rcOJ"><div style="height:410px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-white-02">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/404" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div></div>
diff --git a/ja/admin-panel/index.html b/ja/admin-panel/index.html
index 0acc4f1c03..74af19aeb5 100644
--- a/ja/admin-panel/index.html
+++ b/ja/admin-panel/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/ja/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">ウェブサイトとアプリ用の <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">管理者パネルのカスタマイズ</span> を構築</h1><span class="descStyle_uxY4">10倍のスピードで管理パネルを構築し、データを管理したり操作を実行したり、開発者がビジネス開発に集中できるようにします。</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" width="100%" alt="10倍のスピードで管理パネルを構築し、データを管理したり操作を実行したり、開発者がビジネス開発に集中できるようにします。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" alt="10倍のスピードで管理パネルを構築し、データを管理したり操作を実行したり、開発者がビジネス開発に集中できるようにします。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Oy%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>何ができるのか</h1>
diff --git a/ja/ai-voice-generator/index.html b/ja/ai-voice-generator/index.html
index 1c472c264a..6690c14896 100644
--- a/ja/ai-voice-generator/index.html
+++ b/ja/ai-voice-generator/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/ja/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">&quot;ビジネス用に <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, &quot;#00EE8A&quot;, &quot;#2C66FA&quot;)">AI音声生成ツール</span> を構築&quot;</h1><span class="descStyle_uxY4">音声からテキストへ、音声をテキストに変換し、それを翻訳または要約します。 テキストツースピーチで、あらゆる言語で自然な AI の声を即座に作成し、テキストを超えたコンテンツを手に入れましょう。</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" width="100%" alt="音声を任意の言語でテキストに変換し、翻訳、要約、保存、共有などの処理を行います。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" alt="音声を任意の言語でテキストに変換し、翻訳、要約、保存、共有などの処理を行います。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bb%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>私たちができること</h1>
diff --git a/ja/assets/css/styles.0c726779.css b/ja/assets/css/styles.768af922.css
similarity index 99%
rename from ja/assets/css/styles.0c726779.css
rename to ja/assets/css/styles.768af922.css
index 480a5cf9ba..3c7311adab 100644
--- a/ja/assets/css/styles.0c726779.css
+++ b/ja/assets/css/styles.768af922.css
@@ -1 +1 @@
-.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6{margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading))}blockquote,pre{margin:0 0 var(--ifm-spacing-vertical)}.breadcrumbs__link,.button{transition-timing-function:var(--ifm-transition-timing-default)}.button,code{vertical-align:middle}.button--outline.button--active,.button--outline:active,.button--outline:hover,:root{--ifm-button-color:var(--ifm-font-color-base-inverse)}.menu__link:hover,a{transition:color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.navbar--dark,:root{--ifm-navbar-link-hover-color:var(--ifm-color-primary)}.menu,.navbar-sidebar{overflow-x:hidden}:root,html[data-theme=dark]{--ifm-color-emphasis-500:var(--ifm-color-gray-500)}*,:after,:before{box-sizing:border-box}.markdown li,body{word-wrap:break-word}.button,.dropdown__link,.text--truncate,.truncate,.whitespace-nowrap{white-space:nowrap}.toggleButton_C0po,html{-webkit-tap-highlight-color:transparent}#__docusaurus,.min-h-full{min-height:100%}.clean-list,.containsTaskList_aqzd,.details_GXzP>summary,.dropdown__menu,.menu__list,.swiper,menu,ol,ul{list-style:none}:root{--ifm-color-scheme:light;--ifm-dark-value:10%;--ifm-darker-value:15%;--ifm-darkest-value:30%;--ifm-light-value:15%;--ifm-lighter-value:30%;--ifm-lightest-value:50%;--ifm-contrast-background-value:90%;--ifm-contrast-foreground-value:70%;--ifm-contrast-background-dark-value:70%;--ifm-contrast-foreground-dark-value:90%;--ifm-color-primary:#3578e5;--ifm-color-secondary:#ebedf0;--ifm-color-success:#00a400;--ifm-color-info:#54c7ec;--ifm-color-warning:#ffba00;--ifm-color-danger:#fa383e;--ifm-color-primary-dark:#306cce;--ifm-color-primary-darker:#2d66c3;--ifm-color-primary-darkest:#2554a0;--ifm-color-primary-light:#538ce9;--ifm-color-primary-lighter:#72a1ed;--ifm-color-primary-lightest:#9abcf2;--ifm-color-primary-contrast-background:#ebf2fc;--ifm-color-primary-contrast-foreground:#102445;--ifm-color-secondary-dark:#d4d5d8;--ifm-color-secondary-darker:#c8c9cc;--ifm-color-secondary-darkest:#a4a6a8;--ifm-color-secondary-light:#eef0f2;--ifm-color-secondary-lighter:#f1f2f5;--ifm-color-secondary-lightest:#f5f6f8;--ifm-color-secondary-contrast-background:#fdfdfe;--ifm-color-secondary-contrast-foreground:#474748;--ifm-color-success-dark:#009400;--ifm-color-success-darker:#008b00;--ifm-color-success-darkest:#007300;--ifm-color-success-light:#26b226;--ifm-color-success-lighter:#4dbf4d;--ifm-color-success-lightest:#80d280;--ifm-color-success-contrast-background:#e6f6e6;--ifm-color-success-contrast-foreground:#003100;--ifm-color-info-dark:#4cb3d4;--ifm-color-info-darker:#47a9c9;--ifm-color-info-darkest:#3b8ba5;--ifm-color-info-light:#6ecfef;--ifm-color-info-lighter:#87d8f2;--ifm-color-info-lightest:#aae3f6;--ifm-color-info-contrast-background:#eef9fd;--ifm-color-info-contrast-foreground:#193c47;--ifm-color-warning-dark:#e6a700;--ifm-color-warning-darker:#d99e00;--ifm-color-warning-darkest:#b38200;--ifm-color-warning-light:#ffc426;--ifm-color-warning-lighter:#ffcf4d;--ifm-color-warning-lightest:#ffdd80;--ifm-color-warning-contrast-background:#fff8e6;--ifm-color-warning-contrast-foreground:#4d3800;--ifm-color-danger-dark:#e13238;--ifm-color-danger-darker:#d53035;--ifm-color-danger-darkest:#af272b;--ifm-color-danger-light:#fb565b;--ifm-color-danger-lighter:#fb7478;--ifm-color-danger-lightest:#fd9c9f;--ifm-color-danger-contrast-background:#ffebec;--ifm-color-danger-contrast-foreground:#4b1113;--ifm-color-white:#fff;--ifm-color-black:#000;--ifm-color-gray-0:var(--ifm-color-white);--ifm-color-gray-100:#f5f6f7;--ifm-color-gray-200:#ebedf0;--ifm-color-gray-300:#dadde1;--ifm-color-gray-400:#ccd0d5;--ifm-color-gray-500:#bec3c9;--ifm-color-gray-600:#8d949e;--ifm-color-gray-700:#606770;--ifm-color-gray-800:#444950;--ifm-color-gray-900:#1c1e21;--ifm-color-gray-1000:var(--ifm-color-black);--ifm-color-emphasis-0:var(--ifm-color-gray-0);--ifm-color-emphasis-100:var(--ifm-color-gray-100);--ifm-color-emphasis-200:var(--ifm-color-gray-200);--ifm-color-emphasis-300:var(--ifm-color-gray-300);--ifm-color-emphasis-400:var(--ifm-color-gray-400);--ifm-color-emphasis-600:var(--ifm-color-gray-600);--ifm-color-emphasis-700:var(--ifm-color-gray-700);--ifm-color-emphasis-800:var(--ifm-color-gray-800);--ifm-color-emphasis-900:var(--ifm-color-gray-900);--ifm-color-emphasis-1000:var(--ifm-color-gray-1000);--ifm-color-content:var(--ifm-color-emphasis-900);--ifm-color-content-inverse:var(--ifm-color-emphasis-0);--ifm-color-content-secondary:#525860;--ifm-background-color:#0000;--ifm-background-surface-color:var(--ifm-color-content-inverse);--ifm-global-border-width:1px;--ifm-global-radius:0.4rem;--ifm-hover-overlay:#0000000d;--ifm-font-color-base:var(--ifm-color-content);--ifm-font-color-base-inverse:var(--ifm-color-content-inverse);--ifm-font-color-secondary:var(--ifm-color-content-secondary);--ifm-font-family-base:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--ifm-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ifm-font-size-base:100%;--ifm-font-weight-light:300;--ifm-font-weight-normal:400;--ifm-font-weight-semibold:500;--ifm-font-weight-bold:700;--ifm-font-weight-base:var(--ifm-font-weight-normal);--ifm-line-height-base:1.65;--ifm-global-spacing:1rem;--ifm-spacing-vertical:var(--ifm-global-spacing);--ifm-spacing-horizontal:var(--ifm-global-spacing);--ifm-transition-fast:200ms;--ifm-transition-slow:400ms;--ifm-transition-timing-default:cubic-bezier(0.08,0.52,0.52,1);--ifm-global-shadow-lw:0 1px 2px 0 #0000001a;--ifm-global-shadow-md:0 5px 40px #0003;--ifm-global-shadow-tl:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a;--ifm-z-index-dropdown:100;--ifm-z-index-fixed:200;--ifm-z-index-overlay:400;--ifm-container-width:1140px;--ifm-container-width-xl:1320px;--ifm-code-background:#f6f7f8;--ifm-code-border-radius:var(--ifm-global-radius);--ifm-code-font-size:90%;--ifm-code-padding-horizontal:0.1rem;--ifm-code-padding-vertical:0.1rem;--ifm-pre-background:var(--ifm-code-background);--ifm-pre-border-radius:var(--ifm-code-border-radius);--ifm-pre-color:inherit;--ifm-pre-line-height:1.45;--ifm-pre-padding:1rem;--ifm-heading-color:inherit;--ifm-heading-margin-top:0;--ifm-heading-margin-bottom:var(--ifm-spacing-vertical);--ifm-heading-font-family:var(--ifm-font-family-base);--ifm-heading-font-weight:var(--ifm-font-weight-bold);--ifm-heading-line-height:1.25;--ifm-h1-font-size:2rem;--ifm-h2-font-size:1.5rem;--ifm-h3-font-size:1.25rem;--ifm-h4-font-size:1rem;--ifm-h5-font-size:0.875rem;--ifm-h6-font-size:0.85rem;--ifm-image-alignment-padding:1.25rem;--ifm-leading-desktop:1.25;--ifm-leading:calc(var(--ifm-leading-desktop)*1rem);--ifm-list-left-padding:2rem;--ifm-list-margin:1rem;--ifm-list-item-margin:0.25rem;--ifm-list-paragraph-margin:1rem;--ifm-table-cell-padding:0.75rem;--ifm-table-background:#0000;--ifm-table-stripe-background:#00000008;--ifm-table-border-width:1px;--ifm-table-border-color:var(--ifm-color-emphasis-300);--ifm-table-head-background:inherit;--ifm-table-head-color:inherit;--ifm-table-head-font-weight:var(--ifm-font-weight-bold);--ifm-table-cell-color:inherit;--ifm-link-color:var(--ifm-color-primary);--ifm-link-decoration:none;--ifm-link-hover-color:var(--ifm-link-color);--ifm-link-hover-decoration:underline;--ifm-paragraph-margin-bottom:var(--ifm-leading);--ifm-blockquote-font-size:var(--ifm-font-size-base);--ifm-blockquote-border-left-width:2px;--ifm-blockquote-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-blockquote-padding-vertical:0;--ifm-blockquote-shadow:none;--ifm-blockquote-color:var(--ifm-color-emphasis-800);--ifm-blockquote-border-color:var(--ifm-color-emphasis-300);--ifm-hr-background-color:var(--ifm-color-emphasis-500);--ifm-hr-height:1px;--ifm-hr-margin-vertical:1.5rem;--ifm-scrollbar-size:7px;--ifm-scrollbar-track-background-color:#f1f1f1;--ifm-scrollbar-thumb-background-color:silver;--ifm-scrollbar-thumb-hover-background-color:#a7a7a7;--ifm-alert-background-color:inherit;--ifm-alert-border-color:inherit;--ifm-alert-border-radius:var(--ifm-global-radius);--ifm-alert-border-width:0px;--ifm-alert-border-left-width:5px;--ifm-alert-color:var(--ifm-font-color-base);--ifm-alert-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-alert-padding-vertical:var(--ifm-spacing-vertical);--ifm-alert-shadow:var(--ifm-global-shadow-lw);--ifm-avatar-intro-margin:1rem;--ifm-avatar-intro-alignment:inherit;--ifm-avatar-photo-size:3rem;--ifm-badge-background-color:inherit;--ifm-badge-border-color:inherit;--ifm-badge-border-radius:var(--ifm-global-radius);--ifm-badge-border-width:var(--ifm-global-border-width);--ifm-badge-color:var(--ifm-color-white);--ifm-badge-padding-horizontal:calc(var(--ifm-spacing-horizontal)*0.5);--ifm-badge-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-breadcrumb-border-radius:1.5rem;--ifm-breadcrumb-spacing:0.5rem;--ifm-breadcrumb-color-active:var(--ifm-color-primary);--ifm-breadcrumb-item-background-active:var(--ifm-hover-overlay);--ifm-breadcrumb-padding-horizontal:0.8rem;--ifm-breadcrumb-padding-vertical:0.4rem;--ifm-breadcrumb-size-multiplier:1;--ifm-breadcrumb-separator:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');--ifm-breadcrumb-separator-filter:none;--ifm-breadcrumb-separator-size:0.5rem;--ifm-breadcrumb-separator-size-multiplier:1.25;--ifm-button-background-color:inherit;--ifm-button-border-color:var(--ifm-button-background-color);--ifm-button-border-width:var(--ifm-global-border-width);--ifm-button-font-weight:var(--ifm-font-weight-bold);--ifm-button-padding-horizontal:1.5rem;--ifm-button-padding-vertical:0.375rem;--ifm-button-size-multiplier:1;--ifm-button-transition-duration:var(--ifm-transition-fast);--ifm-button-border-radius:calc(var(--ifm-global-radius)*var(--ifm-button-size-multiplier));--ifm-button-group-spacing:2px;--ifm-card-background-color:var(--ifm-background-surface-color);--ifm-card-border-radius:calc(var(--ifm-global-radius)*2);--ifm-card-horizontal-spacing:var(--ifm-global-spacing);--ifm-card-vertical-spacing:var(--ifm-global-spacing);--ifm-toc-border-color:var(--ifm-color-emphasis-300);--ifm-toc-link-color:var(--ifm-color-content-secondary);--ifm-toc-padding-vertical:0.5rem;--ifm-toc-padding-horizontal:0.5rem;--ifm-dropdown-background-color:var(--ifm-background-surface-color);--ifm-dropdown-font-weight:var(--ifm-font-weight-semibold);--ifm-dropdown-link-color:var(--ifm-font-color-base);--ifm-dropdown-hover-background-color:var(--ifm-hover-overlay);--ifm-footer-background-color:var(--ifm-color-emphasis-100);--ifm-footer-color:inherit;--ifm-footer-link-color:var(--ifm-color-emphasis-700);--ifm-footer-link-hover-color:var(--ifm-color-primary);--ifm-footer-link-horizontal-spacing:0.5rem;--ifm-footer-padding-horizontal:calc(var(--ifm-spacing-horizontal)*2);--ifm-footer-padding-vertical:calc(var(--ifm-spacing-vertical)*2);--ifm-footer-title-color:inherit;--ifm-footer-logo-max-width:min(30rem,90vw);--ifm-hero-background-color:var(--ifm-background-surface-color);--ifm-hero-text-color:var(--ifm-color-emphasis-800);--ifm-menu-color:var(--ifm-color-emphasis-700);--ifm-menu-color-active:var(--ifm-color-primary);--ifm-menu-color-background-active:var(--ifm-hover-overlay);--ifm-menu-color-background-hover:var(--ifm-hover-overlay);--ifm-menu-link-padding-horizontal:0.75rem;--ifm-menu-link-padding-vertical:0.375rem;--ifm-menu-link-sublist-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');--ifm-menu-link-sublist-icon-filter:none;--ifm-navbar-background-color:var(--ifm-background-surface-color);--ifm-navbar-height:3.75rem;--ifm-navbar-item-padding-horizontal:0.75rem;--ifm-navbar-item-padding-vertical:0.25rem;--ifm-navbar-link-color:var(--ifm-font-color-base);--ifm-navbar-link-active-color:var(--ifm-link-color);--ifm-navbar-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-navbar-padding-vertical:calc(var(--ifm-spacing-vertical)*0.5);--ifm-navbar-shadow:var(--ifm-global-shadow-lw);--ifm-navbar-search-input-background-color:var(--ifm-color-emphasis-200);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-800);--ifm-navbar-search-input-placeholder-color:var(--ifm-color-emphasis-500);--ifm-navbar-search-input-icon:url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>');--ifm-navbar-sidebar-width:83vw;--ifm-pagination-border-radius:var(--ifm-global-radius);--ifm-pagination-color-active:var(--ifm-color-primary);--ifm-pagination-font-size:1rem;--ifm-pagination-item-active-background:var(--ifm-hover-overlay);--ifm-pagination-page-spacing:0.2em;--ifm-pagination-padding-horizontal:calc(var(--ifm-spacing-horizontal)*1);--ifm-pagination-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-pagination-nav-border-radius:var(--ifm-global-radius);--ifm-pagination-nav-color-hover:var(--ifm-color-primary);--ifm-pills-color-active:var(--ifm-color-primary);--ifm-pills-color-background-active:var(--ifm-hover-overlay);--ifm-pills-spacing:0.125rem;--ifm-tabs-color:var(--ifm-font-color-secondary);--ifm-tabs-color-active:var(--ifm-color-primary);--ifm-tabs-color-active-border:var(--ifm-tabs-color-active);--ifm-tabs-padding-horizontal:1rem;--ifm-tabs-padding-vertical:1rem;--docusaurus-progress-bar-color:var(--ifm-color-primary);--ifm-color-primary:#654aec;--ifm-color-primary-dark:#4d2ee9;--ifm-color-primary-darker:#4120e8;--ifm-color-primary-darkest:#3215c4;--ifm-color-primary-light:#7d66ef;--ifm-color-primary-lighter:#8974f0;--ifm-color-primary-lightest:#846ef0;--ifm-code-font-size:95%;--docusaurus-highlighted-code-line-bg:#0000001a;--docusaurus-announcement-bar-height:auto;--swiper-theme-color:#007aff}.badge--danger,.badge--info,.badge--primary,.badge--secondary,.badge--success,.badge--warning{--ifm-badge-border-color:var(--ifm-badge-background-color)}.button--link,.button--outline{--ifm-button-background-color:#0000}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--ifm-background-color);color:var(--ifm-font-color-base);color-scheme:var(--ifm-color-scheme);font:var(--ifm-font-size-base)/var(--ifm-line-height-base) var(--ifm-font-family-base);text-rendering:optimizelegibility}iframe{border:0;color-scheme:auto}.container{margin:0 auto;max-width:var(--ifm-container-width);padding:0 var(--ifm-spacing-horizontal)}.container--fluid{max-width:inherit}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--ifm-spacing-horizontal)*-1)}.\!mb-0,.margin-bottom--none,.margin-vert--none,.markdown>:last-child,.refine-details .refine-details-content>div>:last-child{margin-bottom:0!important}.\!mt-0,.margin-top--none,.margin-vert--none{margin-top:0!important}.row--no-gutters{margin-left:0;margin-right:0}.margin-horiz--none,.margin-right--none{margin-right:0!important}.px-0,.row--no-gutters>.col{padding-left:0;padding-right:0}.items-start,.row--align-top{align-items:flex-start}.row--align-bottom{align-items:flex-end}.items-center,.row--align-center{align-items:center}.row--align-stretch{align-items:stretch}.row--align-baseline{align-items:baseline}.col{--ifm-col-width:100%;flex:1 0;margin-left:0;max-width:var(--ifm-col-width);padding:0 var(--ifm-spacing-horizontal);width:100%}.padding-bottom--none,.padding-vert--none{padding-bottom:0!important}.padding-top--none,.padding-vert--none{padding-top:0!important}.padding-horiz--none,.padding-left--none{padding-left:0!important}.padding-horiz--none,.padding-right--none{padding-right:0!important}.col[class*=col--]{flex:0 0 var(--ifm-col-width)}.col--1{--ifm-col-width:8.33333%}.col--offset-1{margin-left:8.33333%}.col--2{--ifm-col-width:16.66667%}.col--offset-2{margin-left:16.66667%}.col--3{--ifm-col-width:25%}.col--offset-3{margin-left:25%}.col--4{--ifm-col-width:33.33333%}.col--offset-4{margin-left:33.33333%}.col--5{--ifm-col-width:41.66667%}.col--offset-5{margin-left:41.66667%}.col--6{--ifm-col-width:50%}.col--offset-6{margin-left:50%}.col--7{--ifm-col-width:58.33333%}.col--offset-7{margin-left:58.33333%}.col--8{--ifm-col-width:66.66667%}.col--offset-8{margin-left:66.66667%}.col--9{--ifm-col-width:75%}.col--offset-9{margin-left:75%}.col--10{--ifm-col-width:83.33333%}.col--offset-10{margin-left:83.33333%}.col--11{--ifm-col-width:91.66667%}.col--offset-11{margin-left:91.66667%}.col--12{--ifm-col-width:100%}.col--offset-12{margin-left:100%}.margin-horiz--none,.margin-left--none{margin-left:0!important}.\!m-0,.margin--none{margin:0!important}.margin-bottom--xs,.margin-vert--xs{margin-bottom:.25rem!important}.margin-top--xs,.margin-vert--xs{margin-top:.25rem!important}.margin-horiz--xs,.margin-left--xs{margin-left:.25rem!important}.margin-horiz--xs,.margin-right--xs{margin-right:.25rem!important}.margin--xs{margin:.25rem!important}.margin-bottom--sm,.margin-vert--sm{margin-bottom:.5rem!important}.margin-top--sm,.margin-vert--sm{margin-top:.5rem!important}.margin-horiz--sm,.margin-left--sm{margin-left:.5rem!important}.margin-horiz--sm,.margin-right--sm{margin-right:.5rem!important}.margin--sm{margin:.5rem!important}.margin-bottom--md,.margin-vert--md{margin-bottom:1rem!important}.margin-top--md,.margin-vert--md{margin-top:1rem!important}.margin-horiz--md,.margin-left--md{margin-left:1rem!important}.margin-horiz--md,.margin-right--md{margin-right:1rem!important}.margin--md{margin:1rem!important}.margin-bottom--lg,.margin-vert--lg{margin-bottom:2rem!important}.margin-top--lg,.margin-vert--lg{margin-top:2rem!important}.margin-horiz--lg,.margin-left--lg{margin-left:2rem!important}.margin-horiz--lg,.margin-right--lg{margin-right:2rem!important}.margin--lg{margin:2rem!important}.margin-bottom--xl,.margin-vert--xl{margin-bottom:5rem!important}.margin-top--xl,.margin-vert--xl{margin-top:5rem!important}.margin-horiz--xl,.margin-left--xl{margin-left:5rem!important}.margin-horiz--xl,.margin-right--xl{margin-right:5rem!important}.margin--xl{margin:5rem!important}.padding--none{padding:0!important}.padding-bottom--xs,.padding-vert--xs{padding-bottom:.25rem!important}.padding-top--xs,.padding-vert--xs{padding-top:.25rem!important}.padding-horiz--xs,.padding-left--xs{padding-left:.25rem!important}.padding-horiz--xs,.padding-right--xs{padding-right:.25rem!important}.padding--xs{padding:.25rem!important}.padding-bottom--sm,.padding-vert--sm{padding-bottom:.5rem!important}.padding-top--sm,.padding-vert--sm{padding-top:.5rem!important}.padding-horiz--sm,.padding-left--sm{padding-left:.5rem!important}.padding-horiz--sm,.padding-right--sm{padding-right:.5rem!important}.padding--sm{padding:.5rem!important}.\!py-4,.padding-bottom--md,.padding-vert--md{padding-bottom:1rem!important}.\!py-4,.padding-top--md,.padding-vert--md{padding-top:1rem!important}.\!px-4,.padding-horiz--md,.padding-left--md{padding-left:1rem!important}.\!px-4,.padding-horiz--md,.padding-right--md{padding-right:1rem!important}.padding--md{padding:1rem!important}.padding-bottom--lg,.padding-vert--lg{padding-bottom:2rem!important}.padding-top--lg,.padding-vert--lg{padding-top:2rem!important}.padding-horiz--lg,.padding-left--lg{padding-left:2rem!important}.padding-horiz--lg,.padding-right--lg{padding-right:2rem!important}.padding--lg{padding:2rem!important}.padding-bottom--xl,.padding-vert--xl{padding-bottom:5rem!important}.padding-top--xl,.padding-vert--xl{padding-top:5rem!important}.padding-horiz--xl,.padding-left--xl{padding-left:5rem!important}.padding-horiz--xl,.padding-right--xl{padding-right:5rem!important}.padding--xl{padding:5rem!important}code{background-color:var(--ifm-code-background);border:.1rem solid #0000001a;border-radius:var(--ifm-code-border-radius);font-family:var(--ifm-font-family-monospace);font-size:var(--ifm-code-font-size);padding:var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal)}a code{color:inherit}pre{background-color:var(--ifm-pre-background);border-radius:var(--ifm-pre-border-radius);color:var(--ifm-pre-color);font:var(--ifm-code-font-size)/var(--ifm-pre-line-height) var(--ifm-font-family-monospace);overflow:auto;padding:var(--ifm-pre-padding)}pre code{background-color:initial;border:none;font-size:100%;line-height:inherit;padding:0}kbd{background-color:var(--ifm-color-emphasis-0);border:1px solid var(--ifm-color-emphasis-400);border-radius:.2rem;box-shadow:inset 0 -1px 0 var(--ifm-color-emphasis-400);color:var(--ifm-color-emphasis-800);font:80% var(--ifm-font-family-monospace);padding:.15rem .3rem}h1,h2,h3,h4,h5,h6{color:var(--ifm-heading-color);font-family:var(--ifm-heading-font-family);font-weight:var(--ifm-heading-font-weight);line-height:var(--ifm-heading-line-height);margin:var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0}h1{font-size:var(--ifm-h1-font-size)}h2{font-size:var(--ifm-h2-font-size)}h3{font-size:var(--ifm-h3-font-size)}h4{font-size:var(--ifm-h4-font-size)}h5{font-size:var(--ifm-h5-font-size)}h6{font-size:var(--ifm-h6-font-size)}img[align=right]{padding-left:var(--image-alignment-padding)}img[align=left]{padding-right:var(--image-alignment-padding)}.markdown{--ifm-h1-vertical-rhythm-top:3;--ifm-h2-vertical-rhythm-top:2;--ifm-h3-vertical-rhythm-top:1.5;--ifm-heading-vertical-rhythm-top:1.25;--ifm-h1-vertical-rhythm-bottom:1.25;--ifm-heading-vertical-rhythm-bottom:1}.markdown:after,.markdown:before{content:"";display:table}.markdown:after{clear:both}.markdown h1:first-child{--ifm-h1-font-size:3rem;margin-bottom:calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading))}.markdown>h2{--ifm-h2-font-size:2rem;margin-top:calc(var(--ifm-h2-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h3{--ifm-h3-font-size:1.5rem;margin-top:calc(var(--ifm-h3-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h4,.markdown>h5,.markdown>h6{margin-top:calc(var(--ifm-heading-vertical-rhythm-top)*var(--ifm-leading))}.markdown>p,.markdown>pre,.markdown>ul{margin-bottom:var(--ifm-leading)}.markdown li>p{margin-top:var(--ifm-list-paragraph-margin)}.markdown li+li{margin-top:var(--ifm-list-item-margin)}ol,ul{margin:0 0 var(--ifm-list-margin);padding-left:var(--ifm-list-left-padding)}ol ol,ul ol{list-style-type:lower-roman}ol ol,ol ul,ul ol,ul ul{margin:0}ol ol ol,ol ul ol,ul ol ol,ul ul ol{list-style-type:lower-alpha}table thead tr{border-bottom:2px solid var(--ifm-table-border-color)}table thead,table tr:nth-child(2n){background-color:var(--ifm-table-stripe-background)}table tr{background-color:var(--ifm-table-background);border-top:var(--ifm-table-border-width) solid var(--ifm-table-border-color)}table td,table th{border:var(--ifm-table-border-width) solid var(--ifm-table-border-color);padding:var(--ifm-table-cell-padding)}table th{background-color:var(--ifm-table-head-background);color:var(--ifm-table-head-color);font-weight:var(--ifm-table-head-font-weight)}table td{color:var(--ifm-table-cell-color)}strong{font-weight:var(--ifm-font-weight-bold)}a{color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration);color:inherit;text-decoration:inherit}a:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button:hover,.text--no-decoration,.text--no-decoration:hover,a:not([href]){text-decoration:none}p{margin:0 0 var(--ifm-paragraph-margin-bottom)}blockquote{border-left:var(--ifm-blockquote-border-left-width) solid var(--ifm-blockquote-border-color);box-shadow:var(--ifm-blockquote-shadow);color:var(--ifm-blockquote-color);font-size:var(--ifm-blockquote-font-size);padding:var(--ifm-blockquote-padding-vertical) var(--ifm-blockquote-padding-horizontal)}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}hr{background-color:var(--ifm-hr-background-color);border:0;height:var(--ifm-hr-height);margin:var(--ifm-hr-margin-vertical) 0}.shadow--lw{box-shadow:var(--ifm-global-shadow-lw)!important}.shadow--md{box-shadow:var(--ifm-global-shadow-md)!important}.shadow--tl{box-shadow:var(--ifm-global-shadow-tl)!important}.text--primary,.wordWrapButtonEnabled_I8k2 .wordWrapButtonIcon_dUFy{color:var(--ifm-color-primary)}.text--secondary{color:var(--ifm-color-secondary)}.text--success{color:var(--ifm-color-success)}.text--info{color:var(--ifm-color-info)}.text--warning{color:var(--ifm-color-warning)}.text--danger{color:var(--ifm-color-danger)}.text--center{text-align:center}.text--left{text-align:left}.text--justify{text-align:justify}.text--right{text-align:right}.text--capitalize{text-transform:capitalize}.text--lowercase{text-transform:lowercase}.alert__heading,.text--uppercase{text-transform:uppercase}.text--light{font-weight:var(--ifm-font-weight-light)}.text--normal{font-weight:var(--ifm-font-weight-normal)}.text--semibold{font-weight:var(--ifm-font-weight-semibold)}.text--bold{font-weight:var(--ifm-font-weight-bold)}.text--italic{font-style:italic}.text--truncate{overflow:hidden;text-overflow:ellipsis}.text--break{word-wrap:break-word!important;word-break:break-word!important}.clean-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;padding:0}.alert,.alert .close{color:var(--ifm-alert-foreground-color)}.clean-list{padding-left:0}.alert--primary{--ifm-alert-background-color:var(--ifm-color-primary-contrast-background);--ifm-alert-background-color-highlight:#3578e526;--ifm-alert-foreground-color:var(--ifm-color-primary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-primary-dark)}.alert--secondary{--ifm-alert-background-color:var(--ifm-color-secondary-contrast-background);--ifm-alert-background-color-highlight:#ebedf026;--ifm-alert-foreground-color:var(--ifm-color-secondary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-secondary-dark)}.alert--success{--ifm-alert-background-color:var(--ifm-color-success-contrast-background);--ifm-alert-background-color-highlight:#00a40026;--ifm-alert-foreground-color:var(--ifm-color-success-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-success-dark)}.alert--info{--ifm-alert-background-color:var(--ifm-color-info-contrast-background);--ifm-alert-background-color-highlight:#54c7ec26;--ifm-alert-foreground-color:var(--ifm-color-info-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-info-dark)}.alert--warning{--ifm-alert-background-color:var(--ifm-color-warning-contrast-background);--ifm-alert-background-color-highlight:#ffba0026;--ifm-alert-foreground-color:var(--ifm-color-warning-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-warning-dark)}.alert--danger{--ifm-alert-background-color:var(--ifm-color-danger-contrast-background);--ifm-alert-background-color-highlight:#fa383e26;--ifm-alert-foreground-color:var(--ifm-color-danger-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-danger-dark)}.alert{--ifm-code-background:var(--ifm-alert-background-color-highlight);--ifm-link-color:var(--ifm-alert-foreground-color);--ifm-link-hover-color:var(--ifm-alert-foreground-color);--ifm-link-decoration:underline;--ifm-tabs-color:var(--ifm-alert-foreground-color);--ifm-tabs-color-active:var(--ifm-alert-foreground-color);--ifm-tabs-color-active-border:var(--ifm-alert-border-color);background-color:var(--ifm-alert-background-color);border:var(--ifm-alert-border-width) solid var(--ifm-alert-border-color);border-left-width:var(--ifm-alert-border-left-width);border-radius:var(--ifm-alert-border-radius);box-shadow:var(--ifm-alert-shadow);padding:var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal)}.alert__heading{align-items:center;display:flex;font:700 var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);margin-bottom:.5rem}.alert__icon{display:inline-flex;margin-right:.4em}.alert__icon svg{fill:var(--ifm-alert-foreground-color);stroke:var(--ifm-alert-foreground-color);stroke-width:0}.alert .close{margin:calc(var(--ifm-alert-padding-vertical)*-1) calc(var(--ifm-alert-padding-horizontal)*-1) 0 0;opacity:.75}.alert .close:focus,.alert .close:hover{opacity:1}.alert a{text-decoration-color:var(--ifm-alert-border-color)}.alert a:hover{text-decoration-thickness:2px}.avatar{column-gap:var(--ifm-avatar-intro-margin);display:flex}.avatar__photo{border-radius:50%;display:block;height:var(--ifm-avatar-photo-size);overflow:hidden;width:var(--ifm-avatar-photo-size)}.avatar__photo--sm{--ifm-avatar-photo-size:2rem}.avatar__photo--lg{--ifm-avatar-photo-size:4rem}.avatar__photo--xl{--ifm-avatar-photo-size:6rem}.avatar__intro{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:var(--ifm-avatar-intro-alignment)}.badge,.breadcrumbs__item,.breadcrumbs__link,.button,.dropdown>.navbar__link:after,.inline-block{display:inline-block}.avatar__name{font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base)}.avatar__subtitle{margin-top:.25rem}.avatar--vertical{--ifm-avatar-intro-alignment:center;--ifm-avatar-intro-margin:0.5rem;align-items:center;flex-direction:column}.badge{background-color:var(--ifm-badge-background-color);border:var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);border-radius:var(--ifm-badge-border-radius);color:var(--ifm-badge-color);font-size:75%;font-weight:var(--ifm-font-weight-bold);line-height:1;padding:var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal)}.badge--primary{--ifm-badge-background-color:var(--ifm-color-primary)}.badge--secondary{--ifm-badge-background-color:var(--ifm-color-secondary);color:var(--ifm-color-black)}.breadcrumbs__link,.button.button--secondary.button--outline:not(.button--active):not(:hover){color:var(--ifm-font-color-base)}.badge--success{--ifm-badge-background-color:var(--ifm-color-success)}.badge--info{--ifm-badge-background-color:var(--ifm-color-info)}.badge--warning{--ifm-badge-background-color:var(--ifm-color-warning)}.badge--danger{--ifm-badge-background-color:var(--ifm-color-danger)}.breadcrumbs{margin-bottom:0;padding-left:0}.breadcrumbs__item:not(:last-child):after{background:var(--ifm-breadcrumb-separator) center;content:" ";display:inline-block;filter:var(--ifm-breadcrumb-separator-filter);height:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier));margin:0 var(--ifm-breadcrumb-spacing);opacity:.5;width:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier))}.breadcrumbs__item--active .breadcrumbs__link{background:var(--ifm-breadcrumb-item-background-active);color:var(--ifm-breadcrumb-color-active)}.breadcrumbs__link{border-radius:var(--ifm-breadcrumb-border-radius);font-size:calc(1rem*var(--ifm-breadcrumb-size-multiplier));padding:calc(var(--ifm-breadcrumb-padding-vertical)*var(--ifm-breadcrumb-size-multiplier)) calc(var(--ifm-breadcrumb-padding-horizontal)*var(--ifm-breadcrumb-size-multiplier));transition-duration:var(--ifm-transition-fast);transition-property:background,color}.breadcrumbs__link:any-link:hover,.breadcrumbs__link:link:hover,.breadcrumbs__link:visited:hover,area[href].breadcrumbs__link:hover{background:var(--ifm-breadcrumb-item-background-active);text-decoration:none}.breadcrumbs--sm{--ifm-breadcrumb-size-multiplier:0.8}.breadcrumbs--lg{--ifm-breadcrumb-size-multiplier:1.2}.button{background-color:var(--ifm-button-background-color);border:var(--ifm-button-border-width) solid var(--ifm-button-border-color);border-radius:var(--ifm-button-border-radius);cursor:pointer;font-size:calc(.875rem*var(--ifm-button-size-multiplier));font-weight:var(--ifm-button-font-weight);line-height:1.5;padding:calc(var(--ifm-button-padding-vertical)*var(--ifm-button-size-multiplier)) calc(var(--ifm-button-padding-horizontal)*var(--ifm-button-size-multiplier));text-align:center;transition-duration:var(--ifm-button-transition-duration);transition-property:color,background,border-color;-webkit-user-select:none;user-select:none}.button,.button:hover{color:var(--ifm-button-color)}.button--outline{--ifm-button-color:var(--ifm-button-border-color)}.button--outline:hover{--ifm-button-background-color:var(--ifm-button-border-color)}.button--link{--ifm-button-border-color:#0000;color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration)}.button--link.button--active,.button--link:active,.button--link:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button.disabled,.button:disabled,.button[disabled]{opacity:.65;pointer-events:none}.button--sm{--ifm-button-size-multiplier:0.8}.button--lg{--ifm-button-size-multiplier:1.35}.button--block{display:block;width:100%}.button.button--secondary{color:var(--ifm-color-gray-900)}:where(.button--primary){--ifm-button-background-color:var(--ifm-color-primary);--ifm-button-border-color:var(--ifm-color-primary)}:where(.button--primary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-primary-dark);--ifm-button-border-color:var(--ifm-color-primary-dark)}.button--primary.button--active,.button--primary:active{--ifm-button-background-color:var(--ifm-color-primary-darker);--ifm-button-border-color:var(--ifm-color-primary-darker)}:where(.button--secondary){--ifm-button-background-color:var(--ifm-color-secondary);--ifm-button-border-color:var(--ifm-color-secondary)}:where(.button--secondary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-secondary-dark);--ifm-button-border-color:var(--ifm-color-secondary-dark)}.button--secondary.button--active,.button--secondary:active{--ifm-button-background-color:var(--ifm-color-secondary-darker);--ifm-button-border-color:var(--ifm-color-secondary-darker)}:where(.button--success){--ifm-button-background-color:var(--ifm-color-success);--ifm-button-border-color:var(--ifm-color-success)}:where(.button--success):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-success-dark);--ifm-button-border-color:var(--ifm-color-success-dark)}.button--success.button--active,.button--success:active{--ifm-button-background-color:var(--ifm-color-success-darker);--ifm-button-border-color:var(--ifm-color-success-darker)}:where(.button--info){--ifm-button-background-color:var(--ifm-color-info);--ifm-button-border-color:var(--ifm-color-info)}:where(.button--info):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-info-dark);--ifm-button-border-color:var(--ifm-color-info-dark)}.button--info.button--active,.button--info:active{--ifm-button-background-color:var(--ifm-color-info-darker);--ifm-button-border-color:var(--ifm-color-info-darker)}:where(.button--warning){--ifm-button-background-color:var(--ifm-color-warning);--ifm-button-border-color:var(--ifm-color-warning)}:where(.button--warning):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-warning-dark);--ifm-button-border-color:var(--ifm-color-warning-dark)}.button--warning.button--active,.button--warning:active{--ifm-button-background-color:var(--ifm-color-warning-darker);--ifm-button-border-color:var(--ifm-color-warning-darker)}:where(.button--danger){--ifm-button-background-color:var(--ifm-color-danger);--ifm-button-border-color:var(--ifm-color-danger)}:where(.button--danger):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-danger-dark);--ifm-button-border-color:var(--ifm-color-danger-dark)}.button--danger.button--active,.button--danger:active{--ifm-button-background-color:var(--ifm-color-danger-darker);--ifm-button-border-color:var(--ifm-color-danger-darker)}.button-group{display:inline-flex;gap:var(--ifm-button-group-spacing)}.button-group>.button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.button-group>.button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.button-group--block{display:flex;justify-content:stretch}.button-group--block>.button{flex-grow:1}.card{background-color:var(--ifm-card-background-color);border-radius:var(--ifm-card-border-radius);box-shadow:var(--ifm-global-shadow-lw);display:flex;flex-direction:column;overflow:hidden}.card--full-height{height:100%}.card__image{padding-top:var(--ifm-card-vertical-spacing)}.card__image:first-child,.pt-0{padding-top:0}.card__body,.card__footer,.card__header{padding:var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing)}.card__body:not(:last-child),.card__footer:not(:last-child),.card__header:not(:last-child){padding-bottom:0}.card__body>:last-child,.card__footer>:last-child,.card__header>:last-child{margin-bottom:0}.card__footer{margin-top:auto}.table-of-contents{font-size:.8rem;margin-bottom:0;padding:var(--ifm-toc-padding-vertical) 0}.table-of-contents,.table-of-contents ul{list-style:none;padding-left:var(--ifm-toc-padding-horizontal)}.table-of-contents li{margin:var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal)}.table-of-contents__left-border{border-left:1px solid var(--ifm-toc-border-color)}.table-of-contents__link{color:var(--ifm-toc-link-color);display:block}.table-of-contents__link--active,.table-of-contents__link--active code,.table-of-contents__link:hover,.table-of-contents__link:hover code{color:var(--ifm-color-primary);text-decoration:none}.close{color:var(--ifm-color-black);float:right;font-size:1.5rem;font-weight:var(--ifm-font-weight-bold);line-height:1;opacity:.5;padding:1rem;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.close:hover{opacity:.7}.close:focus,.theme-code-block-highlighted-line .codeLineNumber_UV2B:before{opacity:.8}.dropdown{display:inline-flex;font-weight:var(--ifm-dropdown-font-weight);position:relative;vertical-align:top}.dropdown--hoverable:hover .dropdown__menu,.dropdown--show .dropdown__menu{opacity:1;pointer-events:all;transform:translateY(-1px);visibility:visible}.dropdown--right .dropdown__menu{left:inherit;right:0}.dropdown--nocaret .navbar__link:after{content:none!important}.dropdown__menu{background-color:var(--ifm-dropdown-background-color);border-radius:var(--ifm-global-radius);box-shadow:var(--ifm-global-shadow-md);left:0;max-height:80vh;min-width:10rem;opacity:0;overflow-y:auto;padding:.5rem;pointer-events:none;position:absolute;top:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);transform:translateY(-.625rem);transition-duration:var(--ifm-transition-fast);transition-property:opacity,transform,visibility;transition-timing-function:var(--ifm-transition-timing-default);visibility:hidden;z-index:var(--ifm-z-index-dropdown)}.menu__caret,.menu__link,.menu__list-item-collapsible{border-radius:.25rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.dropdown__link{border-radius:.25rem;color:var(--ifm-dropdown-link-color);display:block;font-size:.875rem;margin-top:.2rem;padding:.25rem .5rem}.dropdown__link--active,.dropdown__link:hover{background-color:var(--ifm-dropdown-hover-background-color);color:var(--ifm-dropdown-link-color);text-decoration:none}.dropdown__link--active,.dropdown__link--active:hover{--ifm-dropdown-link-color:var(--ifm-link-color)}.dropdown>.navbar__link:after{border-color:currentcolor #0000;border-style:solid;border-width:.4em .4em 0;content:"";margin-left:.3em;position:relative;top:2px;transform:translateY(-50%)}.footer{background-color:var(--ifm-footer-background-color);color:var(--ifm-footer-color);padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal)}.footer--dark{--ifm-footer-background-color:#303846;--ifm-footer-color:var(--ifm-footer-link-color);--ifm-footer-link-color:var(--ifm-color-secondary);--ifm-footer-title-color:var(--ifm-color-white)}.footer__links,.mb-4{margin-bottom:1rem}.footer__link-item{color:var(--ifm-footer-link-color);line-height:2}.footer__link-item:hover{color:var(--ifm-footer-link-hover-color)}.footer__link-separator{margin:0 var(--ifm-footer-link-horizontal-spacing)}.footer__logo{margin-top:1rem;max-width:var(--ifm-footer-logo-max-width)}.footer__title{color:var(--ifm-footer-title-color);font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base);margin-bottom:var(--ifm-heading-margin-bottom)}.menu,.navbar__link{font-weight:var(--ifm-font-weight-semibold)}.footer__item{margin-top:0}.footer__items{margin-bottom:0}.codeBlockStandalone_BZ5x,.p-0,[type=checkbox],dialog,fieldset,legend{padding:0}.hero{align-items:center;background-color:var(--ifm-hero-background-color);color:var(--ifm-hero-text-color);display:flex;padding:4rem 2rem}.hero--primary{--ifm-hero-background-color:var(--ifm-color-primary);--ifm-hero-text-color:var(--ifm-font-color-base-inverse)}.hero--dark{--ifm-hero-background-color:#303846;--ifm-hero-text-color:var(--ifm-color-white)}.hero__title{font-size:3rem}.hero__subtitle,.text-2xl{font-size:1.5rem}.menu__list{margin:0;padding-left:0}.menu__caret,.menu__link{padding:var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal)}.menu__list .menu__list{flex:0 0 100%;margin-top:.25rem;padding-left:var(--ifm-menu-link-padding-horizontal)}.menu__list-item:not(:first-child),.mt-1{margin-top:.25rem}.menu__list-item--collapsed .menu__list{height:0;overflow:hidden}.details_GXzP[data-collapsed=false].isBrowser_pHft>summary:before,.details_GXzP[open]:not(.isBrowser_pHft)>summary:before,.menu__list-item--collapsed .menu__caret:before,.menu__list-item--collapsed .menu__link--sublist:after{transform:rotate(90deg)}.menu__list-item-collapsible{display:flex;flex-wrap:wrap;position:relative}.menu__caret:hover,.menu__link:hover,.menu__list-item-collapsible--active,.menu__list-item-collapsible:hover{background:var(--ifm-menu-color-background-hover)}.menu__list-item-collapsible .menu__link--active,.menu__list-item-collapsible .menu__link:hover{background:none!important}.menu__caret,.menu__link{align-items:center;display:flex}.navbar-sidebar,.navbar-sidebar__backdrop{opacity:0;top:0;transition-duration:var(--ifm-transition-fast);transition-timing-function:ease-in-out;visibility:hidden;left:0;bottom:0}.menu__link{color:var(--ifm-menu-color);flex:1;line-height:1.25}.menu__link:hover{color:var(--ifm-menu-color);text-decoration:none}.menu__caret:before,.menu__link--sublist-caret:after{content:"";filter:var(--ifm-menu-link-sublist-icon-filter);height:1.25rem;transform:rotate(180deg);transition:transform var(--ifm-transition-fast) linear;width:1.25rem}.menu__link--sublist-caret:after{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem;margin-left:auto;min-width:1.25rem}.menu__link--active,.menu__link--active:hover{color:var(--ifm-menu-color-active)}.navbar__brand,.navbar__link{color:var(--ifm-navbar-link-color)}.menu__link--active:not(.menu__link--sublist){background-color:var(--ifm-menu-color-background-active)}.menu__caret:before{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem}.filter,.hover\:brightness-90:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navbar--dark,html[data-theme=dark]{--ifm-menu-link-sublist-icon-filter:invert(100%) sepia(94%) saturate(17%) hue-rotate(223deg) brightness(104%) contrast(98%)}.navbar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-navbar-shadow);height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.flex,.navbar,.navbar>.container,.navbar>.container-fluid{display:flex}.navbar--fixed-top{position:sticky;top:0;z-index:var(--ifm-z-index-fixed)}.navbar__inner{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.navbar__brand{align-items:center;display:flex;margin-right:1rem;min-width:0}.navbar__brand:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.announcementBarContent__DAX,.navbar__title{flex:1 1 auto}.navbar__toggle{display:none;margin-right:.5rem}.navbar__logo{flex:0 0 auto;height:2rem;margin-right:.5rem}.h-full,.navbar__logo img,body,html{height:100%}.navbar__items{align-items:center;display:flex;flex:1;min-width:0}.navbar__items--center{flex:0 0 auto}.m-0,.navbar__items--center .navbar__brand,blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}.navbar__items--center+.navbar__items--right{flex:1}.navbar__items--right{flex:0 0 auto;justify-content:flex-end}.navbar__items--right>:last-child{padding-right:0}.navbar__item{display:inline-block;padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}#nprogress,.navbar__item.dropdown .navbar__link:not([href]){pointer-events:none}.navbar__link--active,.navbar__link:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.navbar--dark,.navbar--primary{--ifm-menu-color:var(--ifm-color-gray-300);--ifm-navbar-link-color:var(--ifm-color-gray-100);--ifm-navbar-search-input-background-color:#ffffff1a;--ifm-navbar-search-input-placeholder-color:#ffffff80;color:var(--ifm-color-white)}.navbar--dark{--ifm-navbar-background-color:#242526;--ifm-menu-color-background-active:#ffffff0d;--ifm-navbar-search-input-color:var(--ifm-color-white)}.navbar--primary{--ifm-navbar-background-color:var(--ifm-color-primary);--ifm-navbar-link-hover-color:var(--ifm-color-white);--ifm-menu-color-active:var(--ifm-color-white);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-500)}.navbar__search-input{-webkit-appearance:none;appearance:none;background:var(--ifm-navbar-search-input-background-color) var(--ifm-navbar-search-input-icon) no-repeat .75rem center/1rem 1rem;border:none;border-radius:2rem;color:var(--ifm-navbar-search-input-color);cursor:text;display:inline-block;font-size:.9rem;height:2rem;padding:0 .5rem 0 2.25rem;width:12.5rem}.cursor-pointer,.dropdownNavbarItemMobile_JUhd,.footerItem_GsU2,.pills__item,.refine-toc-item,.tabs__item,[role=button],button{cursor:pointer}.navbar__search-input::placeholder{color:var(--ifm-navbar-search-input-placeholder-color)}.navbar-sidebar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-global-shadow-md);position:fixed;transform:translate3d(-100%,0,0);transition-property:opacity,visibility,transform;width:var(--ifm-navbar-sidebar-width)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar__items,.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar--show .navbar-sidebar__backdrop{opacity:1;visibility:visible}.navbar-sidebar__backdrop{background-color:#0009;position:fixed;right:0;transition-property:opacity,visibility}.navbar-sidebar__brand{align-items:center;box-shadow:var(--ifm-navbar-shadow);display:flex;flex:1;height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.navbar-sidebar__items{display:flex;height:calc(100% - var(--ifm-navbar-height));transition:transform var(--ifm-transition-fast) ease-in-out}.navbar-sidebar__items--show-secondary{transform:translate3d(calc((var(--ifm-navbar-sidebar-width))*-1),0,0)}.navbar-sidebar__item{flex-shrink:0;padding:.5rem;width:calc(var(--ifm-navbar-sidebar-width))}.navbar-sidebar__back{background:var(--ifm-menu-color-background-active);font-size:15px;font-weight:var(--ifm-button-font-weight);margin:0 0 .2rem -.5rem;padding:.6rem 1.5rem;position:relative;text-align:left;top:-.5rem;width:calc(100% + 1rem)}.navbar-sidebar__close{display:flex;margin-left:auto}.pagination{column-gap:var(--ifm-pagination-page-spacing);display:flex;font-size:var(--ifm-pagination-font-size);padding-left:0}.pagination--sm{--ifm-pagination-font-size:0.8rem;--ifm-pagination-padding-horizontal:0.8rem;--ifm-pagination-padding-vertical:0.2rem}.pagination--lg{--ifm-pagination-font-size:1.2rem;--ifm-pagination-padding-horizontal:1.2rem;--ifm-pagination-padding-vertical:0.3rem}.inline-flex,.pagination__item{display:inline-flex}.pagination__item>span{padding:var(--ifm-pagination-padding-vertical)}.pagination__item--active .pagination__link{color:var(--ifm-pagination-color-active)}.pagination__item--active .pagination__link,.pagination__item:not(.pagination__item--active):hover .pagination__link{background:var(--ifm-pagination-item-active-background)}.pagination__item--disabled,.pagination__item[disabled]{opacity:.25;pointer-events:none}.pagination__link{border-radius:var(--ifm-pagination-border-radius);color:var(--ifm-font-color-base);display:inline-block;padding:var(--ifm-pagination-padding-vertical) var(--ifm-pagination-padding-horizontal);transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination__link:hover,html .no-underline{text-decoration:none}.pagination-nav{grid-gap:var(--ifm-spacing-horizontal);display:grid;gap:var(--ifm-spacing-horizontal);grid-template-columns:repeat(2,1fr)}.pagination-nav__link{border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-pagination-nav-border-radius);display:block;height:100%;line-height:var(--ifm-heading-line-height);padding:var(--ifm-global-spacing);transition:border-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination-nav__link:hover{border-color:var(--ifm-pagination-nav-color-hover);text-decoration:none}.pagination-nav__link--next{grid-column:2/3;text-align:right}.content_B3zk,.text-center{text-align:center}.pagination-nav__label{font-size:var(--ifm-h4-font-size);font-weight:var(--ifm-heading-font-weight);word-break:break-word}.pagination-nav__link--prev .pagination-nav__label:before{content:"« "}.pagination-nav__link--next .pagination-nav__label:after{content:" »"}.pagination-nav__sublabel{color:var(--ifm-color-content-secondary);font-size:var(--ifm-h5-font-size);font-weight:var(--ifm-font-weight-semibold);margin-bottom:.25rem}.pills__item,.tabs{font-weight:var(--ifm-font-weight-bold)}.pills{display:flex;gap:var(--ifm-pills-spacing);padding-left:0}.pills__item{border-radius:.5rem;display:inline-block;padding:.25rem 1rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pills__item--active{color:var(--ifm-pills-color-active)}.pills__item--active,.pills__item:not(.pills__item--active):hover{background:var(--ifm-pills-color-background-active)}.pills--block{justify-content:stretch}.pills--block .pills__item{flex-grow:1;text-align:center}.tabs{color:var(--ifm-tabs-color);display:flex;margin-bottom:0;overflow-x:auto;padding-left:0}.tabs__item{border-bottom:3px solid #0000;border-radius:var(--ifm-global-radius);display:inline-flex;padding:var(--ifm-tabs-padding-vertical) var(--ifm-tabs-padding-horizontal);transition:background-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.transition,.transition-colors,.transition-opacity,.transition-transform{transition-duration:.15s}.refine-details>summary .refine-details-triangle,.transition,.transition-colors,.transition-opacity,.transition-transform{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tabs__item--active{border-bottom-color:var(--ifm-tabs-color-active-border);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--ifm-tabs-color-active)}.tabs__item:hover{background-color:var(--ifm-hover-overlay)}.tabs--block{justify-content:stretch}.tabs--block .tabs__item{flex-grow:1;justify-content:center}html[data-theme=dark]{--ifm-color-scheme:dark;--ifm-color-emphasis-0:var(--ifm-color-gray-1000);--ifm-color-emphasis-100:var(--ifm-color-gray-900);--ifm-color-emphasis-200:var(--ifm-color-gray-800);--ifm-color-emphasis-300:var(--ifm-color-gray-700);--ifm-color-emphasis-400:var(--ifm-color-gray-600);--ifm-color-emphasis-600:var(--ifm-color-gray-400);--ifm-color-emphasis-700:var(--ifm-color-gray-300);--ifm-color-emphasis-800:var(--ifm-color-gray-200);--ifm-color-emphasis-900:var(--ifm-color-gray-100);--ifm-color-emphasis-1000:var(--ifm-color-gray-0);--ifm-background-color:#1b1b1d;--ifm-background-surface-color:#242526;--ifm-hover-overlay:#ffffff0d;--ifm-color-content:#e3e3e3;--ifm-color-content-secondary:#fff;--ifm-breadcrumb-separator-filter:invert(64%) sepia(11%) saturate(0%) hue-rotate(149deg) brightness(99%) contrast(95%);--ifm-code-background:#ffffff1a;--ifm-scrollbar-track-background-color:#444;--ifm-scrollbar-thumb-background-color:#686868;--ifm-scrollbar-thumb-hover-background-color:#7a7a7a;--ifm-table-stripe-background:#ffffff12;--ifm-toc-border-color:var(--ifm-color-emphasis-200);--ifm-color-primary-contrast-background:#102445;--ifm-color-primary-contrast-foreground:#ebf2fc;--ifm-color-secondary-contrast-background:#474748;--ifm-color-secondary-contrast-foreground:#fdfdfe;--ifm-color-success-contrast-background:#003100;--ifm-color-success-contrast-foreground:#e6f6e6;--ifm-color-info-contrast-background:#193c47;--ifm-color-info-contrast-foreground:#eef9fd;--ifm-color-warning-contrast-background:#4d3800;--ifm-color-warning-contrast-foreground:#fff8e6;--ifm-color-danger-contrast-background:#4b1113;--ifm-color-danger-contrast-foreground:#ffebec}#nprogress .bar{background:var(--docusaurus-progress-bar-color);height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px var(--docusaurus-progress-bar-color),0 0 5px var(--docusaurus-progress-bar-color);height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}.blog-wrapper:root,.docs-wrapper:root{--primary-font-sans:"Inter"}.scrollbar-slim{scrollbar-color:red blue;scrollbar-width:thin}.scrollbar-slim::-webkit-scrollbar{width:12px}.scrollbar-slim::-webkit-scrollbar-track{background:#14141f;border-radius:5px}.scrollbar-slim::-webkit-scrollbar-thumb{background-color:#303450;border:3px solid #14141f;border-radius:12px}.refine-prose{color:var(--tw-prose-body);max-width:100%!important;--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75;--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders);font-weight:400;max-width:none}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.refine-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.refine-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.refine-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.refine-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.refine-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.refine-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.refine-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}progress,sub,sup{vertical-align:initial}.refine-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.refine-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.refine-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.refine-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.refine-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .refine-prose) :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity));font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600;font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity));font-weight:600;font-size:1rem;line-height:1.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));font-weight:600;font-size:.875rem;line-height:2.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity));font-weight:600;font-size:.75rem;line-height:1.33rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-bottom:1.25rem;margin-top:0;font-size:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;margin-bottom:0;margin-top:0}.refine-prose :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){border-left-width:4px;border-radius:.5rem;font-style:normal;font-weight:400;padding:1rem;--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity));border-left-color:rgb(163 173 194/var(--tw-border-opacity));color:rgb(48 52 80/var(--tw-text-opacity))}.refine-prose:last-child :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:0}:is(:where([data-theme=dark]) .refine-prose) :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity));border-left-color:rgb(71 78 107/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.625rem;line-height:.75rem;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(222 229 237/var(--tw-bg-opacity));color:rgb(48 52 80/var(--tw-text-opacity));border-radius:.25rem;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:2px .375rem 3px;border-style:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):before{--tw-content:none;content:var(--tw-content)}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):after{--tw-content:none;content:var(--tw-content)}.refine-prose h1 code,.refine-prose h2 code,.refine-prose h3 code{font-size:inherit;line-height:inherit;vertical-align:bottom}.refine-prose blockquote p:after,.refine-prose blockquote p:before,.refine-prose blockquote:after,.refine-prose blockquote:before{--tw-content:none;content:var(--tw-content)}.refine-prose table :is(:where(table):not(:where([class~=not-prose],[class~=not-prose] *))){border-style:none}.refine-prose table tr{border-top:unset}.refine-prose table td,.refine-prose table th{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(222 229 237/var(--tw-border-opacity));border-width:1px;color:rgb(20 20 31/var(--tw-text-opacity));padding:.5rem;font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table td),:is(:where([data-theme=dark]) .refine-prose table th){--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity));color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose table th{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600}:is(:where([data-theme=dark]) .refine-prose table th){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose table th,.refine-prose table th code,.text-sm{font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(odd)){--tw-bg-opacity:0.3;background-color:rgb(48 52 80/var(--tw-bg-opacity))}.refine-prose table tbody tr:nth-child(odd){--tw-bg-opacity:0.1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}.bg-gray-50,.refine-prose table tbody tr:nth-child(2n),.refine-prose table thead{--tw-bg-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(2n)){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table thead){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}.refine-prose table thead tr{border-style:none}.refine-prose .table-container{margin-bottom:1rem;margin-top:2rem;max-width:100%;overflow:auto;padding-bottom:1rem}.refine-prose .table-container table{display:table;margin-bottom:0;margin-top:0;table-layout:auto}.refine-toc-item code:after,.refine-toc-item code:before{content:""}.refine-toc-item code{border-radius:.25rem;border-style:none!important;color:inherit!important;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:.125rem .25rem;vertical-align:bottom!important;font-size:12px}:is(:where([data-theme=dark]) .refine-toc-item code){--tw-bg-opacity:0.3;background-color:rgb(71 78 107/var(--tw-bg-opacity));color:inherit!important}a:has(>code){text-decoration:none!important}a:has(>code) code{--tw-text-opacity:1!important;color:rgb(0 128 255/var(--tw-text-opacity))!important;vertical-align:text-bottom!important}:is(:where([data-theme=dark]) a:has(>code) code){--tw-text-opacity:1!important;color:rgb(110 179 247/var(--tw-text-opacity))!important}p:has(>code) code{margin-left:.125rem;margin-right:.125rem;vertical-align:text-bottom!important}li a:has(>code) code{margin-left:0!important;margin-right:0!important;vertical-align:text-bottom!important}.admonition.admonition-caution code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(242 128 13/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution code){--tw-bg-opacity:15%;background-color:#ff99331a}.admonition.admonition-caution a{--tw-text-opacity:1;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution a){--tw-text-opacity:1;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-caution a code{--tw-text-opacity:1!important;color:rgb(204 102 0/var(--tw-text-opacity))!important}:is(:where([data-theme=dark]) .admonition.admonition-caution a code){--tw-text-opacity:1!important;color:rgb(255 153 51/var(--tw-text-opacity))!important}.admonition.admonition-caution li::marker{--tw-text-opacity:0.5;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution li)::marker{--tw-text-opacity:0.5;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-danger code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(255 76 77/var(--tw-bg-opacity))}.admonition.admonition-danger a{--tw-text-opacity:1;color:rgb(255 76 77/var(--tw-text-opacity))}.admonition.admonition-danger a code{--tw-text-opacity:1!important;color:rgb(255 76 77/var(--tw-text-opacity))!important}.admonition.admonition-info code{--tw-bg-opacity:15%;background-color:#0080ff1a}:is(:where([data-theme=dark]) .admonition.admonition-info code){--tw-bg-opacity:15%;background-color:#6eb3f71a}.admonition.admonition-info a,.admonition.admonition-info-tip a{--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info a){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-info li::marker{--tw-text-opacity:0.5;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info li)::marker{--tw-text-opacity:0.5;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-tip code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(31 173 102/var(--tw-bg-opacity))}.admonition.admonition-note code,.bg-\[\#5865F2\],.bg-black,.bg-blue-100,.bg-gray-0,.bg-gray-100,.bg-gray-200,.bg-gray-600,.bg-gray-900,.bg-refine-blue,.bg-tech-purple-03,.bg-violet-800,.bg-white{--tw-bg-opacity:1}.admonition.admonition-tip a{--tw-text-opacity:1;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-tip a code{--tw-text-opacity:1!important;color:rgb(31 173 102/var(--tw-text-opacity))!important}.admonition.admonition-tip li::marker{--tw-text-opacity:0.5;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-note code{--tw-bg-opacity:15%;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-additional a,.admonition.admonition-note a{--tw-text-opacity:1;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-note a code{--tw-text-opacity:1!important;color:rgb(15 189 189/var(--tw-text-opacity))!important}.admonition.admonition-note li::marker{--tw-text-opacity:0.5;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-additional code{--tw-bg-opacity:0.2;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-info-tip code{--tw-bg-opacity:0.2;background-color:rgb(0 128 255/var(--tw-bg-opacity))}.admonition pre.prism-code code,.bg-transparent{background-color:initial}.refine-details>summary+div>div{border-top-width:0;margin-top:0;padding-top:0}.p-4,.refine-details-content{padding:1rem}.refine-details>summary .refine-details-triangle{--tw-rotate:-90deg;transition-duration:.2s;transition-property:transform}.-rotate-180,.-rotate-90,.refine-details>summary .refine-details-triangle,.refine-details[open]>summary .refine-details-triangle,.rotate-0,.scale-100,.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.refine-details[open]>summary .refine-details-triangle,.rotate-0{--tw-rotate:0deg}.max-w-screen-content{max-width:480px}html[data-active-page=index],html[data-active-page=index] body{--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}@keyframes a{0%,35%,to{opacity:0}30%,5%{opacity:1}}.landing-hero-mobile-svg .auth,.landing-hero-mobile-svg .backend,.landing-hero-mobile-svg .framework,.landing-hero-mobile-svg .platform{animation:24s infinite a;opacity:0;will-change:opacity}.landing-hero-mobile-svg .nextjs{animation-delay:0s}.landing-hero-mobile-svg .vite{animation-delay:8s}.landing-hero-mobile-svg .remix{animation-delay:16s}.landing-hero-mobile-svg .mui{animation-delay:-3s}.landing-hero-mobile-svg .antd{animation-delay:5s}.landing-hero-mobile-svg .chakra{animation-delay:13s}.landing-hero-mobile-svg .supabase{animation-delay:-6s}.landing-hero-mobile-svg .nest{animation-delay:2s}.landing-hero-mobile-svg .appwrite{animation-delay:10s}.landing-hero-mobile-svg .google{animation-delay:-9s}.landing-hero-mobile-svg .auth0{animation-delay:-1s}.landing-hero-mobile-svg .strapi{animation-delay:7s}.animation-parent{backface-visibility:hidden;perspective:1000;transform:translateZ(0)}#__docusaurus-base-url-issue-banner-container,.hidden,.sp-icon-standalone[title="Open in CodeSandbox"] svg+span,.sp-preview .sp-custom-loading,.sp-preview .sp-loading,.themedComponent_FXRw,[data-theme=dark] .lightToggleIcon__wwy,[data-theme=light] .darkToggleIcon_iyjK,[hidden],html[data-announcement-bar-initially-dismissed=true] .announcementBar_hbYq{display:none}.sp-preview .sp-loading+.sp-custom-loading{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:calc(var(--sp-zIndices-top) + 1)}button.sp-button.sp-icon-standalone[title="Open in CodeSandbox"]:has(svg+span){padding-left:0;padding-right:4px;width:26px}.admonition-simple .admonition-content :last-child,.admonitionContent_YstZ>:last-child,.collapsibleContent_uFAl p:last-child,.details_GXzP>summary>p:last-child,.mb-0,.refine-tab-content>:last-child{margin-bottom:0}.admonition-simple ul{list-style-position:outside;list-style-type:"-   ";margin:0;padding-left:24px}.admonition-simple *{font-size:.875rem;line-height:1rem}.admonition-simple .admonition-content ul li::marker{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition-simple .admonition-content ul li)::marker{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}h4>del:has(code:only-child){text-decoration-line:none}html h4>del:has(code:only-child){text-decoration:none}h4>del:has(code:only-child) code{text-decoration-line:line-through}.font-\[500\],.font-medium,.sp-tab-button[data-active=true]{font-weight:500}*,:after,:before{border:0 solid #dee5ed}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{display:block;margin-bottom:var(--ifm-spacing-vertical);overflow:auto;border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}.admonitionHeading_wuvZ code,button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}menu,ol,ul{margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a3adc2;opacity:1}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container,.w-full{width:100%}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible,.swiper-slide-invisible-blank{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.right-\[24px\]{right:24px}.top-0{top:0}.top-2{top:.5rem}.top-32{top:8rem}.top-\[24px\]{top:24px}.top-\[67px\]{top:67px}.z-50{z-index:50}.z-\[100\],.z-modal{z-index:100}.z-\[1\]{z-index:1}.z-\[55\]{z-index:55}.m-1{margin:.25rem}.m-6{margin:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[40px\]{margin-bottom:40px}.ml-\[5px\]{margin-left:5px}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.table{display:table}.grid{display:grid}.h-0{height:0}.h-0\.5{height:.125rem}.h-12{height:3rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[120px\]{height:120px}.h-\[12px\]{height:12px}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[40px\]{height:40px}.h-\[4px\]{height:4px}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-\[calc\(100vh-67px\)\]{height:calc(100vh - 67px)}.h-auto,.img_CfaS,.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.h-screen{height:100vh}.max-h-\[180px\]{max-height:180px}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[10px\]{width:10px}.w-\[12px\]{width:12px}.w-\[142px\]{width:142px}.w-\[193px\]{width:193px}.w-\[24px\]{width:24px}.w-\[264px\]{width:264px}.w-\[280px\]{width:280px}.w-\[343px\]{width:343px}.w-\[40px\]{width:40px}.w-\[42\.5px\]{width:42.5px}.w-\[45px\]{width:45px}.w-\[4px\]{width:4px}.w-\[51px\]{width:51px}.w-auto{width:auto}.w-max{width:max-content}.min-w-0{min-width:0}.max-w-\[1600px\]{max-width:1600px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-\[512px\]{max-width:512px}.max-w-\[576px\]{max-width:576px}.max-w-md{max-width:28rem}.max-w-screen-blog-max{max-width:1408px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-rotate-180{--tw-rotate:-180deg}.-rotate-90{--tw-rotate:-90deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.footerContentContainer_DQf_,.itemsContainer_OUc9,.logoContainerStyle_PeVm,.templateItemContainer_lyZ8{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col,.swiper-vertical>.swiper-wrapper{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[16px\]{gap:16px}.gap-\[24px\]{gap:24px}.gap-\[40px\]{gap:40px}.gap-\[4px\]{gap:4px}.gap-\[60px\]{gap:60px}.gap-\[8px\]{gap:8px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border,.border-\[1px\]{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-gray-02{border-color:#1f1f1f}.border-gray-100{--tw-border-opacity:1;border-color:rgb(237 242 247/var(--tw-border-opacity))}.border-white-01{border-color:#fff}.border-l-gray-100{--tw-border-opacity:1;border-left-color:rgb(237 242 247/var(--tw-border-opacity))}.border-t-gray-200{--tw-border-opacity:1;border-top-color:rgb(222 229 237/var(--tw-border-opacity))}.bg-\[\#000000bf\]{background-color:#000000bf}.bg-\[\#5865F2\]{background-color:rgb(88 101 242/var(--tw-bg-opacity))}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.75\)\]{background-color:#ffffffbf}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/\[0\.64\]{background-color:#000000a3}.bg-blue-100{background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-gray-0,.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-01{background-color:#000}.bg-gray-02{background-color:#1f1f1f}.bg-gray-100{background-color:rgb(237 242 247/var(--tw-bg-opacity))}.bg-gray-200{background-color:rgb(222 229 237/var(--tw-bg-opacity))}.bg-gray-600{background-color:rgb(71 78 107/var(--tw-bg-opacity))}.bg-gray-900{background-color:rgb(20 20 31/var(--tw-bg-opacity))}.bg-gray-900\/20{background-color:#14141f33}.bg-gray-900\/70{background-color:#14141fb3}.bg-refine-blue{background-color:rgb(0 128 255/var(--tw-bg-opacity))}.bg-tech-purple-03{background-color:rgb(101 74 236/var(--tw-bg-opacity))}.bg-violet-800{background-color:rgb(91 33 182/var(--tw-bg-opacity))}.bg-white-01{background-color:#fff}.bg-white-09,.hover\:bg-white-09:hover{background-color:#ffffff19}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:.5rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[24px\]{padding-left:24px;padding-right:24px}.px-\[4px\]{padding-left:4px;padding-right:4px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-\[22px\]{padding-bottom:22px;padding-top:22px}.pb-10{padding-bottom:2.5rem}.pb-6{padding-bottom:1.5rem}.pb-\[100px\]{padding-bottom:100px}.pb-\[60px\]{padding-bottom:60px}.pl-1{padding-left:.25rem}.pl-11{padding-left:2.75rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-7{padding-left:1.75rem}.pl-\[32px\]{padding-left:32px}.pr-3{padding-right:.75rem}.pt-6{padding-top:1.5rem}.pt-\[4px\]{padding-top:4px}.align-middle{vertical-align:middle}.font-\[\'Inter\'\]{font-family:Inter}.font-sans{font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.textTitleNumStyle_TEnk,.textTitleNumStyle_h7vB{font-family:Eurostile Becker,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-3xl{font-size:1.875rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.font-\[400\],.font-normal{font-weight:400}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.5\]{line-height:1.5}.leading-\[17px\]{line-height:17px}.leading-\[22px\]{line-height:22px}.leading-\[28px\]{line-height:28px}.\!text-white-04{color:#ffffff80!important}.hover\:text-\[\#0b0c0f\]:hover,.text-\[\#0B0C0F\],.text-\[\#0b0c0f\]{--tw-text-opacity:1;color:rgb(11 12 15/var(--tw-text-opacity))}.text-\[\#1D2129\]{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity))}.text-gray-0,.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-gray-02:hover,.text-gray-02{color:#1f1f1f}.hover\:text-gray-03:hover,.text-gray-03{color:#5c5c5c}.text-gray-100{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}.hover\:text-gray-600:hover,.text-gray-600{--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}.hover\:text-gray-800:hover,.text-gray-800{--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-tech-purple-01{--tw-text-opacity:1;color:rgb(38 24 156/var(--tw-text-opacity))}.text-transparent{color:#0000}.hover\:text-white-01:hover,.text-white-01{color:#fff}.text-white-02{color:#ffffffe6}.hover\:text-white-03:hover,.text-white-03{color:#ffffffc0}.hover\:text-white-04:hover,.text-white-04{color:#ffffff80}.text-opacity-90{--tw-text-opacity:0.9}.faqListAnswer_uzUc a,.underline{text-decoration-line:underline}.baseLinkButtonStyle_PuMK:hover,.basePanelItemContainerStyle_IaDP:hover,.commBottomBtn_pFSF:hover,.hover\:no-underline:hover,.menuItemStyle_SQLa,.menuItemStyle_SQLa:active,.menuItemStyle_SQLa:hover,.menuItemStyle_a3Ir:hover,.no-underline,.operateItemStyle_quc4:hover,.panelItemStyle_VUhY:hover{text-decoration-line:none}.opacity-0{opacity:0}.footerLogoLink_K6r0:hover,.hash-link:focus,.opacity-100,.solutionSelectImageStyle_GSp1,:hover>.hash-link{opacity:1}.backdrop-blur-\[50px\]{--tw-backdrop-blur:blur(50px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.transition-opacity{transition-property:opacity}.transition-transform{transition-property:transform}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:bg-grayBlue-09:hover,.lightPanelItemContainerStyle_OZnY:hover{background-color:#f2f3f5}.hover\:brightness-90:hover{--tw-brightness:brightness(.9)}.basePopoverPanelStyle_y9hq:focus,.focus\:outline-none:focus,.popoverPanelStyle_GNCw:focus{outline:#0000 solid 2px;outline-offset:2px}:is(:where([data-theme=dark]) .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-l-gray-700){--tw-border-opacity:1;border-left-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-t-gray-700){--tw-border-opacity:1;border-top-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-500){--tw-bg-opacity:1;background-color:rgb(108 119 147/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgb(71 78 107/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-0){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-200){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-white-01){color:#fff}:is(:where([data-theme=dark]) .dark\:text-white-04){color:#ffffff80}:is(:where([data-theme=dark]) .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:hover\:text-white-01:hover){color:#fff}:is(:where([data-theme=dark]) .hover\:dark\:text-white-01):hover{color:#fff}[data-theme=dark]{--ifm-color-primary:#9580ff;--ifm-color-primary-dark:#755aff;--ifm-color-primary-darker:#6547ff;--ifm-color-primary-darkest:#350dff;--ifm-color-primary-light:#b5a6ff;--ifm-color-primary-lighter:#c5b9ff;--ifm-color-primary-lightest:#f5f3ff;--ifm-background-color:#0a0a0a;--docusaurus-highlighted-code-line-bg:#0000004d}@font-face{font-family:Eurostile Becker;src:url("/illa-website/ja/assets/fonts/Eurostile Becker Heavy Regular-99fb2b764178f7417346a5e3e15d5947.ttf") format("truetype")}body:not(.navigation-with-keyboard) :not(input):focus{outline:0}.skipToContent_YRel{background-color:var(--ifm-background-surface-color);color:var(--ifm-color-emphasis-900);left:100%;padding:calc(var(--ifm-global-spacing)/2) var(--ifm-global-spacing);position:fixed;top:1rem;z-index:calc(var(--ifm-z-index-fixed) + 1)}.skipToContent_YRel:focus{box-shadow:var(--ifm-global-shadow-md);left:1rem}.closeButton_r_Ma{line-height:0;padding:0}.content_B3zk{font-size:85%;padding:5px 0}.content_B3zk a{color:inherit;text-decoration:underline}.announcementBar_hbYq{align-items:center;background-color:var(--ifm-color-white);border-bottom:1px solid var(--ifm-color-emphasis-100);color:var(--ifm-color-black);display:flex;height:var(--docusaurus-announcement-bar-height)}.announcementBarPlaceholder_nNiq{flex:0 0 10px}.announcementBarClose_S8lM{align-self:stretch;flex:0 0 30px}.toggle_Io7t{height:2rem;width:2rem}.toggleButton_C0po{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;transition:background var(--ifm-transition-fast);width:100%}.toggleButton_C0po:hover{background:var(--ifm-color-emphasis-200)}.toggleButtonDisabled_IHuh{cursor:not-allowed}.darkNavbarColorModeToggle_jx_9:hover{background:var(--ifm-color-gray-800)}[data-theme=dark] .themedComponent--dark_gZs3,[data-theme=light] .themedComponent--light_RIle,html:not([data-theme]) .themedComponent--light_RIle{display:initial}.iconExternalLink_ocOZ{margin-left:.3rem}.dropdownNavbarItemMobile_JUhd:after{margin-left:8px}.iconLanguage_DSK9{display:inline-block;margin-right:5px;vertical-align:text-bottom}@supports selector(:has(*)){.navbarSearchContainer_Pu8E:not(:has(>*)){display:none}}.navbarHideable_QJhM{transition:transform var(--ifm-transition-fast) ease}.navbarHidden_JLKf{transform:translate3d(0,calc(-100% - 2px),0)}.errorBoundaryError_t44J{color:red;white-space:pre-wrap}.errorBoundaryFallback_HTeJ{color:red;padding:.55rem}.footerLogoLink_K6r0{opacity:.5;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.anchorWithStickyNavbar_dXVO{scroll-margin-top:calc(var(--ifm-navbar-height) + .5rem)}.anchorWithHideOnScrollNavbar_ZIVZ{scroll-margin-top:.5rem}.hash-link{opacity:0;padding-left:.5rem;transition:opacity var(--ifm-transition-fast);-webkit-user-select:none;user-select:none}.hash-link:before{content:"#"}.mainWrapper_Xc8_{display:flex;flex:1 0 auto;flex-direction:column}.docusaurus-mt-lg{margin-top:3rem}#__docusaurus{display:flex;flex-direction:column}.menuItemContainerStyle_JXsu,.priceListTitleContainerStyle_MEs5{align-items:center;display:flex;gap:8px}.popoverContainerStyle_ZIFy{display:inline-block;font-weight:500;padding:12px 16px;position:relative;text-align:left}.basePopoverPanelStyle_y9hq,.popoverPanelStyle_GNCw{margin-top:8px;position:absolute;transform-origin:top right;left:0}.popoverItemStyle_wfx7{align-items:center;display:flex;font-size:14px;gap:8px}.popoverPanelStyle_GNCw{--tw-shadow:0px 2px 16px 0px #00000029;--tw-shadow-colored:0px 2px 16px 0px var(--tw-shadow-color);border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:4px;padding-top:4px;right:0}.menuItemStyle_a3Ir{font-size:14px;font-weight:500;padding:12px 16px}.panelItemContainerStyle_xEK2{align-items:center;display:flex;justify-content:center;width:100%}.panelItemStyle_VUhY{font-size:14px;font-weight:500;line-height:40px}.operateItemStyle_quc4{align-items:center;border-radius:20px;display:flex;font-weight:500;gap:8px;justify-content:center;padding:8px 24px}.operateItemStyleBg_neML{border-color:#0000;border-width:1px;color:#fff;background:linear-gradient(90deg,#9734e4,#712eff)}.darkColorStyle_MxJT:hover,.operateItemStyleBg_neML:hover{color:#fff}.popoverItemStyle_WmOV{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left}.basePopoverPanelStyle_y9hq{border-radius:16px;border-width:1px;display:flex;flex-direction:column;gap:24px;padding:24px 16px;width:340px}.darkPopoverPanelStyle_sycJ{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(27 28 29/var(--tw-bg-opacity));border-color:rgb(46 46 48/var(--tw-border-opacity))}.lightPopoverPanelStyle_aRwx{background-color:#fff;border-color:#f2f3f5;box-shadow:0 2px 4px 0 #00000014}.subTitleStyle_GZ4H{font-size:16px;font-weight:700;line-height:24px;padding-left:16px;padding-right:16px;text-align:start}.basePanelItemContainerStyle_IaDP{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:12px 16px;width:100%}.darkPanelItemContainerStyle_JqRZ:hover{background-color:#ffffff0a}.panelItemStyle_w8TD{font-size:14px;font-weight:500;line-height:22px}.footerBottom_L4UB,.footerItem_GsU2,.panelItemDescStyle_zY1Y{font-size:12px;font-weight:400;line-height:16px}.menuItemStyle_SQLa{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;height:40px;width:100%;font-size:16px;font-weight:500}.footerContainer_lS9F{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:100px 20px 20px;width:100%}.footerContentContainer_DQf_{display:grid;justify-content:space-between;row-gap:40px;width:100%}.space_IcLX{background-color:#ffffff1a;height:1px;width:100%}.footerBottom_L4UB{align-items:center;color:#fff;display:flex;flex-direction:column;gap:24px;justify-content:space-between;width:100%}.localSelectContainer_aJ7M .dropdown__menu{bottom:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);top:unset}.lpHeader_rubd{align-items:flex-start;flex-wrap:wrap;gap:40px;justify-content:space-between;padding-top:30px}.lpHeaderLeft_Zvbf,.lpHeader_rubd,.premiumCardContainer_ArgU,.premiumHeaderStyle_yb36{display:flex;flex-direction:column}.lpHeaderLeft_Zvbf{align-items:center;gap:24px;text-align:center}.back_vGuo{--tw-text-opacity:1;align-items:center;color:rgb(101 74 236/var(--tw-text-opacity));cursor:pointer;display:none;flex-direction:row;font-size:18px;font-weight:600;gap:12px;line-height:32px;padding-bottom:12px;padding-top:12px}.headerGo_RttL,.itemImage_FU2S{align-items:center;--tw-bg-opacity:1}.headerTitle_URD5{font-size:40px;font-weight:700;line-height:48px}.headerDesc_zhHJ{font-weight:400;font-weight:16px;line-height:24px}.headerGo_RttL{background-color:rgb(101 74 236/var(--tw-bg-opacity));white-space:nowrap;border-radius:4px;color:#fff;display:flex;font-size:16px;font-weight:400;height:44px;justify-content:center;line-height:20px;padding:12px 16px}.headerGo_RttL:hover{--tw-bg-opacity:1;background-color:rgb(131 104 240/var(--tw-bg-opacity))}.headerGo_RttL:active{--tw-bg-opacity:1;background-color:rgb(66 46 196/var(--tw-bg-opacity))}.lpContainer_Zbon,.lpContainer_yWoG{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity));margin-left:auto;margin-right:auto;max-width:1200px;padding-left:20px;padding-right:20px;width:100%}.tag_oKb5{display:inline-block;margin:.5rem .5rem 0 1rem}.contentTitle_b3GB{font-size:20px;font-weight:600;line-height:28px;margin-top:60px}.itemsContainer_OUc9{display:grid;gap:12px}.item_AuQF{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:16px}.itemBg_GUYW{background:linear-gradient(180deg,#dde1e833,#dde1e800)}.itemImage_FU2S{background-color:rgb(240 232 255/var(--tw-bg-opacity));border-radius:13px;display:flex;height:120px;justify-content:center;width:120px}.itemNameCommon_o16n{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.commBottomDesc_DyZe,.itemDescription_LA9o{-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}.itemNameIntegrations_ZIud{line-height:20px}.itemNameComponents_JcBj{line-height:24px}.itemDescription_LA9o{display:-webkit-box;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.contentContainer_c9t8{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow-x:hidden;padding-top:40px;z-index:31}.contentContainer_c9t8,.content_jfit{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.content_jfit{color:#fff;gap:100px;padding-left:20px;padding-right:20px}.commBottomContainerStyle_CDHK{align-items:center;color:#fff;display:flex;margin-top:100px;width:100%}.allContentContainer_nVOG{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;text-align:center;width:100%}.allContentTitle_K0Y2{font-size:20px;font-weight:700;line-height:24px;text-align:center}.cardContainerStyle_Kvlw,.cardContentContainerStyle_kX6c{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.headerContainerStyle_RgD_{align-items:center;display:flex;flex-direction:column;gap:16px}.textTitleStye_mJAH{color:#fff;font-size:20px;font-weight:700}.textTitleNumStyle_TEnk{font-size:24px;font-weight:400}.textDescStyle_NFkj{font-size:12px;font-weight:400;line-height:16px;max-width:100%;text-align:center}.imgStyle_GNQD{border-radius:8px;height:auto;width:100%}.cardContentItemNormalStyle_f4ow,.cardContentItemReverseStyle_DHTD{flex-direction:column-reverse}.cardIContentItemContainerStyle_rPYn{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:flex-start;background-color:rgb(18 18 18/var(--tw-bg-opacity));border-color:rgb(42 42 42/var(--tw-border-opacity));border-radius:8px;border-width:1px;display:flex;flex-wrap:nowrap;gap:20px;padding:16px}.textContainerStyle_toav{align-items:flex-start;display:flex;flex-direction:column;gap:16px;width:100%}.textTitleStye_u6Ys{color:#fff;font-size:18px;font-weight:700;line-height:22px}.textTitleNumStyle_h7vB{font-size:20px;font-weight:400}.textDescStyle_vwoY{color:#ffffffe6;font-size:12px;font-weight:400;line-height:16px}.swipeMore_QWDA{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;gap:8px;grid-column:1;grid-row:3;height:auto;line-height:17px}.builderListTitleStyle_ul1g,.swipeMore_QWDA,.swipeMore_QWDA:hover{--tw-text-opacity:1;color:rgb(101 74 236/var(--tw-text-opacity))}.buttonGroup_uxJT button,.codeBlockContainer_USIv{background:var(--prism-background-color);color:var(--prism-color)}.codeBlockContainer_USIv{border-radius:var(--ifm-code-border-radius);box-shadow:var(--ifm-global-shadow-lw);margin-bottom:var(--ifm-leading)}.codeBlockContent_PMfr{border-radius:inherit;direction:ltr;position:relative}.codeBlockTitle_jXLV{border-bottom:1px solid var(--ifm-color-emphasis-300);border-top-left-radius:inherit;border-top-right-radius:inherit;font-size:var(--ifm-code-font-size);font-weight:500;padding:.75rem var(--ifm-pre-padding)}.codeBlock_IHkF{--ifm-pre-background:var(--prism-background-color);margin:0;padding:0}.codeBlockTitle_jXLV+.codeBlockContent_PMfr .codeBlock_IHkF{border-top-left-radius:0;border-top-right-radius:0}.codeBlockLines_THA1{float:left;font:inherit;min-width:100%;padding:var(--ifm-pre-padding)}.codeBlockLinesWithNumbering_tjAB{display:table;padding:var(--ifm-pre-padding) 0}.buttonGroup_uxJT{column-gap:.2rem;display:flex;position:absolute;right:calc(var(--ifm-pre-padding)/2);top:calc(var(--ifm-pre-padding)/2)}.buttonGroup_uxJT button{align-items:center;border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-global-radius);display:flex;line-height:0;opacity:0;padding:.4rem;transition:opacity var(--ifm-transition-fast) ease-in-out}.buttonGroup_uxJT button:focus-visible,.buttonGroup_uxJT button:hover{opacity:1!important}.theme-code-block:hover .buttonGroup_uxJT button{opacity:.4}:where(:root){--docusaurus-highlighted-code-line-bg:#484d5b}:where([data-theme=dark]){--docusaurus-highlighted-code-line-bg:#646464}.theme-code-block-highlighted-line{background-color:var(--docusaurus-highlighted-code-line-bg);display:block;margin:0 calc(var(--ifm-pre-padding)*-1);padding:0 var(--ifm-pre-padding)}.codeLine_VZlW{counter-increment:a;display:table-row}.codeLineNumber_UV2B{background:var(--ifm-pre-background);display:table-cell;left:0;overflow-wrap:normal;padding:0 var(--ifm-pre-padding);position:sticky;text-align:right;width:1%}.codeLineNumber_UV2B:before{content:counter(a);opacity:.4}.codeLineContent_gotU{padding-right:var(--ifm-pre-padding)}.theme-code-block:hover .copyButtonCopied_TPRR{opacity:1!important}.copyButtonIcons_LZ6a{height:1.125rem;position:relative;width:1.125rem}.copyButtonIcon_H1v1,.copyButtonSuccessIcon_J5e4{fill:currentColor;height:inherit;left:0;opacity:inherit;position:absolute;top:0;transition:all var(--ifm-transition-fast) ease;width:inherit}.copyButtonSuccessIcon_J5e4{color:#00d600;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(.33)}.copyButtonCopied_TPRR .copyButtonIcon_H1v1{opacity:0;transform:scale(.33)}.copyButtonCopied_TPRR .copyButtonSuccessIcon_J5e4{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:75ms}.wordWrapButtonIcon_dUFy{height:1.2rem;width:1.2rem}.details_GXzP{--docusaurus-details-summary-arrow-size:0.38rem;--docusaurus-details-transition:transform 200ms ease;--docusaurus-details-decoration-color:grey}.details_GXzP>summary{cursor:pointer;padding-left:1rem;position:relative}.details_GXzP>summary::-webkit-details-marker{display:none}.details_GXzP>summary:before{border-color:#0000 #0000 #0000 var(--docusaurus-details-decoration-color);border-style:solid;border-width:var(--docusaurus-details-summary-arrow-size);content:"";left:0;position:absolute;top:.45rem;transform:rotate(0);transform-origin:calc(var(--docusaurus-details-summary-arrow-size)/2) 50%;transition:var(--docusaurus-details-transition)}.collapsibleContent_uFAl{border-top:1px solid var(--docusaurus-details-decoration-color);margin-top:1rem;padding-top:1rem}.details_B91m{--docusaurus-details-decoration-color:var(--ifm-alert-border-color);--docusaurus-details-transition:transform var(--ifm-transition-fast) ease;border:1px solid var(--ifm-alert-border-color);margin:0 0 var(--ifm-spacing-vertical)}:not(.containsTaskList_aqzd>li)>.containsTaskList_aqzd{padding-left:0}.admonition_Ztdk{margin-bottom:1em}.admonitionHeading_wuvZ{font:var(--ifm-heading-font-weight) var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);text-transform:uppercase}.admonitionHeading_wuvZ:not(:last-child){margin-bottom:.3rem}.admonitionIcon_bKMe{display:inline-block;margin-right:.4em;vertical-align:middle}.admonitionIcon_bKMe svg{fill:var(--ifm-alert-foreground-color);display:inline-block;height:1.6em;width:1.6em}.commBottomContainer_rcOJ{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 20px 40px;position:relative}.commBottomBtnBg_ws3H,.commBottomContainer_rcOJ{border-bottom-left-radius:20px;border-bottom-right-radius:20px;width:100%}.commBottomBtnBg_ws3H{bottom:0;position:absolute;z-index:-1}.bottomBg_zy8j{background:linear-gradient(180deg,#654aec00,#654aec80)}.whiteBottomBg_HW9h{background:linear-gradient(180deg,#516ab500,#516ab514)}.commBottomTitle_zpUk{color:#fff;font-size:20px;font-weight:700;line-height:24px;text-align:center}.bottomTitle__Qxb{background:linear-gradient(90deg,#ffffff80,#fff 50%,#ffffff80);-webkit-background-clip:text;background-clip:text}.bottomTitle__Qxb,.whiteBottomTitle_r_oZ{-webkit-text-fill-color:#0000;color:#0000}.learnMore_Lb_l,.templateHeaderLabel_W4fj{color:rgb(101 74 236/var(--tw-text-opacity));--tw-text-opacity:1}.whiteBottomTitle_r_oZ{background:linear-gradient(90deg,#0b0c0f80,#0b0c0f 50%,#0b0c0f80);-webkit-background-clip:text;background-clip:text}.commBottomDesc_DyZe{display:-webkit-box;font-size:14px;font-weight:400;line-height:22px;overflow:hidden;text-align:center;width:100%}.commBottomBtn_pFSF{align-items:center;border-radius:24px;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;gap:10px;justify-content:center;line-height:28px;padding:10px 32px;width:100%}.commBottomBtn_pFSF svg{width:16px}.templateContainer_VElw{gap:20px;padding-bottom:30px}.templateContainer_VElw,.templateHeader_AQwG{display:flex;flex-direction:column;margin-top:30px}.templateHeader_AQwG{align-items:flex-start;gap:16px}.templateItemContainer_lyZ8{display:grid;gap:16px}.templateItem_Ji0p{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center}.templateHeaderLabel_W4fj{font-size:14px;font-weight:600;line-height:32px}.templateHeaderTitle_yMrU{font-size:20px;font-weight:700;line-height:28px}.templateHeaderDesc_XN3P{font-size:14px;font-weight:400;line-height:17px}.templateItemName_yjoV{-webkit-line-clamp:1;font-size:16px;font-weight:600;line-height:24px}.templateItemDesc_NKfB,.templateItemName_yjoV{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.templateItemDesc_NKfB{-webkit-line-clamp:4;font-size:12px;font-weight:400;line-height:16px}.learnMore_Lb_l{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:16px;text-decoration-line:underline}.operatingStyle_cGmQ,.wallContainerStyle_Ny01{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.logoTitleStyle_hhN_{color:#fff;font-size:12px;font-weight:500;line-height:1.5;text-align:center;width:100%}.logoContainerStyle_PeVm{column-gap:12px;display:grid;row-gap:24px;width:100%}.logoStyle_ixBp{height:28px;width:auto}.commentsContainerStyle_ctEM{align-items:center;display:flex;flex-direction:column;gap:24px}.commentsTitleStyle_iQ9i{font-size:20px;font-weight:700;line-height:28px;text-align:center}.commentsItemsContainerStyle_Zw4J{column-count:2;gap:8px;width:100%}.borderStyle_jCx_{background:linear-gradient(0deg,#000,#242424);border-radius:8px;break-inside:avoid;padding:1px;width:100%}.commentsItemStyle_rd1k{--tw-bg-opacity:1;background-color:rgb(20 20 20/var(--tw-bg-opacity));border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:24px}.commentContentStyle_NzjM{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.contentTextStyle_PpXf{color:#ffffffc0;font-size:12px;font-weight:500;line-height:16px}.reverseQuoteStyle_waKq{align-self:flex-end;transform:rotate(180deg)}.userInfoContainerStyle_WdED img{border-radius:50%;flex:none;height:20px;width:20px}.commentUserNameStyle_D4y3{color:#fff;font-size:12px;font-weight:500;line-height:20px}.commentUserCompanyStyle_zWSD{color:#ffffffc0;font-size:10px;font-weight:400;line-height:16px}.mobileGap_cpxI:after{content:"";display:block;padding-bottom:8px}.faqContainer_vbEd{align-items:center;display:flex;flex-direction:column;gap:24px;width:100%}.faqTitle_s89i{font-size:24px;font-weight:700;line-height:28px}.faqListContainer_XW42{align-items:flex-start;display:flex;flex-direction:column;width:100%}.faqListQuestion_Y7ri{border-radius:8px 8px 2px 2px;cursor:pointer;flex-direction:row;font-size:14px;font-weight:500;gap:16px;justify-content:space-between;line-height:22px;padding:4px 24px}.faqListAnswer_uzUc,.faqListQuestion_Y7ri{align-items:center;display:flex;text-align:start;width:100%}.faqListAnswer_uzUc{background-color:#ffffff14;border-radius:2px 2px 8px 8px;font-size:12px;font-weight:400;line-height:16px;padding-bottom:12px;padding-left:24px;padding-right:24px;white-space:pre-line}.direction_IrxQ{height:12px;width:12px}.publicize_vEiD{--tw-text-opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;display:none;font-size:14px;font-weight:400;height:40px;line-height:22px;margin-left:auto;margin-right:auto;min-width:400px;overflow:hidden;padding-left:25px;padding-right:25px;position:relative}.publicizeStyle_C7Y6{align-items:center;background:linear-gradient(90deg,#ea984c,#5c9ac6 45.31%,#687100 91.49%);display:flex;filter:blur(23px);flex-direction:row;height:124px;justify-content:space-between;left:50%;object-fit:none;object-position:center;opacity:.16;position:absolute;top:50%;transform:translate(-50%,-50%);width:402px;z-index:0}.publicIntru_nEWo{align-items:center;display:flex;gap:11px}.bannerContainerStyle__SXx{align-items:center;color:#fff;display:none;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;padding-left:20px;padding-right:20px}.canvasContainerStyle_h8pN{overflow:hidden;position:absolute;width:100%;z-index:-1}.bgStyle_xQ96{height:382px;object-fit:none;object-position:top;position:absolute;top:0;width:100%;z-index:0}.bannerContentContainer_RLp6{gap:186px;padding-top:24px}.bannerContentContainer_RLp6,.bannerTextContainerStyle_O5rS{align-items:center;display:flex;flex-direction:column;justify-content:center}.bannerTextContainerStyle_O5rS{gap:24px;position:relative;width:100%;z-index:2}.sloganStyle_zysD{font-size:56px;font-weight:800;line-height:88px;text-align:center}.descStyle_U78g{font-size:14px;font-weight:400;line-height:22px;padding-left:20px;padding-right:20px;text-align:center;width:100%}.buttonContainerStyle_UkM3,.buttonContainerStyle_ulq9{align-content:space-between;align-items:center;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:24px;line-height:28px}.bannerImageStyle_bakd,.bannerImageStyle_ppqY{align-items:center;display:flex;justify-content:center;padding-top:64px;width:100%}.colorDescAgentStyle_LHLV,.colorDescAgentStyle_x5xU{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff33ba .77%,#ffb7e7 100.77%);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescAppStyle_An_L,.colorDescAppStyle_qG8r{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1effff,#c9ffff);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescFlowStyle_VvqE,.colorDescFlowStyle_y9g7{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8d33ff,#d1adff);background-clip:text;-webkit-background-clip:text;font-weight:600}.solutionContainerStyle_QwBc{display:flex;flex-direction:column;gap:32px;margin-top:62px}.tabsContainerStyle_DETz{--tw-bg-opacity:1;--tw-backdrop-blur:blur(13px);align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgb(22 22 27/var(--tw-bg-opacity));border-color:#ffffff14;border-radius:36px;border-width:1px;display:flex;gap:2px;padding:2px;width:100%}.tabsItemStyle_TXig{align-items:center;border-radius:36px;color:#ffffff80;cursor:pointer;display:flex;flex:1 1 0%;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:20px;padding:14px 24px;position:relative;text-align:center;width:100%}.selectedTabStyle_CyW0{color:#fff;font-weight:600}.splitterItemStyle_gYQ6{background:linear-gradient(0deg,#0003,#0003),linear-gradient(180deg,#3f3849,#262a31);border-radius:34px;height:100%;position:absolute;top:0;width:100%;z-index:0}.solutionImageContainerStyle_LgpU{border-radius:12px;display:flex;flex-direction:row;overflow:hidden;position:relative;width:100%}.contentContainer_kErA svg,.solutionImageContainerStyle_LgpU svg{height:auto;width:100%}.solutionBaseBgStyle_nGRR{flex:none;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.solutionSelectBgStyle_Xioy{opacity:1;position:relative}.solutionUnSelectBgStyle_RZeW{opacity:0;position:absolute;z-index:-1}.solutionBaseImageStyle_APzO{border-radius:8px;bottom:0;box-shadow:0 4px 24px 0 #0000002e;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s;z-index:1}.linkButtonStyle_b1Kn{bottom:40px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.pricingMask_W_17{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow:hidden;position:absolute;width:100%;z-index:1}.pricingContainer_Iia_{position:relative;width:100%;z-index:1}.pricingMaskLeft_XgjA{filter:blur(238.125px);left:-525px;opacity:.5;top:-40px;width:1155px}.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj{--tw-bg-opacity:1;background-color:rgb(101 74 236/var(--tw-bg-opacity));display:none;height:453px;position:absolute}.pricingMaskRight_mQEj{filter:blur(238.125px);left:1004px;opacity:.3;top:109px;width:824px}.pricingMaskPhone_eCBF{background:radial-gradient(37% 76.28% at 48.58% 50.06%,#654aec 0,#654aec00 100%);display:block;filter:blur(50px);height:415.69px;left:-204px;opacity:.3;position:absolute;top:46.5px;transform:rotate(2.6deg);width:630px;z-index:-1}.pricingContent_kMON{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin:0 auto;padding-left:20px;padding-right:20px;width:100%}.pricingContentTitleExtra_U6Tm{background:linear-gradient(90deg,#fff0,#ffffff1a 50.38%,#fff0);border-radius:20px;color:#fff;display:block;font-size:14px;font-weight:500;line-height:26px;padding:3px 56px;text-align:center;width:-moz-fit-content;width:fit-content}.pricingContentTitle_tw94{font-size:40px;font-weight:700;justify-self:center;line-height:48px;padding-left:24px;padding-right:24px;text-align:center;width:100%}.cardContainerStyle_frTi{background:radial-gradient(98.85% 129.62% at 6.76% 2.06%,#bac1ff08 0,#dcdfff00 100%),#ffffff0f;border-color:#ffffff19;border-radius:8px;border-width:1px;display:flex;gap:20px;margin-top:8px;padding:24px;width:100%}.premiumCardContainer_ArgU{align-items:flex-start;gap:12px;width:100%}.premiumTitleStyle_pemo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9037ff,#f524ff);background-clip:text;-webkit-background-clip:text;font-size:20px;font-weight:700;line-height:30px}.premiumDescStyle_R6dg{color:#ffffffc0;display:block;font-size:12px;font-weight:400;line-height:15px}.premiumCardContainerStyle_zMC3{bottom:12px;display:flex;flex-direction:column;gap:12px;width:100%}.cardBaseStyle_lN8t{border-radius:8px;height:100%;overflow:hidden;padding:24px;position:relative;width:100%;z-index:1}.priceCardStyle_vDMh{background:linear-gradient(180deg,#ffffff0f,#fff0);display:flex;flex-direction:column;gap:12px}.cardBgStyle_q38d{bottom:0;height:auto;left:0;object-fit:cover;object-position:top;position:absolute;right:0;top:0;width:100%;z-index:-1}.cardIconStyle_UqGN{display:inline-flex;height:16px;width:16px}.agentListTitleStyle_sU8y{--tw-text-opacity:1;color:rgb(255 88 190/var(--tw-text-opacity))}.listIconStyle_TqyE{align-self:flex-start;padding-top:2px}.priceListTitleStyle_v2pp{font-size:16px;font-weight:600;line-height:22px}.priceListStyle_xBIv{display:flex;flex-direction:column;gap:4px}.listItemStyle_Pa3C{align-items:center;display:flex;gap:8px;padding-bottom:4px;padding-top:4px}.listItemNameStyle_YZOo{font-size:14px;font-weight:400;line-height:18px}.priceNumStyle_eiPz{font-size:28px;font-weight:700}.priceNumDescStyle_n2JG{color:#ffffffc0;font-size:12px;font-weight:400;line-height:16px}.upgradeButtonStyle_qpR6{--tw-bg-opacity:1;align-items:center;background-color:rgb(101 74 236/var(--tw-bg-opacity));border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:center;line-height:22px;padding:9px 32px;width:100%}.containerStyle_IK43,.descStyle_uxY4,.textContainerStyle_j9Qp{padding-left:20px;padding-right:20px}.containerStyle_IK43{align-items:center;color:#fff;display:flex;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;height:100%;margin-bottom:60px;overflow:hidden;position:relative}.indexBgStyle_Nusz{display:none;overflow:hidden;position:absolute;width:100%;z-index:-1}.indexBgStyle_Nusz img{bottom:0;height:auto;position:absolute;width:100%}.canvasContainerStyle_tBLh{height:100%;overflow:hidden;position:absolute;width:100%;z-index:-1}.contentContainer_kErA{align-items:center;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:space-between;padding-top:64px;position:relative}.textContainerStyle_LZMZ{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;position:relative;width:100%;z-index:2}.sloganStyle_L8z2{font-size:36px;font-weight:800;line-height:40px;text-align:center}.colorSloganStyle_oMou{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text}.descStyle_uxY4{font-size:14px;font-weight:400;line-height:17px;text-align:center;width:100%}.demoContainerStyle_taMy{bottom:0;height:auto;perspective:1040px;width:100%;z-index:2}.demoImgStyle_SvRF{border-radius:12px 12px 0 0;display:none;max-width:100%;overflow:hidden;position:relative;transform-origin:center;width:100%}.linkButtonStyle_m6Tn{bottom:16px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.baseLinkButtonStyle_PuMK{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:center;line-height:28px;overflow:hidden;position:relative;text-align:center}.smallSizeStyle_AohM{border-radius:32px;font-size:14px;height:48px;min-width:240px}.normalSizeStyle_qzr1{border-radius:24px;font-size:16px;height:56px;min-width:320px}.largeSizeStyle_kJWZ{border-radius:32px;font-size:16px;height:64px;min-width:320px}.darkColorStyle_MxJT{background-color:#0b0c0f;box-shadow:0 4px 8px 0 #15151d73;color:#fff}.lightColorStyle_JCL1{background-color:#fff;box-shadow:0 2px 24.8px 0 #6100ff;color:#0b0c0f}.lightColorStyle_JCL1:hover{color:#0b0c0f}.baseArrowStyle_lXyW{align-items:center;border-radius:9999px;box-shadow:0 4px 8px #23152f9e;display:flex;justify-content:center}.baseArrowStyle_lXyW svg{height:auto;width:16px}.smallArrowStyle_XZaI{height:32px;margin-right:8px;width:32px}.normalArrowStyle_XxGa{height:40px;margin-right:8px;width:40px}.largeArrowStyle_sKWX{height:40px;margin-right:12px;width:40px}.linesStyle_lbFy,.linkButtonBgStyle_WFWO{position:absolute;width:100%;display:flex}.darkArrowStyle_go7n{background:linear-gradient(180deg,#d1ccf2,#fff);color:#0b0c0f}.lightArrowStyle_QtFv{background:linear-gradient(180deg,#312578,#0b0c0f);color:#fff}.linkButtonBgStyle_WFWO{align-items:center;height:100%;justify-content:flex-end;transition:.3s ease-in-out;z-index:0}.swiper-slide,.swiper-wrapper{transition-property:transform;height:100%}.baseLinkButtonStyle_PuMK:hover .linkButtonBgStyle_WFWO{transform:translateX(-10%)}.linesStyle_lbFy{align-items:center;gap:10px;height:100%;z-index:-1}.swiper,.swiper-wrapper{z-index:1;position:relative}.lineContainerStyle_Y3Ta{display:flex;flex:none;height:100%;justify-content:center;transform:rotate(20deg);width:26px}.lineStyle__sNm{background-color:#0b0c0f;height:100%;width:1px}.darkLineStyle__Ris{--tw-bg-opacity:1;background-color:rgb(57 57 62/var(--tw-bg-opacity))}.lightLineStyle_xduB{--tw-bg-opacity:1;background-color:rgb(240 240 244/var(--tw-bg-opacity))}.bannerContainer_oUHl{gap:32px;height:100%;justify-content:center;overflow:hidden;padding-bottom:32px;padding-top:32px;position:relative}.bannerContainer_oUHl,.textContainerStyle_j9Qp{align-items:center;display:flex;flex-direction:column;width:100%}.textContainerStyle_j9Qp{gap:24px}.sloganStyle_XKtE{color:#fff;font-size:36px;font-weight:700;line-height:40px;text-align:center}.contentLabelStyle_dif9,.descStyle_YqnZ{color:#fff;font-size:14px;text-align:center}.descStyle_YqnZ{line-height:17px}.linkGroupItemStyle_KQRV{align-items:center;display:flex;flex-direction:column;gap:8px}.contentContainerStyle_JEhu{align-items:center;display:flex;flex:none;flex-direction:column;gap:12px;padding-left:8px;padding-right:8px}.contentLabelStyle_dif9{font-weight:600;line-height:20px}.swiper-slide{width:320px!important}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;margin-left:auto;margin-right:auto;overflow:hidden;padding:0}.swiper-wrapper{box-sizing:initial;display:flex;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;position:relative}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:1s linear infinite b}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (min-width:360px){.container{max-width:360px}}@media (min-width:480px){.container{max-width:480px}}@media (min-width:640px){.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2.5rem;line-height:3rem;margin-bottom:2rem}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2rem;line-height:2.5rem;margin-bottom:1.5rem}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.33rem;line-height:1.75rem;margin-bottom:1.5rem}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.75rem}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.75rem;line-height:1.0625rem}.admonition-simple *{line-height:1.25rem}.container{max-width:640px}.sm\:h-\[232px\]{height:232px}.sm\:flex-row{flex-direction:row}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:text-2xl{font-size:1.5rem}.sm\:text-sm{font-size:.875rem}}@media (min-width:656px){.container{max-width:656px}}@media (min-width:688px){.blog-sm\:max-w-screen-blog-sm,.container{max-width:688px}.blog-sm\:mb-16{margin-bottom:4rem}.blog-sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.blog-sm\:py-12{padding-bottom:3rem;padding-top:3rem}.blog-sm\:pb-16{padding-bottom:4rem}.blog-sm\:text-4xl{font-size:2.25rem}}@media (min-width:720px){.container{max-width:720px}}@media (min-width:768px){.max-w-screen-content{max-width:656px}.container{max-width:768px}.md\:mb-4{margin-bottom:1rem}.md\:mt-4{margin-top:1rem}.md\:h-64{height:16rem}.md\:w-60{width:15rem}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem}.md\:text-4xl{font-size:2.25rem}.md\:text-base{font-size:1rem}}@media (min-width:864px){.container{max-width:864px}}@media (min-width:944px){.container{max-width:944px}}@media (min-width:960px){.cardContentItemNormalStyle_f4ow,.footerBottom_L4UB,.lg\:flex-row{flex-direction:row}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;line-height:1.125rem}.container{max-width:960px}.lg\:mb-8{margin-bottom:2rem}.lg\:mt-0{margin-top:0}.lg\:mt-\[16px\]{margin-top:16px}.demoImgStyle_SvRF,.lg\:block,.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj,.publicize_vEiD{display:block}.back_vGuo,.bannerContainerStyle__SXx,.lg\:flex{display:flex}.bannerContainer_oUHl,.lg\:hidden,.mobileGap_cpxI:after,.pricingMaskPhone_eCBF{display:none}.itemDescription_LA9o,.templateItemDesc_NKfB{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box}.lg\:h-\[210px\]{height:210px}.lg\:h-\[26px\]{height:26px}.lg\:h-\[40px\],.logoStyle_ixBp{height:40px}.lg\:w-\[1040px\]{width:1040px}.lg\:w-\[550px\]{width:550px}.lg\:w-\[570px\]{width:570px}.lg\:w-\[800px\]{width:800px}.lg\:w-auto{width:auto}.lg\:max-w-\[680px\]{max-width:680px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1040px}.lg\:items-center{align-items:center}.lg\:gap-\[120px\]{gap:120px}.cardContainerStyle_Kvlw,.lg\:gap-\[32px\],.textContainerStyle_toav,.wallContainerStyle_Ny01{gap:32px}.lg\:gap-\[8px\]{gap:8px}.lg\:px-\[40px\]{padding-left:40px;padding-right:40px}.lg\:py-\[16px\]{padding-bottom:16px;padding-top:16px}.lg\:pb-\[100px\]{padding-bottom:100px}.lg\:pb-\[200px\]{padding-bottom:200px}.lg\:pl-\[30px\]{padding-left:30px}.lg\:pt-\[40px\]{padding-top:40px}.lg\:pt-\[48px\]{padding-top:48px}.lg\:text-\[16px\]{font-size:16px}.lg\:text-base{font-size:1rem}.lg\:text-sm{font-size:.875rem}.lg\:leading-\[19px\]{line-height:19px}.footerContainer_lS9F{gap:40px;padding:80px 120px 40px}.footerContentContainer_DQf_{column-gap:40px;flex-wrap:nowrap;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1040px}.footerBottom_L4UB{gap:48px}.footerBottom_L4UB,.footerItem_GsU2,.textDescStyle_vwoY{font-size:14px;line-height:22px}.lpHeader_rubd{flex-direction:row;flex-wrap:nowrap}.lpHeaderLeft_Zvbf{align-items:flex-start;gap:40px;justify-content:flex-start;text-align:left}.headerTitle_URD5{font-size:48px;line-height:56px}.headerGo_RttL{border-radius:8px;font-size:20px;font-weight:500;height:48px;line-height:28px;padding:10px 32px}.lpContainer_Zbon,.lpContainer_yWoG{padding-left:0;padding-right:0}.contentTitle_b3GB{margin-top:100px}.itemsContainer_OUc9{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.item_AuQF{gap:24px;padding:32px}.itemNameCommon_o16n,.templateHeaderLabel_W4fj{font-size:18px}.itemNameIntegrations_ZIud{line-height:26px}.itemDescription_LA9o{font-size:14px;line-height:24px;overflow:hidden}.contentContainer_c9t8{overflow:visible;padding-top:200px}.content_jfit{gap:200px}.commBottomContainerStyle_CDHK{margin-top:200px}.cardContentContainerStyle_kX6c{gap:64px}.textTitleNumStyle_h7vB,.textTitleStye_mJAH{font-size:40px}.textTitleNumStyle_TEnk{font-size:48px}.textDescStyle_NFkj{font-size:14px;line-height:22px;max-width:488px}.imgStyle_GNQD{width:431px}.cardContentItemReverseStyle_DHTD{flex-direction:row-reverse}.cardIContentItemContainerStyle_rPYn{border-radius:16px;gap:40px;padding:48px}.textTitleStye_u6Ys{font-size:36px;line-height:44px}.swipeMore_QWDA{font-size:16px;line-height:19px}.commBottomContainer_rcOJ{border-bottom-left-radius:40px;border-bottom-right-radius:40px;height:410px;padding:120px 120px 80px}.commBottomTitle_zpUk{font-size:40px;line-height:48px}.commBottomDesc_DyZe{width:600px}.commBottomBtn_pFSF{width:320px}.templateContainer_VElw{gap:40px;padding-bottom:100px}.templateHeader_AQwG{gap:24px;margin-top:60px}.templateItemContainer_lyZ8{gap:40px;grid-template-columns:repeat(4,minmax(0,1fr))}.templateItem_Ji0p{gap:24px}.templateHeaderTitle_yMrU{font-size:32px;line-height:56px}.templateHeaderDesc_XN3P{font-size:16px;line-height:24px}.templateItemDesc_NKfB{line-height:20px;overflow:hidden}.learnMore_Lb_l{font-size:14px;gap:8px;line-height:22px}.logoTitleStyle_hhN_{font-size:16px;line-height:28px}.logoContainerStyle_PeVm{align-items:center;column-gap:40px;display:flex;justify-content:center}.commentsContainerStyle_ctEM{gap:48px}.commentsTitleStyle_iQ9i{font-size:40px;line-height:56px}.commentsItemsContainerStyle_Zw4J{column-count:3;gap:16px}.userInfoContainerStyle_WdED img{height:32px;width:32px}.faqContainer_vbEd{gap:48px;width:800px}.faqTitle_s89i{line-height:56px}.faqListQuestion_Y7ri{border-top-left-radius:16px;border-top-right-radius:16px;font-size:16px}.faqListAnswer_uzUc{border-bottom-left-radius:16px;border-bottom-right-radius:16px;font-size:14px;line-height:22px}.publicizeStyle_C7Y6{height:179px;width:579px}.solutionBaseImageStyle_APzO{width:715px}.pricingContent_kMON{gap:24px;max-width:1200px}.pricingContentTitle_tw94{font-size:64px;line-height:72px}.cardContainerStyle_frTi{gap:40px}.premiumCardContainer_ArgU{border-radius:16px;gap:24px}.premiumTitleStyle_pemo{font-size:24px;line-height:28px}.premiumDescStyle_R6dg{line-height:20px}.premiumCardContainerStyle_zMC3{bottom:0;flex-direction:row;gap:24px}.priceCardStyle_vDMh{gap:20px}.operatingStyle_cGmQ{align-items:flex-start;justify-content:flex-start}.upgradeButtonStyle_qpR6{width:208px}.containerStyle_IK43{margin-bottom:120px}.indexBgStyle_Nusz{display:block;min-height:1200px}.indexBgStyle_Nusz img{height:1034px}.contentContainer_kErA{gap:56px;max-width:1040px;min-height:1200px;padding-top:150px}.sloganStyle_L8z2{font-size:56px;line-height:88px}.descStyle_uxY4{line-height:22px;max-width:800px}.demoContainerStyle_taMy{position:relative}.linkButtonStyle_m6Tn{bottom:40px}}@media (min-width:976px){.container{max-width:976px}}@media (min-width:997px){:root{--docusaurus-announcement-bar-height:30px}.announcementBarClose_S8lM,.announcementBarPlaceholder_nNiq{flex-basis:50px}.navbarSearchContainer_Pu8E{padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}}@media (min-width:1000px){.blog-md\:max-w-screen-blog-md,.container{max-width:1000px}.blog-md\:mb-8{margin-bottom:2rem}.blog-md\:block{display:block}.blog-md\:max-w-\[624px\]{max-width:624px}.blog-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-md\:flex-row{flex-direction:row}.blog-md\:border-t{border-top-width:1px}.blog-md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.blog-md\:py-16{padding-bottom:4rem;padding-top:4rem}.blog-md\:pb-8{padding-bottom:2rem}.blog-md\:pt-0{padding-top:0}.blog-md\:pt-12{padding-top:3rem}.blog-md\:pt-16{padding-top:4rem}.blog-md\:text-base{font-size:1rem}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1264px){.container{max-width:1264px}}@media (min-width:1280px){.container{max-width:1280px}.blog-lg\:mb-12{margin-bottom:3rem}.blog-lg\:max-w-screen-content-2xl{max-width:864px}.blog-lg\:gap-12{gap:3rem}.blog-lg\:text-5xl{font-size:3rem}.blog-lg\:text-xl{font-size:1.25rem}}@media (min-width:1296px){.container{max-width:1296px}}@media (min-width:1408px){.container{max-width:1408px}}@media (min-width:1440px){.container{max-width:var(--ifm-container-width-xl);max-width:1440px}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:h-\[152px\]{height:152px}.xl\:h-\[192px\]{height:192px}.xl\:h-\[80px\]{height:80px}.xl\:h-\[96px\]{height:96px}.xl\:w-\[250px\]{width:250px}.xl\:w-\[400px\]{width:400px}.xl\:w-auto{width:auto}.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:px-\[200px\]{padding-left:200px;padding-right:200px}.xl\:text-\[14px\]{font-size:14px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.footerContentContainer_DQf_,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1200px}.content_jfit{padding:0}.allContentContainer_nVOG{gap:64px}.allContentTitle_K0Y2{font-size:40px;line-height:48px}.imgStyle_GNQD{width:532px}.faqTitle_s89i{font-size:48px}.solutionBaseImageStyle_APzO{width:825px}.contentContainer_kErA{max-width:1200px;width:1200px}}@media (min-width:1536px){.refine-prose{font-size:1rem;line-height:1.75}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6em;margin-top:1.6em;padding-left:1em}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.25em;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.875em;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.875em;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;padding:.8571429em 1.1428571em}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.\32xl\:prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.\32xl\:prose-base>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3em;margin-top:3em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(.\32xl\:prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.\32xl\:prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.max-w-screen-content{max-width:864px}.container{max-width:1536px}.\32xl\:mb-6{margin-bottom:1.5rem}.\32xl\:p-6{padding:1.5rem}.\32xl\:text-\[32px\]{font-size:32px}.\32xl\:text-base{font-size:1rem}.\32xl\:text-lg{font-size:1.125rem}.\32xl\:text-xl{font-size:1.25rem}.\32xl\:leading-10{line-height:2.5rem}}@media (min-width:1584px){.container{max-width:1584px}.blog-2xl\:mb-20{margin-bottom:5rem}.blog-2xl\:max-w-screen-blog-md{max-width:1000px}.blog-2xl\:px-0{padding-left:0;padding-right:0}.blog-2xl\:pb-12{padding-bottom:3rem}.blog-2xl\:pt-20{padding-top:5rem}}@media (max-width:996px){.col{--ifm-col-width:100%;flex-basis:var(--ifm-col-width);margin-left:0}.footer{--ifm-footer-padding-horizontal:0}.colorModeToggle_Kblj,.footer__link-separator,.navbar__item{display:none}.footer__col{margin-bottom:calc(var(--ifm-spacing-vertical)*3)}.footer__link-item{display:block}.hero{padding-left:0;padding-right:0}.navbar>.container,.navbar>.container-fluid{padding:0}.navbar__toggle{display:inherit}.navbar__search-input{width:9rem}.pills--block,.tabs--block{flex-direction:column}.navbarSearchContainer_Pu8E{position:absolute;right:var(--ifm-navbar-padding-horizontal)}}@media screen and (max-width:960px){.mobileFooterContainer_tpXD{transform:translateY(0)!important}.linkButtonBgStyle_WFWO{transform:translateX(0)!important}}@media (max-width:576px){.markdown h1:first-child{--ifm-h1-font-size:2rem}.markdown>h2{--ifm-h2-font-size:1.5rem}.markdown>h3{--ifm-h3-font-size:1.25rem}}@media (pointer:fine){.thin-scrollbar{scrollbar-width:thin}.thin-scrollbar::-webkit-scrollbar{height:var(--ifm-scrollbar-size);width:var(--ifm-scrollbar-size)}.thin-scrollbar::-webkit-scrollbar-track{background:var(--ifm-scrollbar-track-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--ifm-scrollbar-thumb-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--ifm-scrollbar-thumb-hover-background-color)}}@media (prefers-reduced-motion:reduce){:root{--ifm-transition-fast:0ms;--ifm-transition-slow:0ms}}@media print{.announcementBar_hbYq,.footer,.menu,.navbar,.pagination-nav,.table-of-contents{display:none}.tabs{page-break-inside:avoid}.codeBlockLines_THA1{white-space:pre-wrap}}
\ No newline at end of file
+.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6{margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading))}blockquote,pre{margin:0 0 var(--ifm-spacing-vertical)}.breadcrumbs__link,.button{transition-timing-function:var(--ifm-transition-timing-default)}.button,code{vertical-align:middle}.button--outline.button--active,.button--outline:active,.button--outline:hover,:root{--ifm-button-color:var(--ifm-font-color-base-inverse)}.menu__link:hover,a{transition:color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.navbar--dark,:root{--ifm-navbar-link-hover-color:var(--ifm-color-primary)}.menu,.navbar-sidebar{overflow-x:hidden}:root,html[data-theme=dark]{--ifm-color-emphasis-500:var(--ifm-color-gray-500)}*,:after,:before{box-sizing:border-box}.markdown li,body{word-wrap:break-word}.button,.dropdown__link,.text--truncate,.truncate,.whitespace-nowrap{white-space:nowrap}.toggleButton_C0po,html{-webkit-tap-highlight-color:transparent}#__docusaurus,.min-h-full{min-height:100%}.clean-list,.containsTaskList_aqzd,.details_GXzP>summary,.dropdown__menu,.menu__list,.swiper,menu,ol,ul{list-style:none}:root{--ifm-color-scheme:light;--ifm-dark-value:10%;--ifm-darker-value:15%;--ifm-darkest-value:30%;--ifm-light-value:15%;--ifm-lighter-value:30%;--ifm-lightest-value:50%;--ifm-contrast-background-value:90%;--ifm-contrast-foreground-value:70%;--ifm-contrast-background-dark-value:70%;--ifm-contrast-foreground-dark-value:90%;--ifm-color-primary:#3578e5;--ifm-color-secondary:#ebedf0;--ifm-color-success:#00a400;--ifm-color-info:#54c7ec;--ifm-color-warning:#ffba00;--ifm-color-danger:#fa383e;--ifm-color-primary-dark:#306cce;--ifm-color-primary-darker:#2d66c3;--ifm-color-primary-darkest:#2554a0;--ifm-color-primary-light:#538ce9;--ifm-color-primary-lighter:#72a1ed;--ifm-color-primary-lightest:#9abcf2;--ifm-color-primary-contrast-background:#ebf2fc;--ifm-color-primary-contrast-foreground:#102445;--ifm-color-secondary-dark:#d4d5d8;--ifm-color-secondary-darker:#c8c9cc;--ifm-color-secondary-darkest:#a4a6a8;--ifm-color-secondary-light:#eef0f2;--ifm-color-secondary-lighter:#f1f2f5;--ifm-color-secondary-lightest:#f5f6f8;--ifm-color-secondary-contrast-background:#fdfdfe;--ifm-color-secondary-contrast-foreground:#474748;--ifm-color-success-dark:#009400;--ifm-color-success-darker:#008b00;--ifm-color-success-darkest:#007300;--ifm-color-success-light:#26b226;--ifm-color-success-lighter:#4dbf4d;--ifm-color-success-lightest:#80d280;--ifm-color-success-contrast-background:#e6f6e6;--ifm-color-success-contrast-foreground:#003100;--ifm-color-info-dark:#4cb3d4;--ifm-color-info-darker:#47a9c9;--ifm-color-info-darkest:#3b8ba5;--ifm-color-info-light:#6ecfef;--ifm-color-info-lighter:#87d8f2;--ifm-color-info-lightest:#aae3f6;--ifm-color-info-contrast-background:#eef9fd;--ifm-color-info-contrast-foreground:#193c47;--ifm-color-warning-dark:#e6a700;--ifm-color-warning-darker:#d99e00;--ifm-color-warning-darkest:#b38200;--ifm-color-warning-light:#ffc426;--ifm-color-warning-lighter:#ffcf4d;--ifm-color-warning-lightest:#ffdd80;--ifm-color-warning-contrast-background:#fff8e6;--ifm-color-warning-contrast-foreground:#4d3800;--ifm-color-danger-dark:#e13238;--ifm-color-danger-darker:#d53035;--ifm-color-danger-darkest:#af272b;--ifm-color-danger-light:#fb565b;--ifm-color-danger-lighter:#fb7478;--ifm-color-danger-lightest:#fd9c9f;--ifm-color-danger-contrast-background:#ffebec;--ifm-color-danger-contrast-foreground:#4b1113;--ifm-color-white:#fff;--ifm-color-black:#000;--ifm-color-gray-0:var(--ifm-color-white);--ifm-color-gray-100:#f5f6f7;--ifm-color-gray-200:#ebedf0;--ifm-color-gray-300:#dadde1;--ifm-color-gray-400:#ccd0d5;--ifm-color-gray-500:#bec3c9;--ifm-color-gray-600:#8d949e;--ifm-color-gray-700:#606770;--ifm-color-gray-800:#444950;--ifm-color-gray-900:#1c1e21;--ifm-color-gray-1000:var(--ifm-color-black);--ifm-color-emphasis-0:var(--ifm-color-gray-0);--ifm-color-emphasis-100:var(--ifm-color-gray-100);--ifm-color-emphasis-200:var(--ifm-color-gray-200);--ifm-color-emphasis-300:var(--ifm-color-gray-300);--ifm-color-emphasis-400:var(--ifm-color-gray-400);--ifm-color-emphasis-600:var(--ifm-color-gray-600);--ifm-color-emphasis-700:var(--ifm-color-gray-700);--ifm-color-emphasis-800:var(--ifm-color-gray-800);--ifm-color-emphasis-900:var(--ifm-color-gray-900);--ifm-color-emphasis-1000:var(--ifm-color-gray-1000);--ifm-color-content:var(--ifm-color-emphasis-900);--ifm-color-content-inverse:var(--ifm-color-emphasis-0);--ifm-color-content-secondary:#525860;--ifm-background-color:#0000;--ifm-background-surface-color:var(--ifm-color-content-inverse);--ifm-global-border-width:1px;--ifm-global-radius:0.4rem;--ifm-hover-overlay:#0000000d;--ifm-font-color-base:var(--ifm-color-content);--ifm-font-color-base-inverse:var(--ifm-color-content-inverse);--ifm-font-color-secondary:var(--ifm-color-content-secondary);--ifm-font-family-base:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--ifm-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ifm-font-size-base:100%;--ifm-font-weight-light:300;--ifm-font-weight-normal:400;--ifm-font-weight-semibold:500;--ifm-font-weight-bold:700;--ifm-font-weight-base:var(--ifm-font-weight-normal);--ifm-line-height-base:1.65;--ifm-global-spacing:1rem;--ifm-spacing-vertical:var(--ifm-global-spacing);--ifm-spacing-horizontal:var(--ifm-global-spacing);--ifm-transition-fast:200ms;--ifm-transition-slow:400ms;--ifm-transition-timing-default:cubic-bezier(0.08,0.52,0.52,1);--ifm-global-shadow-lw:0 1px 2px 0 #0000001a;--ifm-global-shadow-md:0 5px 40px #0003;--ifm-global-shadow-tl:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a;--ifm-z-index-dropdown:100;--ifm-z-index-fixed:200;--ifm-z-index-overlay:400;--ifm-container-width:1140px;--ifm-container-width-xl:1320px;--ifm-code-background:#f6f7f8;--ifm-code-border-radius:var(--ifm-global-radius);--ifm-code-font-size:90%;--ifm-code-padding-horizontal:0.1rem;--ifm-code-padding-vertical:0.1rem;--ifm-pre-background:var(--ifm-code-background);--ifm-pre-border-radius:var(--ifm-code-border-radius);--ifm-pre-color:inherit;--ifm-pre-line-height:1.45;--ifm-pre-padding:1rem;--ifm-heading-color:inherit;--ifm-heading-margin-top:0;--ifm-heading-margin-bottom:var(--ifm-spacing-vertical);--ifm-heading-font-family:var(--ifm-font-family-base);--ifm-heading-font-weight:var(--ifm-font-weight-bold);--ifm-heading-line-height:1.25;--ifm-h1-font-size:2rem;--ifm-h2-font-size:1.5rem;--ifm-h3-font-size:1.25rem;--ifm-h4-font-size:1rem;--ifm-h5-font-size:0.875rem;--ifm-h6-font-size:0.85rem;--ifm-image-alignment-padding:1.25rem;--ifm-leading-desktop:1.25;--ifm-leading:calc(var(--ifm-leading-desktop)*1rem);--ifm-list-left-padding:2rem;--ifm-list-margin:1rem;--ifm-list-item-margin:0.25rem;--ifm-list-paragraph-margin:1rem;--ifm-table-cell-padding:0.75rem;--ifm-table-background:#0000;--ifm-table-stripe-background:#00000008;--ifm-table-border-width:1px;--ifm-table-border-color:var(--ifm-color-emphasis-300);--ifm-table-head-background:inherit;--ifm-table-head-color:inherit;--ifm-table-head-font-weight:var(--ifm-font-weight-bold);--ifm-table-cell-color:inherit;--ifm-link-color:var(--ifm-color-primary);--ifm-link-decoration:none;--ifm-link-hover-color:var(--ifm-link-color);--ifm-link-hover-decoration:underline;--ifm-paragraph-margin-bottom:var(--ifm-leading);--ifm-blockquote-font-size:var(--ifm-font-size-base);--ifm-blockquote-border-left-width:2px;--ifm-blockquote-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-blockquote-padding-vertical:0;--ifm-blockquote-shadow:none;--ifm-blockquote-color:var(--ifm-color-emphasis-800);--ifm-blockquote-border-color:var(--ifm-color-emphasis-300);--ifm-hr-background-color:var(--ifm-color-emphasis-500);--ifm-hr-height:1px;--ifm-hr-margin-vertical:1.5rem;--ifm-scrollbar-size:7px;--ifm-scrollbar-track-background-color:#f1f1f1;--ifm-scrollbar-thumb-background-color:silver;--ifm-scrollbar-thumb-hover-background-color:#a7a7a7;--ifm-alert-background-color:inherit;--ifm-alert-border-color:inherit;--ifm-alert-border-radius:var(--ifm-global-radius);--ifm-alert-border-width:0px;--ifm-alert-border-left-width:5px;--ifm-alert-color:var(--ifm-font-color-base);--ifm-alert-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-alert-padding-vertical:var(--ifm-spacing-vertical);--ifm-alert-shadow:var(--ifm-global-shadow-lw);--ifm-avatar-intro-margin:1rem;--ifm-avatar-intro-alignment:inherit;--ifm-avatar-photo-size:3rem;--ifm-badge-background-color:inherit;--ifm-badge-border-color:inherit;--ifm-badge-border-radius:var(--ifm-global-radius);--ifm-badge-border-width:var(--ifm-global-border-width);--ifm-badge-color:var(--ifm-color-white);--ifm-badge-padding-horizontal:calc(var(--ifm-spacing-horizontal)*0.5);--ifm-badge-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-breadcrumb-border-radius:1.5rem;--ifm-breadcrumb-spacing:0.5rem;--ifm-breadcrumb-color-active:var(--ifm-color-primary);--ifm-breadcrumb-item-background-active:var(--ifm-hover-overlay);--ifm-breadcrumb-padding-horizontal:0.8rem;--ifm-breadcrumb-padding-vertical:0.4rem;--ifm-breadcrumb-size-multiplier:1;--ifm-breadcrumb-separator:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');--ifm-breadcrumb-separator-filter:none;--ifm-breadcrumb-separator-size:0.5rem;--ifm-breadcrumb-separator-size-multiplier:1.25;--ifm-button-background-color:inherit;--ifm-button-border-color:var(--ifm-button-background-color);--ifm-button-border-width:var(--ifm-global-border-width);--ifm-button-font-weight:var(--ifm-font-weight-bold);--ifm-button-padding-horizontal:1.5rem;--ifm-button-padding-vertical:0.375rem;--ifm-button-size-multiplier:1;--ifm-button-transition-duration:var(--ifm-transition-fast);--ifm-button-border-radius:calc(var(--ifm-global-radius)*var(--ifm-button-size-multiplier));--ifm-button-group-spacing:2px;--ifm-card-background-color:var(--ifm-background-surface-color);--ifm-card-border-radius:calc(var(--ifm-global-radius)*2);--ifm-card-horizontal-spacing:var(--ifm-global-spacing);--ifm-card-vertical-spacing:var(--ifm-global-spacing);--ifm-toc-border-color:var(--ifm-color-emphasis-300);--ifm-toc-link-color:var(--ifm-color-content-secondary);--ifm-toc-padding-vertical:0.5rem;--ifm-toc-padding-horizontal:0.5rem;--ifm-dropdown-background-color:var(--ifm-background-surface-color);--ifm-dropdown-font-weight:var(--ifm-font-weight-semibold);--ifm-dropdown-link-color:var(--ifm-font-color-base);--ifm-dropdown-hover-background-color:var(--ifm-hover-overlay);--ifm-footer-background-color:var(--ifm-color-emphasis-100);--ifm-footer-color:inherit;--ifm-footer-link-color:var(--ifm-color-emphasis-700);--ifm-footer-link-hover-color:var(--ifm-color-primary);--ifm-footer-link-horizontal-spacing:0.5rem;--ifm-footer-padding-horizontal:calc(var(--ifm-spacing-horizontal)*2);--ifm-footer-padding-vertical:calc(var(--ifm-spacing-vertical)*2);--ifm-footer-title-color:inherit;--ifm-footer-logo-max-width:min(30rem,90vw);--ifm-hero-background-color:var(--ifm-background-surface-color);--ifm-hero-text-color:var(--ifm-color-emphasis-800);--ifm-menu-color:var(--ifm-color-emphasis-700);--ifm-menu-color-active:var(--ifm-color-primary);--ifm-menu-color-background-active:var(--ifm-hover-overlay);--ifm-menu-color-background-hover:var(--ifm-hover-overlay);--ifm-menu-link-padding-horizontal:0.75rem;--ifm-menu-link-padding-vertical:0.375rem;--ifm-menu-link-sublist-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');--ifm-menu-link-sublist-icon-filter:none;--ifm-navbar-background-color:var(--ifm-background-surface-color);--ifm-navbar-height:3.75rem;--ifm-navbar-item-padding-horizontal:0.75rem;--ifm-navbar-item-padding-vertical:0.25rem;--ifm-navbar-link-color:var(--ifm-font-color-base);--ifm-navbar-link-active-color:var(--ifm-link-color);--ifm-navbar-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-navbar-padding-vertical:calc(var(--ifm-spacing-vertical)*0.5);--ifm-navbar-shadow:var(--ifm-global-shadow-lw);--ifm-navbar-search-input-background-color:var(--ifm-color-emphasis-200);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-800);--ifm-navbar-search-input-placeholder-color:var(--ifm-color-emphasis-500);--ifm-navbar-search-input-icon:url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>');--ifm-navbar-sidebar-width:83vw;--ifm-pagination-border-radius:var(--ifm-global-radius);--ifm-pagination-color-active:var(--ifm-color-primary);--ifm-pagination-font-size:1rem;--ifm-pagination-item-active-background:var(--ifm-hover-overlay);--ifm-pagination-page-spacing:0.2em;--ifm-pagination-padding-horizontal:calc(var(--ifm-spacing-horizontal)*1);--ifm-pagination-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-pagination-nav-border-radius:var(--ifm-global-radius);--ifm-pagination-nav-color-hover:var(--ifm-color-primary);--ifm-pills-color-active:var(--ifm-color-primary);--ifm-pills-color-background-active:var(--ifm-hover-overlay);--ifm-pills-spacing:0.125rem;--ifm-tabs-color:var(--ifm-font-color-secondary);--ifm-tabs-color-active:var(--ifm-color-primary);--ifm-tabs-color-active-border:var(--ifm-tabs-color-active);--ifm-tabs-padding-horizontal:1rem;--ifm-tabs-padding-vertical:1rem;--docusaurus-progress-bar-color:var(--ifm-color-primary);--ifm-color-primary:#654aec;--ifm-color-primary-dark:#4d2ee9;--ifm-color-primary-darker:#4120e8;--ifm-color-primary-darkest:#3215c4;--ifm-color-primary-light:#7d66ef;--ifm-color-primary-lighter:#8974f0;--ifm-color-primary-lightest:#846ef0;--ifm-code-font-size:95%;--docusaurus-highlighted-code-line-bg:#0000001a;--docusaurus-announcement-bar-height:auto;--swiper-theme-color:#007aff}.badge--danger,.badge--info,.badge--primary,.badge--secondary,.badge--success,.badge--warning{--ifm-badge-border-color:var(--ifm-badge-background-color)}.button--link,.button--outline{--ifm-button-background-color:#0000}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--ifm-background-color);color:var(--ifm-font-color-base);color-scheme:var(--ifm-color-scheme);font:var(--ifm-font-size-base)/var(--ifm-line-height-base) var(--ifm-font-family-base);text-rendering:optimizelegibility}iframe{border:0;color-scheme:auto}.container{margin:0 auto;max-width:var(--ifm-container-width);padding:0 var(--ifm-spacing-horizontal)}.container--fluid{max-width:inherit}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--ifm-spacing-horizontal)*-1)}.\!mb-0,.margin-bottom--none,.margin-vert--none,.markdown>:last-child,.refine-details .refine-details-content>div>:last-child{margin-bottom:0!important}.\!mt-0,.margin-top--none,.margin-vert--none{margin-top:0!important}.row--no-gutters{margin-left:0;margin-right:0}.margin-horiz--none,.margin-right--none{margin-right:0!important}.px-0,.row--no-gutters>.col{padding-left:0;padding-right:0}.items-start,.row--align-top{align-items:flex-start}.row--align-bottom{align-items:flex-end}.items-center,.row--align-center{align-items:center}.row--align-stretch{align-items:stretch}.row--align-baseline{align-items:baseline}.col{--ifm-col-width:100%;flex:1 0;margin-left:0;max-width:var(--ifm-col-width);padding:0 var(--ifm-spacing-horizontal);width:100%}.padding-bottom--none,.padding-vert--none{padding-bottom:0!important}.padding-top--none,.padding-vert--none{padding-top:0!important}.padding-horiz--none,.padding-left--none{padding-left:0!important}.padding-horiz--none,.padding-right--none{padding-right:0!important}.col[class*=col--]{flex:0 0 var(--ifm-col-width)}.col--1{--ifm-col-width:8.33333%}.col--offset-1{margin-left:8.33333%}.col--2{--ifm-col-width:16.66667%}.col--offset-2{margin-left:16.66667%}.col--3{--ifm-col-width:25%}.col--offset-3{margin-left:25%}.col--4{--ifm-col-width:33.33333%}.col--offset-4{margin-left:33.33333%}.col--5{--ifm-col-width:41.66667%}.col--offset-5{margin-left:41.66667%}.col--6{--ifm-col-width:50%}.col--offset-6{margin-left:50%}.col--7{--ifm-col-width:58.33333%}.col--offset-7{margin-left:58.33333%}.col--8{--ifm-col-width:66.66667%}.col--offset-8{margin-left:66.66667%}.col--9{--ifm-col-width:75%}.col--offset-9{margin-left:75%}.col--10{--ifm-col-width:83.33333%}.col--offset-10{margin-left:83.33333%}.col--11{--ifm-col-width:91.66667%}.col--offset-11{margin-left:91.66667%}.col--12{--ifm-col-width:100%}.col--offset-12{margin-left:100%}.margin-horiz--none,.margin-left--none{margin-left:0!important}.\!m-0,.margin--none{margin:0!important}.margin-bottom--xs,.margin-vert--xs{margin-bottom:.25rem!important}.margin-top--xs,.margin-vert--xs{margin-top:.25rem!important}.margin-horiz--xs,.margin-left--xs{margin-left:.25rem!important}.margin-horiz--xs,.margin-right--xs{margin-right:.25rem!important}.margin--xs{margin:.25rem!important}.margin-bottom--sm,.margin-vert--sm{margin-bottom:.5rem!important}.margin-top--sm,.margin-vert--sm{margin-top:.5rem!important}.margin-horiz--sm,.margin-left--sm{margin-left:.5rem!important}.margin-horiz--sm,.margin-right--sm{margin-right:.5rem!important}.margin--sm{margin:.5rem!important}.margin-bottom--md,.margin-vert--md{margin-bottom:1rem!important}.margin-top--md,.margin-vert--md{margin-top:1rem!important}.margin-horiz--md,.margin-left--md{margin-left:1rem!important}.margin-horiz--md,.margin-right--md{margin-right:1rem!important}.margin--md{margin:1rem!important}.margin-bottom--lg,.margin-vert--lg{margin-bottom:2rem!important}.margin-top--lg,.margin-vert--lg{margin-top:2rem!important}.margin-horiz--lg,.margin-left--lg{margin-left:2rem!important}.margin-horiz--lg,.margin-right--lg{margin-right:2rem!important}.margin--lg{margin:2rem!important}.margin-bottom--xl,.margin-vert--xl{margin-bottom:5rem!important}.margin-top--xl,.margin-vert--xl{margin-top:5rem!important}.margin-horiz--xl,.margin-left--xl{margin-left:5rem!important}.margin-horiz--xl,.margin-right--xl{margin-right:5rem!important}.margin--xl{margin:5rem!important}.padding--none{padding:0!important}.padding-bottom--xs,.padding-vert--xs{padding-bottom:.25rem!important}.padding-top--xs,.padding-vert--xs{padding-top:.25rem!important}.padding-horiz--xs,.padding-left--xs{padding-left:.25rem!important}.padding-horiz--xs,.padding-right--xs{padding-right:.25rem!important}.padding--xs{padding:.25rem!important}.padding-bottom--sm,.padding-vert--sm{padding-bottom:.5rem!important}.padding-top--sm,.padding-vert--sm{padding-top:.5rem!important}.padding-horiz--sm,.padding-left--sm{padding-left:.5rem!important}.padding-horiz--sm,.padding-right--sm{padding-right:.5rem!important}.padding--sm{padding:.5rem!important}.\!py-4,.padding-bottom--md,.padding-vert--md{padding-bottom:1rem!important}.\!py-4,.padding-top--md,.padding-vert--md{padding-top:1rem!important}.\!px-4,.padding-horiz--md,.padding-left--md{padding-left:1rem!important}.\!px-4,.padding-horiz--md,.padding-right--md{padding-right:1rem!important}.padding--md{padding:1rem!important}.padding-bottom--lg,.padding-vert--lg{padding-bottom:2rem!important}.padding-top--lg,.padding-vert--lg{padding-top:2rem!important}.padding-horiz--lg,.padding-left--lg{padding-left:2rem!important}.padding-horiz--lg,.padding-right--lg{padding-right:2rem!important}.padding--lg{padding:2rem!important}.padding-bottom--xl,.padding-vert--xl{padding-bottom:5rem!important}.padding-top--xl,.padding-vert--xl{padding-top:5rem!important}.padding-horiz--xl,.padding-left--xl{padding-left:5rem!important}.padding-horiz--xl,.padding-right--xl{padding-right:5rem!important}.padding--xl{padding:5rem!important}code{background-color:var(--ifm-code-background);border:.1rem solid #0000001a;border-radius:var(--ifm-code-border-radius);font-family:var(--ifm-font-family-monospace);font-size:var(--ifm-code-font-size);padding:var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal)}a code{color:inherit}pre{background-color:var(--ifm-pre-background);border-radius:var(--ifm-pre-border-radius);color:var(--ifm-pre-color);font:var(--ifm-code-font-size)/var(--ifm-pre-line-height) var(--ifm-font-family-monospace);overflow:auto;padding:var(--ifm-pre-padding)}pre code{background-color:initial;border:none;font-size:100%;line-height:inherit;padding:0}kbd{background-color:var(--ifm-color-emphasis-0);border:1px solid var(--ifm-color-emphasis-400);border-radius:.2rem;box-shadow:inset 0 -1px 0 var(--ifm-color-emphasis-400);color:var(--ifm-color-emphasis-800);font:80% var(--ifm-font-family-monospace);padding:.15rem .3rem}h1,h2,h3,h4,h5,h6{color:var(--ifm-heading-color);font-family:var(--ifm-heading-font-family);font-weight:var(--ifm-heading-font-weight);line-height:var(--ifm-heading-line-height);margin:var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0}h1{font-size:var(--ifm-h1-font-size)}h2{font-size:var(--ifm-h2-font-size)}h3{font-size:var(--ifm-h3-font-size)}h4{font-size:var(--ifm-h4-font-size)}h5{font-size:var(--ifm-h5-font-size)}h6{font-size:var(--ifm-h6-font-size)}img[align=right]{padding-left:var(--image-alignment-padding)}img[align=left]{padding-right:var(--image-alignment-padding)}.markdown{--ifm-h1-vertical-rhythm-top:3;--ifm-h2-vertical-rhythm-top:2;--ifm-h3-vertical-rhythm-top:1.5;--ifm-heading-vertical-rhythm-top:1.25;--ifm-h1-vertical-rhythm-bottom:1.25;--ifm-heading-vertical-rhythm-bottom:1}.markdown:after,.markdown:before{content:"";display:table}.markdown:after{clear:both}.markdown h1:first-child{--ifm-h1-font-size:3rem;margin-bottom:calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading))}.markdown>h2{--ifm-h2-font-size:2rem;margin-top:calc(var(--ifm-h2-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h3{--ifm-h3-font-size:1.5rem;margin-top:calc(var(--ifm-h3-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h4,.markdown>h5,.markdown>h6{margin-top:calc(var(--ifm-heading-vertical-rhythm-top)*var(--ifm-leading))}.markdown>p,.markdown>pre,.markdown>ul{margin-bottom:var(--ifm-leading)}.markdown li>p{margin-top:var(--ifm-list-paragraph-margin)}.markdown li+li{margin-top:var(--ifm-list-item-margin)}ol,ul{margin:0 0 var(--ifm-list-margin);padding-left:var(--ifm-list-left-padding)}ol ol,ul ol{list-style-type:lower-roman}ol ol,ol ul,ul ol,ul ul{margin:0}ol ol ol,ol ul ol,ul ol ol,ul ul ol{list-style-type:lower-alpha}table thead tr{border-bottom:2px solid var(--ifm-table-border-color)}table thead,table tr:nth-child(2n){background-color:var(--ifm-table-stripe-background)}table tr{background-color:var(--ifm-table-background);border-top:var(--ifm-table-border-width) solid var(--ifm-table-border-color)}table td,table th{border:var(--ifm-table-border-width) solid var(--ifm-table-border-color);padding:var(--ifm-table-cell-padding)}table th{background-color:var(--ifm-table-head-background);color:var(--ifm-table-head-color);font-weight:var(--ifm-table-head-font-weight)}table td{color:var(--ifm-table-cell-color)}strong{font-weight:var(--ifm-font-weight-bold)}a{color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration);color:inherit;text-decoration:inherit}a:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button:hover,.text--no-decoration,.text--no-decoration:hover,a:not([href]){text-decoration:none}p{margin:0 0 var(--ifm-paragraph-margin-bottom)}blockquote{border-left:var(--ifm-blockquote-border-left-width) solid var(--ifm-blockquote-border-color);box-shadow:var(--ifm-blockquote-shadow);color:var(--ifm-blockquote-color);font-size:var(--ifm-blockquote-font-size);padding:var(--ifm-blockquote-padding-vertical) var(--ifm-blockquote-padding-horizontal)}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}hr{background-color:var(--ifm-hr-background-color);border:0;height:var(--ifm-hr-height);margin:var(--ifm-hr-margin-vertical) 0}.shadow--lw{box-shadow:var(--ifm-global-shadow-lw)!important}.shadow--md{box-shadow:var(--ifm-global-shadow-md)!important}.shadow--tl{box-shadow:var(--ifm-global-shadow-tl)!important}.text--primary,.wordWrapButtonEnabled_I8k2 .wordWrapButtonIcon_dUFy{color:var(--ifm-color-primary)}.text--secondary{color:var(--ifm-color-secondary)}.text--success{color:var(--ifm-color-success)}.text--info{color:var(--ifm-color-info)}.text--warning{color:var(--ifm-color-warning)}.text--danger{color:var(--ifm-color-danger)}.text--center{text-align:center}.text--left{text-align:left}.text--justify{text-align:justify}.text--right{text-align:right}.text--capitalize{text-transform:capitalize}.text--lowercase{text-transform:lowercase}.alert__heading,.text--uppercase{text-transform:uppercase}.text--light{font-weight:var(--ifm-font-weight-light)}.text--normal{font-weight:var(--ifm-font-weight-normal)}.text--semibold{font-weight:var(--ifm-font-weight-semibold)}.text--bold{font-weight:var(--ifm-font-weight-bold)}.text--italic{font-style:italic}.text--truncate{overflow:hidden;text-overflow:ellipsis}.text--break{word-wrap:break-word!important;word-break:break-word!important}.clean-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;padding:0}.alert,.alert .close{color:var(--ifm-alert-foreground-color)}.clean-list{padding-left:0}.alert--primary{--ifm-alert-background-color:var(--ifm-color-primary-contrast-background);--ifm-alert-background-color-highlight:#3578e526;--ifm-alert-foreground-color:var(--ifm-color-primary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-primary-dark)}.alert--secondary{--ifm-alert-background-color:var(--ifm-color-secondary-contrast-background);--ifm-alert-background-color-highlight:#ebedf026;--ifm-alert-foreground-color:var(--ifm-color-secondary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-secondary-dark)}.alert--success{--ifm-alert-background-color:var(--ifm-color-success-contrast-background);--ifm-alert-background-color-highlight:#00a40026;--ifm-alert-foreground-color:var(--ifm-color-success-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-success-dark)}.alert--info{--ifm-alert-background-color:var(--ifm-color-info-contrast-background);--ifm-alert-background-color-highlight:#54c7ec26;--ifm-alert-foreground-color:var(--ifm-color-info-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-info-dark)}.alert--warning{--ifm-alert-background-color:var(--ifm-color-warning-contrast-background);--ifm-alert-background-color-highlight:#ffba0026;--ifm-alert-foreground-color:var(--ifm-color-warning-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-warning-dark)}.alert--danger{--ifm-alert-background-color:var(--ifm-color-danger-contrast-background);--ifm-alert-background-color-highlight:#fa383e26;--ifm-alert-foreground-color:var(--ifm-color-danger-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-danger-dark)}.alert{--ifm-code-background:var(--ifm-alert-background-color-highlight);--ifm-link-color:var(--ifm-alert-foreground-color);--ifm-link-hover-color:var(--ifm-alert-foreground-color);--ifm-link-decoration:underline;--ifm-tabs-color:var(--ifm-alert-foreground-color);--ifm-tabs-color-active:var(--ifm-alert-foreground-color);--ifm-tabs-color-active-border:var(--ifm-alert-border-color);background-color:var(--ifm-alert-background-color);border:var(--ifm-alert-border-width) solid var(--ifm-alert-border-color);border-left-width:var(--ifm-alert-border-left-width);border-radius:var(--ifm-alert-border-radius);box-shadow:var(--ifm-alert-shadow);padding:var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal)}.alert__heading{align-items:center;display:flex;font:700 var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);margin-bottom:.5rem}.alert__icon{display:inline-flex;margin-right:.4em}.alert__icon svg{fill:var(--ifm-alert-foreground-color);stroke:var(--ifm-alert-foreground-color);stroke-width:0}.alert .close{margin:calc(var(--ifm-alert-padding-vertical)*-1) calc(var(--ifm-alert-padding-horizontal)*-1) 0 0;opacity:.75}.alert .close:focus,.alert .close:hover{opacity:1}.alert a{text-decoration-color:var(--ifm-alert-border-color)}.alert a:hover{text-decoration-thickness:2px}.avatar{column-gap:var(--ifm-avatar-intro-margin);display:flex}.avatar__photo{border-radius:50%;display:block;height:var(--ifm-avatar-photo-size);overflow:hidden;width:var(--ifm-avatar-photo-size)}.avatar__photo--sm{--ifm-avatar-photo-size:2rem}.avatar__photo--lg{--ifm-avatar-photo-size:4rem}.avatar__photo--xl{--ifm-avatar-photo-size:6rem}.avatar__intro{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:var(--ifm-avatar-intro-alignment)}.badge,.breadcrumbs__item,.breadcrumbs__link,.button,.dropdown>.navbar__link:after,.inline-block{display:inline-block}.avatar__name{font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base)}.avatar__subtitle{margin-top:.25rem}.avatar--vertical{--ifm-avatar-intro-alignment:center;--ifm-avatar-intro-margin:0.5rem;align-items:center;flex-direction:column}.badge{background-color:var(--ifm-badge-background-color);border:var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);border-radius:var(--ifm-badge-border-radius);color:var(--ifm-badge-color);font-size:75%;font-weight:var(--ifm-font-weight-bold);line-height:1;padding:var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal)}.badge--primary{--ifm-badge-background-color:var(--ifm-color-primary)}.badge--secondary{--ifm-badge-background-color:var(--ifm-color-secondary);color:var(--ifm-color-black)}.breadcrumbs__link,.button.button--secondary.button--outline:not(.button--active):not(:hover){color:var(--ifm-font-color-base)}.badge--success{--ifm-badge-background-color:var(--ifm-color-success)}.badge--info{--ifm-badge-background-color:var(--ifm-color-info)}.badge--warning{--ifm-badge-background-color:var(--ifm-color-warning)}.badge--danger{--ifm-badge-background-color:var(--ifm-color-danger)}.breadcrumbs{margin-bottom:0;padding-left:0}.breadcrumbs__item:not(:last-child):after{background:var(--ifm-breadcrumb-separator) center;content:" ";display:inline-block;filter:var(--ifm-breadcrumb-separator-filter);height:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier));margin:0 var(--ifm-breadcrumb-spacing);opacity:.5;width:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier))}.breadcrumbs__item--active .breadcrumbs__link{background:var(--ifm-breadcrumb-item-background-active);color:var(--ifm-breadcrumb-color-active)}.breadcrumbs__link{border-radius:var(--ifm-breadcrumb-border-radius);font-size:calc(1rem*var(--ifm-breadcrumb-size-multiplier));padding:calc(var(--ifm-breadcrumb-padding-vertical)*var(--ifm-breadcrumb-size-multiplier)) calc(var(--ifm-breadcrumb-padding-horizontal)*var(--ifm-breadcrumb-size-multiplier));transition-duration:var(--ifm-transition-fast);transition-property:background,color}.breadcrumbs__link:any-link:hover,.breadcrumbs__link:link:hover,.breadcrumbs__link:visited:hover,area[href].breadcrumbs__link:hover{background:var(--ifm-breadcrumb-item-background-active);text-decoration:none}.breadcrumbs--sm{--ifm-breadcrumb-size-multiplier:0.8}.breadcrumbs--lg{--ifm-breadcrumb-size-multiplier:1.2}.button{background-color:var(--ifm-button-background-color);border:var(--ifm-button-border-width) solid var(--ifm-button-border-color);border-radius:var(--ifm-button-border-radius);cursor:pointer;font-size:calc(.875rem*var(--ifm-button-size-multiplier));font-weight:var(--ifm-button-font-weight);line-height:1.5;padding:calc(var(--ifm-button-padding-vertical)*var(--ifm-button-size-multiplier)) calc(var(--ifm-button-padding-horizontal)*var(--ifm-button-size-multiplier));text-align:center;transition-duration:var(--ifm-button-transition-duration);transition-property:color,background,border-color;-webkit-user-select:none;user-select:none}.button,.button:hover{color:var(--ifm-button-color)}.button--outline{--ifm-button-color:var(--ifm-button-border-color)}.button--outline:hover{--ifm-button-background-color:var(--ifm-button-border-color)}.button--link{--ifm-button-border-color:#0000;color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration)}.button--link.button--active,.button--link:active,.button--link:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button.disabled,.button:disabled,.button[disabled]{opacity:.65;pointer-events:none}.button--sm{--ifm-button-size-multiplier:0.8}.button--lg{--ifm-button-size-multiplier:1.35}.button--block{display:block;width:100%}.button.button--secondary{color:var(--ifm-color-gray-900)}:where(.button--primary){--ifm-button-background-color:var(--ifm-color-primary);--ifm-button-border-color:var(--ifm-color-primary)}:where(.button--primary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-primary-dark);--ifm-button-border-color:var(--ifm-color-primary-dark)}.button--primary.button--active,.button--primary:active{--ifm-button-background-color:var(--ifm-color-primary-darker);--ifm-button-border-color:var(--ifm-color-primary-darker)}:where(.button--secondary){--ifm-button-background-color:var(--ifm-color-secondary);--ifm-button-border-color:var(--ifm-color-secondary)}:where(.button--secondary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-secondary-dark);--ifm-button-border-color:var(--ifm-color-secondary-dark)}.button--secondary.button--active,.button--secondary:active{--ifm-button-background-color:var(--ifm-color-secondary-darker);--ifm-button-border-color:var(--ifm-color-secondary-darker)}:where(.button--success){--ifm-button-background-color:var(--ifm-color-success);--ifm-button-border-color:var(--ifm-color-success)}:where(.button--success):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-success-dark);--ifm-button-border-color:var(--ifm-color-success-dark)}.button--success.button--active,.button--success:active{--ifm-button-background-color:var(--ifm-color-success-darker);--ifm-button-border-color:var(--ifm-color-success-darker)}:where(.button--info){--ifm-button-background-color:var(--ifm-color-info);--ifm-button-border-color:var(--ifm-color-info)}:where(.button--info):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-info-dark);--ifm-button-border-color:var(--ifm-color-info-dark)}.button--info.button--active,.button--info:active{--ifm-button-background-color:var(--ifm-color-info-darker);--ifm-button-border-color:var(--ifm-color-info-darker)}:where(.button--warning){--ifm-button-background-color:var(--ifm-color-warning);--ifm-button-border-color:var(--ifm-color-warning)}:where(.button--warning):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-warning-dark);--ifm-button-border-color:var(--ifm-color-warning-dark)}.button--warning.button--active,.button--warning:active{--ifm-button-background-color:var(--ifm-color-warning-darker);--ifm-button-border-color:var(--ifm-color-warning-darker)}:where(.button--danger){--ifm-button-background-color:var(--ifm-color-danger);--ifm-button-border-color:var(--ifm-color-danger)}:where(.button--danger):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-danger-dark);--ifm-button-border-color:var(--ifm-color-danger-dark)}.button--danger.button--active,.button--danger:active{--ifm-button-background-color:var(--ifm-color-danger-darker);--ifm-button-border-color:var(--ifm-color-danger-darker)}.button-group{display:inline-flex;gap:var(--ifm-button-group-spacing)}.button-group>.button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.button-group>.button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.button-group--block{display:flex;justify-content:stretch}.button-group--block>.button{flex-grow:1}.card{background-color:var(--ifm-card-background-color);border-radius:var(--ifm-card-border-radius);box-shadow:var(--ifm-global-shadow-lw);display:flex;flex-direction:column;overflow:hidden}.card--full-height{height:100%}.card__image{padding-top:var(--ifm-card-vertical-spacing)}.card__image:first-child,.pt-0{padding-top:0}.card__body,.card__footer,.card__header{padding:var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing)}.card__body:not(:last-child),.card__footer:not(:last-child),.card__header:not(:last-child){padding-bottom:0}.card__body>:last-child,.card__footer>:last-child,.card__header>:last-child{margin-bottom:0}.card__footer{margin-top:auto}.table-of-contents{font-size:.8rem;margin-bottom:0;padding:var(--ifm-toc-padding-vertical) 0}.table-of-contents,.table-of-contents ul{list-style:none;padding-left:var(--ifm-toc-padding-horizontal)}.table-of-contents li{margin:var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal)}.table-of-contents__left-border{border-left:1px solid var(--ifm-toc-border-color)}.table-of-contents__link{color:var(--ifm-toc-link-color);display:block}.table-of-contents__link--active,.table-of-contents__link--active code,.table-of-contents__link:hover,.table-of-contents__link:hover code{color:var(--ifm-color-primary);text-decoration:none}.close{color:var(--ifm-color-black);float:right;font-size:1.5rem;font-weight:var(--ifm-font-weight-bold);line-height:1;opacity:.5;padding:1rem;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.close:hover{opacity:.7}.close:focus,.theme-code-block-highlighted-line .codeLineNumber_UV2B:before{opacity:.8}.dropdown{display:inline-flex;font-weight:var(--ifm-dropdown-font-weight);position:relative;vertical-align:top}.dropdown--hoverable:hover .dropdown__menu,.dropdown--show .dropdown__menu{opacity:1;pointer-events:all;transform:translateY(-1px);visibility:visible}.dropdown--right .dropdown__menu{left:inherit;right:0}.dropdown--nocaret .navbar__link:after{content:none!important}.dropdown__menu{background-color:var(--ifm-dropdown-background-color);border-radius:var(--ifm-global-radius);box-shadow:var(--ifm-global-shadow-md);left:0;max-height:80vh;min-width:10rem;opacity:0;overflow-y:auto;padding:.5rem;pointer-events:none;position:absolute;top:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);transform:translateY(-.625rem);transition-duration:var(--ifm-transition-fast);transition-property:opacity,transform,visibility;transition-timing-function:var(--ifm-transition-timing-default);visibility:hidden;z-index:var(--ifm-z-index-dropdown)}.menu__caret,.menu__link,.menu__list-item-collapsible{border-radius:.25rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.dropdown__link{border-radius:.25rem;color:var(--ifm-dropdown-link-color);display:block;font-size:.875rem;margin-top:.2rem;padding:.25rem .5rem}.dropdown__link--active,.dropdown__link:hover{background-color:var(--ifm-dropdown-hover-background-color);color:var(--ifm-dropdown-link-color);text-decoration:none}.dropdown__link--active,.dropdown__link--active:hover{--ifm-dropdown-link-color:var(--ifm-link-color)}.dropdown>.navbar__link:after{border-color:currentcolor #0000;border-style:solid;border-width:.4em .4em 0;content:"";margin-left:.3em;position:relative;top:2px;transform:translateY(-50%)}.footer{background-color:var(--ifm-footer-background-color);color:var(--ifm-footer-color);padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal)}.footer--dark{--ifm-footer-background-color:#303846;--ifm-footer-color:var(--ifm-footer-link-color);--ifm-footer-link-color:var(--ifm-color-secondary);--ifm-footer-title-color:var(--ifm-color-white)}.footer__links,.mb-4{margin-bottom:1rem}.footer__link-item{color:var(--ifm-footer-link-color);line-height:2}.footer__link-item:hover{color:var(--ifm-footer-link-hover-color)}.footer__link-separator{margin:0 var(--ifm-footer-link-horizontal-spacing)}.footer__logo{margin-top:1rem;max-width:var(--ifm-footer-logo-max-width)}.footer__title{color:var(--ifm-footer-title-color);font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base);margin-bottom:var(--ifm-heading-margin-bottom)}.menu,.navbar__link{font-weight:var(--ifm-font-weight-semibold)}.footer__item{margin-top:0}.footer__items{margin-bottom:0}.codeBlockStandalone_BZ5x,.p-0,[type=checkbox],dialog,fieldset,legend{padding:0}.hero{align-items:center;background-color:var(--ifm-hero-background-color);color:var(--ifm-hero-text-color);display:flex;padding:4rem 2rem}.hero--primary{--ifm-hero-background-color:var(--ifm-color-primary);--ifm-hero-text-color:var(--ifm-font-color-base-inverse)}.hero--dark{--ifm-hero-background-color:#303846;--ifm-hero-text-color:var(--ifm-color-white)}.hero__title{font-size:3rem}.hero__subtitle,.text-2xl{font-size:1.5rem}.menu__list{margin:0;padding-left:0}.menu__caret,.menu__link{padding:var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal)}.menu__list .menu__list{flex:0 0 100%;margin-top:.25rem;padding-left:var(--ifm-menu-link-padding-horizontal)}.menu__list-item:not(:first-child),.mt-1{margin-top:.25rem}.menu__list-item--collapsed .menu__list{height:0;overflow:hidden}.details_GXzP[data-collapsed=false].isBrowser_pHft>summary:before,.details_GXzP[open]:not(.isBrowser_pHft)>summary:before,.menu__list-item--collapsed .menu__caret:before,.menu__list-item--collapsed .menu__link--sublist:after{transform:rotate(90deg)}.menu__list-item-collapsible{display:flex;flex-wrap:wrap;position:relative}.menu__caret:hover,.menu__link:hover,.menu__list-item-collapsible--active,.menu__list-item-collapsible:hover{background:var(--ifm-menu-color-background-hover)}.menu__list-item-collapsible .menu__link--active,.menu__list-item-collapsible .menu__link:hover{background:none!important}.menu__caret,.menu__link{align-items:center;display:flex}.navbar-sidebar,.navbar-sidebar__backdrop{opacity:0;top:0;transition-duration:var(--ifm-transition-fast);transition-timing-function:ease-in-out;visibility:hidden;left:0;bottom:0}.menu__link{color:var(--ifm-menu-color);flex:1;line-height:1.25}.menu__link:hover{color:var(--ifm-menu-color);text-decoration:none}.menu__caret:before,.menu__link--sublist-caret:after{content:"";filter:var(--ifm-menu-link-sublist-icon-filter);height:1.25rem;transform:rotate(180deg);transition:transform var(--ifm-transition-fast) linear;width:1.25rem}.menu__link--sublist-caret:after{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem;margin-left:auto;min-width:1.25rem}.menu__link--active,.menu__link--active:hover{color:var(--ifm-menu-color-active)}.navbar__brand,.navbar__link{color:var(--ifm-navbar-link-color)}.menu__link--active:not(.menu__link--sublist){background-color:var(--ifm-menu-color-background-active)}.menu__caret:before{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem}.filter,.hover\:brightness-90:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navbar--dark,html[data-theme=dark]{--ifm-menu-link-sublist-icon-filter:invert(100%) sepia(94%) saturate(17%) hue-rotate(223deg) brightness(104%) contrast(98%)}.navbar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-navbar-shadow);height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.flex,.navbar,.navbar>.container,.navbar>.container-fluid{display:flex}.navbar--fixed-top{position:sticky;top:0;z-index:var(--ifm-z-index-fixed)}.navbar__inner{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.navbar__brand{align-items:center;display:flex;margin-right:1rem;min-width:0}.navbar__brand:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.announcementBarContent__DAX,.navbar__title{flex:1 1 auto}.navbar__toggle{display:none;margin-right:.5rem}.navbar__logo{flex:0 0 auto;height:2rem;margin-right:.5rem}.h-full,.navbar__logo img,body,html{height:100%}.navbar__items{align-items:center;display:flex;flex:1;min-width:0}.navbar__items--center{flex:0 0 auto}.m-0,.navbar__items--center .navbar__brand,blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}.navbar__items--center+.navbar__items--right{flex:1}.navbar__items--right{flex:0 0 auto;justify-content:flex-end}.navbar__items--right>:last-child{padding-right:0}.navbar__item{display:inline-block;padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}#nprogress,.navbar__item.dropdown .navbar__link:not([href]){pointer-events:none}.navbar__link--active,.navbar__link:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.navbar--dark,.navbar--primary{--ifm-menu-color:var(--ifm-color-gray-300);--ifm-navbar-link-color:var(--ifm-color-gray-100);--ifm-navbar-search-input-background-color:#ffffff1a;--ifm-navbar-search-input-placeholder-color:#ffffff80;color:var(--ifm-color-white)}.navbar--dark{--ifm-navbar-background-color:#242526;--ifm-menu-color-background-active:#ffffff0d;--ifm-navbar-search-input-color:var(--ifm-color-white)}.navbar--primary{--ifm-navbar-background-color:var(--ifm-color-primary);--ifm-navbar-link-hover-color:var(--ifm-color-white);--ifm-menu-color-active:var(--ifm-color-white);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-500)}.navbar__search-input{-webkit-appearance:none;appearance:none;background:var(--ifm-navbar-search-input-background-color) var(--ifm-navbar-search-input-icon) no-repeat .75rem center/1rem 1rem;border:none;border-radius:2rem;color:var(--ifm-navbar-search-input-color);cursor:text;display:inline-block;font-size:.9rem;height:2rem;padding:0 .5rem 0 2.25rem;width:12.5rem}.cursor-pointer,.dropdownNavbarItemMobile_JUhd,.footerItem_GsU2,.pills__item,.refine-toc-item,.tabs__item,[role=button],button{cursor:pointer}.navbar__search-input::placeholder{color:var(--ifm-navbar-search-input-placeholder-color)}.navbar-sidebar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-global-shadow-md);position:fixed;transform:translate3d(-100%,0,0);transition-property:opacity,visibility,transform;width:var(--ifm-navbar-sidebar-width)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar__items,.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar--show .navbar-sidebar__backdrop{opacity:1;visibility:visible}.navbar-sidebar__backdrop{background-color:#0009;position:fixed;right:0;transition-property:opacity,visibility}.navbar-sidebar__brand{align-items:center;box-shadow:var(--ifm-navbar-shadow);display:flex;flex:1;height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.navbar-sidebar__items{display:flex;height:calc(100% - var(--ifm-navbar-height));transition:transform var(--ifm-transition-fast) ease-in-out}.navbar-sidebar__items--show-secondary{transform:translate3d(calc((var(--ifm-navbar-sidebar-width))*-1),0,0)}.navbar-sidebar__item{flex-shrink:0;padding:.5rem;width:calc(var(--ifm-navbar-sidebar-width))}.navbar-sidebar__back{background:var(--ifm-menu-color-background-active);font-size:15px;font-weight:var(--ifm-button-font-weight);margin:0 0 .2rem -.5rem;padding:.6rem 1.5rem;position:relative;text-align:left;top:-.5rem;width:calc(100% + 1rem)}.navbar-sidebar__close{display:flex;margin-left:auto}.pagination{column-gap:var(--ifm-pagination-page-spacing);display:flex;font-size:var(--ifm-pagination-font-size);padding-left:0}.pagination--sm{--ifm-pagination-font-size:0.8rem;--ifm-pagination-padding-horizontal:0.8rem;--ifm-pagination-padding-vertical:0.2rem}.pagination--lg{--ifm-pagination-font-size:1.2rem;--ifm-pagination-padding-horizontal:1.2rem;--ifm-pagination-padding-vertical:0.3rem}.inline-flex,.pagination__item{display:inline-flex}.pagination__item>span{padding:var(--ifm-pagination-padding-vertical)}.pagination__item--active .pagination__link{color:var(--ifm-pagination-color-active)}.pagination__item--active .pagination__link,.pagination__item:not(.pagination__item--active):hover .pagination__link{background:var(--ifm-pagination-item-active-background)}.pagination__item--disabled,.pagination__item[disabled]{opacity:.25;pointer-events:none}.pagination__link{border-radius:var(--ifm-pagination-border-radius);color:var(--ifm-font-color-base);display:inline-block;padding:var(--ifm-pagination-padding-vertical) var(--ifm-pagination-padding-horizontal);transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination__link:hover,html .no-underline{text-decoration:none}.pagination-nav{grid-gap:var(--ifm-spacing-horizontal);display:grid;gap:var(--ifm-spacing-horizontal);grid-template-columns:repeat(2,1fr)}.pagination-nav__link{border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-pagination-nav-border-radius);display:block;height:100%;line-height:var(--ifm-heading-line-height);padding:var(--ifm-global-spacing);transition:border-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination-nav__link:hover{border-color:var(--ifm-pagination-nav-color-hover);text-decoration:none}.pagination-nav__link--next{grid-column:2/3;text-align:right}.content_B3zk,.text-center{text-align:center}.pagination-nav__label{font-size:var(--ifm-h4-font-size);font-weight:var(--ifm-heading-font-weight);word-break:break-word}.pagination-nav__link--prev .pagination-nav__label:before{content:"« "}.pagination-nav__link--next .pagination-nav__label:after{content:" »"}.pagination-nav__sublabel{color:var(--ifm-color-content-secondary);font-size:var(--ifm-h5-font-size);font-weight:var(--ifm-font-weight-semibold);margin-bottom:.25rem}.pills__item,.tabs{font-weight:var(--ifm-font-weight-bold)}.pills{display:flex;gap:var(--ifm-pills-spacing);padding-left:0}.pills__item{border-radius:.5rem;display:inline-block;padding:.25rem 1rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pills__item--active{color:var(--ifm-pills-color-active)}.pills__item--active,.pills__item:not(.pills__item--active):hover{background:var(--ifm-pills-color-background-active)}.pills--block{justify-content:stretch}.pills--block .pills__item{flex-grow:1;text-align:center}.tabs{color:var(--ifm-tabs-color);display:flex;margin-bottom:0;overflow-x:auto;padding-left:0}.tabs__item{border-bottom:3px solid #0000;border-radius:var(--ifm-global-radius);display:inline-flex;padding:var(--ifm-tabs-padding-vertical) var(--ifm-tabs-padding-horizontal);transition:background-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.transition,.transition-colors,.transition-opacity,.transition-transform{transition-duration:.15s}.refine-details>summary .refine-details-triangle,.transition,.transition-colors,.transition-opacity,.transition-transform{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tabs__item--active{border-bottom-color:var(--ifm-tabs-color-active-border);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--ifm-tabs-color-active)}.tabs__item:hover{background-color:var(--ifm-hover-overlay)}.tabs--block{justify-content:stretch}.tabs--block .tabs__item{flex-grow:1;justify-content:center}html[data-theme=dark]{--ifm-color-scheme:dark;--ifm-color-emphasis-0:var(--ifm-color-gray-1000);--ifm-color-emphasis-100:var(--ifm-color-gray-900);--ifm-color-emphasis-200:var(--ifm-color-gray-800);--ifm-color-emphasis-300:var(--ifm-color-gray-700);--ifm-color-emphasis-400:var(--ifm-color-gray-600);--ifm-color-emphasis-600:var(--ifm-color-gray-400);--ifm-color-emphasis-700:var(--ifm-color-gray-300);--ifm-color-emphasis-800:var(--ifm-color-gray-200);--ifm-color-emphasis-900:var(--ifm-color-gray-100);--ifm-color-emphasis-1000:var(--ifm-color-gray-0);--ifm-background-color:#1b1b1d;--ifm-background-surface-color:#242526;--ifm-hover-overlay:#ffffff0d;--ifm-color-content:#e3e3e3;--ifm-color-content-secondary:#fff;--ifm-breadcrumb-separator-filter:invert(64%) sepia(11%) saturate(0%) hue-rotate(149deg) brightness(99%) contrast(95%);--ifm-code-background:#ffffff1a;--ifm-scrollbar-track-background-color:#444;--ifm-scrollbar-thumb-background-color:#686868;--ifm-scrollbar-thumb-hover-background-color:#7a7a7a;--ifm-table-stripe-background:#ffffff12;--ifm-toc-border-color:var(--ifm-color-emphasis-200);--ifm-color-primary-contrast-background:#102445;--ifm-color-primary-contrast-foreground:#ebf2fc;--ifm-color-secondary-contrast-background:#474748;--ifm-color-secondary-contrast-foreground:#fdfdfe;--ifm-color-success-contrast-background:#003100;--ifm-color-success-contrast-foreground:#e6f6e6;--ifm-color-info-contrast-background:#193c47;--ifm-color-info-contrast-foreground:#eef9fd;--ifm-color-warning-contrast-background:#4d3800;--ifm-color-warning-contrast-foreground:#fff8e6;--ifm-color-danger-contrast-background:#4b1113;--ifm-color-danger-contrast-foreground:#ffebec}#nprogress .bar{background:var(--docusaurus-progress-bar-color);height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px var(--docusaurus-progress-bar-color),0 0 5px var(--docusaurus-progress-bar-color);height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}.blog-wrapper:root,.docs-wrapper:root{--primary-font-sans:"Inter"}.scrollbar-slim{scrollbar-color:red blue;scrollbar-width:thin}.scrollbar-slim::-webkit-scrollbar{width:12px}.scrollbar-slim::-webkit-scrollbar-track{background:#14141f;border-radius:5px}.scrollbar-slim::-webkit-scrollbar-thumb{background-color:#303450;border:3px solid #14141f;border-radius:12px}.refine-prose{color:var(--tw-prose-body);max-width:100%!important;--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75;--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders);font-weight:400;max-width:none}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.refine-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.refine-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.refine-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.refine-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.refine-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.refine-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.refine-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}progress,sub,sup{vertical-align:initial}.refine-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.refine-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.refine-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.refine-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.refine-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .refine-prose) :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity));font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600;font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity));font-weight:600;font-size:1rem;line-height:1.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));font-weight:600;font-size:.875rem;line-height:2.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity));font-weight:600;font-size:.75rem;line-height:1.33rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-bottom:1.25rem;margin-top:0;font-size:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;margin-bottom:0;margin-top:0}.refine-prose :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){border-left-width:4px;border-radius:.5rem;font-style:normal;font-weight:400;padding:1rem;--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity));border-left-color:rgb(163 173 194/var(--tw-border-opacity));color:rgb(48 52 80/var(--tw-text-opacity))}.refine-prose:last-child :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:0}:is(:where([data-theme=dark]) .refine-prose) :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity));border-left-color:rgb(71 78 107/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.625rem;line-height:.75rem;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(222 229 237/var(--tw-bg-opacity));color:rgb(48 52 80/var(--tw-text-opacity));border-radius:.25rem;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:2px .375rem 3px;border-style:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):before{--tw-content:none;content:var(--tw-content)}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):after{--tw-content:none;content:var(--tw-content)}.refine-prose h1 code,.refine-prose h2 code,.refine-prose h3 code{font-size:inherit;line-height:inherit;vertical-align:bottom}.refine-prose blockquote p:after,.refine-prose blockquote p:before,.refine-prose blockquote:after,.refine-prose blockquote:before{--tw-content:none;content:var(--tw-content)}.refine-prose table :is(:where(table):not(:where([class~=not-prose],[class~=not-prose] *))){border-style:none}.refine-prose table tr{border-top:unset}.refine-prose table td,.refine-prose table th{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(222 229 237/var(--tw-border-opacity));border-width:1px;color:rgb(20 20 31/var(--tw-text-opacity));padding:.5rem;font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table td),:is(:where([data-theme=dark]) .refine-prose table th){--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity));color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose table th{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600}:is(:where([data-theme=dark]) .refine-prose table th){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose table th,.refine-prose table th code,.text-sm{font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(odd)){--tw-bg-opacity:0.3;background-color:rgb(48 52 80/var(--tw-bg-opacity))}.refine-prose table tbody tr:nth-child(odd){--tw-bg-opacity:0.1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}.bg-gray-50,.refine-prose table tbody tr:nth-child(2n),.refine-prose table thead{--tw-bg-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(2n)){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table thead){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}.refine-prose table thead tr{border-style:none}.refine-prose .table-container{margin-bottom:1rem;margin-top:2rem;max-width:100%;overflow:auto;padding-bottom:1rem}.refine-prose .table-container table{display:table;margin-bottom:0;margin-top:0;table-layout:auto}.refine-toc-item code:after,.refine-toc-item code:before{content:""}.refine-toc-item code{border-radius:.25rem;border-style:none!important;color:inherit!important;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:.125rem .25rem;vertical-align:bottom!important;font-size:12px}:is(:where([data-theme=dark]) .refine-toc-item code){--tw-bg-opacity:0.3;background-color:rgb(71 78 107/var(--tw-bg-opacity));color:inherit!important}a:has(>code){text-decoration:none!important}a:has(>code) code{--tw-text-opacity:1!important;color:rgb(0 128 255/var(--tw-text-opacity))!important;vertical-align:text-bottom!important}:is(:where([data-theme=dark]) a:has(>code) code){--tw-text-opacity:1!important;color:rgb(110 179 247/var(--tw-text-opacity))!important}p:has(>code) code{margin-left:.125rem;margin-right:.125rem;vertical-align:text-bottom!important}li a:has(>code) code{margin-left:0!important;margin-right:0!important;vertical-align:text-bottom!important}.admonition.admonition-caution code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(242 128 13/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution code){--tw-bg-opacity:15%;background-color:#ff99331a}.admonition.admonition-caution a{--tw-text-opacity:1;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution a){--tw-text-opacity:1;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-caution a code{--tw-text-opacity:1!important;color:rgb(204 102 0/var(--tw-text-opacity))!important}:is(:where([data-theme=dark]) .admonition.admonition-caution a code){--tw-text-opacity:1!important;color:rgb(255 153 51/var(--tw-text-opacity))!important}.admonition.admonition-caution li::marker{--tw-text-opacity:0.5;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution li)::marker{--tw-text-opacity:0.5;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-danger code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(255 76 77/var(--tw-bg-opacity))}.admonition.admonition-danger a{--tw-text-opacity:1;color:rgb(255 76 77/var(--tw-text-opacity))}.admonition.admonition-danger a code{--tw-text-opacity:1!important;color:rgb(255 76 77/var(--tw-text-opacity))!important}.admonition.admonition-info code{--tw-bg-opacity:15%;background-color:#0080ff1a}:is(:where([data-theme=dark]) .admonition.admonition-info code){--tw-bg-opacity:15%;background-color:#6eb3f71a}.admonition.admonition-info a,.admonition.admonition-info-tip a{--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info a){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-info li::marker{--tw-text-opacity:0.5;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info li)::marker{--tw-text-opacity:0.5;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-tip code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(31 173 102/var(--tw-bg-opacity))}.admonition.admonition-note code,.bg-\[\#5865F2\],.bg-black,.bg-blue-100,.bg-gray-0,.bg-gray-100,.bg-gray-200,.bg-gray-600,.bg-gray-900,.bg-refine-blue,.bg-tech-purple-03,.bg-violet-800,.bg-white{--tw-bg-opacity:1}.admonition.admonition-tip a{--tw-text-opacity:1;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-tip a code{--tw-text-opacity:1!important;color:rgb(31 173 102/var(--tw-text-opacity))!important}.admonition.admonition-tip li::marker{--tw-text-opacity:0.5;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-note code{--tw-bg-opacity:15%;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-additional a,.admonition.admonition-note a{--tw-text-opacity:1;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-note a code{--tw-text-opacity:1!important;color:rgb(15 189 189/var(--tw-text-opacity))!important}.admonition.admonition-note li::marker{--tw-text-opacity:0.5;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-additional code{--tw-bg-opacity:0.2;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-info-tip code{--tw-bg-opacity:0.2;background-color:rgb(0 128 255/var(--tw-bg-opacity))}.admonition pre.prism-code code,.bg-transparent{background-color:initial}.refine-details>summary+div>div{border-top-width:0;margin-top:0;padding-top:0}.p-4,.refine-details-content{padding:1rem}.refine-details>summary .refine-details-triangle{--tw-rotate:-90deg;transition-duration:.2s;transition-property:transform}.-rotate-180,.-rotate-90,.refine-details>summary .refine-details-triangle,.refine-details[open]>summary .refine-details-triangle,.rotate-0,.scale-100,.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.refine-details[open]>summary .refine-details-triangle,.rotate-0{--tw-rotate:0deg}.max-w-screen-content{max-width:480px}html[data-active-page=index],html[data-active-page=index] body{--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}@keyframes a{0%,35%,to{opacity:0}30%,5%{opacity:1}}.landing-hero-mobile-svg .auth,.landing-hero-mobile-svg .backend,.landing-hero-mobile-svg .framework,.landing-hero-mobile-svg .platform{animation:24s infinite a;opacity:0;will-change:opacity}.landing-hero-mobile-svg .nextjs{animation-delay:0s}.landing-hero-mobile-svg .vite{animation-delay:8s}.landing-hero-mobile-svg .remix{animation-delay:16s}.landing-hero-mobile-svg .mui{animation-delay:-3s}.landing-hero-mobile-svg .antd{animation-delay:5s}.landing-hero-mobile-svg .chakra{animation-delay:13s}.landing-hero-mobile-svg .supabase{animation-delay:-6s}.landing-hero-mobile-svg .nest{animation-delay:2s}.landing-hero-mobile-svg .appwrite{animation-delay:10s}.landing-hero-mobile-svg .google{animation-delay:-9s}.landing-hero-mobile-svg .auth0{animation-delay:-1s}.landing-hero-mobile-svg .strapi{animation-delay:7s}.animation-parent{backface-visibility:hidden;perspective:1000;transform:translateZ(0)}#__docusaurus-base-url-issue-banner-container,.hidden,.sp-icon-standalone[title="Open in CodeSandbox"] svg+span,.sp-preview .sp-custom-loading,.sp-preview .sp-loading,.themedComponent_FXRw,[data-theme=dark] .lightToggleIcon__wwy,[data-theme=light] .darkToggleIcon_iyjK,[hidden],html[data-announcement-bar-initially-dismissed=true] .announcementBar_hbYq{display:none}.sp-preview .sp-loading+.sp-custom-loading{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:calc(var(--sp-zIndices-top) + 1)}button.sp-button.sp-icon-standalone[title="Open in CodeSandbox"]:has(svg+span){padding-left:0;padding-right:4px;width:26px}.admonition-simple .admonition-content :last-child,.admonitionContent_YstZ>:last-child,.collapsibleContent_uFAl p:last-child,.details_GXzP>summary>p:last-child,.mb-0,.refine-tab-content>:last-child{margin-bottom:0}.admonition-simple ul{list-style-position:outside;list-style-type:"-   ";margin:0;padding-left:24px}.admonition-simple *{font-size:.875rem;line-height:1rem}.admonition-simple .admonition-content ul li::marker{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition-simple .admonition-content ul li)::marker{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}h4>del:has(code:only-child){text-decoration-line:none}html h4>del:has(code:only-child){text-decoration:none}h4>del:has(code:only-child) code{text-decoration-line:line-through}.font-\[500\],.font-medium,.sp-tab-button[data-active=true]{font-weight:500}*,:after,:before{border:0 solid #dee5ed}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{display:block;margin-bottom:var(--ifm-spacing-vertical);overflow:auto;border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}.admonitionHeading_wuvZ code,button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}menu,ol,ul{margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a3adc2;opacity:1}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container,.w-full{width:100%}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible,.swiper-slide-invisible-blank{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.right-\[24px\]{right:24px}.top-0{top:0}.top-2{top:.5rem}.top-32{top:8rem}.top-\[24px\]{top:24px}.top-\[67px\]{top:67px}.z-50{z-index:50}.z-\[100\],.z-modal{z-index:100}.z-\[1\]{z-index:1}.z-\[55\]{z-index:55}.m-1{margin:.25rem}.m-6{margin:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[40px\]{margin-bottom:40px}.ml-\[5px\]{margin-left:5px}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.table{display:table}.grid{display:grid}.h-0{height:0}.h-0\.5{height:.125rem}.h-12{height:3rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[120px\]{height:120px}.h-\[12px\]{height:12px}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[40px\]{height:40px}.h-\[4px\]{height:4px}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-\[calc\(100vh-67px\)\]{height:calc(100vh - 67px)}.h-auto,.img_CfaS,.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.h-screen{height:100vh}.max-h-\[180px\]{max-height:180px}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[10px\]{width:10px}.w-\[12px\]{width:12px}.w-\[142px\]{width:142px}.w-\[193px\]{width:193px}.w-\[24px\]{width:24px}.w-\[264px\]{width:264px}.w-\[280px\]{width:280px}.w-\[343px\]{width:343px}.w-\[40px\]{width:40px}.w-\[42\.5px\]{width:42.5px}.w-\[45px\]{width:45px}.w-\[4px\]{width:4px}.w-\[51px\]{width:51px}.w-auto{width:auto}.w-max{width:max-content}.min-w-0{min-width:0}.max-w-\[1600px\]{max-width:1600px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-\[512px\]{max-width:512px}.max-w-\[576px\]{max-width:576px}.max-w-md{max-width:28rem}.max-w-screen-blog-max{max-width:1408px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-rotate-180{--tw-rotate:-180deg}.-rotate-90{--tw-rotate:-90deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.footerContentContainer_DQf_,.itemsContainer_OUc9,.logoContainerStyle_PeVm,.templateItemContainer_lyZ8{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col,.swiper-vertical>.swiper-wrapper{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[16px\]{gap:16px}.gap-\[24px\]{gap:24px}.gap-\[40px\]{gap:40px}.gap-\[4px\]{gap:4px}.gap-\[60px\]{gap:60px}.gap-\[8px\]{gap:8px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border,.border-\[1px\]{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-gray-02{border-color:#1f1f1f}.border-gray-100{--tw-border-opacity:1;border-color:rgb(237 242 247/var(--tw-border-opacity))}.border-white-01{border-color:#fff}.border-l-gray-100{--tw-border-opacity:1;border-left-color:rgb(237 242 247/var(--tw-border-opacity))}.border-t-gray-200{--tw-border-opacity:1;border-top-color:rgb(222 229 237/var(--tw-border-opacity))}.bg-\[\#000000bf\]{background-color:#000000bf}.bg-\[\#5865F2\]{background-color:rgb(88 101 242/var(--tw-bg-opacity))}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.75\)\]{background-color:#ffffffbf}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/\[0\.64\]{background-color:#000000a3}.bg-blue-100{background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-gray-0,.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-01{background-color:#000}.bg-gray-02{background-color:#1f1f1f}.bg-gray-100{background-color:rgb(237 242 247/var(--tw-bg-opacity))}.bg-gray-200{background-color:rgb(222 229 237/var(--tw-bg-opacity))}.bg-gray-600{background-color:rgb(71 78 107/var(--tw-bg-opacity))}.bg-gray-900{background-color:rgb(20 20 31/var(--tw-bg-opacity))}.bg-gray-900\/20{background-color:#14141f33}.bg-gray-900\/70{background-color:#14141fb3}.bg-refine-blue{background-color:rgb(0 128 255/var(--tw-bg-opacity))}.bg-tech-purple-03{background-color:rgb(101 74 236/var(--tw-bg-opacity))}.bg-violet-800{background-color:rgb(91 33 182/var(--tw-bg-opacity))}.bg-white-01{background-color:#fff}.bg-white-09,.hover\:bg-white-09:hover{background-color:#ffffff19}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:.5rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[24px\]{padding-left:24px;padding-right:24px}.px-\[4px\]{padding-left:4px;padding-right:4px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-\[22px\]{padding-bottom:22px;padding-top:22px}.pb-10{padding-bottom:2.5rem}.pb-6{padding-bottom:1.5rem}.pb-\[100px\]{padding-bottom:100px}.pb-\[60px\]{padding-bottom:60px}.pl-1{padding-left:.25rem}.pl-11{padding-left:2.75rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-7{padding-left:1.75rem}.pl-\[32px\]{padding-left:32px}.pr-3{padding-right:.75rem}.pt-6{padding-top:1.5rem}.pt-\[4px\]{padding-top:4px}.align-middle{vertical-align:middle}.font-\[\'Inter\'\]{font-family:Inter}.font-sans{font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.textTitleNumStyle_TEnk,.textTitleNumStyle_h7vB{font-family:Eurostile Becker,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-3xl{font-size:1.875rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.font-\[400\],.font-normal{font-weight:400}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.5\]{line-height:1.5}.leading-\[17px\]{line-height:17px}.leading-\[22px\]{line-height:22px}.leading-\[28px\]{line-height:28px}.\!text-white-04{color:#ffffff80!important}.hover\:text-\[\#0b0c0f\]:hover,.text-\[\#0B0C0F\],.text-\[\#0b0c0f\]{--tw-text-opacity:1;color:rgb(11 12 15/var(--tw-text-opacity))}.text-\[\#1D2129\]{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity))}.text-gray-0,.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-gray-02:hover,.text-gray-02{color:#1f1f1f}.hover\:text-gray-03:hover,.text-gray-03{color:#5c5c5c}.text-gray-100{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}.hover\:text-gray-600:hover,.text-gray-600{--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}.hover\:text-gray-800:hover,.text-gray-800{--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-tech-purple-01{--tw-text-opacity:1;color:rgb(38 24 156/var(--tw-text-opacity))}.text-transparent{color:#0000}.hover\:text-white-01:hover,.text-white-01{color:#fff}.text-white-02{color:#ffffffe6}.hover\:text-white-03:hover,.text-white-03{color:#ffffffc0}.hover\:text-white-04:hover,.text-white-04{color:#ffffff80}.text-opacity-90{--tw-text-opacity:0.9}.faqListAnswer_uzUc a,.underline{text-decoration-line:underline}.baseLinkButtonStyle_PuMK:hover,.basePanelItemContainerStyle_IaDP:hover,.commBottomBtn_pFSF:hover,.hover\:no-underline:hover,.menuItemStyle_SQLa,.menuItemStyle_SQLa:active,.menuItemStyle_SQLa:hover,.menuItemStyle_a3Ir:hover,.no-underline,.operateItemStyle_quc4:hover,.panelItemStyle_VUhY:hover{text-decoration-line:none}.opacity-0{opacity:0}.footerLogoLink_K6r0:hover,.hash-link:focus,.opacity-100,.solutionSelectImageStyle_GSp1,:hover>.hash-link{opacity:1}.backdrop-blur-\[50px\]{--tw-backdrop-blur:blur(50px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.transition-opacity{transition-property:opacity}.transition-transform{transition-property:transform}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:bg-grayBlue-09:hover,.lightPanelItemContainerStyle_OZnY:hover{background-color:#f2f3f5}.hover\:brightness-90:hover{--tw-brightness:brightness(.9)}.basePopoverPanelStyle_y9hq:focus,.focus\:outline-none:focus,.popoverPanelStyle_GNCw:focus{outline:#0000 solid 2px;outline-offset:2px}:is(:where([data-theme=dark]) .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-l-gray-700){--tw-border-opacity:1;border-left-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-t-gray-700){--tw-border-opacity:1;border-top-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-500){--tw-bg-opacity:1;background-color:rgb(108 119 147/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgb(71 78 107/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-0){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-200){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-white-01){color:#fff}:is(:where([data-theme=dark]) .dark\:text-white-04){color:#ffffff80}:is(:where([data-theme=dark]) .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:hover\:text-white-01:hover){color:#fff}:is(:where([data-theme=dark]) .hover\:dark\:text-white-01):hover{color:#fff}[data-theme=dark]{--ifm-color-primary:#9580ff;--ifm-color-primary-dark:#755aff;--ifm-color-primary-darker:#6547ff;--ifm-color-primary-darkest:#350dff;--ifm-color-primary-light:#b5a6ff;--ifm-color-primary-lighter:#c5b9ff;--ifm-color-primary-lightest:#f5f3ff;--ifm-background-color:#0a0a0a;--docusaurus-highlighted-code-line-bg:#0000004d}@font-face{font-family:Eurostile Becker;src:url("/illa-website/ja/assets/fonts/Eurostile Becker Heavy Regular-99fb2b764178f7417346a5e3e15d5947.ttf") format("truetype")}body:not(.navigation-with-keyboard) :not(input):focus{outline:0}.skipToContent_YRel{background-color:var(--ifm-background-surface-color);color:var(--ifm-color-emphasis-900);left:100%;padding:calc(var(--ifm-global-spacing)/2) var(--ifm-global-spacing);position:fixed;top:1rem;z-index:calc(var(--ifm-z-index-fixed) + 1)}.skipToContent_YRel:focus{box-shadow:var(--ifm-global-shadow-md);left:1rem}.closeButton_r_Ma{line-height:0;padding:0}.content_B3zk{font-size:85%;padding:5px 0}.content_B3zk a{color:inherit;text-decoration:underline}.announcementBar_hbYq{align-items:center;background-color:var(--ifm-color-white);border-bottom:1px solid var(--ifm-color-emphasis-100);color:var(--ifm-color-black);display:flex;height:var(--docusaurus-announcement-bar-height)}.announcementBarPlaceholder_nNiq{flex:0 0 10px}.announcementBarClose_S8lM{align-self:stretch;flex:0 0 30px}.toggle_Io7t{height:2rem;width:2rem}.toggleButton_C0po{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;transition:background var(--ifm-transition-fast);width:100%}.toggleButton_C0po:hover{background:var(--ifm-color-emphasis-200)}.toggleButtonDisabled_IHuh{cursor:not-allowed}.darkNavbarColorModeToggle_jx_9:hover{background:var(--ifm-color-gray-800)}[data-theme=dark] .themedComponent--dark_gZs3,[data-theme=light] .themedComponent--light_RIle,html:not([data-theme]) .themedComponent--light_RIle{display:initial}.iconExternalLink_ocOZ{margin-left:.3rem}.dropdownNavbarItemMobile_JUhd:after{margin-left:8px}.iconLanguage_DSK9{display:inline-block;margin-right:5px;vertical-align:text-bottom}@supports selector(:has(*)){.navbarSearchContainer_Pu8E:not(:has(>*)){display:none}}.navbarHideable_QJhM{transition:transform var(--ifm-transition-fast) ease}.navbarHidden_JLKf{transform:translate3d(0,calc(-100% - 2px),0)}.errorBoundaryError_t44J{color:red;white-space:pre-wrap}.errorBoundaryFallback_HTeJ{color:red;padding:.55rem}.footerLogoLink_K6r0{opacity:.5;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.anchorWithStickyNavbar_dXVO{scroll-margin-top:calc(var(--ifm-navbar-height) + .5rem)}.anchorWithHideOnScrollNavbar_ZIVZ{scroll-margin-top:.5rem}.hash-link{opacity:0;padding-left:.5rem;transition:opacity var(--ifm-transition-fast);-webkit-user-select:none;user-select:none}.hash-link:before{content:"#"}.mainWrapper_Xc8_{display:flex;flex:1 0 auto;flex-direction:column}.docusaurus-mt-lg{margin-top:3rem}#__docusaurus{display:flex;flex-direction:column}.menuItemContainerStyle_JXsu,.priceListTitleContainerStyle_MEs5{align-items:center;display:flex;gap:8px}.popoverContainerStyle_ZIFy{display:inline-block;font-weight:500;padding:12px 16px;position:relative;text-align:left}.basePopoverPanelStyle_y9hq,.popoverPanelStyle_GNCw{margin-top:8px;position:absolute;transform-origin:top right;left:0}.popoverItemStyle_wfx7{align-items:center;display:flex;font-size:14px;gap:8px}.popoverPanelStyle_GNCw{--tw-shadow:0px 2px 16px 0px #00000029;--tw-shadow-colored:0px 2px 16px 0px var(--tw-shadow-color);border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:4px;padding-top:4px;right:0}.menuItemStyle_a3Ir{font-size:14px;font-weight:500;padding:12px 16px}.panelItemContainerStyle_xEK2{align-items:center;display:flex;justify-content:center;width:100%}.panelItemStyle_VUhY{font-size:14px;font-weight:500;line-height:40px}.operateItemStyle_quc4{align-items:center;border-radius:20px;display:flex;font-weight:500;gap:8px;justify-content:center;padding:8px 24px}.operateItemStyleBg_neML{border-color:#0000;border-width:1px;color:#fff;background:linear-gradient(90deg,#9734e4,#712eff)}.darkColorStyle_MxJT:hover,.operateItemStyleBg_neML:hover{color:#fff}.popoverItemStyle_WmOV{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left}.basePopoverPanelStyle_y9hq{border-radius:16px;border-width:1px;display:flex;flex-direction:column;gap:24px;padding:24px 16px;width:340px}.darkPopoverPanelStyle_sycJ{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(27 28 29/var(--tw-bg-opacity));border-color:rgb(46 46 48/var(--tw-border-opacity))}.lightPopoverPanelStyle_aRwx{background-color:#fff;border-color:#f2f3f5;box-shadow:0 2px 4px 0 #00000014}.subTitleStyle_GZ4H{font-size:16px;font-weight:700;line-height:24px;padding-left:16px;padding-right:16px;text-align:start}.basePanelItemContainerStyle_IaDP{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:12px 16px;width:100%}.darkPanelItemContainerStyle_JqRZ:hover{background-color:#ffffff0a}.panelItemStyle_w8TD{font-size:14px;font-weight:500;line-height:22px}.footerBottom_L4UB,.footerItem_GsU2,.panelItemDescStyle_zY1Y{font-size:12px;font-weight:400;line-height:16px}.menuItemStyle_SQLa{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;height:40px;width:100%;font-size:16px;font-weight:500}.footerContainer_lS9F{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:100px 20px 20px;width:100%}.footerContentContainer_DQf_{display:grid;justify-content:space-between;row-gap:40px;width:100%}.space_IcLX{background-color:#ffffff1a;height:1px;width:100%}.footerBottom_L4UB{align-items:center;color:#fff;display:flex;flex-direction:column;gap:24px;justify-content:space-between;width:100%}.localSelectContainer_aJ7M .dropdown__menu{bottom:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);top:unset}.lpHeader_rubd{align-items:flex-start;flex-wrap:wrap;gap:40px;justify-content:space-between;padding-top:30px}.lpHeaderLeft_Zvbf,.lpHeader_rubd,.premiumCardContainer_ArgU,.premiumHeaderStyle_yb36{display:flex;flex-direction:column}.lpHeaderLeft_Zvbf{align-items:center;gap:24px;text-align:center}.back_vGuo{--tw-text-opacity:1;align-items:center;color:rgb(101 74 236/var(--tw-text-opacity));cursor:pointer;display:none;flex-direction:row;font-size:18px;font-weight:600;gap:12px;line-height:32px;padding-bottom:12px;padding-top:12px}.headerGo_RttL,.itemImage_FU2S{align-items:center;--tw-bg-opacity:1}.headerTitle_URD5{font-size:40px;font-weight:700;line-height:48px}.headerDesc_zhHJ{font-weight:400;font-weight:16px;line-height:24px}.headerGo_RttL{background-color:rgb(101 74 236/var(--tw-bg-opacity));white-space:nowrap;border-radius:4px;color:#fff;display:flex;font-size:16px;font-weight:400;height:44px;justify-content:center;line-height:20px;padding:12px 16px}.headerGo_RttL:hover{--tw-bg-opacity:1;background-color:rgb(131 104 240/var(--tw-bg-opacity))}.headerGo_RttL:active{--tw-bg-opacity:1;background-color:rgb(66 46 196/var(--tw-bg-opacity))}.lpContainer_Zbon,.lpContainer_yWoG{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity));margin-left:auto;margin-right:auto;max-width:1200px;padding-left:20px;padding-right:20px;width:100%}.tag_oKb5{display:inline-block;margin:.5rem .5rem 0 1rem}.contentTitle_b3GB{font-size:20px;font-weight:600;line-height:28px;margin-top:60px}.itemsContainer_OUc9{display:grid;gap:12px}.item_AuQF{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:16px}.itemBg_GUYW{background:linear-gradient(180deg,#dde1e833,#dde1e800)}.itemImage_FU2S{background-color:rgb(240 232 255/var(--tw-bg-opacity));border-radius:13px;display:flex;height:120px;justify-content:center;width:120px}.itemNameCommon_o16n{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.commBottomDesc_DyZe,.itemDescription_LA9o{-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}.itemNameIntegrations_ZIud{line-height:20px}.itemNameComponents_JcBj{line-height:24px}.itemDescription_LA9o{display:-webkit-box;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.contentContainer_c9t8{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow-x:hidden;padding-top:40px;z-index:31}.contentContainer_c9t8,.content_jfit{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.content_jfit{color:#fff;gap:100px;padding-left:20px;padding-right:20px}.commBottomContainerStyle_CDHK{align-items:center;color:#fff;display:flex;margin-top:100px;width:100%}.allContentContainer_nVOG{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;text-align:center;width:100%}.allContentTitle_K0Y2{font-size:20px;font-weight:700;line-height:24px;text-align:center}.cardContainerStyle_Kvlw,.cardContentContainerStyle_kX6c{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.headerContainerStyle_RgD_{align-items:center;display:flex;flex-direction:column;gap:16px}.textTitleStye_mJAH{color:#fff;font-size:20px;font-weight:700}.textTitleNumStyle_TEnk{font-size:24px;font-weight:400}.textDescStyle_NFkj{font-size:12px;font-weight:400;line-height:16px;max-width:100%;text-align:center}.imgStyle_GNQD{border-radius:8px;height:auto;width:100%}.cardContentItemNormalStyle_f4ow,.cardContentItemReverseStyle_DHTD{flex-direction:column-reverse}.cardIContentItemContainerStyle_rPYn{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:flex-start;background-color:rgb(18 18 18/var(--tw-bg-opacity));border-color:rgb(42 42 42/var(--tw-border-opacity));border-radius:8px;border-width:1px;display:flex;flex-wrap:nowrap;gap:20px;padding:16px}.textContainerStyle_toav{align-items:flex-start;display:flex;flex-direction:column;gap:16px;width:100%}.textTitleStye_u6Ys{color:#fff;font-size:18px;font-weight:700;line-height:22px}.textTitleNumStyle_h7vB{font-size:20px;font-weight:400}.textDescStyle_vwoY{color:#ffffffe6;font-size:12px;font-weight:400;line-height:16px}.swipeMore_QWDA{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;gap:8px;grid-column:1;grid-row:3;height:auto;line-height:17px}.builderListTitleStyle_ul1g,.swipeMore_QWDA,.swipeMore_QWDA:hover{--tw-text-opacity:1;color:rgb(101 74 236/var(--tw-text-opacity))}.buttonGroup_uxJT button,.codeBlockContainer_USIv{background:var(--prism-background-color);color:var(--prism-color)}.codeBlockContainer_USIv{border-radius:var(--ifm-code-border-radius);box-shadow:var(--ifm-global-shadow-lw);margin-bottom:var(--ifm-leading)}.codeBlockContent_PMfr{border-radius:inherit;direction:ltr;position:relative}.codeBlockTitle_jXLV{border-bottom:1px solid var(--ifm-color-emphasis-300);border-top-left-radius:inherit;border-top-right-radius:inherit;font-size:var(--ifm-code-font-size);font-weight:500;padding:.75rem var(--ifm-pre-padding)}.codeBlock_IHkF{--ifm-pre-background:var(--prism-background-color);margin:0;padding:0}.codeBlockTitle_jXLV+.codeBlockContent_PMfr .codeBlock_IHkF{border-top-left-radius:0;border-top-right-radius:0}.codeBlockLines_THA1{float:left;font:inherit;min-width:100%;padding:var(--ifm-pre-padding)}.codeBlockLinesWithNumbering_tjAB{display:table;padding:var(--ifm-pre-padding) 0}.buttonGroup_uxJT{column-gap:.2rem;display:flex;position:absolute;right:calc(var(--ifm-pre-padding)/2);top:calc(var(--ifm-pre-padding)/2)}.buttonGroup_uxJT button{align-items:center;border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-global-radius);display:flex;line-height:0;opacity:0;padding:.4rem;transition:opacity var(--ifm-transition-fast) ease-in-out}.buttonGroup_uxJT button:focus-visible,.buttonGroup_uxJT button:hover{opacity:1!important}.theme-code-block:hover .buttonGroup_uxJT button{opacity:.4}:where(:root){--docusaurus-highlighted-code-line-bg:#484d5b}:where([data-theme=dark]){--docusaurus-highlighted-code-line-bg:#646464}.theme-code-block-highlighted-line{background-color:var(--docusaurus-highlighted-code-line-bg);display:block;margin:0 calc(var(--ifm-pre-padding)*-1);padding:0 var(--ifm-pre-padding)}.codeLine_VZlW{counter-increment:a;display:table-row}.codeLineNumber_UV2B{background:var(--ifm-pre-background);display:table-cell;left:0;overflow-wrap:normal;padding:0 var(--ifm-pre-padding);position:sticky;text-align:right;width:1%}.codeLineNumber_UV2B:before{content:counter(a);opacity:.4}.codeLineContent_gotU{padding-right:var(--ifm-pre-padding)}.theme-code-block:hover .copyButtonCopied_TPRR{opacity:1!important}.copyButtonIcons_LZ6a{height:1.125rem;position:relative;width:1.125rem}.copyButtonIcon_H1v1,.copyButtonSuccessIcon_J5e4{fill:currentColor;height:inherit;left:0;opacity:inherit;position:absolute;top:0;transition:all var(--ifm-transition-fast) ease;width:inherit}.copyButtonSuccessIcon_J5e4{color:#00d600;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(.33)}.copyButtonCopied_TPRR .copyButtonIcon_H1v1{opacity:0;transform:scale(.33)}.copyButtonCopied_TPRR .copyButtonSuccessIcon_J5e4{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:75ms}.wordWrapButtonIcon_dUFy{height:1.2rem;width:1.2rem}.details_GXzP{--docusaurus-details-summary-arrow-size:0.38rem;--docusaurus-details-transition:transform 200ms ease;--docusaurus-details-decoration-color:grey}.details_GXzP>summary{cursor:pointer;padding-left:1rem;position:relative}.details_GXzP>summary::-webkit-details-marker{display:none}.details_GXzP>summary:before{border-color:#0000 #0000 #0000 var(--docusaurus-details-decoration-color);border-style:solid;border-width:var(--docusaurus-details-summary-arrow-size);content:"";left:0;position:absolute;top:.45rem;transform:rotate(0);transform-origin:calc(var(--docusaurus-details-summary-arrow-size)/2) 50%;transition:var(--docusaurus-details-transition)}.collapsibleContent_uFAl{border-top:1px solid var(--docusaurus-details-decoration-color);margin-top:1rem;padding-top:1rem}.details_B91m{--docusaurus-details-decoration-color:var(--ifm-alert-border-color);--docusaurus-details-transition:transform var(--ifm-transition-fast) ease;border:1px solid var(--ifm-alert-border-color);margin:0 0 var(--ifm-spacing-vertical)}:not(.containsTaskList_aqzd>li)>.containsTaskList_aqzd{padding-left:0}.admonition_Ztdk{margin-bottom:1em}.admonitionHeading_wuvZ{font:var(--ifm-heading-font-weight) var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);text-transform:uppercase}.admonitionHeading_wuvZ:not(:last-child){margin-bottom:.3rem}.admonitionIcon_bKMe{display:inline-block;margin-right:.4em;vertical-align:middle}.admonitionIcon_bKMe svg{fill:var(--ifm-alert-foreground-color);display:inline-block;height:1.6em;width:1.6em}.commBottomContainer_rcOJ{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 20px 40px;position:relative}.commBottomBtnBg_ws3H,.commBottomContainer_rcOJ{border-bottom-left-radius:20px;border-bottom-right-radius:20px;width:100%}.commBottomBtnBg_ws3H{bottom:0;position:absolute;z-index:-1}.bottomBg_zy8j{background:linear-gradient(180deg,#654aec00,#654aec80)}.whiteBottomBg_HW9h{background:linear-gradient(180deg,#516ab500,#516ab514)}.commBottomTitle_zpUk{color:#fff;font-size:20px;font-weight:700;line-height:24px;text-align:center}.bottomTitle__Qxb{background:linear-gradient(90deg,#ffffff80,#fff 50%,#ffffff80);-webkit-background-clip:text;background-clip:text}.bottomTitle__Qxb,.whiteBottomTitle_r_oZ{-webkit-text-fill-color:#0000;color:#0000}.learnMore_Lb_l,.templateHeaderLabel_W4fj{color:rgb(101 74 236/var(--tw-text-opacity));--tw-text-opacity:1}.whiteBottomTitle_r_oZ{background:linear-gradient(90deg,#0b0c0f80,#0b0c0f 50%,#0b0c0f80);-webkit-background-clip:text;background-clip:text}.commBottomDesc_DyZe{display:-webkit-box;font-size:14px;font-weight:400;line-height:22px;overflow:hidden;text-align:center;width:100%}.commBottomBtn_pFSF{align-items:center;border-radius:24px;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;gap:10px;justify-content:center;line-height:28px;padding:10px 32px;width:100%}.commBottomBtn_pFSF svg{width:16px}.templateContainer_VElw{gap:20px;padding-bottom:30px}.templateContainer_VElw,.templateHeader_AQwG{display:flex;flex-direction:column;margin-top:30px}.templateHeader_AQwG{align-items:flex-start;gap:16px}.templateItemContainer_lyZ8{display:grid;gap:16px}.templateItem_Ji0p{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center}.templateHeaderLabel_W4fj{font-size:14px;font-weight:600;line-height:32px}.templateHeaderTitle_yMrU{font-size:20px;font-weight:700;line-height:28px}.templateHeaderDesc_XN3P{font-size:14px;font-weight:400;line-height:17px}.templateItemName_yjoV{-webkit-line-clamp:1;font-size:16px;font-weight:600;line-height:24px}.templateItemDesc_NKfB,.templateItemName_yjoV{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.templateItemDesc_NKfB{-webkit-line-clamp:4;font-size:12px;font-weight:400;line-height:16px}.learnMore_Lb_l{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:16px;text-decoration-line:underline}.operatingStyle_cGmQ,.wallContainerStyle_Ny01{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.logoTitleStyle_hhN_{color:#fff;font-size:12px;font-weight:500;line-height:1.5;text-align:center;width:100%}.logoContainerStyle_PeVm{column-gap:12px;display:grid;row-gap:24px;width:100%}.logoStyle_ixBp{height:28px;width:auto}.commentsContainerStyle_ctEM{align-items:center;display:flex;flex-direction:column;gap:24px}.commentsTitleStyle_iQ9i{font-size:20px;font-weight:700;line-height:28px;text-align:center}.commentsItemsContainerStyle_Zw4J{column-count:2;gap:8px;width:100%}.borderStyle_jCx_{background:linear-gradient(0deg,#000,#242424);border-radius:8px;break-inside:avoid;padding:1px;width:100%}.commentsItemStyle_rd1k{--tw-bg-opacity:1;background-color:rgb(20 20 20/var(--tw-bg-opacity));border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:24px}.commentContentStyle_NzjM{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.contentTextStyle_PpXf{color:#ffffffc0;font-size:12px;font-weight:500;line-height:16px}.reverseQuoteStyle_waKq{align-self:flex-end;transform:rotate(180deg)}.userInfoContainerStyle_WdED img{border-radius:50%;flex:none;height:20px;width:20px}.commentUserNameStyle_D4y3{color:#fff;font-size:12px;font-weight:500;line-height:20px}.commentUserCompanyStyle_zWSD{color:#ffffffc0;font-size:10px;font-weight:400;line-height:16px}.mobileGap_cpxI:after{content:"";display:block;padding-bottom:8px}.faqContainer_vbEd{align-items:center;display:flex;flex-direction:column;gap:24px;width:100%}.faqTitle_s89i{font-size:24px;font-weight:700;line-height:28px}.faqListContainer_XW42{align-items:flex-start;display:flex;flex-direction:column;width:100%}.faqListQuestion_Y7ri{border-radius:8px 8px 2px 2px;cursor:pointer;flex-direction:row;font-size:14px;font-weight:500;gap:16px;justify-content:space-between;line-height:22px;padding:4px 24px}.faqListAnswer_uzUc,.faqListQuestion_Y7ri{align-items:center;display:flex;text-align:start;width:100%}.faqListAnswer_uzUc{background-color:#ffffff14;border-radius:2px 2px 8px 8px;font-size:12px;font-weight:400;line-height:16px;padding-bottom:12px;padding-left:24px;padding-right:24px;white-space:pre-line}.direction_IrxQ{height:12px;width:12px}.publicize_vEiD{--tw-text-opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;display:none;font-size:14px;font-weight:400;height:40px;line-height:22px;margin-left:auto;margin-right:auto;min-width:400px;overflow:hidden;padding-left:25px;padding-right:25px;position:relative}.publicizeStyle_C7Y6{align-items:center;background:linear-gradient(90deg,#ea984c,#5c9ac6 45.31%,#687100 91.49%);display:flex;filter:blur(23px);flex-direction:row;height:124px;justify-content:space-between;left:50%;object-fit:none;object-position:center;opacity:.16;position:absolute;top:50%;transform:translate(-50%,-50%);width:402px;z-index:0}.publicIntru_nEWo{align-items:center;display:flex;gap:11px}.bannerContainerStyle__SXx{align-items:center;color:#fff;display:none;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;padding-left:20px;padding-right:20px}.canvasContainerStyle_h8pN{overflow:hidden;position:absolute;width:100%;z-index:-1}.bgStyle_xQ96{height:382px;object-fit:none;object-position:top;position:absolute;top:0;width:100%;z-index:0}.bannerContentContainer_RLp6{gap:186px;padding-top:24px}.bannerContentContainer_RLp6,.bannerTextContainerStyle_O5rS{align-items:center;display:flex;flex-direction:column;justify-content:center}.bannerTextContainerStyle_O5rS{gap:24px;position:relative;width:100%;z-index:2}.sloganStyle_zysD{font-size:56px;font-weight:800;line-height:88px;text-align:center}.descStyle_U78g{font-size:14px;font-weight:400;line-height:22px;padding-left:20px;padding-right:20px;text-align:center;width:100%}.buttonContainerStyle_UkM3,.buttonContainerStyle_ulq9{align-content:space-between;align-items:center;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:24px;line-height:28px}.bannerImageStyle_bakd,.bannerImageStyle_ppqY{align-items:center;display:flex;justify-content:center;padding-top:64px;width:100%}.colorDescAgentStyle_LHLV,.colorDescAgentStyle_x5xU{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff33ba .77%,#ffb7e7 100.77%);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescAppStyle_An_L,.colorDescAppStyle_qG8r{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1effff,#c9ffff);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescFlowStyle_VvqE,.colorDescFlowStyle_y9g7{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8d33ff,#d1adff);background-clip:text;-webkit-background-clip:text;font-weight:600}.solutionContainerStyle_QwBc{display:flex;flex-direction:column;gap:32px;margin-top:62px}.tabsContainerStyle_DETz{--tw-bg-opacity:1;--tw-backdrop-blur:blur(13px);align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgb(22 22 27/var(--tw-bg-opacity));border-color:#ffffff14;border-radius:36px;border-width:1px;display:flex;gap:2px;padding:2px;width:100%}.tabsItemStyle_TXig{align-items:center;border-radius:36px;color:#ffffff80;cursor:pointer;display:flex;flex:1 1 0%;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:20px;padding:14px 24px;position:relative;text-align:center;width:100%}.selectedTabStyle_CyW0{color:#fff;font-weight:600}.splitterItemStyle_gYQ6{background:linear-gradient(0deg,#0003,#0003),linear-gradient(180deg,#3f3849,#262a31);border-radius:34px;height:100%;position:absolute;top:0;width:100%;z-index:0}.solutionImageContainerStyle_LgpU{border-radius:12px;display:flex;flex-direction:row;overflow:hidden;position:relative;width:100%}.contentContainer_kErA svg,.solutionImageContainerStyle_LgpU svg{height:auto;width:100%}.solutionBaseBgStyle_nGRR{flex:none;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.solutionSelectBgStyle_Xioy{opacity:1;position:relative}.solutionUnSelectBgStyle_RZeW{opacity:0;position:absolute;z-index:-1}.solutionBaseImageStyle_APzO{border-radius:8px;bottom:0;box-shadow:0 4px 24px 0 #0000002e;left:50%;opacity:1;position:absolute;transform:translateX(-50%);transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s;z-index:1}.linkButtonStyle_b1Kn{bottom:40px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.pricingMask_W_17{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow:hidden;position:absolute;width:100%;z-index:1}.pricingContainer_Iia_{position:relative;width:100%;z-index:1}.pricingMaskLeft_XgjA{filter:blur(238.125px);left:-525px;opacity:.5;top:-40px;width:1155px}.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj{--tw-bg-opacity:1;background-color:rgb(101 74 236/var(--tw-bg-opacity));display:none;height:453px;position:absolute}.pricingMaskRight_mQEj{filter:blur(238.125px);left:1004px;opacity:.3;top:109px;width:824px}.pricingMaskPhone_eCBF{background:radial-gradient(37% 76.28% at 48.58% 50.06%,#654aec 0,#654aec00 100%);display:block;filter:blur(50px);height:415.69px;left:-204px;opacity:.3;position:absolute;top:46.5px;transform:rotate(2.6deg);width:630px;z-index:-1}.pricingContent_kMON{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin:0 auto;padding-left:20px;padding-right:20px;width:100%}.pricingContentTitleExtra_U6Tm{background:linear-gradient(90deg,#fff0,#ffffff1a 50.38%,#fff0);border-radius:20px;color:#fff;display:block;font-size:14px;font-weight:500;line-height:26px;padding:3px 56px;text-align:center;width:-moz-fit-content;width:fit-content}.pricingContentTitle_tw94{font-size:40px;font-weight:700;justify-self:center;line-height:48px;padding-left:24px;padding-right:24px;text-align:center;width:100%}.cardContainerStyle_frTi{background:radial-gradient(98.85% 129.62% at 6.76% 2.06%,#bac1ff08 0,#dcdfff00 100%),#ffffff0f;border-color:#ffffff19;border-radius:8px;border-width:1px;display:flex;gap:20px;margin-top:8px;padding:24px;width:100%}.premiumCardContainer_ArgU{align-items:flex-start;gap:12px;width:100%}.premiumTitleStyle_pemo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9037ff,#f524ff);background-clip:text;-webkit-background-clip:text;font-size:20px;font-weight:700;line-height:30px}.premiumDescStyle_R6dg{color:#ffffffc0;display:block;font-size:12px;font-weight:400;line-height:15px}.premiumCardContainerStyle_zMC3{bottom:12px;display:flex;flex-direction:column;gap:12px;width:100%}.cardBaseStyle_lN8t{border-radius:8px;height:100%;overflow:hidden;padding:24px;position:relative;width:100%;z-index:1}.priceCardStyle_vDMh{background:linear-gradient(180deg,#ffffff0f,#fff0);display:flex;flex-direction:column;gap:12px}.cardBgStyle_q38d{bottom:0;height:auto;left:0;object-fit:cover;object-position:top;position:absolute;right:0;top:0;width:100%;z-index:-1}.cardIconStyle_UqGN{display:inline-flex;height:16px;width:16px}.agentListTitleStyle_sU8y{--tw-text-opacity:1;color:rgb(255 88 190/var(--tw-text-opacity))}.listIconStyle_TqyE{align-self:flex-start;padding-top:2px}.priceListTitleStyle_v2pp{font-size:16px;font-weight:600;line-height:22px}.priceListStyle_xBIv{display:flex;flex-direction:column;gap:4px}.listItemStyle_Pa3C{align-items:center;display:flex;gap:8px;padding-bottom:4px;padding-top:4px}.listItemNameStyle_YZOo{font-size:14px;font-weight:400;line-height:18px}.priceNumStyle_eiPz{font-size:28px;font-weight:700}.priceNumDescStyle_n2JG{color:#ffffffc0;font-size:12px;font-weight:400;line-height:16px}.upgradeButtonStyle_qpR6{--tw-bg-opacity:1;align-items:center;background-color:rgb(101 74 236/var(--tw-bg-opacity));border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:center;line-height:22px;padding:9px 32px;width:100%}.containerStyle_IK43,.descStyle_uxY4,.textContainerStyle_j9Qp{padding-left:20px;padding-right:20px}.containerStyle_IK43{align-items:center;color:#fff;display:flex;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;height:100%;margin-bottom:60px;overflow:hidden;position:relative}.indexBgStyle_Nusz{display:none;overflow:hidden;position:absolute;width:100%;z-index:-1}.indexBgStyle_Nusz img{bottom:0;height:auto;position:absolute;width:100%}.canvasContainerStyle_tBLh{height:100%;overflow:hidden;position:absolute;width:100%;z-index:-1}.contentContainer_kErA{align-items:center;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:space-between;padding-top:64px;position:relative}.textContainerStyle_LZMZ{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;position:relative;width:100%;z-index:2}.sloganStyle_L8z2{font-size:36px;font-weight:800;line-height:40px;text-align:center}.colorSloganStyle_oMou{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text}.descStyle_uxY4{font-size:14px;font-weight:400;line-height:17px;text-align:center;width:100%}.demoContainerStyle_taMy{bottom:0;height:auto;perspective:1040px;width:100%;z-index:2}.demoImgStyle_SvRF{border-radius:12px 12px 0 0;display:none;max-width:100%;overflow:hidden;position:relative;transform-origin:center;width:100%}.linkButtonStyle_m6Tn{bottom:16px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.baseLinkButtonStyle_PuMK{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:center;line-height:28px;overflow:hidden;position:relative;text-align:center}.smallSizeStyle_AohM{border-radius:32px;font-size:14px;height:48px;min-width:240px}.normalSizeStyle_qzr1{border-radius:24px;font-size:16px;height:56px;min-width:320px}.largeSizeStyle_kJWZ{border-radius:32px;font-size:16px;height:64px;min-width:320px}.darkColorStyle_MxJT{background-color:#0b0c0f;box-shadow:0 4px 8px 0 #15151d73;color:#fff}.lightColorStyle_JCL1{background-color:#fff;box-shadow:0 2px 24.8px 0 #6100ff;color:#0b0c0f}.lightColorStyle_JCL1:hover{color:#0b0c0f}.baseArrowStyle_lXyW{align-items:center;border-radius:9999px;box-shadow:0 4px 8px #23152f9e;display:flex;justify-content:center}.baseArrowStyle_lXyW svg{height:auto;width:16px}.smallArrowStyle_XZaI{height:32px;margin-right:8px;width:32px}.normalArrowStyle_XxGa{height:40px;margin-right:8px;width:40px}.largeArrowStyle_sKWX{height:40px;margin-right:12px;width:40px}.linesStyle_lbFy,.linkButtonBgStyle_WFWO{position:absolute;width:100%;display:flex}.darkArrowStyle_go7n{background:linear-gradient(180deg,#d1ccf2,#fff);color:#0b0c0f}.lightArrowStyle_QtFv{background:linear-gradient(180deg,#312578,#0b0c0f);color:#fff}.linkButtonBgStyle_WFWO{align-items:center;height:100%;justify-content:flex-end;transition:.3s ease-in-out;z-index:0}.swiper-slide,.swiper-wrapper{transition-property:transform;height:100%}.baseLinkButtonStyle_PuMK:hover .linkButtonBgStyle_WFWO{transform:translateX(-10%)}.linesStyle_lbFy{align-items:center;gap:10px;height:100%;z-index:-1}.swiper,.swiper-wrapper{z-index:1;position:relative}.lineContainerStyle_Y3Ta{display:flex;flex:none;height:100%;justify-content:center;transform:rotate(20deg);width:26px}.lineStyle__sNm{background-color:#0b0c0f;height:100%;width:1px}.darkLineStyle__Ris{--tw-bg-opacity:1;background-color:rgb(57 57 62/var(--tw-bg-opacity))}.lightLineStyle_xduB{--tw-bg-opacity:1;background-color:rgb(240 240 244/var(--tw-bg-opacity))}.bannerContainer_oUHl{gap:32px;height:100%;justify-content:center;overflow:hidden;padding-bottom:32px;padding-top:32px;position:relative}.bannerContainer_oUHl,.textContainerStyle_j9Qp{align-items:center;display:flex;flex-direction:column;width:100%}.textContainerStyle_j9Qp{gap:24px}.sloganStyle_XKtE{color:#fff;font-size:36px;font-weight:700;line-height:40px;text-align:center}.contentLabelStyle_dif9,.descStyle_YqnZ{color:#fff;font-size:14px;text-align:center}.descStyle_YqnZ{line-height:17px}.linkGroupItemStyle_KQRV{align-items:center;display:flex;flex-direction:column;gap:8px}.contentContainerStyle_JEhu{align-items:center;display:flex;flex:none;flex-direction:column;gap:12px;padding-left:8px;padding-right:8px}.contentLabelStyle_dif9{font-weight:600;line-height:20px}.swiper-slide{width:320px!important}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;margin-left:auto;margin-right:auto;overflow:hidden;padding:0}.swiper-wrapper{box-sizing:initial;display:flex;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;position:relative}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:1s linear infinite b}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (min-width:360px){.container{max-width:360px}}@media (min-width:480px){.container{max-width:480px}}@media (min-width:640px){.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2.5rem;line-height:3rem;margin-bottom:2rem}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2rem;line-height:2.5rem;margin-bottom:1.5rem}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.33rem;line-height:1.75rem;margin-bottom:1.5rem}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.75rem}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.75rem;line-height:1.0625rem}.admonition-simple *{line-height:1.25rem}.container{max-width:640px}.sm\:h-\[232px\]{height:232px}.sm\:flex-row{flex-direction:row}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:text-2xl{font-size:1.5rem}.sm\:text-sm{font-size:.875rem}}@media (min-width:656px){.container{max-width:656px}}@media (min-width:688px){.blog-sm\:max-w-screen-blog-sm,.container{max-width:688px}.blog-sm\:mb-16{margin-bottom:4rem}.blog-sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.blog-sm\:py-12{padding-bottom:3rem;padding-top:3rem}.blog-sm\:pb-16{padding-bottom:4rem}.blog-sm\:text-4xl{font-size:2.25rem}}@media (min-width:720px){.container{max-width:720px}}@media (min-width:768px){.max-w-screen-content{max-width:656px}.container{max-width:768px}.md\:mb-4{margin-bottom:1rem}.md\:mt-4{margin-top:1rem}.md\:h-64{height:16rem}.md\:w-60{width:15rem}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem}.md\:text-4xl{font-size:2.25rem}.md\:text-base{font-size:1rem}}@media (min-width:864px){.container{max-width:864px}}@media (min-width:944px){.container{max-width:944px}}@media (min-width:960px){.cardContentItemNormalStyle_f4ow,.footerBottom_L4UB,.lg\:flex-row{flex-direction:row}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;line-height:1.125rem}.container{max-width:960px}.lg\:mb-8{margin-bottom:2rem}.lg\:mt-0{margin-top:0}.lg\:mt-\[16px\]{margin-top:16px}.demoImgStyle_SvRF,.lg\:block,.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj,.publicize_vEiD{display:block}.back_vGuo,.bannerContainerStyle__SXx,.lg\:flex{display:flex}.bannerContainer_oUHl,.lg\:hidden,.mobileGap_cpxI:after,.pricingMaskPhone_eCBF{display:none}.itemDescription_LA9o,.templateItemDesc_NKfB{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box}.lg\:h-\[210px\]{height:210px}.lg\:h-\[26px\]{height:26px}.lg\:h-\[40px\],.logoStyle_ixBp{height:40px}.lg\:w-\[1040px\]{width:1040px}.lg\:w-\[550px\]{width:550px}.lg\:w-\[570px\]{width:570px}.lg\:w-\[800px\]{width:800px}.lg\:w-auto{width:auto}.lg\:max-w-\[680px\]{max-width:680px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1040px}.lg\:items-center{align-items:center}.lg\:gap-\[120px\]{gap:120px}.cardContainerStyle_Kvlw,.lg\:gap-\[32px\],.textContainerStyle_toav,.wallContainerStyle_Ny01{gap:32px}.lg\:gap-\[8px\]{gap:8px}.lg\:px-\[40px\]{padding-left:40px;padding-right:40px}.lg\:py-\[16px\]{padding-bottom:16px;padding-top:16px}.lg\:pb-\[100px\]{padding-bottom:100px}.lg\:pb-\[200px\]{padding-bottom:200px}.lg\:pl-\[30px\]{padding-left:30px}.lg\:pt-\[40px\]{padding-top:40px}.lg\:pt-\[48px\]{padding-top:48px}.lg\:text-\[16px\]{font-size:16px}.lg\:text-base{font-size:1rem}.lg\:text-sm{font-size:.875rem}.lg\:leading-\[19px\]{line-height:19px}.footerContainer_lS9F{gap:40px;padding:80px 120px 40px}.footerContentContainer_DQf_{column-gap:40px;flex-wrap:nowrap;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1040px}.footerBottom_L4UB{gap:48px}.footerBottom_L4UB,.footerItem_GsU2,.textDescStyle_vwoY{font-size:14px;line-height:22px}.lpHeader_rubd{flex-direction:row;flex-wrap:nowrap}.lpHeaderLeft_Zvbf{align-items:flex-start;gap:40px;justify-content:flex-start;text-align:left}.headerTitle_URD5{font-size:48px;line-height:56px}.headerGo_RttL{border-radius:8px;font-size:20px;font-weight:500;height:48px;line-height:28px;padding:10px 32px}.lpContainer_Zbon,.lpContainer_yWoG{padding-left:0;padding-right:0}.contentTitle_b3GB{margin-top:100px}.itemsContainer_OUc9{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.item_AuQF{gap:24px;padding:32px}.itemNameCommon_o16n,.templateHeaderLabel_W4fj{font-size:18px}.itemNameIntegrations_ZIud{line-height:26px}.itemDescription_LA9o{font-size:14px;line-height:24px;overflow:hidden}.contentContainer_c9t8{overflow:visible;padding-top:200px}.content_jfit{gap:200px}.commBottomContainerStyle_CDHK{margin-top:200px}.cardContentContainerStyle_kX6c{gap:64px}.textTitleNumStyle_h7vB,.textTitleStye_mJAH{font-size:40px}.textTitleNumStyle_TEnk{font-size:48px}.textDescStyle_NFkj{font-size:14px;line-height:22px;max-width:488px}.imgStyle_GNQD{width:431px}.cardContentItemReverseStyle_DHTD{flex-direction:row-reverse}.cardIContentItemContainerStyle_rPYn{border-radius:16px;gap:40px;padding:48px}.textTitleStye_u6Ys{font-size:36px;line-height:44px}.swipeMore_QWDA{font-size:16px;line-height:19px}.commBottomContainer_rcOJ{border-bottom-left-radius:40px;border-bottom-right-radius:40px;height:410px;padding:120px 120px 80px}.commBottomTitle_zpUk{font-size:40px;line-height:48px}.commBottomDesc_DyZe{width:600px}.commBottomBtn_pFSF{width:320px}.templateContainer_VElw{gap:40px;padding-bottom:100px}.templateHeader_AQwG{gap:24px;margin-top:60px}.templateItemContainer_lyZ8{gap:40px;grid-template-columns:repeat(4,minmax(0,1fr))}.templateItem_Ji0p{gap:24px}.templateHeaderTitle_yMrU{font-size:32px;line-height:56px}.templateHeaderDesc_XN3P{font-size:16px;line-height:24px}.templateItemDesc_NKfB{line-height:20px;overflow:hidden}.learnMore_Lb_l{font-size:14px;gap:8px;line-height:22px}.logoTitleStyle_hhN_{font-size:16px;line-height:28px}.logoContainerStyle_PeVm{align-items:center;column-gap:40px;display:flex;justify-content:center}.commentsContainerStyle_ctEM{gap:48px}.commentsTitleStyle_iQ9i{font-size:40px;line-height:56px}.commentsItemsContainerStyle_Zw4J{column-count:3;gap:16px}.userInfoContainerStyle_WdED img{height:32px;width:32px}.faqContainer_vbEd{gap:48px;width:800px}.faqTitle_s89i{line-height:56px}.faqListQuestion_Y7ri{border-top-left-radius:16px;border-top-right-radius:16px;font-size:16px}.faqListAnswer_uzUc{border-bottom-left-radius:16px;border-bottom-right-radius:16px;font-size:14px;line-height:22px}.publicizeStyle_C7Y6{height:179px;width:579px}.solutionBaseImageStyle_APzO{width:715px}.pricingContent_kMON{gap:24px;max-width:1200px}.pricingContentTitle_tw94{font-size:64px;line-height:72px}.cardContainerStyle_frTi{gap:40px}.premiumCardContainer_ArgU{border-radius:16px;gap:24px}.premiumTitleStyle_pemo{font-size:24px;line-height:28px}.premiumDescStyle_R6dg{line-height:20px}.premiumCardContainerStyle_zMC3{bottom:0;flex-direction:row;gap:24px}.priceCardStyle_vDMh{gap:20px}.operatingStyle_cGmQ{align-items:flex-start;justify-content:flex-start}.upgradeButtonStyle_qpR6{width:208px}.containerStyle_IK43{margin-bottom:120px}.indexBgStyle_Nusz{display:block;min-height:1200px}.indexBgStyle_Nusz img{height:1034px}.contentContainer_kErA{gap:56px;max-width:1040px;min-height:1200px;padding-top:150px}.sloganStyle_L8z2{font-size:56px;line-height:88px}.descStyle_uxY4{line-height:22px;max-width:800px}.demoContainerStyle_taMy{position:relative}.linkButtonStyle_m6Tn{bottom:40px}}@media (min-width:976px){.container{max-width:976px}}@media (min-width:997px){:root{--docusaurus-announcement-bar-height:30px}.announcementBarClose_S8lM,.announcementBarPlaceholder_nNiq{flex-basis:50px}.navbarSearchContainer_Pu8E{padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}}@media (min-width:1000px){.blog-md\:max-w-screen-blog-md,.container{max-width:1000px}.blog-md\:mb-8{margin-bottom:2rem}.blog-md\:block{display:block}.blog-md\:max-w-\[624px\]{max-width:624px}.blog-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-md\:flex-row{flex-direction:row}.blog-md\:border-t{border-top-width:1px}.blog-md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.blog-md\:py-16{padding-bottom:4rem;padding-top:4rem}.blog-md\:pb-8{padding-bottom:2rem}.blog-md\:pt-0{padding-top:0}.blog-md\:pt-12{padding-top:3rem}.blog-md\:pt-16{padding-top:4rem}.blog-md\:text-base{font-size:1rem}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1264px){.container{max-width:1264px}}@media (min-width:1280px){.container{max-width:1280px}.blog-lg\:mb-12{margin-bottom:3rem}.blog-lg\:max-w-screen-content-2xl{max-width:864px}.blog-lg\:gap-12{gap:3rem}.blog-lg\:text-5xl{font-size:3rem}.blog-lg\:text-xl{font-size:1.25rem}}@media (min-width:1296px){.container{max-width:1296px}}@media (min-width:1408px){.container{max-width:1408px}}@media (min-width:1440px){.container{max-width:var(--ifm-container-width-xl);max-width:1440px}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:h-\[152px\]{height:152px}.xl\:h-\[192px\]{height:192px}.xl\:h-\[80px\]{height:80px}.xl\:h-\[96px\]{height:96px}.xl\:w-\[250px\]{width:250px}.xl\:w-\[400px\]{width:400px}.xl\:w-auto{width:auto}.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:px-\[200px\]{padding-left:200px;padding-right:200px}.xl\:text-\[14px\]{font-size:14px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.footerContentContainer_DQf_,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1200px}.content_jfit{padding:0}.allContentContainer_nVOG{gap:64px}.allContentTitle_K0Y2{font-size:40px;line-height:48px}.imgStyle_GNQD{width:532px}.faqTitle_s89i{font-size:48px}.solutionBaseImageStyle_APzO{width:825px}.contentContainer_kErA{max-width:1200px;width:1200px}}@media (min-width:1536px){.refine-prose{font-size:1rem;line-height:1.75}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6em;margin-top:1.6em;padding-left:1em}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.25em;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.875em;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.875em;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;padding:.8571429em 1.1428571em}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.\32xl\:prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.\32xl\:prose-base>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3em;margin-top:3em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(.\32xl\:prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.\32xl\:prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.max-w-screen-content{max-width:864px}.container{max-width:1536px}.\32xl\:mb-6{margin-bottom:1.5rem}.\32xl\:p-6{padding:1.5rem}.\32xl\:text-\[32px\]{font-size:32px}.\32xl\:text-base{font-size:1rem}.\32xl\:text-lg{font-size:1.125rem}.\32xl\:text-xl{font-size:1.25rem}.\32xl\:leading-10{line-height:2.5rem}}@media (min-width:1584px){.container{max-width:1584px}.blog-2xl\:mb-20{margin-bottom:5rem}.blog-2xl\:max-w-screen-blog-md{max-width:1000px}.blog-2xl\:px-0{padding-left:0;padding-right:0}.blog-2xl\:pb-12{padding-bottom:3rem}.blog-2xl\:pt-20{padding-top:5rem}}@media (max-width:996px){.col{--ifm-col-width:100%;flex-basis:var(--ifm-col-width);margin-left:0}.footer{--ifm-footer-padding-horizontal:0}.colorModeToggle_Kblj,.footer__link-separator,.navbar__item{display:none}.footer__col{margin-bottom:calc(var(--ifm-spacing-vertical)*3)}.footer__link-item{display:block}.hero{padding-left:0;padding-right:0}.navbar>.container,.navbar>.container-fluid{padding:0}.navbar__toggle{display:inherit}.navbar__search-input{width:9rem}.pills--block,.tabs--block{flex-direction:column}.navbarSearchContainer_Pu8E{position:absolute;right:var(--ifm-navbar-padding-horizontal)}}@media screen and (max-width:960px){.mobileFooterContainer_tpXD{transform:translateY(0)!important}.linkButtonBgStyle_WFWO{transform:translateX(0)!important}}@media (max-width:576px){.markdown h1:first-child{--ifm-h1-font-size:2rem}.markdown>h2{--ifm-h2-font-size:1.5rem}.markdown>h3{--ifm-h3-font-size:1.25rem}}@media (pointer:fine){.thin-scrollbar{scrollbar-width:thin}.thin-scrollbar::-webkit-scrollbar{height:var(--ifm-scrollbar-size);width:var(--ifm-scrollbar-size)}.thin-scrollbar::-webkit-scrollbar-track{background:var(--ifm-scrollbar-track-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--ifm-scrollbar-thumb-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--ifm-scrollbar-thumb-hover-background-color)}}@media (prefers-reduced-motion:reduce){:root{--ifm-transition-fast:0ms;--ifm-transition-slow:0ms}}@media print{.announcementBar_hbYq,.footer,.menu,.navbar,.pagination-nav,.table-of-contents{display:none}.tabs{page-break-inside:avoid}.codeBlockLines_THA1{white-space:pre-wrap}}
\ No newline at end of file
diff --git a/ja/assets/js/1842627e.7511c2ff.js b/ja/assets/js/1842627e.7511c2ff.js
new file mode 100644
index 0000000000..b16c935176
--- /dev/null
+++ b/ja/assets/js/1842627e.7511c2ff.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5037],{2640:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/ja/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/ja/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/ja/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/ja/blog/tags/react"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/ja/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/ja/blog/nvm-use-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/ja/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/ja/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/ja/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,i.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,i.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,i.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(t.p,{children:"These include:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,i.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/1842627e.deda726c.js b/ja/assets/js/1842627e.deda726c.js
deleted file mode 100644
index 15ea243eeb..0000000000
--- a/ja/assets/js/1842627e.deda726c.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5037],{2640:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/ja/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/ja/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/ja/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/ja/blog/tags/react"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/ja/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/ja/blog/nvm-use-2024"},relatedPosts:[{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",permalink:"/illa-website/ja/blog/shadcn-vs-mui",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.12,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/ja/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/ja/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,i.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,i.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,i.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(t.p,{children:"These include:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,i.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/1df93b7f.93c94f4a.js b/ja/assets/js/1df93b7f.c6a8adb1.js
similarity index 84%
rename from assets/js/1df93b7f.93c94f4a.js
rename to ja/assets/js/1df93b7f.c6a8adb1.js
index c6426bb606..dfa1a8d870 100644
--- a/assets/js/1df93b7f.93c94f4a.js
+++ b/ja/assets/js/1df93b7f.c6a8adb1.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3237],{1641:(e,t,s)=>{s.d(t,{Z:()=>i});var a,l=s(959);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},n.apply(this,arguments)}const i=e=>{let{title:t,titleId:s,...i}=e;return l.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:15,height:13,viewBox:"0 0 15 13",fill:"none","aria-labelledby":s},i),t?l.createElement("title",{id:s},t):null,a||(a=l.createElement("path",{d:"M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},7812:(e,t,s)=>{s.d(t,{Z:()=>u});const a="faqContainer_vbEd",l="faqTitle_s89i",n="faqListQuestion_Y7ri",i="faqListAnswer_uzUc",o="direction_IrxQ";var c=s(3023),r=s(3473),d=s(5341),m=s(1527);const u=e=>{let{title:t,content:s}=e;const u="transform rotate-0",h="transform -rotate-180",p="bg-white/[0.08]";return(0,m.jsxs)("div",{className:a,children:[(0,m.jsx)("h2",{className:l,children:t}),(0,m.jsx)("div",{className:"w-full flex flex-col gap-[8px]",children:s.map((e=>(0,m.jsx)(c.p,{as:"div",className:"w-full",children:t=>{let{open:s}=t;return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(c.p.Button,{className:(0,d.Z)(n,s?`${p}`:""),children:[(0,m.jsx)("span",{children:e.question}),(0,m.jsx)(r.Z,{className:(0,d.Z)(s?`${h}`:`${u}`,o)})]}),s&&(0,m.jsx)(c.p.Panel,{className:i,children:e.answer})]})}},e.question)))})]})}},117:(e,t,s)=>{s.d(t,{Z:()=>A});var a=s(0),l=s(5341);const n="baseLinkButtonStyle_PuMK",i="smallSizeStyle_AohM",o="normalSizeStyle_qzr1",c="largeSizeStyle_kJWZ",r="darkColorStyle_MxJT",d="lightColorStyle_JCL1",m="baseArrowStyle_lXyW",u="smallArrowStyle_XZaI",h="normalArrowStyle_XxGa",p="largeArrowStyle_sKWX",g="darkArrowStyle_go7n",f="lightArrowStyle_QtFv",v="linkButtonBgStyle_WFWO",b="linesStyle_lbFy",w="lineContainerStyle_Y3Ta",y="lineStyle__sNm",_="darkLineStyle__Ris",x="lightLineStyle_xduB";var I=s(1641),j=s(1527);const A=e=>{let{href:t,children:s,size:A,colorType:L,handleClick:S}=e;return(0,j.jsxs)(a.Z,{to:t,onClick:S,className:(0,l.Z)(n,"small"===A&&i,"normal"===A&&o,"large"===A&&c,"dark"===L?r:d),children:[(0,j.jsxs)("span",{className:v,children:[(0,j.jsx)("span",{className:b,children:Array.from({length:10}).map(((e,t)=>(0,j.jsx)("span",{className:w,children:(0,j.jsx)("span",{className:(0,l.Z)(y,"dark"===L?_:x)},t)},t)))}),(0,j.jsx)("span",{className:(0,l.Z)(m,"small"===A&&u,"normal"===A&&h,"large"===A&&p,"dark"===L?g:f),children:(0,j.jsx)(I.Z,{})})]}),(0,j.jsx)("span",{className:"relative z-[1]",children:s})]})}},3090:(e,t,s)=>{s.d(t,{G:()=>l});var a=s(959);const l=(e,t)=>{const s=(0,a.useRef)(null),l=(0,a.useCallback)((()=>{const a=e.current;if(!a)return;const l=a.getContext("2d");a.width=t.current.clientWidth,a.height=t.current.clientHeight;s.current=(l.clearRect(0,0,a.width,a.height),void(()=>{l.strokeStyle="rgba(255, 255, 255, 0.1)";for(let e=0;e<=a.height;e+=56)l.beginPath(),l.moveTo(0,e),l.lineTo(a.width,e),l.stroke();for(let e=0;e<=a.width;e+=56)l.beginPath(),l.moveTo(e,0),l.lineTo(e,a.height),l.stroke()})())}),[e]);(0,a.useEffect)((()=>{const e=t.current,a=new ResizeObserver((()=>{s.current&&cancelAnimationFrame(s.current),l()}));return a.observe(e),l(),()=>{a&&a.unobserve(e)}}),[t,l]),(0,a.useEffect)((()=>()=>{s.current&&cancelAnimationFrame(s.current),s.current=null}),[])}},7518:(e,t,s)=>{s.r(t),s.d(t,{default:()=>Tt});var a=s(4491),l=s(1153),n=s(2204),i=s(7546),o=s(5374);const c={title:(0,o.I)({id:"meta.title",message:"ILLA Cloud | Build AI Driven Business App"}),description:(0,o.I)({id:"meta.description",message:"Empower your team with AI Agent and advanced low-code tools to create business apps"}),keywords:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"},r={title:(0,o.I)({id:"faq.title",message:"Frequently Asked Questions"}),content:[{question:(0,o.I)({id:"faq.content.0.question",message:"What kind of content can I build with ILLA AI?"}),answer:(0,o.I)({id:"faq.content.0.answer",message:"You can build any internal application or AI tool you need, and you can also integrate AI with internal applications. For example, a dashboard, an admin panel, file content management, customer management system, text generation tool, image generation tool, email generation tool, and so on."})},{question:(0,o.I)({id:"faq.content.1.question",message:"Who can use ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.1.answer",message:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."})},{question:(0,o.I)({id:"faq.content.2.question",message:"How can I benefit from ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.2.answer",message:"ILLA AI not only reduces the cost of building your tools but also integrates any AI capabilities you desire, making your work more efficient and enabling you to generate more valuable content in less time."})},{question:(0,o.I)({id:"faq.content.3.question",message:"Can I customize the AI Agent for my specific business needs?"}),answer:(0,o.I)({id:"faq.content.3.answer",message:"Yes, you can! AI Agent is based on a large language model and can be customized to perform specific tasks. You can define the behavior of the AI Agent based on your business requirements. By using ILLA Builder, you can feed data into the AI Agent and train it to accomplish designated tasks such as text processing, image recognition, and natural language processing."})},{question:(0,o.I)({id:"faq.content.4.question",message:"What data sources does ILLA support?"}),answer:(0,o.I)({id:"faq.content.4.answer",message:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."})},{question:(0,o.I)({id:"faq.content.5.question",message:"Is there any technical support available for ILLA Cloud users?"}),answer:(0,o.I)({id:"faq.content.5.answer",message:"Yes, ILLA Cloud offers technical support to its users. If you encounter any issues or have questions about the platform's features, you can reach out to our support team for assistance. We are dedicated to helping you have a seamless experience with ILLA Cloud."})}]},d={"@context":"https://schema.org","@graph":[{"@type":"Organization",name:"ILLA Cloud",url:"https://www.illacloud.com/#organization",logo:"https://www.illacloud.com/#logo",sameAs:["https://twitter.com/illacloudhq","https://github.com/illacloud/illa-builder","https://www.illacloud.com/","https://www.youtube.com/@illacloud","https://www.linkedin.com/company/illacloud/"]},{"@type":"WebSite",name:"ILLA Cloud",url:"https://www.illacloud.com/#Website",potentialAction:{"@type":"SearchAction",target:"https://www.illacloud.com/?search={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage",url:"www.illacloud.com/illadrive/#WebPage",name:"ILLA Cloud",description:"An open-source low-code platform with react component library to build AI native internal applications in minutes."},{"@type":"FAQPage",mainEntity:[{"@type":"Question",name:"What is ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"ILLA Cloud is a low-code platform that inherits multiple capabilities from ILLA Builder and ILLA Drive. It provides a seamless experience by allowing users to log in and register to access its features. With ILLA Cloud, you can effortlessly build internal tools, dashboards, CRUD (create, read, update, delete) applications, and more. The platform significantly improves work efficiency and helps companies save costs."}},{"@type":"Question",name:"Who can use ILLA Cloud",acceptedAnswer:{"@type":"Answer",text:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."}},{"@type":"Question",name:"What kinds of applications can you develop using ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"1. Rapid idea implementation: When enterprises experience a high demand for internal tools during rapid growth, ILLA can significantly accelerate the development speed and quality of your internal applications. This helps expedite your company's growth by quickly addressing the tooling needs. 2. No skill limitations for editors: With ILLA, any individual within the organization can build the tools they need without requiring specialized teams or technical skills. This empowers employees across various roles to create their own solutions, fostering innovation and productivity. 3. Cost reduction: By leveraging ILLA, enterprises can allocate their time, workforce, and financial resources towards core business activities. This results in reduced costs as ILLA streamlines the development process, eliminates the need for specialized teams, and minimizes the investment required for tooling development."}},{"@type":"Question",name:"What problems can ILLA Cloud solve?",acceptedAnswer:{"@type":"Answer",text:"With ILLA Cloud, you can build any application you need, such as commonly used internal tools like Dashboards, Admin Panels, CRUD apps, CRM, CMS, and more. Additionally, you can develop AI applications, such as text-to-image applications with Stable Diffusion, audio-to-text applications with Whisper, and even embed OpenAI's GPT models to assist you in completing various tasks."}},{"@type":"Question",name:"Which data sources does ILLA support?",acceptedAnswer:{"@type":"Answer",text:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."}}]},{"@type":"VideoObject",name:"What is ILLA Cloud",description:"ILLA Cloud is a low-code platform to make users build internal tools faster.",thumbnailUrl:"https://cdn.illacloud.com/official-website/img/home/playVideoCover.png",uploadDate:"2023-06-15",duration:"PT1M20S",contentUrl:"https://cdn.illacloud.com/official-website/img/home/video.webm"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203341.svg",datePublished:"2023-06-15",description:"40+ components in ILLA Cloud",name:"ILLA Cloud components"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340.svg",datePublished:"2023-06-15",description:"SQL Generation based on OpenAI in ILLA Cloud",name:"ILLA Cloud SQL Generation"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340%20(1).svg",datePublished:"2023-06-15",description:"Real-time collaboration based on OpenAI in ILLA Cloud",name:"ILLA Cloud real-time collaboration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/datasource/datasource.svg",datePublished:"2023-06-15",description:"ILLA Cloud supports to connect multiple datasource with GUI mode. No code required. ",name:"ILLA Cloud data source integration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Codepartbgweb.svg",datePublished:"2023-06-15",description:"Build dashboard or any other internal tools with ILLA Cloud in minutes",name:"Build dashboard with ILLA Cloud"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356.svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required",name:"ILLA Drive"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356%20(1).svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required. Support anti-leech links",name:"Storage and share files via ILLA Drive"}]},m="contentContainer_c9t8",u="content_jfit",h="commBottomContainerStyle_CDHK",p="allContentContainer_nVOG",g="allContentTitle_K0Y2";var f=s(1527);const v=()=>(0,f.jsxs)("div",{className:p,children:[(0,f.jsx)("h2",{className:g,children:(0,f.jsx)(o.Z,{id:"content.all.title",children:"ILLA Cloud integrates everything"})}),(0,f.jsx)("img",{className:"w-full h-auto",src:"https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp",alt:"ILLA Cloud integrates everything"})]}),b="cardContentContainerStyle_kX6c",w="headerContainerStyle_RgD_",y="textTitleStye_mJAH",_="textTitleNumStyle_TEnk",x="textDescStyle_NFkj",I="imgStyle_GNQD",j="cardContainerStyle_Kvlw",A={cardContentItemReverseStyle:"cardContentItemReverseStyle_DHTD",cardContentItemNormalStyle:"cardContentItemNormalStyle_f4ow",cardIContentItemContainerStyle:"cardIContentItemContainerStyle_rPYn",textContainerStyle:"textContainerStyle_toav",textTitleStye:"textTitleStye_u6Ys",textTitleNumStyle:"textTitleNumStyle_h7vB",textDescStyle:"textDescStyle_vwoY"},L="swipeMore_QWDA";var S=s(0),N=s(5341),C=s(700),Z=s(1641);const k=e=>{let{href:t,title:s,category:a,leftPadding:l=!1}=e;return(0,f.jsxs)(S.Z,{className:(0,N.Z)(L,l?"lg:pl-[30px]":""),to:t,onClick:()=>{(0,C.l)({action:"click",category:a})},children:[(0,f.jsx)("span",{className:"underline",children:s}),(0,f.jsx)(Z.Z,{})]})};var E=s(5628);const O=e=>{let{imageIcon:t,stepNum:s,title:a,desc:l,moreTitle:n,moreHref:i,reverse:o}=e;const c=(0,E.f)();return(0,f.jsxs)("div",{className:(0,N.Z)(A.cardIContentItemContainerStyle,o?A.cardContentItemReverseStyle:A.cardContentItemNormalStyle),children:[t,(0,f.jsxs)("div",{className:A.textContainerStyle,children:[(0,f.jsxs)("h3",{className:A.textTitleStye,children:[(0,f.jsxs)("span",{className:A.textTitleNumStye,children:[s,"."]}),(0,f.jsx)("br",{}),(0,f.jsx)("span",{children:a})]}),(0,f.jsx)("span",{className:A.textDescStyle,children:l}),(0,f.jsx)(k,{title:n,href:c(i)??""})]})]})};var B=s(8930);const q={title:(0,o.I)({id:"how_to_use.title.3_steps_to_customize",message:"steps to customize your business apps"}),desc:(0,o.I)({id:"how_to_use.description.build_tools_through",message:"Build tools through drag-and-drop components, customize your AI Agent, connect to your data sources, and make AI a smart tool tailored to your needs and data, making your work more intelligent."}),items:[{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step1.webp",className:I}),title:(0,o.I)({id:"how_to_use.step1_title.create_ai_agent_for",message:"Drag and drop components to design UI"}),desc:(0,o.I)({id:"how_to_use.step1_description.you_can_create_an_ai",message:"By dragging and dropping components, you can quickly build the UI of the apps and implement any functionality you desire."}),moreTitle:(0,o.I)({id:"how_to_use.step1_button.ai_agent_marketplace",message:"Start building UI with ILLA"}),moreHref:B.E},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step2.webp",className:I}),title:(0,o.I)({id:"how_to_use.step2_title.build_the_frontend_p",message:"Connect to your data sources"}),desc:(0,o.I)({id:"how_to_use.step2_description.by_dragging_and_drop",message:"Connect to your own data sources, including MySQL, PostgreSQL, and other databases, REST APIs, GraphQL, etc. Build CRUD apps in just one minute."}),moreTitle:(0,o.I)({id:"how_to_use.step2_button.illa_app_marketplace",message:"Start building Apps with your data sources"}),moreHref:B.E,reverse:!0},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step3.webp",className:I}),title:(0,o.I)({id:"how_to_use.step3_title.connect_to_your_data",message:"Configure and connect to AI agents"}),desc:(0,o.I)({id:"how_to_use.step3_description.enable_data_integrat",message:"Integrating AI agents into your app and empower it with AI capabilities such as intelligent analysis, content generation, and more, without AI development skills."}),moreTitle:(0,o.I)({id:"how_to_use.step3_button.supported_data_sourc",message:"Start building AI driven apps"}),moreHref:B.E}]},D=()=>(0,f.jsxs)("div",{className:b,children:[(0,f.jsxs)("div",{className:w,children:[(0,f.jsxs)("h2",{className:y,children:[(0,f.jsx)("span",{className:_,children:"3\xa0"}),q.title]}),(0,f.jsx)("span",{className:x,children:q.desc})]}),(0,f.jsx)("div",{className:j,children:q.items.map(((e,t)=>{let{imageIcon:s,title:a,desc:l,moreHref:n,moreTitle:i,reverse:o}=e;return(0,f.jsx)(O,{imageIcon:s,desc:l,title:a,moreTitle:i,reverse:o,moreHref:n,stepNum:t+1},a)}))})]});var M=s(2330);const T="wallContainerStyle_Ny01",P="logoTitleStyle_hhN_",z="logoContainerStyle_PeVm",V="logoStyle_ixBp";var W,U=s(959);function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},R.apply(this,arguments)}const G=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",R({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,W||(W=U.createElement("path",{d:"M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z",fill:"#fff"})))};var H,Q;function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},F.apply(this,arguments)}const Y=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",F({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,H||(H=U.createElement("g",{clipPath:"url(#metaIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"}),U.createElement("path",{d:"M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"}),U.createElement("path",{d:"M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"}))),Q||(Q=U.createElement("defs",null,U.createElement("clipPath",{id:"metaIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.1)",d:"M0 0h120.8v40H0z"})))))};var X,K;function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},J.apply(this,arguments)}const $=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",J({width:171,height:40,viewBox:"0 0 171 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,X||(X=U.createElement("g",{clipPath:"url(#byteDanceIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"}))),K||(K=U.createElement("defs",null,U.createElement("clipPath",{id:"byteDanceIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h170v40H0z"})))))};var ee,te;function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},se.apply(this,arguments)}const ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",se({width:194,height:40,viewBox:"0 0 194 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ee||(ee=U.createElement("g",{clipPath:"url(#alibaba_svg__a)"},U.createElement("path",{d:"M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z",fill:"#fff"}))),te||(te=U.createElement("defs",null,U.createElement("clipPath",{id:"alibaba_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h193v40H0z"})))))};var le;function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ne.apply(this,arguments)}const ie=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ne({width:41,height:40,viewBox:"0 0 41 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,le||(le=U.createElement("path",{d:"M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z",fill:"#fff"})))};var oe;function ce(){return ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ce.apply(this,arguments)}const re=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ce({width:33,height:40,viewBox:"0 0 33 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,oe||(oe=U.createElement("path",{d:"M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z",fill:"#fff"})))},de=[{id:"google",icon:(0,f.jsx)(G,{className:V})},{id:"meta",icon:(0,f.jsx)(Y,{className:V})},{id:"byteDance",icon:(0,f.jsx)($,{className:V})},{id:"aliBaba",icon:(0,f.jsx)(ae,{className:V})},{id:"iPhone",icon:(0,f.jsx)(ie,{className:V})},{id:"jsDesign",icon:(0,f.jsx)(re,{className:V})}];const me=function(){return(0,f.jsxs)("div",{className:T,children:[(0,f.jsx)("span",{className:P,children:(0,f.jsx)(o.Z,{id:"customer.title",children:"Trusted by thousands of teams"})}),(0,f.jsx)("div",{className:z,children:de.map(((e,t)=>{let{id:s,icon:a}=e;return(0,f.jsx)("span",{className:(0,N.Z)(t%2==0?"flex justify-end":"flex justify-start"),children:a},s)}))})]})},ue="commentsContainerStyle_ctEM",he="commentsTitleStyle_iQ9i",pe="commentsItemsContainerStyle_Zw4J",ge="borderStyle_jCx_",fe="commentsItemStyle_rd1k",ve="commentContentStyle_NzjM",be="contentTextStyle_PpXf",we="reverseQuoteStyle_waKq",ye="commentUserNameStyle_D4y3",_e="commentUserCompanyStyle_zWSD",xe="mobileGap_cpxI";var Ie;function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},je.apply(this,arguments)}const Ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",je({width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,Ie||(Ie=U.createElement("path",{d:"M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z",fill:"#fff",fillOpacity:.5})))},Le={title:(0,o.I)({id:"testimonial.title.user_testimonials",message:"User Testimonials"}),items:[{content:(0,o.I)({id:"testimonial.testimonial1_content.illa_cloud_has_been",message:"ILLA Cloud has been a game-changer for me. It helps me generate highly efficient content in less time. The customized AI Agent and App perfectly cater to my business needs."}),userName:(0,o.I)({id:"testimonial.testimonial1_username.christopher",message:"Christopher"}),company:(0,o.I)({id:"testimonial.testimonial1_usertitle.seo_specialist",message:"SEO Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial2_content.i_think_i_become_a_b",message:"I think I become a BlogMaster now! This tool has revolutionized my content generation process, saving me valuable time. Whether it's generating blog ideas or structuring articles, the AI Agents have been a tremendous asset to me and my team."}),userName:(0,o.I)({id:"testimonial.testimonial2_username.lucas",message:"Lucas"}),company:(0,o.I)({id:"testimonial.testimonial2_usertitle.content_strategist",message:"Content Strategist"})},{content:(0,o.I)({id:"testimonial.testimonial3_content.it_empowers_me_to_pr",message:"It empowers me to provide exceptional customer support with minimal effort. The pre-built AI Agent and App, along with the ability to customize them for our specific needs, have significantly enhanced our team's effectiveness."}),userName:(0,o.I)({id:"testimonial.testimonial3_username.harper",message:"Harper"}),company:(0,o.I)({id:"testimonial.testimonial3_usertitle.customer_service_man",message:"Customer Service Manager"})},{content:(0,o.I)({id:"testimonial.testimonial4_content.ai_agent_low_code",message:"AI Agent & low-code has transformed my email writing process. It streamlines the creation of impactful emails, enabling me to craft engaging and persuasive messages effortlessly. ILLA Cloud has elevated our email communication to new heights."}),userName:(0,o.I)({id:"testimonial.testimonial4_username.abigail",message:"Abigail"}),company:(0,o.I)({id:"testimonial.testimonial4_usertitle.communication_specia",message:"Communication Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial5_content.i_need_to_oversee_va",message:"I need to oversee various aspects of my company. ILLA Cloud provides me with a comprehensive solution. It not only saves me time and effort in development and design but also allows me to manage and monitor my business better. "}),userName:(0,o.I)({id:"testimonial.testimonial5_username.matthew",message:"Matthew"}),company:(0,o.I)({id:"testimonial.testimonial5_usertitle.business_founder",message:"Business Founder"})},{content:(0,o.I)({id:"testimonial.testimonial6_content.using_illa_cloud_to",message:"Using ILLA Cloud to build a management dashboard has been incredibly easy. After just one day of work, we were able to accomplish tasks such as monitoring project progress and allocating resources within this dashboard."}),userName:(0,o.I)({id:"testimonial.testimonial6_username.samuel",message:"Samuel"}),company:(0,o.I)({id:"testimonial.testimonial6_usertitle.website_administrato",message:"Website Administrator"})}]},Se=()=>(0,f.jsxs)("div",{className:ue,children:[(0,f.jsx)("h2",{className:he,children:Le.title}),(0,f.jsx)("div",{className:pe,children:Le.items.map(((e,t)=>{let{content:s,userName:a,company:l}=e;return(0,f.jsx)("div",{className:(0,N.Z)(ge,xe,0!==t?"lg:mt-[16px]":""),children:(0,f.jsxs)("div",{className:fe,children:[(0,f.jsxs)("div",{className:ve,children:[(0,f.jsx)(Ae,{className:"w-[10px]"}),(0,f.jsx)("span",{className:be,children:s}),(0,f.jsx)(Ae,{className:we})]}),(0,f.jsxs)("span",{className:"flex flex-col",children:[(0,f.jsx)("span",{className:ye,children:a}),(0,f.jsx)("span",{className:_e,children:l})]})]})},a)}))})]});var Ne=s(7812);const Ce=()=>(0,f.jsxs)("div",{className:m,children:[(0,f.jsxs)("div",{className:u,children:[(0,f.jsx)(me,{}),(0,f.jsx)(D,{}),(0,f.jsx)(Se,{}),(0,f.jsx)(v,{}),(0,f.jsx)(Ne.Z,{title:r.title,content:r.content})]}),(0,f.jsx)("div",{className:h,children:(0,f.jsx)(M.Z,{scrollStart:.9368,scrollEnd:1})})]}),Ze={publicize:"publicize_vEiD",publicizeStyle:"publicizeStyle_C7Y6",publicIntru:"publicIntru_nEWo"};var ke=s(8848);const Ee=e=>{let{stars:t}=e;return(0,f.jsx)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:"hover:no-underline",children:(0,f.jsxs)("div",{className:Ze.publicize,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_banner_click"})},children:[(0,f.jsx)("span",{className:Ze.publicizeStyle}),(0,f.jsxs)("span",{className:"flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]",children:[(0,f.jsx)("span",{className:"flex flex-row justify-between",children:(0,f.jsxs)("span",{className:Ze.publicIntru,children:[(0,f.jsx)(ke.Z,{className:"h-[24px] w-[24px]"}),(0,f.jsxs)("span",{children:[(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.github",children:"Github"})}),(0,f.jsx)("span",{className:"inline-block w-[45px] text-center",children:t}),(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})})]})]})}),(0,f.jsxs)("span",{className:Ze.publicSlogan,role:"img","aria-label":"star us",children:[(0,f.jsx)(o.Z,{id:"title.star-us",children:"Star us"})," \ud83d\udc49"]})]})]})})};var Oe=s(3090);const Be="bannerContainerStyle__SXx",qe="canvasContainerStyle_h8pN",De="bgStyle_xQ96",Me="bannerContentContainer_RLp6",Te="bannerTextContainerStyle_O5rS",Pe="sloganStyle_zysD",ze="descStyle_U78g",Ve="buttonContainerStyle_ulq9",We="colorDescAgentStyle_LHLV",Ue="colorDescAppStyle_qG8r",Re="colorDescFlowStyle_VvqE";var Ge=s(7224);const He="solutionContainerStyle_QwBc",Qe="tabsContainerStyle_DETz",Fe="tabsItemStyle_TXig",Ye="selectedTabStyle_CyW0",Xe="splitterItemStyle_gYQ6",Ke="solutionImageContainerStyle_LgpU",Je="solutionBaseBgStyle_nGRR",$e="solutionSelectBgStyle_Xioy",et="solutionUnSelectBgStyle_RZeW",tt="solutionBaseImageStyle_APzO",st="solutionSelectImageStyle_GSp1",at="linkButtonStyle_b1Kn",lt=[{label:(0,o.I)({id:"ai_header.solutions_title.dashboard",message:"Data Analysis Dashboard"}),value:0},{label:(0,o.I)({id:"ai_header.solutions_title.image_generator",message:"AI Image Generator"}),value:1},{label:(0,o.I)({id:"ai_header.solutions_title.ai_voice_generator",message:"AI Voice Generator"}),value:2},{label:(0,o.I)({id:"ai_header.solutions_title.cms",message:"Content Management"}),value:3},{label:(0,o.I)({id:"ai_header.solutions_title.crm",message:"Sales CRM"}),value:4},{label:(0,o.I)({id:"ai_header.solutions_title.admin_panel",message:"Admin Panel"}),value:5}],nt=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Xz",value:0},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bc",value:1},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bb",value:2},{contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full"}),appID:"ILAcx4p1C72G",value:3},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7N5",value:4},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Oy",value:5}],it=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp",className:"w-full max-w-[320px]"})}].map(((e,t)=>({...e,...lt[t]})));var ot=s(117),ct=s(8618);const rt=()=>{const[e,t]=(0,U.useState)(0),s=(0,U.useRef)(null),a=(0,E.f)(),l=e=>{const t=(0,ct.M)(`${B.kS}/${e}/detail`,{operateType:"fork"});return a(`${B.E}?redirectURL=${encodeURIComponent(t)}`)};return(0,U.useEffect)((()=>(s.current&&clearInterval(s.current),s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3),()=>{s.current&&clearInterval(s.current)})),[]),(0,f.jsxs)("div",{className:He,children:[(0,f.jsx)("div",{className:Qe,children:lt.map((a=>(0,f.jsxs)("div",{className:(0,N.Z)(Fe,a.value===e&&Ye),onClick:()=>{return e=a.value,t(e),s.current&&clearInterval(s.current),void(s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3));var e},children:[(0,f.jsx)("span",{className:"w-full h-full relative z-[1] text-nowrap",children:a.label}),a.value===e&&(0,f.jsx)(Ge.E.div,{layout:"position",className:Xe,layoutId:"underline"})]},a.value)))}),(0,f.jsx)("div",{className:Ke,children:nt.map((t=>(0,f.jsxs)(U.Fragment,{children:[(0,f.jsxs)("div",{className:(0,N.Z)(Je,e===t.value?$e:et),children:[t.contentBg,(0,f.jsx)("div",{className:(0,N.Z)(tt,e===t.value&&st),children:t.content})]}),(0,f.jsx)("div",{className:at,children:(0,f.jsx)(ot.Z,{href:l(t.appID),size:"small",colorType:"dark",handleClick:()=>{(0,C.l)({action:"solution_try_for_free"})},children:(0,f.jsx)(o.Z,{id:"website_4.solution.use_this_template",children:"Try now"})})})]},t.value)))})]})};var dt=s(3630);const mt=(0,o.I)({id:"description",message:"Build { businessApp } with low code, make automated { flow }, create { AIAgent } easily"}),ut=e=>{const{githubStarts:t}=e,a=(0,E.f)(),l=(0,U.useRef)(null),n=(0,U.useRef)(null);return(0,Oe.G)(l,n),(0,f.jsxs)("div",{ref:n,className:Be,children:[(0,f.jsx)("div",{className:qe,children:(0,f.jsx)("canvas",{ref:l})}),(0,f.jsx)("video",{className:De,loop:!0,autoPlay:!0,muted:!0,children:(0,f.jsx)("source",{src:s(139).Z,type:"video/mp4"})}),(0,f.jsxs)("div",{className:Me,children:[(0,f.jsx)(Ee,{stars:t}),(0,f.jsxs)("div",{className:Te,children:[(0,f.jsxs)("div",{className:"flex flex-col gap-[16px]",children:[(0,f.jsx)("h1",{className:Pe,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:ze,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:We,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ue,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Re,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:mt})})]}),(0,f.jsx)("div",{className:Ve,children:(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"large",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})})]})]}),(0,f.jsx)(rt,{})]})};var ht,pt,gt;function ft(){return ft=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ft.apply(this,arguments)}const vt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ft({width:44,height:44,viewBox:"0 0 88 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ht||(ht=U.createElement("rect",{y:-.001,width:88,height:88,rx:44,fill:"url(#linearGithub_svg__a)"})),pt||(pt=U.createElement("path",{d:"M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z",fill:"#fff"})),gt||(gt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearGithub_svg__a",x1:44,y1:-.001,x2:44,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))};var bt,wt,yt;function _t(){return _t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},_t.apply(this,arguments)}const xt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",_t({width:44,height:44,viewBox:"0 0 89 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,bt||(bt=U.createElement("rect",{x:.5,y:-.001,width:88,height:88,rx:44,fill:"url(#linearDiscord_svg__a)"})),wt||(wt=U.createElement("path",{d:"M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z",fill:"#fff"})),yt||(yt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearDiscord_svg__a",x1:44.5,y1:-.001,x2:44.5,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))},It="bannerContainer_oUHl",jt="textContainerStyle_j9Qp",At="sloganStyle_XKtE",Lt="descStyle_YqnZ",St="linkGroupItemStyle_KQRV",Nt="colorDescAgentStyle_x5xU",Ct="colorDescAppStyle_An_L",Zt="colorDescFlowStyle_y9g7",kt="contentContainerStyle_JEhu",Et="contentLabelStyle_dif9";var Ot=s(5676),Bt=s(929);const qt=()=>(0,f.jsx)(Ot.tq,{modules:[Bt.pt],centeredSlides:!0,slidesPerView:"auto",spaceBetween:0,className:"w-full",autoplay:{delay:3e3},children:it.map((e=>(0,f.jsx)(Ot.o5,{children:(0,f.jsxs)("div",{className:kt,children:[e.content,(0,f.jsx)("span",{className:Et,children:e.label})]})},e.label)))}),Dt=e=>{const[t]=(0,U.useState)(!1),{githubStarts:s}=e,a=(0,E.f)(),l=(0,o.I)({id:"description",message:"Build { businessApp } with low code, make automated { flow }, create { AIAgent } easily"});return(0,U.useEffect)((()=>{document.body.style.overflow=t?"hidden":"auto"}),[t]),(0,f.jsxs)("div",{className:It,children:[(0,f.jsxs)("div",{className:jt,children:[(0,f.jsx)("h1",{className:At,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:Lt,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:Nt,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ct,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Zt,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:l})}),(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"normal",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})]}),(0,f.jsxs)("div",{className:"flex items-center gap-[40px]",children:[(0,f.jsxs)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:St,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_mob_click"})},children:[(0,f.jsx)(vt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsxs)("span",{className:"ml-[5px]",children:[s,(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})]})})]}),(0,f.jsxs)(S.Z,{href:"https://discord.com/invite/illacloud",className:"flex flex-col items-center gap-[8px]",onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_discord_mob_click"})},children:[(0,f.jsx)(xt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsx)("span",{className:"ml-[5px] align-middle",children:(0,f.jsx)(o.Z,{id:"join-community",children:"Join Discord"})})})]})]}),(0,f.jsx)(qt,{})]})},Mt=()=>{const[e,t]=(0,U.useState)(!0),[s,a]=(0,U.useState)(0),l=(0,U.useCallback)((async e=>{try{const t=await fetch("https://api.github.com/repos/illacloud/illa-builder",{signal:e}),s=await t.json();return s?.stargazers_count||1e4}catch{return 1e4}}),[]);return(0,U.useEffect)((()=>{const e=new AbortController;return t(!0),l(e.signal).then((e=>{a(e),t(!1)})),()=>{e.abort()}}),[]),[e,(n=s,`${(n/1e3).toFixed(1)}k`)];var n};function Tt(){const[,e]=Mt();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(a.Z,{children:[(0,f.jsx)("html",{"data-active-page":"index"}),(0,f.jsx)("meta",{name:"twitter:title",content:c.title}),(0,f.jsx)("meta",{name:"twitter:description",content:c.description}),(0,f.jsx)("script",{type:"application/ld+json",children:JSON.stringify(d)})]}),(0,f.jsx)(l.j,{...c,children:(0,f.jsxs)("div",{className:"bg-black overflow-visible w-full relative z-[1] font-sans",children:[(0,f.jsx)(n.f,{}),(0,f.jsx)(ut,{githubStarts:e}),(0,f.jsx)(Dt,{githubStarts:e}),(0,f.jsx)(Ce,{}),(0,f.jsx)(i.Z,{scrollStart:.939,scrollEnd:1})]})})]})}},8618:(e,t,s)=>{s.d(t,{M:()=>a});const a=(e,t)=>{const s=new URL(e);for(const a in t)t[a]&&s.searchParams.append(a,t[a]);return s.toString()}},139:(e,t,s)=>{s.d(t,{Z:()=>a});const a=s.p+"assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4"}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3237],{1641:(e,t,s)=>{s.d(t,{Z:()=>i});var a,l=s(959);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},n.apply(this,arguments)}const i=e=>{let{title:t,titleId:s,...i}=e;return l.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:15,height:13,viewBox:"0 0 15 13",fill:"none","aria-labelledby":s},i),t?l.createElement("title",{id:s},t):null,a||(a=l.createElement("path",{d:"M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},7812:(e,t,s)=>{s.d(t,{Z:()=>u});const a="faqContainer_vbEd",l="faqTitle_s89i",n="faqListQuestion_Y7ri",i="faqListAnswer_uzUc",o="direction_IrxQ";var c=s(3023),r=s(3473),d=s(5341),m=s(1527);const u=e=>{let{title:t,content:s}=e;const u="transform rotate-0",h="transform -rotate-180",p="bg-white/[0.08]";return(0,m.jsxs)("div",{className:a,children:[(0,m.jsx)("h2",{className:l,children:t}),(0,m.jsx)("div",{className:"w-full flex flex-col gap-[8px]",children:s.map((e=>(0,m.jsx)(c.p,{as:"div",className:"w-full",children:t=>{let{open:s}=t;return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(c.p.Button,{className:(0,d.Z)(n,s?`${p}`:""),children:[(0,m.jsx)("span",{children:e.question}),(0,m.jsx)(r.Z,{className:(0,d.Z)(s?`${h}`:`${u}`,o)})]}),s&&(0,m.jsx)(c.p.Panel,{className:i,children:e.answer})]})}},e.question)))})]})}},117:(e,t,s)=>{s.d(t,{Z:()=>A});var a=s(0),l=s(5341);const n="baseLinkButtonStyle_PuMK",i="smallSizeStyle_AohM",o="normalSizeStyle_qzr1",c="largeSizeStyle_kJWZ",r="darkColorStyle_MxJT",d="lightColorStyle_JCL1",m="baseArrowStyle_lXyW",u="smallArrowStyle_XZaI",h="normalArrowStyle_XxGa",p="largeArrowStyle_sKWX",g="darkArrowStyle_go7n",f="lightArrowStyle_QtFv",v="linkButtonBgStyle_WFWO",b="linesStyle_lbFy",w="lineContainerStyle_Y3Ta",y="lineStyle__sNm",_="darkLineStyle__Ris",x="lightLineStyle_xduB";var I=s(1641),j=s(1527);const A=e=>{let{href:t,children:s,size:A,colorType:L,handleClick:S}=e;return(0,j.jsxs)(a.Z,{to:t,onClick:S,className:(0,l.Z)(n,"small"===A&&i,"normal"===A&&o,"large"===A&&c,"dark"===L?r:d),children:[(0,j.jsxs)("span",{className:v,children:[(0,j.jsx)("span",{className:b,children:Array.from({length:10}).map(((e,t)=>(0,j.jsx)("span",{className:w,children:(0,j.jsx)("span",{className:(0,l.Z)(y,"dark"===L?_:x)},t)},t)))}),(0,j.jsx)("span",{className:(0,l.Z)(m,"small"===A&&u,"normal"===A&&h,"large"===A&&p,"dark"===L?g:f),children:(0,j.jsx)(I.Z,{})})]}),(0,j.jsx)("span",{className:"relative z-[1]",children:s})]})}},3090:(e,t,s)=>{s.d(t,{G:()=>l});var a=s(959);const l=(e,t)=>{const s=(0,a.useRef)(null),l=(0,a.useCallback)((()=>{const a=e.current;if(!a)return;const l=a.getContext("2d");a.width=t.current.clientWidth,a.height=t.current.clientHeight;s.current=(l.clearRect(0,0,a.width,a.height),void(()=>{l.strokeStyle="rgba(255, 255, 255, 0.1)";for(let e=0;e<=a.height;e+=56)l.beginPath(),l.moveTo(0,e),l.lineTo(a.width,e),l.stroke();for(let e=0;e<=a.width;e+=56)l.beginPath(),l.moveTo(e,0),l.lineTo(e,a.height),l.stroke()})())}),[e]);(0,a.useEffect)((()=>{const e=t.current,a=new ResizeObserver((()=>{s.current&&cancelAnimationFrame(s.current),l()}));return a.observe(e),l(),()=>{a&&a.unobserve(e)}}),[t,l]),(0,a.useEffect)((()=>()=>{s.current&&cancelAnimationFrame(s.current),s.current=null}),[])}},7518:(e,t,s)=>{s.r(t),s.d(t,{default:()=>Tt});var a=s(4491),l=s(1153),n=s(2204),i=s(7546),o=s(5374);const c={title:(0,o.I)({id:"meta.title",message:"ILLA Cloud | Build AI Driven Business App"}),description:(0,o.I)({id:"meta.description",message:"Empower your team with AI Agent and advanced low-code tools to create business apps"}),keywords:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"},r={title:(0,o.I)({id:"faq.title",message:"Frequently Asked Questions"}),content:[{question:(0,o.I)({id:"faq.content.0.question",message:"What kind of content can I build with ILLA AI?"}),answer:(0,o.I)({id:"faq.content.0.answer",message:"You can build any internal application or AI tool you need, and you can also integrate AI with internal applications. For example, a dashboard, an admin panel, file content management, customer management system, text generation tool, image generation tool, email generation tool, and so on."})},{question:(0,o.I)({id:"faq.content.1.question",message:"Who can use ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.1.answer",message:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."})},{question:(0,o.I)({id:"faq.content.2.question",message:"How can I benefit from ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.2.answer",message:"ILLA AI not only reduces the cost of building your tools but also integrates any AI capabilities you desire, making your work more efficient and enabling you to generate more valuable content in less time."})},{question:(0,o.I)({id:"faq.content.3.question",message:"Can I customize the AI Agent for my specific business needs?"}),answer:(0,o.I)({id:"faq.content.3.answer",message:"Yes, you can! AI Agent is based on a large language model and can be customized to perform specific tasks. You can define the behavior of the AI Agent based on your business requirements. By using ILLA Builder, you can feed data into the AI Agent and train it to accomplish designated tasks such as text processing, image recognition, and natural language processing."})},{question:(0,o.I)({id:"faq.content.4.question",message:"What data sources does ILLA support?"}),answer:(0,o.I)({id:"faq.content.4.answer",message:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."})},{question:(0,o.I)({id:"faq.content.5.question",message:"Is there any technical support available for ILLA Cloud users?"}),answer:(0,o.I)({id:"faq.content.5.answer",message:"Yes, ILLA Cloud offers technical support to its users. If you encounter any issues or have questions about the platform's features, you can reach out to our support team for assistance. We are dedicated to helping you have a seamless experience with ILLA Cloud."})}]},d={"@context":"https://schema.org","@graph":[{"@type":"Organization",name:"ILLA Cloud",url:"https://www.illacloud.com/#organization",logo:"https://www.illacloud.com/#logo",sameAs:["https://twitter.com/illacloudhq","https://github.com/illacloud/illa-builder","https://www.illacloud.com/","https://www.youtube.com/@illacloud","https://www.linkedin.com/company/illacloud/"]},{"@type":"WebSite",name:"ILLA Cloud",url:"https://www.illacloud.com/#Website",potentialAction:{"@type":"SearchAction",target:"https://www.illacloud.com/?search={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage",url:"www.illacloud.com/illadrive/#WebPage",name:"ILLA Cloud",description:"An open-source low-code platform with react component library to build AI native internal applications in minutes."},{"@type":"FAQPage",mainEntity:[{"@type":"Question",name:"What is ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"ILLA Cloud is a low-code platform that inherits multiple capabilities from ILLA Builder and ILLA Drive. It provides a seamless experience by allowing users to log in and register to access its features. With ILLA Cloud, you can effortlessly build internal tools, dashboards, CRUD (create, read, update, delete) applications, and more. The platform significantly improves work efficiency and helps companies save costs."}},{"@type":"Question",name:"Who can use ILLA Cloud",acceptedAnswer:{"@type":"Answer",text:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."}},{"@type":"Question",name:"What kinds of applications can you develop using ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"1. Rapid idea implementation: When enterprises experience a high demand for internal tools during rapid growth, ILLA can significantly accelerate the development speed and quality of your internal applications. This helps expedite your company's growth by quickly addressing the tooling needs. 2. No skill limitations for editors: With ILLA, any individual within the organization can build the tools they need without requiring specialized teams or technical skills. This empowers employees across various roles to create their own solutions, fostering innovation and productivity. 3. Cost reduction: By leveraging ILLA, enterprises can allocate their time, workforce, and financial resources towards core business activities. This results in reduced costs as ILLA streamlines the development process, eliminates the need for specialized teams, and minimizes the investment required for tooling development."}},{"@type":"Question",name:"What problems can ILLA Cloud solve?",acceptedAnswer:{"@type":"Answer",text:"With ILLA Cloud, you can build any application you need, such as commonly used internal tools like Dashboards, Admin Panels, CRUD apps, CRM, CMS, and more. Additionally, you can develop AI applications, such as text-to-image applications with Stable Diffusion, audio-to-text applications with Whisper, and even embed OpenAI's GPT models to assist you in completing various tasks."}},{"@type":"Question",name:"Which data sources does ILLA support?",acceptedAnswer:{"@type":"Answer",text:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."}}]},{"@type":"VideoObject",name:"What is ILLA Cloud",description:"ILLA Cloud is a low-code platform to make users build internal tools faster.",thumbnailUrl:"https://cdn.illacloud.com/official-website/img/home/playVideoCover.png",uploadDate:"2023-06-15",duration:"PT1M20S",contentUrl:"https://cdn.illacloud.com/official-website/img/home/video.webm"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203341.svg",datePublished:"2023-06-15",description:"40+ components in ILLA Cloud",name:"ILLA Cloud components"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340.svg",datePublished:"2023-06-15",description:"SQL Generation based on OpenAI in ILLA Cloud",name:"ILLA Cloud SQL Generation"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340%20(1).svg",datePublished:"2023-06-15",description:"Real-time collaboration based on OpenAI in ILLA Cloud",name:"ILLA Cloud real-time collaboration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/datasource/datasource.svg",datePublished:"2023-06-15",description:"ILLA Cloud supports to connect multiple datasource with GUI mode. No code required. ",name:"ILLA Cloud data source integration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Codepartbgweb.svg",datePublished:"2023-06-15",description:"Build dashboard or any other internal tools with ILLA Cloud in minutes",name:"Build dashboard with ILLA Cloud"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356.svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required",name:"ILLA Drive"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356%20(1).svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required. Support anti-leech links",name:"Storage and share files via ILLA Drive"}]},m="contentContainer_c9t8",u="content_jfit",h="commBottomContainerStyle_CDHK",p="allContentContainer_nVOG",g="allContentTitle_K0Y2";var f=s(1527);const v=()=>(0,f.jsxs)("div",{className:p,children:[(0,f.jsx)("h2",{className:g,children:(0,f.jsx)(o.Z,{id:"content.all.title",children:"ILLA Cloud integrates everything"})}),(0,f.jsx)("img",{className:"w-full h-auto",src:"https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp",alt:"ILLA Cloud integrates everything"})]}),b="cardContentContainerStyle_kX6c",w="headerContainerStyle_RgD_",y="textTitleStye_mJAH",_="textTitleNumStyle_TEnk",x="textDescStyle_NFkj",I="imgStyle_GNQD",j="cardContainerStyle_Kvlw",A={cardContentItemReverseStyle:"cardContentItemReverseStyle_DHTD",cardContentItemNormalStyle:"cardContentItemNormalStyle_f4ow",cardIContentItemContainerStyle:"cardIContentItemContainerStyle_rPYn",textContainerStyle:"textContainerStyle_toav",textTitleStye:"textTitleStye_u6Ys",textTitleNumStyle:"textTitleNumStyle_h7vB",textDescStyle:"textDescStyle_vwoY"},L="swipeMore_QWDA";var S=s(0),N=s(5341),C=s(700),Z=s(1641);const k=e=>{let{href:t,title:s,category:a,leftPadding:l=!1}=e;return(0,f.jsxs)(S.Z,{className:(0,N.Z)(L,l?"lg:pl-[30px]":""),to:t,onClick:()=>{(0,C.l)({action:"click",category:a})},children:[(0,f.jsx)("span",{className:"underline",children:s}),(0,f.jsx)(Z.Z,{})]})};var E=s(5628);const O=e=>{let{imageIcon:t,stepNum:s,title:a,desc:l,moreTitle:n,moreHref:i,reverse:o}=e;const c=(0,E.f)();return(0,f.jsxs)("div",{className:(0,N.Z)(A.cardIContentItemContainerStyle,o?A.cardContentItemReverseStyle:A.cardContentItemNormalStyle),children:[t,(0,f.jsxs)("div",{className:A.textContainerStyle,children:[(0,f.jsxs)("h3",{className:A.textTitleStye,children:[(0,f.jsxs)("span",{className:A.textTitleNumStye,children:[s,"."]}),(0,f.jsx)("br",{}),(0,f.jsx)("span",{children:a})]}),(0,f.jsx)("span",{className:A.textDescStyle,children:l}),(0,f.jsx)(k,{title:n,href:c(i)??""})]})]})};var B=s(8930);const q={title:(0,o.I)({id:"how_to_use.title.3_steps_to_customize",message:"steps to customize your business apps"}),desc:(0,o.I)({id:"how_to_use.description.build_tools_through",message:"Build tools through drag-and-drop components, customize your AI Agent, connect to your data sources, and make AI a smart tool tailored to your needs and data, making your work more intelligent."}),items:[{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step1.webp",className:I}),title:(0,o.I)({id:"how_to_use.step1_title.create_ai_agent_for",message:"Drag and drop components to design UI"}),desc:(0,o.I)({id:"how_to_use.step1_description.you_can_create_an_ai",message:"By dragging and dropping components, you can quickly build the UI of the apps and implement any functionality you desire."}),moreTitle:(0,o.I)({id:"how_to_use.step1_button.ai_agent_marketplace",message:"Start building UI with ILLA"}),moreHref:B.E},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step2.webp",className:I}),title:(0,o.I)({id:"how_to_use.step2_title.build_the_frontend_p",message:"Connect to your data sources"}),desc:(0,o.I)({id:"how_to_use.step2_description.by_dragging_and_drop",message:"Connect to your own data sources, including MySQL, PostgreSQL, and other databases, REST APIs, GraphQL, etc. Build CRUD apps in just one minute."}),moreTitle:(0,o.I)({id:"how_to_use.step2_button.illa_app_marketplace",message:"Start building Apps with your data sources"}),moreHref:B.E,reverse:!0},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step3.webp",className:I}),title:(0,o.I)({id:"how_to_use.step3_title.connect_to_your_data",message:"Configure and connect to AI agents"}),desc:(0,o.I)({id:"how_to_use.step3_description.enable_data_integrat",message:"Integrating AI agents into your app and empower it with AI capabilities such as intelligent analysis, content generation, and more, without AI development skills."}),moreTitle:(0,o.I)({id:"how_to_use.step3_button.supported_data_sourc",message:"Start building AI driven apps"}),moreHref:B.E}]},D=()=>(0,f.jsxs)("div",{className:b,children:[(0,f.jsxs)("div",{className:w,children:[(0,f.jsxs)("h2",{className:y,children:[(0,f.jsx)("span",{className:_,children:"3\xa0"}),q.title]}),(0,f.jsx)("span",{className:x,children:q.desc})]}),(0,f.jsx)("div",{className:j,children:q.items.map(((e,t)=>{let{imageIcon:s,title:a,desc:l,moreHref:n,moreTitle:i,reverse:o}=e;return(0,f.jsx)(O,{imageIcon:s,desc:l,title:a,moreTitle:i,reverse:o,moreHref:n,stepNum:t+1},a)}))})]});var M=s(2330);const T="wallContainerStyle_Ny01",P="logoTitleStyle_hhN_",z="logoContainerStyle_PeVm",V="logoStyle_ixBp";var W,U=s(959);function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},R.apply(this,arguments)}const G=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",R({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,W||(W=U.createElement("path",{d:"M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z",fill:"#fff"})))};var H,Q;function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},F.apply(this,arguments)}const Y=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",F({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,H||(H=U.createElement("g",{clipPath:"url(#metaIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"}),U.createElement("path",{d:"M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"}),U.createElement("path",{d:"M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"}))),Q||(Q=U.createElement("defs",null,U.createElement("clipPath",{id:"metaIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.1)",d:"M0 0h120.8v40H0z"})))))};var X,K;function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},J.apply(this,arguments)}const $=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",J({width:171,height:40,viewBox:"0 0 171 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,X||(X=U.createElement("g",{clipPath:"url(#byteDanceIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"}))),K||(K=U.createElement("defs",null,U.createElement("clipPath",{id:"byteDanceIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h170v40H0z"})))))};var ee,te;function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},se.apply(this,arguments)}const ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",se({width:194,height:40,viewBox:"0 0 194 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ee||(ee=U.createElement("g",{clipPath:"url(#alibaba_svg__a)"},U.createElement("path",{d:"M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z",fill:"#fff"}))),te||(te=U.createElement("defs",null,U.createElement("clipPath",{id:"alibaba_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h193v40H0z"})))))};var le;function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ne.apply(this,arguments)}const ie=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ne({width:41,height:40,viewBox:"0 0 41 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,le||(le=U.createElement("path",{d:"M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z",fill:"#fff"})))};var oe;function ce(){return ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ce.apply(this,arguments)}const re=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ce({width:33,height:40,viewBox:"0 0 33 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,oe||(oe=U.createElement("path",{d:"M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z",fill:"#fff"})))},de=[{id:"google",icon:(0,f.jsx)(G,{className:V})},{id:"meta",icon:(0,f.jsx)(Y,{className:V})},{id:"byteDance",icon:(0,f.jsx)($,{className:V})},{id:"aliBaba",icon:(0,f.jsx)(ae,{className:V})},{id:"iPhone",icon:(0,f.jsx)(ie,{className:V})},{id:"jsDesign",icon:(0,f.jsx)(re,{className:V})}];const me=function(){return(0,f.jsxs)("div",{className:T,children:[(0,f.jsx)("span",{className:P,children:(0,f.jsx)(o.Z,{id:"customer.title",children:"Trusted by thousands of teams"})}),(0,f.jsx)("div",{className:z,children:de.map(((e,t)=>{let{id:s,icon:a}=e;return(0,f.jsx)("span",{className:(0,N.Z)(t%2==0?"flex justify-end":"flex justify-start"),children:a},s)}))})]})},ue="commentsContainerStyle_ctEM",he="commentsTitleStyle_iQ9i",pe="commentsItemsContainerStyle_Zw4J",ge="borderStyle_jCx_",fe="commentsItemStyle_rd1k",ve="commentContentStyle_NzjM",be="contentTextStyle_PpXf",we="reverseQuoteStyle_waKq",ye="commentUserNameStyle_D4y3",_e="commentUserCompanyStyle_zWSD",xe="mobileGap_cpxI";var Ie;function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},je.apply(this,arguments)}const Ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",je({width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,Ie||(Ie=U.createElement("path",{d:"M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z",fill:"#fff",fillOpacity:.5})))},Le={title:(0,o.I)({id:"testimonial.title.user_testimonials",message:"User Testimonials"}),items:[{content:(0,o.I)({id:"testimonial.testimonial1_content.illa_cloud_has_been",message:"ILLA Cloud has been a game-changer for me. It helps me generate highly efficient content in less time. The customized AI Agent and App perfectly cater to my business needs."}),userName:(0,o.I)({id:"testimonial.testimonial1_username.christopher",message:"Christopher"}),company:(0,o.I)({id:"testimonial.testimonial1_usertitle.seo_specialist",message:"SEO Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial2_content.i_think_i_become_a_b",message:"I think I become a BlogMaster now! This tool has revolutionized my content generation process, saving me valuable time. Whether it's generating blog ideas or structuring articles, the AI Agents have been a tremendous asset to me and my team."}),userName:(0,o.I)({id:"testimonial.testimonial2_username.lucas",message:"Lucas"}),company:(0,o.I)({id:"testimonial.testimonial2_usertitle.content_strategist",message:"Content Strategist"})},{content:(0,o.I)({id:"testimonial.testimonial3_content.it_empowers_me_to_pr",message:"It empowers me to provide exceptional customer support with minimal effort. The pre-built AI Agent and App, along with the ability to customize them for our specific needs, have significantly enhanced our team's effectiveness."}),userName:(0,o.I)({id:"testimonial.testimonial3_username.harper",message:"Harper"}),company:(0,o.I)({id:"testimonial.testimonial3_usertitle.customer_service_man",message:"Customer Service Manager"})},{content:(0,o.I)({id:"testimonial.testimonial4_content.ai_agent_low_code",message:"AI Agent & low-code has transformed my email writing process. It streamlines the creation of impactful emails, enabling me to craft engaging and persuasive messages effortlessly. ILLA Cloud has elevated our email communication to new heights."}),userName:(0,o.I)({id:"testimonial.testimonial4_username.abigail",message:"Abigail"}),company:(0,o.I)({id:"testimonial.testimonial4_usertitle.communication_specia",message:"Communication Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial5_content.i_need_to_oversee_va",message:"I need to oversee various aspects of my company. ILLA Cloud provides me with a comprehensive solution. It not only saves me time and effort in development and design but also allows me to manage and monitor my business better. "}),userName:(0,o.I)({id:"testimonial.testimonial5_username.matthew",message:"Matthew"}),company:(0,o.I)({id:"testimonial.testimonial5_usertitle.business_founder",message:"Business Founder"})},{content:(0,o.I)({id:"testimonial.testimonial6_content.using_illa_cloud_to",message:"Using ILLA Cloud to build a management dashboard has been incredibly easy. After just one day of work, we were able to accomplish tasks such as monitoring project progress and allocating resources within this dashboard."}),userName:(0,o.I)({id:"testimonial.testimonial6_username.samuel",message:"Samuel"}),company:(0,o.I)({id:"testimonial.testimonial6_usertitle.website_administrato",message:"Website Administrator"})}]},Se=()=>(0,f.jsxs)("div",{className:ue,children:[(0,f.jsx)("h2",{className:he,children:Le.title}),(0,f.jsx)("div",{className:pe,children:Le.items.map(((e,t)=>{let{content:s,userName:a,company:l}=e;return(0,f.jsx)("div",{className:(0,N.Z)(ge,xe,0!==t?"lg:mt-[16px]":""),children:(0,f.jsxs)("div",{className:fe,children:[(0,f.jsxs)("div",{className:ve,children:[(0,f.jsx)(Ae,{className:"w-[10px]"}),(0,f.jsx)("span",{className:be,children:s}),(0,f.jsx)(Ae,{className:we})]}),(0,f.jsxs)("span",{className:"flex flex-col",children:[(0,f.jsx)("span",{className:ye,children:a}),(0,f.jsx)("span",{className:_e,children:l})]})]})},a)}))})]});var Ne=s(7812);const Ce=()=>(0,f.jsxs)("div",{className:m,children:[(0,f.jsxs)("div",{className:u,children:[(0,f.jsx)(me,{}),(0,f.jsx)(D,{}),(0,f.jsx)(Se,{}),(0,f.jsx)(v,{}),(0,f.jsx)(Ne.Z,{title:r.title,content:r.content})]}),(0,f.jsx)("div",{className:h,children:(0,f.jsx)(M.Z,{scrollStart:.9368,scrollEnd:1})})]}),Ze={publicize:"publicize_vEiD",publicizeStyle:"publicizeStyle_C7Y6",publicIntru:"publicIntru_nEWo"};var ke=s(8848);const Ee=e=>{let{stars:t}=e;return(0,f.jsx)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:"hover:no-underline",children:(0,f.jsxs)("div",{className:Ze.publicize,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_banner_click"})},children:[(0,f.jsx)("span",{className:Ze.publicizeStyle}),(0,f.jsxs)("span",{className:"flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]",children:[(0,f.jsx)("span",{className:"flex flex-row justify-between",children:(0,f.jsxs)("span",{className:Ze.publicIntru,children:[(0,f.jsx)(ke.Z,{className:"h-[24px] w-[24px]"}),(0,f.jsxs)("span",{children:[(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.github",children:"Github"})}),(0,f.jsx)("span",{className:"inline-block w-[45px] text-center",children:t}),(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})})]})]})}),(0,f.jsxs)("span",{className:Ze.publicSlogan,role:"img","aria-label":"star us",children:[(0,f.jsx)(o.Z,{id:"title.star-us",children:"Star us"})," \ud83d\udc49"]})]})]})})};var Oe=s(3090);const Be="bannerContainerStyle__SXx",qe="canvasContainerStyle_h8pN",De="bgStyle_xQ96",Me="bannerContentContainer_RLp6",Te="bannerTextContainerStyle_O5rS",Pe="sloganStyle_zysD",ze="descStyle_U78g",Ve="buttonContainerStyle_ulq9",We="colorDescAgentStyle_LHLV",Ue="colorDescAppStyle_qG8r",Re="colorDescFlowStyle_VvqE";var Ge=s(7224);const He="solutionContainerStyle_QwBc",Qe="tabsContainerStyle_DETz",Fe="tabsItemStyle_TXig",Ye="selectedTabStyle_CyW0",Xe="splitterItemStyle_gYQ6",Ke="solutionImageContainerStyle_LgpU",Je="solutionBaseBgStyle_nGRR",$e="solutionSelectBgStyle_Xioy",et="solutionUnSelectBgStyle_RZeW",tt="solutionBaseImageStyle_APzO",st="solutionSelectImageStyle_GSp1",at="linkButtonStyle_b1Kn",lt=[{label:(0,o.I)({id:"ai_header.solutions_title.dashboard",message:"Data Analysis Dashboard"}),value:0},{label:(0,o.I)({id:"ai_header.solutions_title.image_generator",message:"AI Image Generator"}),value:1},{label:(0,o.I)({id:"ai_header.solutions_title.ai_voice_generator",message:"AI Voice Generator"}),value:2},{label:(0,o.I)({id:"ai_header.solutions_title.cms",message:"Content Management"}),value:3},{label:(0,o.I)({id:"ai_header.solutions_title.crm",message:"Sales CRM"}),value:4},{label:(0,o.I)({id:"ai_header.solutions_title.admin_panel",message:"Admin Panel"}),value:5}],nt=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Xz",value:0},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bc",value:1},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bb",value:2},{contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full"}),appID:"ILAcx4p1C72G",value:3},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7N5",value:4},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Oy",value:5}],it=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp",className:"w-full max-w-[320px]"})}].map(((e,t)=>({...e,...lt[t]})));var ot=s(117),ct=s(8618);const rt=()=>{const[e,t]=(0,U.useState)(0),s=(0,U.useRef)(null),a=(0,E.f)(),l=e=>{const t=(0,ct.M)(`${B.kS}/${e}/detail`,{operateType:"fork"});return a(`${B.E}?redirectURL=${encodeURIComponent(t)}`)};return(0,U.useEffect)((()=>(s.current&&clearInterval(s.current),s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3),()=>{s.current&&clearInterval(s.current)})),[]),(0,f.jsxs)("div",{className:He,children:[(0,f.jsx)("div",{className:Qe,children:lt.map((a=>(0,f.jsxs)("div",{className:(0,N.Z)(Fe,a.value===e&&Ye),onClick:()=>{return e=a.value,t(e),s.current&&clearInterval(s.current),void(s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3));var e},children:[(0,f.jsx)("span",{className:"w-full h-full relative z-[1] text-nowrap",children:a.label}),a.value===e&&(0,f.jsx)(Ge.E.div,{layout:"position",className:Xe,layoutId:"underline"})]},a.value)))}),(0,f.jsx)("div",{className:Ke,children:nt.map((t=>(0,f.jsxs)(U.Fragment,{children:[(0,f.jsxs)("div",{className:(0,N.Z)(Je,e===t.value?$e:et),children:[t.contentBg,(0,f.jsx)("div",{className:(0,N.Z)(tt,e===t.value&&st),children:t.content})]}),(0,f.jsx)("div",{className:at,children:(0,f.jsx)(ot.Z,{href:l(t.appID),size:"small",colorType:"dark",handleClick:()=>{(0,C.l)({action:"solution_try_for_free"})},children:(0,f.jsx)(o.Z,{id:"website_4.solution.use_this_template",children:"Try now"})})})]},t.value)))})]})};var dt=s(3630);const mt=(0,o.I)({id:"description",message:"Build {businessApp} with low code, make automated {flow}, create {AIAgent} easily"}),ut=e=>{const{githubStarts:t}=e,a=(0,E.f)(),l=(0,U.useRef)(null),n=(0,U.useRef)(null);return(0,Oe.G)(l,n),(0,f.jsxs)("div",{ref:n,className:Be,children:[(0,f.jsx)("div",{className:qe,children:(0,f.jsx)("canvas",{ref:l})}),(0,f.jsx)("video",{className:De,loop:!0,autoPlay:!0,muted:!0,children:(0,f.jsx)("source",{src:s(139).Z,type:"video/mp4"})}),(0,f.jsxs)("div",{className:Me,children:[(0,f.jsx)(Ee,{stars:t}),(0,f.jsxs)("div",{className:Te,children:[(0,f.jsxs)("div",{className:"flex flex-col gap-[16px]",children:[(0,f.jsx)("h1",{className:Pe,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:ze,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:We,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ue,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Re,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:mt})})]}),(0,f.jsx)("div",{className:Ve,children:(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"large",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})})]})]}),(0,f.jsx)(rt,{})]})};var ht,pt,gt;function ft(){return ft=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ft.apply(this,arguments)}const vt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ft({width:44,height:44,viewBox:"0 0 88 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ht||(ht=U.createElement("rect",{y:-.001,width:88,height:88,rx:44,fill:"url(#linearGithub_svg__a)"})),pt||(pt=U.createElement("path",{d:"M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z",fill:"#fff"})),gt||(gt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearGithub_svg__a",x1:44,y1:-.001,x2:44,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))};var bt,wt,yt;function _t(){return _t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},_t.apply(this,arguments)}const xt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",_t({width:44,height:44,viewBox:"0 0 89 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,bt||(bt=U.createElement("rect",{x:.5,y:-.001,width:88,height:88,rx:44,fill:"url(#linearDiscord_svg__a)"})),wt||(wt=U.createElement("path",{d:"M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z",fill:"#fff"})),yt||(yt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearDiscord_svg__a",x1:44.5,y1:-.001,x2:44.5,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))},It="bannerContainer_oUHl",jt="textContainerStyle_j9Qp",At="sloganStyle_XKtE",Lt="descStyle_YqnZ",St="linkGroupItemStyle_KQRV",Nt="colorDescAgentStyle_x5xU",Ct="colorDescAppStyle_An_L",Zt="colorDescFlowStyle_y9g7",kt="contentContainerStyle_JEhu",Et="contentLabelStyle_dif9";var Ot=s(5676),Bt=s(929);const qt=()=>(0,f.jsx)(Ot.tq,{modules:[Bt.pt],centeredSlides:!0,slidesPerView:"auto",spaceBetween:0,className:"w-full",autoplay:{delay:3e3},children:it.map((e=>(0,f.jsx)(Ot.o5,{children:(0,f.jsxs)("div",{className:kt,children:[e.content,(0,f.jsx)("span",{className:Et,children:e.label})]})},e.label)))}),Dt=e=>{const[t]=(0,U.useState)(!1),{githubStarts:s}=e,a=(0,E.f)(),l=(0,o.I)({id:"description",message:"Build {businessApp} with low code, make automated {flow}, create {AIAgent} easily"});return(0,U.useEffect)((()=>{document.body.style.overflow=t?"hidden":"auto"}),[t]),(0,f.jsxs)("div",{className:It,children:[(0,f.jsxs)("div",{className:jt,children:[(0,f.jsx)("h1",{className:At,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:Lt,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:Nt,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ct,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Zt,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:l})}),(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"normal",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})]}),(0,f.jsxs)("div",{className:"flex items-center gap-[40px]",children:[(0,f.jsxs)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:St,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_mob_click"})},children:[(0,f.jsx)(vt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsxs)("span",{className:"ml-[5px]",children:[s,(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})]})})]}),(0,f.jsxs)(S.Z,{href:"https://discord.com/invite/illacloud",className:"flex flex-col items-center gap-[8px]",onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_discord_mob_click"})},children:[(0,f.jsx)(xt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsx)("span",{className:"ml-[5px] align-middle",children:(0,f.jsx)(o.Z,{id:"join-community",children:"Join Discord"})})})]})]}),(0,f.jsx)(qt,{})]})},Mt=()=>{const[e,t]=(0,U.useState)(!0),[s,a]=(0,U.useState)(0),l=(0,U.useCallback)((async e=>{try{const t=await fetch("https://api.github.com/repos/illacloud/illa-builder",{signal:e}),s=await t.json();return s?.stargazers_count||1e4}catch{return 1e4}}),[]);return(0,U.useEffect)((()=>{const e=new AbortController;return t(!0),l(e.signal).then((e=>{a(e),t(!1)})),()=>{e.abort()}}),[]),[e,(n=s,`${(n/1e3).toFixed(1)}k`)];var n};function Tt(){const[,e]=Mt();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(a.Z,{children:[(0,f.jsx)("html",{"data-active-page":"index"}),(0,f.jsx)("meta",{name:"twitter:title",content:c.title}),(0,f.jsx)("meta",{name:"twitter:description",content:c.description}),(0,f.jsx)("script",{type:"application/ld+json",children:JSON.stringify(d)})]}),(0,f.jsx)(l.j,{...c,children:(0,f.jsxs)("div",{className:"bg-black overflow-visible w-full relative z-[1] font-sans",children:[(0,f.jsx)(n.f,{}),(0,f.jsx)(ut,{githubStarts:e}),(0,f.jsx)(Dt,{githubStarts:e}),(0,f.jsx)(Ce,{}),(0,f.jsx)(i.Z,{scrollStart:.939,scrollEnd:1})]})})]})}},8618:(e,t,s)=>{s.d(t,{M:()=>a});const a=(e,t)=>{const s=new URL(e);for(const a in t)t[a]&&s.searchParams.append(a,t[a]);return s.toString()}},139:(e,t,s)=>{s.d(t,{Z:()=>a});const a=s.p+"assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4"}}]);
\ No newline at end of file
diff --git a/ja/assets/js/31eafaf9.a0cdd077.js b/ja/assets/js/31eafaf9.e8785c7b.js
similarity index 99%
rename from ja/assets/js/31eafaf9.a0cdd077.js
rename to ja/assets/js/31eafaf9.e8785c7b.js
index 30d221168e..f560e6c55a 100644
--- a/ja/assets/js/31eafaf9.a0cdd077.js
+++ b/ja/assets/js/31eafaf9.e8785c7b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3581],{2040:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/ja/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/ja/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/ja/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/ja/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/ja/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3581],{2040:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/ja/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/ja/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/ja/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/ja/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/ja/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/354dfbd1.9fe06c27.js b/ja/assets/js/354dfbd1.91887c8a.js
similarity index 99%
rename from ja/assets/js/354dfbd1.9fe06c27.js
rename to ja/assets/js/354dfbd1.91887c8a.js
index 7d3acbe14d..256619ec08 100644
--- a/ja/assets/js/354dfbd1.9fe06c27.js
+++ b/ja/assets/js/354dfbd1.91887c8a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8248],{5209:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low-code",permalink:"/illa-website/ja/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/ja/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/ja/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8248],{5209:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low-code",permalink:"/illa-website/ja/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/ja/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/ja/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/3dca0203.0c12c321.js b/ja/assets/js/3dca0203.82332347.js
similarity index 99%
rename from ja/assets/js/3dca0203.0c12c321.js
rename to ja/assets/js/3dca0203.82332347.js
index 77ba463759..18e6e9dd33 100644
--- a/ja/assets/js/3dca0203.0c12c321.js
+++ b/ja/assets/js/3dca0203.82332347.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5694],{1077:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low-code",permalink:"/illa-website/ja/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/ja/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/ja/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5694],{1077:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low-code",permalink:"/illa-website/ja/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/ja/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/ja/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/4a61f11b.11335b41.js b/ja/assets/js/4a61f11b.0dea53c0.js
similarity index 93%
rename from zh/assets/js/4a61f11b.11335b41.js
rename to ja/assets/js/4a61f11b.0dea53c0.js
index d47c5ab00b..0354bae085 100644
--- a/zh/assets/js/4a61f11b.11335b41.js
+++ b/ja/assets/js/4a61f11b.0dea53c0.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9699],{1483:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/zh/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"shadcn-ui",permalink:"/illa-website/zh/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/zh/blog/tags/react"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/zh/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/zh/blog/shadcn-vs-mui"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/zh/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/zh/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9699],{1483:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/ja/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"shadcn-ui",permalink:"/illa-website/ja/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/ja/blog/tags/react"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/ja/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/ja/blog/shadcn-vs-mui"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/ja/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/ja/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/4a83e123.b0217b08.js b/ja/assets/js/4a83e123.ab6b9b15.js
similarity index 99%
rename from ja/assets/js/4a83e123.b0217b08.js
rename to ja/assets/js/4a83e123.ab6b9b15.js
index 43a35413d3..3cee033ab6 100644
--- a/ja/assets/js/4a83e123.b0217b08.js
+++ b/ja/assets/js/4a83e123.ab6b9b15.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[6137],{8506:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/ja/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/ja/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/ja/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/ja/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/ja/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[6137],{8506:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/ja/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/ja/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/ja/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/ja/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/ja/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/5cd65baf.9614bf49.js b/ja/assets/js/5cd65baf.2290cac6.js
similarity index 98%
rename from ja/assets/js/5cd65baf.9614bf49.js
rename to ja/assets/js/5cd65baf.2290cac6.js
index b047e08e92..18e501a4ae 100644
--- a/ja/assets/js/5cd65baf.9614bf49.js
+++ b/ja/assets/js/5cd65baf.2290cac6.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9239],{9590:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/ja/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low code",permalink:"/illa-website/ja/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/ja/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/ja/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/ja/blog/mui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/ja/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/ja/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9239],{9590:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/ja/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low code",permalink:"/illa-website/ja/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/ja/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/ja/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/ja/blog/mui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/ja/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/ja/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/5f78ec6a.0f2c3a59.js b/ja/assets/js/5f78ec6a.21f557b8.js
similarity index 83%
rename from ja/assets/js/5f78ec6a.0f2c3a59.js
rename to ja/assets/js/5f78ec6a.21f557b8.js
index 29b17f18c1..5cf1ba9f89 100644
--- a/ja/assets/js/5f78ec6a.0f2c3a59.js
+++ b/ja/assets/js/5f78ec6a.21f557b8.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3096],{2369:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>m,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},a=void 0,l={permalink:"/illa-website/ja/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"nvm",permalink:"/illa-website/ja/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/ja/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/ja/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/ja/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/ja/blog/shadcn-ui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/ja/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/ja/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>l,a:()=>a});var s=o(959);const t={},i=s.createContext(t);function a(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3096],{2369:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>m,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},a=void 0,l={permalink:"/illa-website/ja/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"nvm",permalink:"/illa-website/ja/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/ja/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/ja/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/ja/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/ja/blog/shadcn-ui-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/ja/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/ja/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>l,a:()=>a});var s=o(959);const t={},i=s.createContext(t);function a(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/6d69edbe.26542af8.js b/ja/assets/js/6d69edbe.5fe8d533.js
similarity index 83%
rename from ja/assets/js/6d69edbe.26542af8.js
rename to ja/assets/js/6d69edbe.5fe8d533.js
index 5114941993..a3739b0183 100644
--- a/ja/assets/js/6d69edbe.26542af8.js
+++ b/ja/assets/js/6d69edbe.5fe8d533.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8876],{5391:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>m,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},a=void 0,l={permalink:"/illa-website/ja/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"nvm",permalink:"/illa-website/ja/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/ja/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/ja/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/ja/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/ja/blog/shadcn-ui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/ja/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/ja/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>l,a:()=>a});var s=o(959);const t={},i=s.createContext(t);function a(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8876],{5391:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>a,default:()=>m,frontMatter:()=>i,metadata:()=>l,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},a=void 0,l={permalink:"/illa-website/ja/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"nvm",permalink:"/illa-website/ja/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/ja/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/ja/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/ja/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/ja/blog/shadcn-ui-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/ja/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/ja/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>l,a:()=>a});var s=o(959);const t={},i=s.createContext(t);function a(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:a(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/72d3bf7a.aa1a9de1.js b/ja/assets/js/72d3bf7a.1e793f19.js
similarity index 98%
rename from ja/assets/js/72d3bf7a.aa1a9de1.js
rename to ja/assets/js/72d3bf7a.1e793f19.js
index b40962b7fb..281a804acc 100644
--- a/ja/assets/js/72d3bf7a.aa1a9de1.js
+++ b/ja/assets/js/72d3bf7a.1e793f19.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4808],{2685:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/ja/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low code",permalink:"/illa-website/ja/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/ja/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/ja/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/ja/blog/mui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/ja/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/ja/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4808],{2685:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/ja/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low code",permalink:"/illa-website/ja/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/ja/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/ja/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/ja/blog/mui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/ja/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/ja/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/88d8af9f.2ce97f00.js b/ja/assets/js/88d8af9f.2ce97f00.js
new file mode 100644
index 0000000000..8bf59ed643
--- /dev/null
+++ b/ja/assets/js/88d8af9f.2ce97f00.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5038],{9129:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/ja/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/ja/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/ja/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/ja/blog/tags/react"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/ja/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/ja/blog/nvm-use-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/ja/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/ja/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/ja/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,i.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,i.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,i.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(t.p,{children:"These include:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,i.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/88d8af9f.bbcda779.js b/ja/assets/js/88d8af9f.bbcda779.js
deleted file mode 100644
index 73fabba732..0000000000
--- a/ja/assets/js/88d8af9f.bbcda779.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5038],{9129:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/ja/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/ja/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/ja/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/ja/blog/tags/react"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/ja/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/ja/blog/nvm-use-2024"},relatedPosts:[{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",permalink:"/illa-website/ja/blog/shadcn-vs-mui",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.12,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/ja/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/ja/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,i.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,i.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,i.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(t.p,{children:"These include:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,i.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/96447363.7e8b716f.js b/ja/assets/js/96447363.e38d70b3.js
similarity index 98%
rename from ja/assets/js/96447363.7e8b716f.js
rename to ja/assets/js/96447363.e38d70b3.js
index 0b4330e7b7..3eb9a0ee58 100644
--- a/ja/assets/js/96447363.7e8b716f.js
+++ b/ja/assets/js/96447363.e38d70b3.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9713],{6100:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/ja/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"data dashboard",permalink:"/illa-website/ja/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/ja/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/ja/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/ja/blog/backend-create-web-ui",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9713],{6100:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/ja/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"data dashboard",permalink:"/illa-website/ja/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/ja/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/ja/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/ja/blog/backend-create-web-ui",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/b6eb34d2.6a391d11.js b/ja/assets/js/b6eb34d2.87ea1bbf.js
similarity index 93%
rename from zh/assets/js/b6eb34d2.6a391d11.js
rename to ja/assets/js/b6eb34d2.87ea1bbf.js
index 994d271057..7d1a8843e2 100644
--- a/zh/assets/js/b6eb34d2.6a391d11.js
+++ b/ja/assets/js/b6eb34d2.87ea1bbf.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5191],{5067:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/zh/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"shadcn-ui",permalink:"/illa-website/zh/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/zh/blog/tags/react"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/zh/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/zh/blog/shadcn-vs-mui"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/zh/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/zh/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5191],{5067:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/ja/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"shadcn-ui",permalink:"/illa-website/ja/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/ja/blog/tags/react"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/ja/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/ja/blog/shadcn-vs-mui"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/ja/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/ja/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/bb85b74d.3804da13.js b/ja/assets/js/bb85b74d.33fe1a0e.js
similarity index 98%
rename from ja/assets/js/bb85b74d.3804da13.js
rename to ja/assets/js/bb85b74d.33fe1a0e.js
index 9b4853b449..5c93908098 100644
--- a/ja/assets/js/bb85b74d.3804da13.js
+++ b/ja/assets/js/bb85b74d.33fe1a0e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5938],{576:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/ja/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"data dashboard",permalink:"/illa-website/ja/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/ja/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/ja/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/ja/blog/backend-create-web-ui",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5938],{576:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/ja/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"data dashboard",permalink:"/illa-website/ja/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/ja/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/ja/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/ja/blog/backend-create-web-ui",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/e20c763e.431fdc49.js b/ja/assets/js/e20c763e.842e4bf1.js
similarity index 98%
rename from ja/assets/js/e20c763e.431fdc49.js
rename to ja/assets/js/e20c763e.842e4bf1.js
index f78b0a5fbf..3cb0eefd4d 100644
--- a/ja/assets/js/e20c763e.431fdc49.js
+++ b/ja/assets/js/e20c763e.842e4bf1.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7599],{8311:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,l={permalink:"/illa-website/ja/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"internal tools",permalink:"/illa-website/ja/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/ja/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/ja/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/ja/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/build-dashboard",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>l,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function l(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7599],{8311:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,l={permalink:"/illa-website/ja/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"internal tools",permalink:"/illa-website/ja/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/ja/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/ja/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/ja/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/build-dashboard",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>l,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function l(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/e765f05a.1f9a64fc.js b/ja/assets/js/e765f05a.bc5cec9c.js
similarity index 98%
rename from ja/assets/js/e765f05a.1f9a64fc.js
rename to ja/assets/js/e765f05a.bc5cec9c.js
index 1e3901a71a..f76f5899f0 100644
--- a/ja/assets/js/e765f05a.1f9a64fc.js
+++ b/ja/assets/js/e765f05a.bc5cec9c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7272],{26:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,l={permalink:"/illa-website/ja/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"internal tools",permalink:"/illa-website/ja/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/ja/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/ja/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/ja/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/build-dashboard",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>l,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function l(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7272],{26:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,l={permalink:"/illa-website/ja/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"internal tools",permalink:"/illa-website/ja/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/ja/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/ja/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/ja/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/build-dashboard",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>l,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function l(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/main.c91ede21.js b/ja/assets/js/main.7288e62e.js
similarity index 87%
rename from ja/assets/js/main.c91ede21.js
rename to ja/assets/js/main.7288e62e.js
index 1ea5e9c88c..672151e906 100644
--- a/ja/assets/js/main.c91ede21.js
+++ b/ja/assets/js/main.7288e62e.js
@@ -1,2 +1,2 @@
-/*! For license information please see main.c91ede21.js.LICENSE.txt */
-(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[179],{1422:(e,t,n)=>{var a={"./":1884};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=1422},6002:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7558),r=n.n(a),o=n(6887);const i={"0104b3a5":[()=>Promise.all([n.e(532),n.e(8592),n.e(1205)]).then(n.bind(n,2048)),"@site/src/pages/components/List/index.tsx",2048],"01a85c17":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(4013)]).then(n.bind(n,5602)),"@theme/BlogTagsListPage",5602],"01bd692b":[()=>Promise.all([n.e(532),n.e(8592),n.e(8550)]).then(n.bind(n,9451)),"@site/src/pages/components/Switch/index.tsx",9451],"03598c98":[()=>Promise.all([n.e(532),n.e(8592),n.e(4530)]).then(n.bind(n,406)),"@site/src/pages/components/Statistics/index.tsx",406],"03d60dda":[()=>Promise.all([n.e(532),n.e(8592),n.e(1618)]).then(n.bind(n,489)),"@site/src/pages/components/Divider/index.tsx",489],"09752374":[()=>n.e(5872).then(n.t.bind(n,1869,19)),"~blog/default/illa-website-ja-blog-tags-shadcn-ui-875-list.json",1869],"15579acf":[()=>n.e(6573).then(n.t.bind(n,2203,19)),"~blog/default/illa-website-ja-blog-c89.json",2203],"17fb53e2":[()=>Promise.all([n.e(532),n.e(8592),n.e(4893)]).then(n.bind(n,2439)),"@site/src/pages/integrations/OracleDB/index.tsx",2439],"1842627e":[()=>n.e(5037).then(n.bind(n,2640)),"@site/blog/mui-2024/mui.md",2640],"188c27a7":[()=>Promise.all([n.e(532),n.e(8592),n.e(6921)]).then(n.bind(n,7108)),"@site/src/pages/components/index.tsx",7108],"1b97b52f":[()=>Promise.all([n.e(532),n.e(8592),n.e(2833)]).then(n.bind(n,7880)),"@site/src/pages/components/Input/index.tsx",7880],"1df93b7f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5708),n.e(3237)]).then(n.bind(n,7518)),"@site/src/pages/index.tsx",7518],"25bbf118":[()=>Promise.all([n.e(532),n.e(8592),n.e(7277)]).then(n.bind(n,5013)),"@site/src/pages/components/Modal/index.tsx",5013],"25ffa5da":[()=>Promise.all([n.e(532),n.e(8592),n.e(4417)]).then(n.bind(n,716)),"@site/src/pages/components/DateRange/index.tsx",716],"279770d6":[()=>Promise.all([n.e(532),n.e(8592),n.e(7654)]).then(n.bind(n,145)),"@site/src/pages/pricing/index.tsx",145],"2864c10f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5923),n.e(3807)]).then(n.bind(n,6641)),"@theme/SolutionsPage",6641],"2937fddb":[()=>Promise.all([n.e(532),n.e(8592),n.e(7559)]).then(n.bind(n,5430)),"@site/src/pages/integrations/HuggingFaceInferenceEndpoint/index.tsx",5430],"2d1ec1f7":[()=>Promise.all([n.e(532),n.e(8592),n.e(4664)]).then(n.bind(n,9400)),"@site/src/pages/integrations/MicrosoftSQLServer/index.tsx",9400],"2fed4b30":[()=>n.e(9634).then(n.t.bind(n,8557,19)),"~blog/default/illa-website-ja-blog-tags-tags-b74.json",8557],30834002:[()=>Promise.all([n.e(532),n.e(8592),n.e(7949)]).then(n.bind(n,2150)),"@site/src/pages/components/Tabs/index.tsx",2150],"30da2238":[()=>Promise.all([n.e(532),n.e(8592),n.e(7906)]).then(n.bind(n,7201)),"@site/src/pages/integrations/Clickhouse/index.tsx",7201],"31eafaf9":[()=>n.e(3581).then(n.bind(n,2040)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",2040],"32e0062a":[()=>n.e(6175).then(n.t.bind(n,2601,19)),"~blog/default/illa-website-ja-blog-tags-admin-panel-691.json",2601],"3371227b":[()=>n.e(3093).then(n.bind(n,202)),"@site/i18n/ja/docusaurus-plugin-content-pages/solutions-crm.mdx",202],"34d0e50f":[()=>n.e(5385).then(n.t.bind(n,5745,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],"351f368f":[()=>n.e(7147).then(n.t.bind(n,1239,19)),"~blog/default/illa-website-ja-blog-tags-shadcn-ui-875.json",1239],"354dfbd1":[()=>n.e(8248).then(n.bind(n,5209)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md?truncated=true",5209],"38806fe8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9248)]).then(n.bind(n,7179)),"@site/src/pages/integrations/PostgreSQL/index.tsx",7179],"3d6ccfd0":[()=>Promise.all([n.e(532),n.e(8592),n.e(7543)]).then(n.bind(n,2667)),"@site/src/pages/components/Video/index.tsx",2667],"3dca0203":[()=>n.e(5694).then(n.bind(n,1077)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md",1077],"3e9365cc":[()=>n.e(4823).then(n.t.bind(n,4841,19)),"~blog/default/illa-website-ja-blog-tags-mac-59c.json",4841],"3fee51a2":[()=>Promise.all([n.e(532),n.e(8592),n.e(7155)]).then(n.bind(n,2974)),"@site/src/pages/components/Form/index.tsx",2974],41685197:[()=>Promise.all([n.e(532),n.e(8592),n.e(4610)]).then(n.bind(n,3608)),"@site/src/pages/integrations/TiDB/index.tsx",3608],"451bfe05":[()=>Promise.all([n.e(532),n.e(8592),n.e(5162)]).then(n.bind(n,780)),"@site/src/pages/integrations/Hydra/index.tsx",780],45267849:[()=>Promise.all([n.e(532),n.e(8592),n.e(2136)]).then(n.bind(n,7417)),"@site/src/pages/integrations/MySQL/index.tsx",7417],"459412d8":[()=>n.e(7371).then(n.t.bind(n,8469,19)),"~blog/default/illa-website-ja-blog-tags-react-fcc-list.json",8469],"46a49447":[()=>Promise.all([n.e(532),n.e(8592),n.e(4771)]).then(n.bind(n,2208)),"@site/src/pages/components/CircleProgress/index.tsx",2208],"474ec535":[()=>Promise.all([n.e(532),n.e(8592),n.e(1055)]).then(n.bind(n,3886)),"@site/src/pages/components/PDF/index.tsx",3886],49586834:[()=>Promise.all([n.e(532),n.e(8592),n.e(852)]).then(n.bind(n,8292)),"@site/src/pages/components/Button/index.tsx",8292],"4a61f11b":[()=>n.e(9699).then(n.bind(n,1483)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",1483],"4a83e123":[()=>n.e(6137).then(n.bind(n,8506)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md?truncated=true",8506],"4ac09675":[()=>n.e(4103).then(n.t.bind(n,35,19)),"~blog/default/illa-website-ja-blog-tags-traditional-development-c91-list.json",35],"4ac275c7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1679)]).then(n.bind(n,9098)),"@site/src/pages/integrations/CouchDB/index.tsx",9098],"4b61f448":[()=>n.e(1543).then(n.t.bind(n,5499,19)),"~blog/default/illa-website-ja-blog-tags-data-dashboard-317.json",5499],"4c1cafaf":[()=>n.e(5089).then(n.t.bind(n,1941,19)),"~blog/default/illa-website-ja-blog-tags-low-code-b05.json",1941],"4c3a04f4":[()=>Promise.all([n.e(532),n.e(8592),n.e(2578)]).then(n.bind(n,8532)),"@site/src/pages/components/Chart/index.tsx",8532],"50cfa8ab":[()=>Promise.all([n.e(532),n.e(8592),n.e(9788)]).then(n.bind(n,7779)),"@site/src/pages/components/BarProgress/index.tsx",7779],"5175bdc6":[()=>n.e(9087).then(n.bind(n,4608)),"@site/i18n/ja/docusaurus-plugin-content-pages/solutions-image-generator.mdx",4608],"53015dc5":[()=>Promise.all([n.e(532),n.e(8592),n.e(8962)]).then(n.bind(n,4118)),"@site/src/pages/components/Menu/index.tsx",4118],"56cbb393":[()=>Promise.all([n.e(532),n.e(8592),n.e(7050)]).then(n.bind(n,4515)),"@site/src/pages/components/Select/index.tsx",4515],"5758dffb":[()=>Promise.all([n.e(532),n.e(8592),n.e(9982)]).then(n.bind(n,5421)),"@site/src/pages/components/EditableText/index.tsx",5421],"589eda2e":[()=>Promise.all([n.e(532),n.e(8592),n.e(4556)]).then(n.bind(n,1566)),"@site/src/pages/integrations/AmazonDynamoDB/index.tsx",1566],"5b9cf134":[()=>n.e(1361).then(n.bind(n,2025)),"@site/i18n/ja/docusaurus-plugin-content-pages/solutions-cms.mdx",2025],"5ca6070c":[()=>Promise.all([n.e(532),n.e(8592),n.e(2056)]).then(n.bind(n,5462)),"@site/src/pages/components/Textarea Input/index.tsx",5462],"5cd65baf":[()=>n.e(9239).then(n.bind(n,9590)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md?truncated=true",9590],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],"5f78ec6a":[()=>n.e(3096).then(n.bind(n,2369)),"@site/blog/nvm-use/nvm-use.md",2369],"6632b8cf":[()=>Promise.all([n.e(532),n.e(8592),n.e(9090)]).then(n.bind(n,786)),"@site/src/pages/components/Icon/index.tsx",786],"6875c492":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(8610)]).then(n.bind(n,2304)),"@theme/BlogTagsPostsPage",2304],"68c10dd5":[()=>Promise.all([n.e(532),n.e(8592),n.e(2714)]).then(n.bind(n,5886)),"@site/src/pages/integrations/Neon/index.tsx",5886],"6927a6f7":[()=>n.e(7122).then(n.t.bind(n,9613,19)),"~blog/default/illa-website-ja-blog-tags-nodejs-9d2-list.json",9613],"6b7903a8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9324)]).then(n.bind(n,3564)),"@site/src/pages/components/NumberInput/index.tsx",3564],"6d69edbe":[()=>n.e(8876).then(n.bind(n,5391)),"@site/blog/nvm-use/nvm-use.md?truncated=true",5391],"6e91fee9":[()=>Promise.all([n.e(532),n.e(8592),n.e(856)]).then(n.bind(n,2368)),"@site/src/pages/integrations/S3/index.tsx",2368],"6f04e546":[()=>n.e(8252).then(n.bind(n,6517)),"@site/i18n/ja/docusaurus-plugin-content-pages/solutions-admin-panel.mdx",6517],"7213c8c2":[()=>Promise.all([n.e(532),n.e(8592),n.e(3045)]).then(n.bind(n,9219)),"@site/src/pages/components/Timeline/index.tsx",9219],"72d3bf7a":[()=>n.e(4808).then(n.bind(n,2685)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",2685],"733df29f":[()=>Promise.all([n.e(532),n.e(8592),n.e(8151)]).then(n.bind(n,3538)),"@site/src/pages/integrations/Appwrite/index.tsx",3538],"767884c3":[()=>n.e(1103).then(n.t.bind(n,3075,19)),"~blog/default/illa-website-ja-blog-tags-data-dashboard-317-list.json",3075],"7b91dc2c":[()=>Promise.all([n.e(532),n.e(8592),n.e(7448)]).then(n.bind(n,5764)),"@site/src/pages/integrations/MariaDB/index.tsx",5764],"7bafbfd4":[()=>n.e(8582).then(n.t.bind(n,1959,19)),"~blog/default/illa-website-ja-blog-tags-admin-panel-691-list.json",1959],"7d02bed8":[()=>Promise.all([n.e(532),n.e(8592),n.e(7832)]).then(n.bind(n,9840)),"@site/src/pages/integrations/ElasticSearch/index.tsx",9840],"7f0a0f20":[()=>Promise.all([n.e(532),n.e(8592),n.e(2377)]).then(n.bind(n,5092)),"@site/src/pages/components/CheckboxGroup/index.tsx",5092],"8104b43a":[()=>n.e(3085).then(n.t.bind(n,2131,19)),"~blog/default/illa-website-ja-blog-tags-internal-tools-98c.json",2131],"8323cfc4":[()=>n.e(38).then(n.t.bind(n,7032,19)),"~blog/default/illa-website-ja-blog-tags-nvm-2dc.json",7032],"837d095b":[()=>Promise.all([n.e(532),n.e(8592),n.e(9211)]).then(n.bind(n,8824)),"@site/src/pages/components/RadioGroup/index.tsx",8824],"83d2f18d":[()=>Promise.all([n.e(532),n.e(8592),n.e(4638)]).then(n.bind(n,6398)),"@site/src/pages/components/Audio/index.tsx",6398],"84e5c644":[()=>n.e(5563).then(n.t.bind(n,1614,19)),"~blog/default/illa-website-ja-blog-tags-mac-59c-list.json",1614],"86953be1":[()=>Promise.all([n.e(532),n.e(8592),n.e(6510)]).then(n.bind(n,7072)),"@site/src/pages/components/Cascader/index.tsx",7072],"88d8af9f":[()=>n.e(5038).then(n.bind(n,9129)),"@site/blog/mui-2024/mui.md?truncated=true",9129],"890684bb":[()=>Promise.all([n.e(532),n.e(8592),n.e(3883)]).then(n.bind(n,9917)),"@site/src/pages/integrations/Redis/index.tsx",9917],"8a295c3c":[()=>n.e(5885).then(n.bind(n,1229)),"@site/i18n/ja/docusaurus-plugin-content-pages/solutions-dashboard.mdx",1229],"8d9a9c02":[()=>Promise.all([n.e(532),n.e(8592),n.e(3265)]).then(n.bind(n,3893)),"@site/src/pages/components/RadioButton/index.tsx",3893],"8da008fe":[()=>n.e(3204).then(n.t.bind(n,8126,19)),"~blog/default/illa-website-ja-blog-tags-open-source-cfd-list.json",8126],"921028f2":[()=>Promise.all([n.e(532),n.e(8592),n.e(8922)]).then(n.bind(n,4108)),"@site/src/pages/integrations/RESTAPI/index.tsx",4108],"927b8026":[()=>Promise.all([n.e(532),n.e(8592),n.e(1414)]).then(n.bind(n,4882)),"@site/src/pages/integrations/GraphQL/index.tsx",4882],"94161ec7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1845)]).then(n.bind(n,8521)),"@site/src/pages/integrations/Snowflake/index.tsx",8521],96447363:[()=>n.e(9713).then(n.bind(n,6100)),"@site/blog/build-dashboard/build-dashboard.md",6100],"9cfae2f1":[()=>n.e(6649).then(n.t.bind(n,8633,19)),"~blog/default/illa-website-ja-blog-tags-ui-library-ad8-list.json",8633],"9de45a08":[()=>Promise.all([n.e(532),n.e(8592),n.e(4640)]).then(n.bind(n,7582)),"@site/src/pages/integrations/SupabaseDB/index.tsx",7582],"9f91eb4c":[()=>Promise.all([n.e(532),n.e(8592),n.e(6290)]).then(n.bind(n,3668)),"@site/src/pages/components/DateTime/index.tsx",3668],a6aa9e1f:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(3089)]).then(n.bind(n,6336)),"@theme/BlogListPage",6336],a6b4f45f:[()=>Promise.all([n.e(532),n.e(8592),n.e(3102)]).then(n.bind(n,9967)),"@site/src/pages/components/Carousel/index.tsx",9967],a828f322:[()=>Promise.all([n.e(532),n.e(8592),n.e(8891)]).then(n.bind(n,9216)),"@site/src/pages/integrations/HuggingFaceInferenceAPI/index.tsx",9216],a8ec4dfb:[()=>n.e(5298).then(n.bind(n,450)),"@site/i18n/ja/docusaurus-plugin-content-pages/solutions-ai-voice-generator.mdx",450],a9372106:[()=>Promise.all([n.e(532),n.e(8592),n.e(1777)]).then(n.bind(n,7134)),"@site/src/pages/components/Text/index.tsx",7134],ac92cbdc:[()=>Promise.all([n.e(532),n.e(8592),n.e(5378)]).then(n.bind(n,5501)),"@site/src/pages/integrations/SMTP/index.tsx",5501],adc5b515:[()=>n.e(2734).then(n.t.bind(n,2723,19)),"~blog/default/illa-website-ja-blog-tags-nodejs-9d2.json",2723],b51640b3:[()=>n.e(7235).then(n.t.bind(n,6021,19)),"~blog/default/illa-website-ja-blog-tags-open-source-cfd.json",6021],b6eb34d2:[()=>n.e(5191).then(n.bind(n,5067)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md?truncated=true",5067],bb85b74d:[()=>n.e(5938).then(n.bind(n,576)),"@site/blog/build-dashboard/build-dashboard.md?truncated=true",576],bb9e3f22:[()=>Promise.all([n.e(532),n.e(8592),n.e(5118)]).then(n.bind(n,4980)),"@site/src/pages/components/Container/index.tsx",4980],be1d629d:[()=>Promise.all([n.e(532),n.e(8592),n.e(545)]).then(n.bind(n,3563)),"@site/src/pages/components/Rate/index.tsx",3563],bfd7a058:[()=>n.e(7922).then(n.t.bind(n,7026,19)),"~blog/default/illa-website-ja-blog-tags-internal-tools-98c-list.json",7026],c133d0bc:[()=>Promise.all([n.e(532),n.e(8592),n.e(7746)]).then(n.bind(n,1814)),"@site/src/pages/components/Image/index.tsx",1814],ca19ac91:[()=>Promise.all([n.e(532),n.e(8592),n.e(7612)]).then(n.bind(n,7690)),"@site/src/pages/integrations/GoogleSheets/index.tsx",7690],ca20a7d4:[()=>n.e(557).then(n.t.bind(n,2960,19)),"~blog/default/illa-website-ja-blog-tags-ui-library-ad8.json",2960],ca96679e:[()=>Promise.all([n.e(532),n.e(8592),n.e(2031)]).then(n.bind(n,5014)),"@site/src/pages/components/Tables/index.tsx",5014],ccc49370:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(5923),n.e(4809),n.e(6103)]).then(n.bind(n,9466)),"@theme/BlogPostPage",9466],d8096fab:[()=>Promise.all([n.e(532),n.e(8592),n.e(6828)]).then(n.bind(n,3769)),"@site/src/pages/integrations/index.tsx",3769],da1593ee:[()=>Promise.all([n.e(532),n.e(8592),n.e(9321)]).then(n.bind(n,1086)),"@site/src/pages/components/Multiselect/index.tsx",1086],deb5faec:[()=>Promise.all([n.e(532),n.e(8592),n.e(2224)]).then(n.bind(n,320)),"@site/src/pages/components/Date/index.tsx",320],e015af33:[()=>Promise.all([n.e(532),n.e(8592),n.e(8595)]).then(n.bind(n,7818)),"@site/src/pages/integrations/MongoDB/index.tsx",7818],e0cd9918:[()=>Promise.all([n.e(532),n.e(8592),n.e(8155)]).then(n.bind(n,4855)),"@site/src/pages/components/Upload/index.tsx",4855],e20c763e:[()=>n.e(7599).then(n.bind(n,8311)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md?truncated=true",8311],e318c3d1:[()=>n.e(4938).then(n.t.bind(n,1683,19)),"~blog/default/illa-website-ja-blog-tags-javascript-d9c-list.json",1683],e4e1a4b6:[()=>Promise.all([n.e(532),n.e(8592),n.e(8296)]).then(n.bind(n,5586)),"@site/src/pages/integrations/Airtable/index.tsx",5586],e765f05a:[()=>n.e(7272).then(n.bind(n,26)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md",26],e8901644:[()=>n.e(1066).then(n.t.bind(n,2882,19)),"~blog/default/illa-website-ja-blog-tags-low-code-b05-list.json",2882],ec6317df:[()=>n.e(2408).then(n.t.bind(n,6233,19)),"~blog/default/illa-website-ja-blog-tags-nvm-2dc-list.json",6233],efb304c7:[()=>n.e(3935).then(n.t.bind(n,3303,19)),"~blog/default/illa-website-ja-blog-tags-traditional-development-c91.json",3303],f3cf1707:[()=>Promise.all([n.e(532),n.e(8592),n.e(3072)]).then(n.bind(n,109)),"@site/src/pages/integrations/Firebase/index.tsx",109],f706147f:[()=>n.e(1315).then(n.t.bind(n,7318,19)),"~blog/default/illa-website-ja-blog-tags-javascript-d9c.json",7318],f9908f12:[()=>n.e(7004).then(n.t.bind(n,736,19)),"~blog/default/illa-website-ja-blog-tags-react-fcc.json",736],fc0df049:[()=>n.e(5315).then(n.t.bind(n,4469,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",4469]};var l=n(1527);function s(e){let{error:t,retry:n,pastDelay:a}=e;return t?(0,l.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,l.jsx)("p",{children:String(t)}),(0,l.jsx)("div",{children:(0,l.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):a?(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,l.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,l.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,l.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(4420),u=n(2762);function d(e,t){if("*"===e)return r()({loading:s,loader:()=>Promise.all([n.e(532),n.e(8592),n.e(8245)]).then(n.bind(n,8245)),modules:["@theme/NotFound"],webpack:()=>[8245],render(e,t){const n=e.default;return(0,l.jsx)(u.z,{value:{plugin:{name:"native",id:"default"}},children:(0,l.jsx)(n,{...t})})}});const a=o[`${e}-${t}`],d={},p=[],f=[],g=(0,c.Z)(a);return Object.entries(g).forEach((e=>{let[t,n]=e;const a=i[n];a&&(d[t]=a[0],p.push(a[1]),f.push(a[2]))})),r().Map({loading:s,loader:d,modules:p,webpack:()=>f,render(t,n){const r=JSON.parse(JSON.stringify(a));Object.entries(t).forEach((t=>{let[n,a]=t;const o=a.default;if(!o)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof o&&"function"!=typeof o||Object.keys(a).filter((e=>"default"!==e)).forEach((e=>{o[e]=a[e]}));let i=r;const l=n.split(".");l.slice(0,-1).forEach((e=>{i=i[e]})),i[l[l.length-1]]=o}));const o=r.__comp;delete r.__comp;const i=r.__context;return delete r.__context,(0,l.jsx)(u.z,{value:i,children:(0,l.jsx)(o,{...r,...n})})}})}const p=[{path:"/illa-website/ja/admin-panel",component:d("/illa-website/ja/admin-panel","b6f"),exact:!0},{path:"/illa-website/ja/ai-voice-generator",component:d("/illa-website/ja/ai-voice-generator","0f8"),exact:!0},{path:"/illa-website/ja/blog",component:d("/illa-website/ja/blog","783"),exact:!0},{path:"/illa-website/ja/blog/backend-create-web-ui",component:d("/illa-website/ja/blog/backend-create-web-ui","c35"),exact:!0},{path:"/illa-website/ja/blog/build-dashboard",component:d("/illa-website/ja/blog/build-dashboard","d8f"),exact:!0},{path:"/illa-website/ja/blog/lowcode-vs-traditional",component:d("/illa-website/ja/blog/lowcode-vs-traditional","7fb"),exact:!0},{path:"/illa-website/ja/blog/mui-2024",component:d("/illa-website/ja/blog/mui-2024","a1b"),exact:!0},{path:"/illa-website/ja/blog/nvm-use-2024",component:d("/illa-website/ja/blog/nvm-use-2024","5a9"),exact:!0},{path:"/illa-website/ja/blog/shadcn-ui-2024",component:d("/illa-website/ja/blog/shadcn-ui-2024","79d"),exact:!0},{path:"/illa-website/ja/blog/shadcn-vs-mui",component:d("/illa-website/ja/blog/shadcn-vs-mui","105"),exact:!0},{path:"/illa-website/ja/blog/tags",component:d("/illa-website/ja/blog/tags","deb"),exact:!0},{path:"/illa-website/ja/blog/tags/admin-panel",component:d("/illa-website/ja/blog/tags/admin-panel","dee"),exact:!0},{path:"/illa-website/ja/blog/tags/data-dashboard",component:d("/illa-website/ja/blog/tags/data-dashboard","d6c"),exact:!0},{path:"/illa-website/ja/blog/tags/internal-tools",component:d("/illa-website/ja/blog/tags/internal-tools","2bd"),exact:!0},{path:"/illa-website/ja/blog/tags/javascript",component:d("/illa-website/ja/blog/tags/javascript","912"),exact:!0},{path:"/illa-website/ja/blog/tags/low-code",component:d("/illa-website/ja/blog/tags/low-code","6c7"),exact:!0},{path:"/illa-website/ja/blog/tags/mac",component:d("/illa-website/ja/blog/tags/mac","2f1"),exact:!0},{path:"/illa-website/ja/blog/tags/nodejs",component:d("/illa-website/ja/blog/tags/nodejs","8ec"),exact:!0},{path:"/illa-website/ja/blog/tags/nvm",component:d("/illa-website/ja/blog/tags/nvm","3ba"),exact:!0},{path:"/illa-website/ja/blog/tags/open-source",component:d("/illa-website/ja/blog/tags/open-source","9fc"),exact:!0},{path:"/illa-website/ja/blog/tags/react",component:d("/illa-website/ja/blog/tags/react","fa9"),exact:!0},{path:"/illa-website/ja/blog/tags/shadcn-ui",component:d("/illa-website/ja/blog/tags/shadcn-ui","376"),exact:!0},{path:"/illa-website/ja/blog/tags/traditional-development",component:d("/illa-website/ja/blog/tags/traditional-development","0e0"),exact:!0},{path:"/illa-website/ja/blog/tags/ui-library",component:d("/illa-website/ja/blog/tags/ui-library","1ef"),exact:!0},{path:"/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024",component:d("/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024","e55"),exact:!0},{path:"/illa-website/ja/cms",component:d("/illa-website/ja/cms","0f1"),exact:!0},{path:"/illa-website/ja/components/",component:d("/illa-website/ja/components/","5a2"),exact:!0},{path:"/illa-website/ja/components/Audio/",component:d("/illa-website/ja/components/Audio/","a8f"),exact:!0},{path:"/illa-website/ja/components/BarProgress/",component:d("/illa-website/ja/components/BarProgress/","064"),exact:!0},{path:"/illa-website/ja/components/Button/",component:d("/illa-website/ja/components/Button/","9f4"),exact:!0},{path:"/illa-website/ja/components/Carousel/",component:d("/illa-website/ja/components/Carousel/","ce2"),exact:!0},{path:"/illa-website/ja/components/Cascader/",component:d("/illa-website/ja/components/Cascader/","fe6"),exact:!0},{path:"/illa-website/ja/components/Chart/",component:d("/illa-website/ja/components/Chart/","82d"),exact:!0},{path:"/illa-website/ja/components/CheckboxGroup/",component:d("/illa-website/ja/components/CheckboxGroup/","128"),exact:!0},{path:"/illa-website/ja/components/CircleProgress/",component:d("/illa-website/ja/components/CircleProgress/","7fd"),exact:!0},{path:"/illa-website/ja/components/Container/",component:d("/illa-website/ja/components/Container/","de4"),exact:!0},{path:"/illa-website/ja/components/Date/",component:d("/illa-website/ja/components/Date/","d0a"),exact:!0},{path:"/illa-website/ja/components/DateRange/",component:d("/illa-website/ja/components/DateRange/","20e"),exact:!0},{path:"/illa-website/ja/components/DateTime/",component:d("/illa-website/ja/components/DateTime/","a46"),exact:!0},{path:"/illa-website/ja/components/Divider/",component:d("/illa-website/ja/components/Divider/","e30"),exact:!0},{path:"/illa-website/ja/components/EditableText/",component:d("/illa-website/ja/components/EditableText/","313"),exact:!0},{path:"/illa-website/ja/components/Form/",component:d("/illa-website/ja/components/Form/","dc5"),exact:!0},{path:"/illa-website/ja/components/Icon/",component:d("/illa-website/ja/components/Icon/","e6f"),exact:!0},{path:"/illa-website/ja/components/Image/",component:d("/illa-website/ja/components/Image/","4d3"),exact:!0},{path:"/illa-website/ja/components/Input/",component:d("/illa-website/ja/components/Input/","2cc"),exact:!0},{path:"/illa-website/ja/components/List/",component:d("/illa-website/ja/components/List/","e62"),exact:!0},{path:"/illa-website/ja/components/Menu/",component:d("/illa-website/ja/components/Menu/","3f2"),exact:!0},{path:"/illa-website/ja/components/Modal/",component:d("/illa-website/ja/components/Modal/","419"),exact:!0},{path:"/illa-website/ja/components/Multiselect/",component:d("/illa-website/ja/components/Multiselect/","c74"),exact:!0},{path:"/illa-website/ja/components/NumberInput/",component:d("/illa-website/ja/components/NumberInput/","033"),exact:!0},{path:"/illa-website/ja/components/PDF/",component:d("/illa-website/ja/components/PDF/","93d"),exact:!0},{path:"/illa-website/ja/components/RadioButton/",component:d("/illa-website/ja/components/RadioButton/","f37"),exact:!0},{path:"/illa-website/ja/components/RadioGroup/",component:d("/illa-website/ja/components/RadioGroup/","1bb"),exact:!0},{path:"/illa-website/ja/components/Rate/",component:d("/illa-website/ja/components/Rate/","475"),exact:!0},{path:"/illa-website/ja/components/Select/",component:d("/illa-website/ja/components/Select/","1e4"),exact:!0},{path:"/illa-website/ja/components/Statistics/",component:d("/illa-website/ja/components/Statistics/","772"),exact:!0},{path:"/illa-website/ja/components/Switch/",component:d("/illa-website/ja/components/Switch/","648"),exact:!0},{path:"/illa-website/ja/components/Tables/",component:d("/illa-website/ja/components/Tables/","ee9"),exact:!0},{path:"/illa-website/ja/components/Tabs/",component:d("/illa-website/ja/components/Tabs/","b95"),exact:!0},{path:"/illa-website/ja/components/Text/",component:d("/illa-website/ja/components/Text/","d23"),exact:!0},{path:"/illa-website/ja/components/Textarea%20Input/",component:d("/illa-website/ja/components/Textarea%20Input/","8f2"),exact:!0},{path:"/illa-website/ja/components/Timeline/",component:d("/illa-website/ja/components/Timeline/","0e5"),exact:!0},{path:"/illa-website/ja/components/Upload/",component:d("/illa-website/ja/components/Upload/","541"),exact:!0},{path:"/illa-website/ja/components/Video/",component:d("/illa-website/ja/components/Video/","561"),exact:!0},{path:"/illa-website/ja/crm",component:d("/illa-website/ja/crm","eb7"),exact:!0},{path:"/illa-website/ja/dashboard",component:d("/illa-website/ja/dashboard","991"),exact:!0},{path:"/illa-website/ja/image-generator",component:d("/illa-website/ja/image-generator","5be"),exact:!0},{path:"/illa-website/ja/integrations/",component:d("/illa-website/ja/integrations/","6e8"),exact:!0},{path:"/illa-website/ja/integrations/Airtable/",component:d("/illa-website/ja/integrations/Airtable/","9e0"),exact:!0},{path:"/illa-website/ja/integrations/AmazonDynamoDB/",component:d("/illa-website/ja/integrations/AmazonDynamoDB/","af4"),exact:!0},{path:"/illa-website/ja/integrations/Appwrite/",component:d("/illa-website/ja/integrations/Appwrite/","3d4"),exact:!0},{path:"/illa-website/ja/integrations/Clickhouse/",component:d("/illa-website/ja/integrations/Clickhouse/","d61"),exact:!0},{path:"/illa-website/ja/integrations/CouchDB/",component:d("/illa-website/ja/integrations/CouchDB/","3af"),exact:!0},{path:"/illa-website/ja/integrations/ElasticSearch/",component:d("/illa-website/ja/integrations/ElasticSearch/","abf"),exact:!0},{path:"/illa-website/ja/integrations/Firebase/",component:d("/illa-website/ja/integrations/Firebase/","656"),exact:!0},{path:"/illa-website/ja/integrations/GoogleSheets/",component:d("/illa-website/ja/integrations/GoogleSheets/","38e"),exact:!0},{path:"/illa-website/ja/integrations/GraphQL/",component:d("/illa-website/ja/integrations/GraphQL/","2cb"),exact:!0},{path:"/illa-website/ja/integrations/HuggingFaceInferenceAPI/",component:d("/illa-website/ja/integrations/HuggingFaceInferenceAPI/","c1b"),exact:!0},{path:"/illa-website/ja/integrations/HuggingFaceInferenceEndpoint/",component:d("/illa-website/ja/integrations/HuggingFaceInferenceEndpoint/","b39"),exact:!0},{path:"/illa-website/ja/integrations/Hydra/",component:d("/illa-website/ja/integrations/Hydra/","566"),exact:!0},{path:"/illa-website/ja/integrations/MariaDB/",component:d("/illa-website/ja/integrations/MariaDB/","ad8"),exact:!0},{path:"/illa-website/ja/integrations/MicrosoftSQLServer/",component:d("/illa-website/ja/integrations/MicrosoftSQLServer/","118"),exact:!0},{path:"/illa-website/ja/integrations/MongoDB/",component:d("/illa-website/ja/integrations/MongoDB/","d1f"),exact:!0},{path:"/illa-website/ja/integrations/MySQL/",component:d("/illa-website/ja/integrations/MySQL/","693"),exact:!0},{path:"/illa-website/ja/integrations/Neon/",component:d("/illa-website/ja/integrations/Neon/","bc8"),exact:!0},{path:"/illa-website/ja/integrations/OracleDB/",component:d("/illa-website/ja/integrations/OracleDB/","86f"),exact:!0},{path:"/illa-website/ja/integrations/PostgreSQL/",component:d("/illa-website/ja/integrations/PostgreSQL/","518"),exact:!0},{path:"/illa-website/ja/integrations/Redis/",component:d("/illa-website/ja/integrations/Redis/","17f"),exact:!0},{path:"/illa-website/ja/integrations/RESTAPI/",component:d("/illa-website/ja/integrations/RESTAPI/","f03"),exact:!0},{path:"/illa-website/ja/integrations/S3/",component:d("/illa-website/ja/integrations/S3/","366"),exact:!0},{path:"/illa-website/ja/integrations/SMTP/",component:d("/illa-website/ja/integrations/SMTP/","5f2"),exact:!0},{path:"/illa-website/ja/integrations/Snowflake/",component:d("/illa-website/ja/integrations/Snowflake/","30a"),exact:!0},{path:"/illa-website/ja/integrations/SupabaseDB/",component:d("/illa-website/ja/integrations/SupabaseDB/","155"),exact:!0},{path:"/illa-website/ja/integrations/TiDB/",component:d("/illa-website/ja/integrations/TiDB/","d85"),exact:!0},{path:"/illa-website/ja/pricing/",component:d("/illa-website/ja/pricing/","c19"),exact:!0},{path:"/illa-website/ja/",component:d("/illa-website/ja/","f13"),exact:!0},{path:"*",component:d("*")}]},7752:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>i});var a=n(959),r=n(1527);const o=a.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{i(!0)}),[]),(0,r.jsx)(o.Provider,{value:n,children:t})}},1136:(e,t,n)=>{"use strict";var a=n(959),r=n(4478),o=n(9500),i=n(387),l=n(6047);const s=[n(3852),n(89),n(6070),n(4329),n(962),n(1245)];var c=n(6002),u=n(8903),d=n(6920);function p(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var a=e.path?(0,u.LX)(t,e):n.length?n[n.length-1].match:u.F0.computeRootMatch(t);return a&&(n.push({route:e,match:a}),e.routes&&p(e.routes,t,n)),a})),n}var f=n(1527);function g(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var m=n(4491),h=n(2688),b=n(9925),y=n(2593),v=n(1610),w=n(8224),x=n(864);const k="default";var L=n(6771),S=n(7535);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,h.Z)(),a=(0,w.l)(),r=n[e].htmlLang,o=e=>e.replace("-","_");return(0,f.jsxs)(m.Z,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:o(r)}),Object.values(n).filter((e=>r!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:o(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,h.Z)(),a=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,h.Z)(),{pathname:a}=(0,u.TH)();return e+(0,L.applyTrailingSlash)((0,b.Z)(a),{trailingSlash:n,baseUrl:t})}(),r=t?`${n}${t}`:a;return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{property:"og:url",content:r}),(0,f.jsx)("link",{rel:"canonical",href:r})]})}function P(){const{i18n:{currentLocale:e}}=(0,h.Z)(),{metadata:t,image:n}=(0,y.L)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:x.h})]}),n&&(0,f.jsx)(v.d,{image:n}),(0,f.jsx)(C,{}),(0,f.jsx)(_,{}),(0,f.jsx)(S.Z,{tag:k,locale:e}),(0,f.jsx)(m.Z,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const A=new Map;function D(e){if(A.has(e.pathname))return{...e,pathname:A.get(e.pathname)};if(p(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return A.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return A.set(e.pathname,t),{...e,pathname:t}}var j=n(7752),E=n(6855),I=n(2827);function T(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];const r=s.map((t=>{const a=t.default?.[e]??t[e];return a?.(...n)}));return()=>r.forEach((e=>e?.()))}const R=function(e){let{children:t,location:n,previousLocation:a}=e;return(0,I.Z)((()=>{a!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const a=t.pathname===n.pathname,r=t.hash===n.hash,o=t.search===n.search;if(a&&r&&!o)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:a}),T("onRouteDidUpdate",{previousLocation:a,location:n}))}),[a,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>p(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class O extends a.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?T("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=T("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(R,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(u.AW,{location:t,render:()=>e})})}}const M=O,F="__docusaurus-base-url-issue-banner-container",B="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function U(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${F}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${B}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function $(){const{siteConfig:{baseUrl:e}}=(0,h.Z)();return(0,f.jsx)(f.Fragment,{children:!l.Z.canUseDOM&&(0,f.jsx)(m.Z,{children:(0,f.jsx)("script",{children:U(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,h.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?(0,f.jsx)($,{}):null}function H(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:a,localeConfigs:r}}=(0,h.Z)(),o=(0,b.Z)(e),{htmlLang:i,direction:l}=r[a];return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("html",{lang:i,dir:l}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:o})]})}var G=n(1289),Z=n(7111);function V(){const e=(0,Z.Z)();return(0,f.jsx)(m.Z,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}function W(){const e=function(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(u.rs,n,e.map((function(e,n){return a.createElement(u.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,d.Z)({},n,{},t,{route:e})):a.createElement(e.component,(0,d.Z)({},n,t,{route:e}))}})}))):null}(c.Z),t=(0,u.TH)();return(0,f.jsx)(G.Z,{children:(0,f.jsx)(E.M,{children:(0,f.jsxs)(j.t,{children:[(0,f.jsxs)(g,{children:[(0,f.jsx)(H,{}),(0,f.jsx)(P,{}),(0,f.jsx)(q,{}),(0,f.jsx)(M,{location:D(t),children:e})]}),(0,f.jsx)(V,{})]})})})}var Q=n(6887);const Y=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const a=document.createElement("link");a.setAttribute("rel","prefetch"),a.setAttribute("href",e),a.onload=()=>t(),a.onerror=()=>n();const r=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;r?.appendChild(a)}))}:function(e){return new Promise(((t,n)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.withCredentials=!0,a.onload=()=>{200===a.status?t():n()},a.send(null)}))};var K=n(4420);const X=new Set,J=new Set,ee=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,te={prefetch(e){if(!(e=>!ee()&&!J.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=p(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(Q).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,K.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Y(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!ee()&&!J.has(e))(e)&&(J.add(e),N(e))},ne=Object.freeze(te),ae=Boolean(!0);if(l.Z.canUseDOM){window.docusaurus=ne;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(i.B6,{children:(0,f.jsx)(o.VK,{children:(0,f.jsx)(W,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},l=()=>{if(ae)a.startTransition((()=>{r.hydrateRoot(e,t,{onRecoverableError:n})}));else{const o=r.createRoot(e,{onRecoverableError:n});a.startTransition((()=>{o.render(t)}))}};N(window.location.pathname).then(l)}},6855:(e,t,n)=>{"use strict";n.d(t,{_:()=>d,M:()=>p});var a=n(959),r=n(6809);const o=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-QW745VE33W"],"anonymizeIP":false,"id":"default"}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en","zh","ja","de"],"path":"i18n","currentLocale":"ja","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"zh":{"label":"\u4e2d\u6587","direction":"ltr","htmlLang":"zh","calendar":"gregory","path":"zh"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"},"de":{"label":"Deutsch","direction":"ltr","htmlLang":"de","calendar":"gregory","path":"de"}}}');var l=n(7529);const s=JSON.parse('{"docusaurusVersion":"3.0.1","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"3.0.1"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.0.1"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.0.1"},"prefix-svg-ids":{"type":"local"},"docusaurus-tailwindcss":{"type":"local"},"docusaurus-plugin-content-blog":{"type":"project"},"docusaurus-plugin-content-pages":{"type":"project"},"docusaurus-plugin-ILLA-linkedin":{"type":"project"},"docusaurus-plugin-ILLA-twitter":{"type":"project"},"docusaurus-plugin-ILLA-chatwoot":{"type":"project"}}}');var c=n(1527);const u={siteConfig:r.default,siteMetadata:s,globalData:o,i18n:i,codeTranslations:l},d=a.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},1289:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Be});var a=n(959),r=n(6047),o=n(4491),i=n(6771),l=n(5341),s=n(1610),c=n(9920),u=n(421),d=n(864),p=n(7675),f=n(2593),g=n(4288),m=n(5374),h=n(1527);function b(e){let{width:t=21,height:n=21,color:a="currentColor",strokeWidth:r=1.2,className:o,...i}=e;return(0,h.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,h.jsx)("g",{stroke:a,strokeWidth:r,children:(0,h.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const y={closeButton:"closeButton_r_Ma"};function v(e){return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,l.Z)("clean-btn close",y.closeButton,e.className),children:(0,h.jsx)(b,{width:14,height:14,strokeWidth:3.1})})}const w={content:"content_B3zk"};function x(e){const{announcementBar:t}=(0,f.L)(),{content:n}=t;return(0,h.jsx)("div",{...e,className:(0,l.Z)(w.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const k={announcementBar:"announcementBar_hbYq",announcementBarPlaceholder:"announcementBarPlaceholder_nNiq",announcementBarClose:"announcementBarClose_S8lM",announcementBarContent:"announcementBarContent__DAX"};function L(){const{announcementBar:e}=(0,f.L)(),{isActive:t,close:n}=(0,g.nT)();if(!t)return null;const{backgroundColor:a,textColor:r,isCloseable:o}=e;return(0,h.jsxs)("div",{className:k.announcementBar,style:{backgroundColor:a,color:r},role:"banner",children:[o&&(0,h.jsx)("div",{className:k.announcementBarPlaceholder}),(0,h.jsx)(x,{className:k.announcementBarContent}),o&&(0,h.jsx)(v,{onClick:n,className:k.announcementBarClose})]})}var S=n(5580),_=n(5508),C=n(3707);var P=n(1900);function A(e){let{header:t,primaryMenu:n,secondaryMenu:a}=e;const{shown:r}=(0,P.Y)();return(0,h.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,h.jsxs)("div",{className:(0,l.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":r}),children:[(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:a})]})]})}var D=n(1694),j=n(7111);function E(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function I(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const T={toggle:"toggle_Io7t",toggleButton:"toggleButton_C0po",darkToggleIcon:"darkToggleIcon_iyjK",lightToggleIcon:"lightToggleIcon__wwy",toggleButtonDisabled:"toggleButtonDisabled_IHuh"};function R(e){let{className:t,buttonClassName:n,value:a,onChange:r}=e;const o=(0,j.Z)(),i=(0,m.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===a?(0,m.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,m.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,h.jsx)("div",{className:(0,l.Z)(T.toggle,t),children:(0,h.jsxs)("button",{className:(0,l.Z)("clean-btn",T.toggleButton,!o&&T.toggleButtonDisabled,n),type:"button",onClick:()=>r("dark"===a?"light":"dark"),disabled:!o,title:i,"aria-label":i,"aria-live":"polite",children:[(0,h.jsx)(E,{className:(0,l.Z)(T.toggleIcon,T.lightToggleIcon)}),(0,h.jsx)(I,{className:(0,l.Z)(T.toggleIcon,T.darkToggleIcon)})]})})}const N=a.memo(R),O={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_jx_9"};function M(e){let{className:t}=e;const n=(0,f.L)().navbar.style,a=(0,f.L)().colorMode.disableSwitch,{colorMode:r,setColorMode:o}=(0,D.I)();return a?null:(0,h.jsx)(N,{className:t,buttonClassName:"dark"===n?O.darkNavbarColorModeToggle:void 0,value:r,onChange:o})}var F=n(0),B=n(9925),z=n(2688);const U={themedComponent:"themedComponent_FXRw","themedComponent--light":"themedComponent--light_RIle","themedComponent--dark":"themedComponent--dark_gZs3"};function $(e){let{className:t,children:n}=e;const r=(0,j.Z)(),{colorMode:o}=(0,D.I)();return(0,h.jsx)(h.Fragment,{children:(r?"dark"===o?["dark"]:["light"]:["light","dark"]).map((e=>{const r=n({theme:e,className:(0,l.Z)(t,U.themedComponent,U[`themedComponent--${e}`])});return(0,h.jsx)(a.Fragment,{children:r},e)}))})}function q(e){const{sources:t,className:n,alt:a,...r}=e;return(0,h.jsx)($,{className:n,children:e=>{let{theme:n,className:o}=e;return(0,h.jsx)("img",{src:t[n],alt:a,className:o,...r})}})}function H(e){let{logo:t,alt:n,imageClassName:a}=e;const r={light:(0,B.Z)(t.src),dark:(0,B.Z)(t.srcDark||t.src)},o=(0,h.jsx)(q,{className:t.className,sources:r,height:t.height,width:t.width,alt:n,style:t.style});return a?(0,h.jsx)("div",{className:a,children:o}):o}function G(e){const{siteConfig:{title:t}}=(0,z.Z)(),{navbar:{title:n,logo:a}}=(0,f.L)(),{imageClassName:r,titleClassName:o,...i}=e,l=(0,B.Z)(a?.href||"/"),s=n?"":t,c=a?.alt??s;return(0,h.jsxs)(F.Z,{to:l,...i,...a?.target&&{target:a.target},children:[a&&(0,h.jsx)(H,{logo:a,alt:c,imageClassName:r}),null!=n&&(0,h.jsx)("b",{className:o,children:n})]})}function Z(){return(0,h.jsx)(G,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function V(){const e=(0,S.e)();return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,h.jsx)(b,{color:"var(--ifm-color-emphasis-600)"})})}function W(){return(0,h.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,h.jsx)(Z,{}),(0,h.jsx)(M,{className:"margin-right--md"}),(0,h.jsx)(V,{})]})}var Q=n(6794);function Y(){const e=(0,S.e)(),t=(0,f.L)().navbar.items;return(0,h.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,a.createElement)(Q.Z,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function K(e){return(0,h.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,h.jsx)(m.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function X(){const e=0===(0,f.L)().navbar.items.length,t=(0,P.Y)();return(0,h.jsxs)(h.Fragment,{children:[!e&&(0,h.jsx)(K,{onClick:()=>t.hide()}),t.content]})}function J(){const e=(0,S.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,a.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,h.jsx)(A,{header:(0,h.jsx)(W,{}),primaryMenu:(0,h.jsx)(Y,{}),secondaryMenu:(0,h.jsx)(X,{})}):null}const ee={navbarHideable:"navbarHideable_QJhM",navbarHidden:"navbarHidden_JLKf"};function te(e){return(0,h.jsx)("div",{role:"presentation",...e,className:(0,l.Z)("navbar-sidebar__backdrop",e.className)})}function ne(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:r}}=(0,f.L)(),o=(0,S.e)(),{navbarRef:i,isNavbarVisible:s}=function(e){const[t,n]=(0,a.useState)(e),r=(0,a.useRef)(!1),o=(0,a.useRef)(0),i=(0,a.useCallback)((e=>{null!==e&&(o.current=e.getBoundingClientRect().height)}),[]);return(0,C.RF)(((t,a)=>{let{scrollY:i}=t;if(!e)return;if(i<o.current)return void n(!0);if(r.current)return void(r.current=!1);const l=a?.scrollY,s=document.documentElement.scrollHeight-o.current,c=window.innerHeight;l&&i>=l?n(!1):i+c<s&&n(!0)})),(0,_.S)((t=>{if(!e)return;const a=t.location.hash;if(a?document.getElementById(a.substring(1)):void 0)return r.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,h.jsxs)("nav",{ref:i,"aria-label":(0,m.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,l.Z)("navbar","navbar--fixed-top",n&&[ee.navbarHideable,!s&&ee.navbarHidden],{"navbar--dark":"dark"===r,"navbar--primary":"primary"===r,"navbar-sidebar--show":o.shown}),children:[t,(0,h.jsx)(te,{onClick:o.toggle}),(0,h.jsx)(J,{})]})}var ae=n(809),re=n(5160),oe=n(1603);function ie(e){let{width:t=30,height:n=30,className:a,...r}=e;return(0,h.jsx)("svg",{className:a,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...r,children:(0,h.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function le(){const{toggle:e,shown:t}=(0,S.e)();return(0,h.jsx)("button",{onClick:e,"aria-label":(0,m.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,h.jsx)(ie,{})})}var se=n(5243);const ce={colorModeToggle:"colorModeToggle_Kblj"};function ue(e){let{items:t}=e;return(0,h.jsx)(h.Fragment,{children:t.map(((e,t)=>(0,h.jsx)(ae.QW,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,h.jsx)(Q.Z,{...e})},t)))})}function de(e){let{left:t,right:n}=e;return(0,h.jsxs)("div",{className:"navbar__inner",children:[(0,h.jsx)("div",{className:"navbar__items",children:t}),(0,h.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function pe(){const e=(0,S.e)(),t=(0,f.L)().navbar.items,[n,a]=(0,re.A)(t),r=t.find((e=>"search"===e.type));return(0,h.jsx)(de,{left:(0,h.jsxs)(h.Fragment,{children:[!e.disabled&&(0,h.jsx)(le,{}),(0,h.jsx)(Z,{}),(0,h.jsx)(ue,{items:n})]}),right:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(ue,{items:a}),(0,h.jsx)(M,{className:ce.colorModeToggle}),!r&&(0,h.jsx)(se.Z,{children:(0,h.jsx)(oe.Z,{})})]})})}function fe(){return(0,h.jsx)(ne,{children:(0,h.jsx)(pe,{})})}var ge=n(8295),me=n(3815);function he(e){let{item:t}=e;const{to:n,href:a,label:r,prependBaseUrlToHref:o,...i}=t,l=(0,B.Z)(n),s=(0,B.Z)(a,{forcePrependBaseUrl:!0});return(0,h.jsxs)(F.Z,{className:"footer__link-item",...a?{href:o?s:a}:{to:l},...i,children:[r,a&&!(0,ge.Z)(a)&&(0,h.jsx)(me.Z,{})]})}function be(e){let{item:t}=e;return t.html?(0,h.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)("li",{className:"footer__item",children:(0,h.jsx)(he,{item:t})},t.href??t.to)}function ye(e){let{column:t}=e;return(0,h.jsxs)("div",{className:"col footer__col",children:[(0,h.jsx)("div",{className:"footer__title",children:t.title}),(0,h.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,h.jsx)(be,{item:e},t)))})]})}function ve(e){let{columns:t}=e;return(0,h.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,h.jsx)(ye,{column:e},t)))})}function we(){return(0,h.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function xe(e){let{item:t}=e;return t.html?(0,h.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)(he,{item:t})}function ke(e){let{links:t}=e;return(0,h.jsx)("div",{className:"footer__links text--center",children:(0,h.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,h.jsxs)(a.Fragment,{children:[(0,h.jsx)(xe,{item:e}),t.length!==n+1&&(0,h.jsx)(we,{})]},n)))})})}function Le(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,h.jsx)(ve,{columns:t}):(0,h.jsx)(ke,{links:t})}const Se={footerLogoLink:"footerLogoLink_K6r0"};function _e(e){let{logo:t}=e;const{withBaseUrl:n}=(0,B.C)(),a={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,h.jsx)(q,{className:(0,l.Z)("footer__logo",t.className),alt:t.alt,sources:a,width:t.width,height:t.height,style:t.style})}function Ce(e){let{logo:t}=e;return t.href?(0,h.jsx)(F.Z,{href:t.href,className:Se.footerLogoLink,target:t.target,children:(0,h.jsx)(_e,{logo:t})}):(0,h.jsx)(_e,{logo:t})}function Pe(e){let{copyright:t}=e;return(0,h.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function Ae(e){let{style:t,links:n,logo:a,copyright:r}=e;return(0,h.jsx)("footer",{className:(0,l.Z)("footer",{"footer--dark":"dark"===t}),children:(0,h.jsxs)("div",{className:"container container-fluid",children:[n,(a||r)&&(0,h.jsxs)("div",{className:"footer__bottom text--center",children:[a&&(0,h.jsx)("div",{className:"margin-bottom--sm",children:a}),r]})]})})}function De(){const{footer:e}=(0,f.L)();if(!e)return null;const{copyright:t,links:n,logo:a,style:r}=e;return(0,h.jsx)(Ae,{style:r,links:n&&n.length>0&&(0,h.jsx)(Le,{links:n}),logo:a&&(0,h.jsx)(Ce,{logo:a}),copyright:t&&(0,h.jsx)(Pe,{copyright:t})})}const je=a.memo(De);var Ee=n(5299),Ie=n(2520);const Te={mainWrapper:"mainWrapper_Xc8_"};function Re(e){const{children:t,noFooter:n,wrapperClassName:a,title:r,description:o}=e;return(0,d.t)(),(0,h.jsxs)(Ee.Z,{children:[(0,h.jsx)(s.d,{title:r,description:o}),(0,h.jsx)(p.Z,{}),(0,h.jsx)(L,{}),(0,h.jsx)(fe,{}),(0,h.jsx)("div",{id:c.u,className:(0,l.Z)(u.k.wrapper.main,Te.mainWrapper,a),children:(0,h.jsx)(Be,{fallback:e=>(0,h.jsx)(Ie.Z,{...e}),children:t})}),!n&&(0,h.jsx)(je,{})]})}function Ne(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,h.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,h.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,h.jsx)(Oe,{error:t})]})}function Oe(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,h.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function Me(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)(Be,{fallback:()=>(0,h.jsx)(Ne,{error:t,tryAgain:n}),children:[(0,h.jsx)(o.Z,{children:(0,h.jsx)("title",{children:"Page Error"})}),(0,h.jsx)(Re,{children:(0,h.jsx)(Ne,{error:t,tryAgain:n})})]})}const Fe=e=>(0,h.jsx)(Me,{...e});class Be extends a.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){r.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??Fe)(e)}return e??null}}},6047:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const a="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,r={canUseDOM:a,canUseEventListeners:a&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:a&&"IntersectionObserver"in window,canUseViewport:a&&"screen"in window}},4491:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);var a=n(387),r=n(1527);function o(e){return(0,r.jsx)(a.ql,{...e})}},3630:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i,s:()=>o});var a=n(959),r=n(1527);function o(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,a.isValidElement)(e)))?n.map(((e,t)=>(0,a.isValidElement)(e)?a.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}function i(e){let{children:t,values:n}=e;if("string"!=typeof t)throw new Error("The Docusaurus <Interpolate> component only accept simple string values. Received: "+((0,a.isValidElement)(t)?"React element":typeof t));return(0,r.jsx)(r.Fragment,{children:o(t,n)})}},0:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var a=n(959),r=n(9500),o=n(6771),i=n(2688),l=n(8295),s=n(6047),c=n(1527);const u=a.createContext({collectLink:()=>{}});var d=n(9925);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:g,isActive:m,"data-noBrokenLinkCheck":h,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:{trailingSlash:v,baseUrl:w}}=(0,i.Z)(),{withBaseUrl:x}=(0,d.C)(),k=(0,a.useContext)(u),L=(0,a.useRef)(null);(0,a.useImperativeHandle)(t,(()=>L.current));const S=p||f;const _=(0,l.Z)(S),C=S?.replace("pathname://","");let P=void 0!==C?(A=C,b&&(e=>e.startsWith("/"))(A)?x(A):A):void 0;var A;P&&_&&(P=(0,o.applyTrailingSlash)(P,{trailingSlash:v,baseUrl:w}));const D=(0,a.useRef)(!1),j=n?r.OL:r.rU,E=s.Z.canUseIntersectionObserver,I=(0,a.useRef)(),T=()=>{D.current||null==P||(window.docusaurus.preload(P),D.current=!0)};(0,a.useEffect)((()=>(!E&&_&&null!=P&&window.docusaurus.prefetch(P),()=>{E&&I.current&&I.current.disconnect()})),[I,P,E,_]);const R=P?.startsWith("#")??!1,N=!P||!_||R;return N||h||k.collectLink(P),N?(0,c.jsx)("a",{ref:L,href:P,...S&&!_&&{target:"_blank",rel:"noopener noreferrer"},...y}):(0,c.jsx)(j,{...y,onMouseEnter:T,onTouchStart:T,innerRef:e=>{L.current=e,E&&e&&_&&(I.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(I.current.unobserve(e),I.current.disconnect(),null!=P&&window.docusaurus.prefetch(P))}))})),I.current.observe(e))},to:P,...n&&{isActive:m,activeClassName:g}})}const f=a.forwardRef(p)},1603:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const a=()=>null},5374:(e,t,n)=>{"use strict";n.d(t,{I:()=>l,Z:()=>s});n(959);var a=n(3630),r=n(7529),o=n(1527);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return r[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;const o=i({message:n,id:r});return(0,a.s)(o,t)}function s(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const l=i({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:(0,a.s)(l,r)})}},4684:(e,t,n)=>{"use strict";n.d(t,{m:()=>a});const a="default"},8295:(e,t,n)=>{"use strict";function a(e){return/^(?:\w*:|\/\/)/.test(e)}function r(e){return void 0!==e&&!a(e)}n.d(t,{Z:()=>r,b:()=>a})},9925:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var a=n(959),r=n(2688),o=n(8295);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,r.Z)(),n=(0,a.useCallback)(((n,a)=>function(e,t,n,a){let{forcePrependBaseUrl:r=!1,absolute:i=!1}=void 0===a?{}:a;if(!n||n.startsWith("#")||(0,o.b)(n))return n;if(r)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,a)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},2688:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959),r=n(6855);function o(){return(0,a.useContext)(r._)}},7111:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959),r=n(7752);function o(){return(0,a.useContext)(r._)}},2827:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(959);const r=n(6047).Z.canUseDOM?a.useLayoutEffect:a.useEffect},4420:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const a=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function r(e){const t={};return function e(n,r){Object.entries(n).forEach((n=>{let[o,i]=n;const l=r?`${r}.${o}`:o;a(i)?e(i,l):t[l]=i}))}(e),t}},2762:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,z:()=>i});var a=n(959),r=n(1527);const o=a.createContext(null);function i(e){let{children:t,value:n}=e;const i=a.useContext(o),l=(0,a.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const a={...t.data,...n?.data};return{plugin:t.plugin,data:a}}({parent:i,value:n})),[i,n]);return(0,r.jsx)(o.Provider,{value:l,children:t})}},9384:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>g,_r:()=>u,zh:()=>d,yW:()=>f,gB:()=>p});var a=n(8903),r=n(2688),o=n(4684);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,r.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=function(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,a.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),r=n?.docs.find((e=>!!(0,a.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:r,alternateDocVersions:r?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((a=>{a.id===t&&(n[e.name]=a)}))})),n}(r.id):{}}}const c={},u=()=>i("docusaurus-plugin-content-docs")??c,d=e=>function(e,t,n){void 0===t&&(t=o.m),void 0===n&&(n={});const a=i(e),r=a?.[t];if(!r&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return r}("docusaurus-plugin-content-docs",e,{failfast:!0});function p(e){return d(e).versions}function f(e){const t=d(e);return l(t)}function g(e){const t=d(e),{pathname:n}=(0,a.TH)();return s(t,n)}},3852:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("set","page_path",t.pathname+t.search+t.hash),window.gtag("event","page_view")}))}}},7558:(e,t,n)=>{"use strict";function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}var l=n(959),s=n(507),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(a){var r=d(e[a]);r.loading?t.loading=!0:(t.loaded[a]=r.loaded,t.error=r.error),n.push(r.promise),r.promise.then((function(e){t.loaded[a]=e})).catch((function(e){t.error=e}))}))}catch(a){t.error=a}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return l.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function g(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var g=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),m=null;function h(){return m||(m=e(g.loader)),m.promise}return c.push(h),"function"==typeof g.webpack&&u.push((function(){if((0,g.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return h()})),p=d=function(t){function n(n){var a;return o(r(r(a=t.call(this,n)||this)),"retry",(function(){a.setState({error:null,loading:!0,timedOut:!1}),m=e(g.loader),a._loadModule()})),h(),a.state={error:m.error,pastDelay:!1,timedOut:!1,loading:m.loading,loaded:m.loaded},a}a(n,t),n.preload=function(){return h()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(g.modules)&&g.modules.forEach((function(t){e.context.loadable.report(t)})),m.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof g.delay&&(0===g.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),g.delay)),"number"==typeof g.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),g.timeout));var n=function(){t({error:m.error,loaded:m.loaded,loading:m.loading}),e._clearTimeouts()};m.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?l.createElement(g.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?g.render(this.state.loaded,this.props):null},n}(l.Component),o(d,"contextTypes",{loadable:s.shape({report:s.func.isRequired})}),p}function m(e){return g(d,e)}m.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return g(p,e)};var h=function(e){function t(){return e.apply(this,arguments)||this}a(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return l.Children.only(this.props.children)},t}(l.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}o(h,"propTypes",{report:s.func.isRequired}),o(h,"childContextTypes",{loadable:s.shape({report:s.func.isRequired}).isRequired}),m.Capture=h,m.preloadAll=function(){return new Promise((function(e,t){b(c).then(e,t)}))},m.preloadReady=function(){return new Promise((function(e,t){b(u).then(e,e)}))},e.exports=m},4329:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var a=n(9981),r=n.n(a);r().configure({showSpinner:!1});const o={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{r().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){r().done()}}},6070:(e,t,n)=>{"use strict";n.r(t);var a=n(2425),r=n(6809);!function(e){const{themeConfig:{prism:t}}=r.default,{additionalLanguages:a}=t;globalThis.Prism=e,a.forEach((e=>{"php"===e&&n(1559),n(1422)(`./prism-${e}`)})),delete globalThis.Prism}(a.p1)},2520:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});n(959);var a=n(5374),r=n(809),o=n(6561),i=n(1527);function l(e){let{error:t,tryAgain:n}=e;return(0,i.jsx)("main",{className:"container margin-vert--xl",children:(0,i.jsx)("div",{className:"row",children:(0,i.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,i.jsx)(o.Z,{as:"h1",className:"hero__title",children:(0,i.jsx)(a.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,i.jsx)("div",{className:"margin-vert--lg",children:(0,i.jsx)(r.Cw,{onClick:n,className:"button button--primary shadow--lw"})}),(0,i.jsx)("hr",{}),(0,i.jsx)("div",{className:"margin-vert--md",children:(0,i.jsx)(r.aG,{error:t})})]})})})}},6561:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(5341),r=n(5374),o=n(2593),i=n(0);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_dXVO",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_ZIVZ"};var s=n(1527);function c(e){let{as:t,id:n,...c}=e;const{navbar:{hideOnScroll:u}}=(0,o.L)();if("h1"===t||!n)return(0,s.jsx)(t,{...c,id:void 0});const d=(0,r.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof c.children?c.children:n});return(0,s.jsxs)(t,{...c,className:(0,a.Z)("anchor",u?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,c.className),id:n,children:[c.children,(0,s.jsx)(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":d,title:d,children:"\u200b"})]})}},3815:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);const a={iconExternalLink:"iconExternalLink_ocOZ"};var r=n(1527);function o(e){let{width:t=13.5,height:n=13.5}=e;return(0,r.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:a.iconExternalLink,children:(0,r.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},5299:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7399),r=n(1694),o=n(4288),i=n(3707),l=n(1836),s=n(1610),c=n(5160),u=n(1527);const d=(0,a.Qc)([r.S,o.pl,i.OC,l.L5,s.VC,c.V]);function p(e){let{children:t}=e;return(0,u.jsx)(d,{children:t})}},5243:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(5341);const r={navbarSearchContainer:"navbarSearchContainer_Pu8E"};var o=n(1527);function i(e){let{children:t,className:n}=e;return(0,o.jsx)("div",{className:(0,a.Z)(n,r.navbarSearchContainer),children:t})}},6612:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(0),r=n(9925),o=n(8295),i=n(3535),l=n(3815),s=n(1527);function c(e){let{activeBasePath:t,activeBaseRegex:n,to:c,href:u,label:d,html:p,isDropdownLink:f,prependBaseUrlToHref:g,...m}=e;const h=(0,r.Z)(c),b=(0,r.Z)(t),y=(0,r.Z)(u,{forcePrependBaseUrl:!0}),v=d&&u&&!(0,o.Z)(u),w=p?{dangerouslySetInnerHTML:{__html:p}}:{children:(0,s.jsxs)(s.Fragment,{children:[d,v&&(0,s.jsx)(l.Z,{...f&&{width:12,height:12}})]})};return u?(0,s.jsx)(a.Z,{href:g?y:u,...m,...w}):(0,s.jsx)(a.Z,{to:h,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,i.F)(n,t.pathname):t.pathname.startsWith(b)},...m,...w})}},6794:(e,t,n)=>{"use strict";n.d(t,{Z:()=>w});n(959);var a=n(5341),r=n(6612),o=n(1527);function i(e){let{className:t,isDropdownItem:n=!1,...i}=e;const l=(0,o.jsx)(r.Z,{className:(0,a.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...i});return n?(0,o.jsx)("li",{children:l}):l}function l(e){let{className:t,isDropdownItem:n,...i}=e;return(0,o.jsx)("li",{className:"menu__list-item",children:(0,o.jsx)(r.Z,{className:(0,a.Z)("menu__link",t),...i})})}function s(e){let{mobile:t=!1,position:n,...a}=e;const r=t?l:i;return(0,o.jsx)(r,{...a,activeClassName:a.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var c=n(8784),u=n(7412),d=n(1603),p=n(5243);var f=n(9384),g=n(8068);var m=n(1836),h=n(5374),b=n(8903);const y=e=>e.docs.find((t=>t.id===e.mainDocId));const v={default:s,localeDropdown:u.Z,search:function(e){let{mobile:t,className:n}=e;return t?null:(0,o.jsx)(p.Z,{className:n,children:(0,o.jsx)(d.Z,{})})},dropdown:c.Z,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:i=!1}=e;const l=i?"li":"div";return(0,o.jsx)(l,{className:(0,a.Z)({navbar__item:!r&&!i,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:a,...r}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.vY)(t,a),c=i?.path===l?.path;return null===l||l.unlisted&&!c?null:(0,o.jsx)(s,{exact:!0,...r,isActive:()=>c||!!i?.sidebar&&i.sidebar===l.sidebar,label:n??l.id,to:l.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:a,...r}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.oz)(t,a).link;if(!l)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,o.jsx)(s,{exact:!0,...r,isActive:()=>i?.sidebar===t,label:n??l.label,to:l.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:a,...r}=e;const i=(0,g.lO)(a)[0],l=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return(0,o.jsx)(s,{...r,label:l,to:c})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:a,dropdownItemsBefore:r,dropdownItemsAfter:i,...l}=e;const{search:u,hash:d}=(0,b.TH)(),p=(0,f.Iw)(n),v=(0,f.gB)(n),{savePreferredVersionName:w}=(0,m.J)(n),x=[...r,...v.map((e=>{const t=p.alternateDocVersions[e.name]??y(e);return{label:e.label,to:`${t.path}${u}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>w(e.name)}})),...i],k=(0,g.lO)(n)[0],L=t&&x.length>1?(0,h.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):k.label,S=t&&x.length>1?void 0:y(k).path;return x.length<=1?(0,o.jsx)(s,{...l,mobile:t,label:L,to:S,isActive:a?()=>!1:void 0}):(0,o.jsx)(c.Z,{...l,mobile:t,label:L,to:S,items:x,isActive:a?()=>!1:void 0})}};function w(e){let{type:t,...n}=e;const a=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),r=v[a];if(!r)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,o.jsx)(r,{...n})}},7535:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);var a=n(4491),r=n(1527);function o(e){let{locale:t,version:n,tag:o}=e;const i=t;return(0,r.jsxs)(a.Z,{children:[t&&(0,r.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,r.jsx)("meta",{name:"docusaurus_version",content:n}),o&&(0,r.jsx)("meta",{name:"docusaurus_tag",content:o}),i&&(0,r.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,r.jsx)("meta",{name:"docsearch:version",content:n}),o&&(0,r.jsx)("meta",{name:"docsearch:docusaurus_tag",content:o})]})}},7675:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(9920);const r={skipToContent:"skipToContent_YRel"};var o=n(1527);function i(){return(0,o.jsx)(a.l,{className:r.skipToContent})}},4794:(e,t,n)=>{"use strict";n.d(t,{z:()=>b,u:()=>s});var a=n(959),r=n(6047),o=n(2827);var i=n(1527);const l="ease-in-out";function s(e){let{initialState:t}=e;const[n,r]=(0,a.useState)(t??!1),o=(0,a.useCallback)((()=>{r((e=>!e))}),[]);return{collapsed:n,setCollapsed:r,toggleCollapsed:o}}const c={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?c:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function p(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}function f(e){let{collapsibleRef:t,collapsed:n,animation:r}=e;const o=(0,a.useRef)(!1);(0,a.useEffect)((()=>{const e=t.current;function a(){const t=function(){const t=e.scrollHeight;return{transition:`height ${r?.duration??p(t)}ms ${r?.easing??l}`,height:`${t}px`}}();e.style.transition=t.transition,e.style.height=t.height}if(!o.current)return d(e,n),void(o.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(a(),requestAnimationFrame((()=>{e.style.height=c.height,e.style.overflow=c.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{a()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,r])}function g(e){if(!r.Z.canUseDOM)return e?c:u}function m(e){let{as:t="div",collapsed:n,children:r,animation:o,onCollapseTransitionEnd:l,className:s,disableSSRStyle:c}=e;const u=(0,a.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:o}),(0,i.jsx)(t,{ref:u,style:c?void 0:g(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(u.current,n),l?.(n))},className:s,children:r})}function h(e){let{collapsed:t,...n}=e;const[r,l]=(0,a.useState)(!t),[s,c]=(0,a.useState)(t);return(0,o.Z)((()=>{t||l(!0)}),[t]),(0,o.Z)((()=>{r&&c(t)}),[r,t]),r?(0,i.jsx)(m,{...n,collapsed:s}):null}function b(e){let{lazy:t,...n}=e;const a=t?h:m;return(0,i.jsx)(a,{...n})}},4288:(e,t,n)=>{"use strict";n.d(t,{nT:()=>m,pl:()=>g});var a=n(959),r=n(7111),o=n(6340),i=n(7399),l=n(2593),s=n(1527);const c=(0,o.WA)("docusaurus.announcement.dismiss"),u=(0,o.WA)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=a.createContext(null);function g(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,r.Z)(),[n,o]=(0,a.useState)((()=>!!t&&d()));(0,a.useEffect)((()=>{o(d())}),[]);const i=(0,a.useCallback)((()=>{p(!0),o(!0)}),[]);return(0,a.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const a=t!==n;u.set(t),a&&p(!1),!a&&d()||o(!1)}),[e]),(0,a.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,s.jsx)(f.Provider,{value:n,children:t})}function m(){const e=(0,a.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},1694:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>h});var a=n(959),r=n(6047),o=n(7399),i=n(6340),l=n(2593),s=n(1527);const c=a.createContext(void 0),u="theme",d=(0,i.WA)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,g=e=>r.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),m=e=>{d.set(f(e))};function h(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[r,o]=(0,a.useState)(g(e));(0,a.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,a.useCallback)((function(t,a){void 0===a&&(a={});const{persist:r=!0}=a;t?(o(t),r&&m(t)):(o(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,a.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(r))}),[r]),(0,a.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,a.useRef)(!1);return(0,a.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(a),()=>e.removeListener(a)}),[i,t,n]),(0,a.useMemo)((()=>({colorMode:r,setColorMode:i,get isDarkTheme(){return r===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[r,i])}();return(0,s.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,a.useContext)(c);if(null==e)throw new o.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1836:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b});var a=n(959),r=n(9384),o=n(4684),i=n(2593),l=n(8068),s=n(7399),c=n(6340),u=n(1527);const d=e=>`docs-preferred-version-${e}`,p={save:(e,t,n)=>{(0,c.WA)(d(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(d(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(d(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const g=a.createContext(null);function m(){const e=(0,r._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,a.useMemo)((()=>Object.keys(e)),[e]),[o,l]=(0,a.useState)((()=>f(n)));(0,a.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:a}=e;function r(e){const t=p.read(e,n);return a[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,r(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[o,(0,a.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,u.jsx)(g.Provider,{value:n,children:t})}function b(e){let{children:t}=e;return l.cE?(0,u.jsx)(h,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function y(){const e=(0,a.useContext)(g);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=o.m);const t=(0,r.zh)(e),[n,i]=y(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,a.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},5580:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,e:()=>b});var a=n(959),r=n(5195),o=n(6047);const i={desktop:"desktop",mobile:"mobile",ssr:"ssr"},l=996;function s(){const[e,t]=(0,a.useState)((()=>"ssr"));return(0,a.useEffect)((()=>{function e(){t(function(){if(!o.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>l?i.desktop:i.mobile}())}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e}var c=n(8903),u=n(7399);function d(e){!function(e){const t=(0,c.k6)(),n=(0,u.zX)(e);(0,a.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var p=n(2593),f=n(1527);const g=a.createContext(void 0);function m(){const e=function(){const e=(0,r.HY)(),{items:t}=(0,p.L)().navbar;return 0===t.length&&!e.component}(),t=s(),n=!e&&"mobile"===t,[o,i]=(0,a.useState)(!1);d((()=>{if(o)return i(!1),!1}));const l=(0,a.useCallback)((()=>{i((e=>!e))}),[]);return(0,a.useEffect)((()=>{"desktop"===t&&i(!1)}),[t]),(0,a.useMemo)((()=>({disabled:e,shouldRender:n,toggle:l,shown:o})),[e,n,l,o])}function h(e){let{children:t}=e;const n=m();return(0,f.jsx)(g.Provider,{value:n,children:t})}function b(){const e=a.useContext(g);if(void 0===e)throw new u.i6("NavbarMobileSidebarProvider");return e}},5195:(e,t,n)=>{"use strict";n.d(t,{HY:()=>s,n2:()=>l});var a=n(959),r=n(7399),o=n(1527);const i=a.createContext(null);function l(e){let{children:t}=e;const n=(0,a.useState)({component:null,props:null});return(0,o.jsx)(i.Provider,{value:n,children:t})}function s(){const e=(0,a.useContext)(i);if(!e)throw new r.i6("NavbarSecondaryMenuContentProvider");return e[0]}},1900:(e,t,n)=>{"use strict";n.d(t,{P:()=>c,Y:()=>d});var a=n(959),r=n(7399),o=n(5580),i=n(5195),l=n(1527);const s=a.createContext(null);function c(e){let{children:t}=e;const n=function(){const e=(0,o.e)(),t=(0,i.HY)(),[n,l]=(0,a.useState)(!1),s=null!==t.component,c=(0,r.D9)(s);return(0,a.useEffect)((()=>{s&&!c&&l(!0)}),[s,c]),(0,a.useEffect)((()=>{s?e.shown||l(!0):l(!1)}),[e.shown,s]),(0,a.useMemo)((()=>[n,l]),[n])}();return(0,l.jsx)(s.Provider,{value:n,children:t})}function u(e){if(e.component){const t=e.component;return(0,l.jsx)(t,{...e.props})}}function d(){const e=(0,a.useContext)(s);if(!e)throw new r.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,a.useCallback)((()=>n(!1)),[n]),l=(0,i.HY)();return(0,a.useMemo)((()=>({shown:t,hide:o,content:u(l)})),[o,l,t])}},864:(e,t,n)=>{"use strict";n.d(t,{h:()=>r,t:()=>o});var a=n(959);const r="navigation-with-keyboard";function o(){(0,a.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(r),"mousedown"===e.type&&document.body.classList.remove(r)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(r),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},421:(e,t,n)=>{"use strict";n.d(t,{k:()=>a});const a={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},8068:(e,t,n)=>{"use strict";n.d(t,{cE:()=>l,lO:()=>s,vY:()=>u,oz:()=>c});var a=n(959),r=n(9384),o=n(1836);function i(e){return Array.from(new Set(e))}const l=!!r._r;function s(e){const{activeVersion:t}=(0,r.Iw)(e),{preferredVersion:n}=(0,o.J)(e),l=(0,r.yW)(e);return(0,a.useMemo)((()=>i([t,n,l].filter(Boolean))),[t,n,l])}function c(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),a=t.find((t=>t[0]===e));if(!a)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return a[1]}),[e,n])}function u(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),a=t.find((t=>t.id===e));if(!a){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${i(t.map((e=>e.id))).join("\n- ")}`)}return a}),[e,n])}},809:(e,t,n)=>{"use strict";n.d(t,{aG:()=>c,Cw:()=>s,QW:()=>u});var a=n(959),r=n(5374),o=n(6771);const i={errorBoundaryError:"errorBoundaryError_t44J",errorBoundaryFallback:"errorBoundaryFallback_HTeJ"};var l=n(1527);function s(e){return(0,l.jsx)("button",{type:"button",...e,children:(0,l.jsx)(r.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function c(e){let{error:t}=e;const n=(0,o.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{className:i.errorBoundaryError,children:n})}class u extends a.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}},1610:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>d,VC:()=>g});var a=n(959),r=n(5341),o=n(4491),i=n(2762);function l(){const e=a.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(9925),c=n(2688);var u=n(1527);function d(e){let{title:t,description:n,keywords:a,image:r,children:i}=e;const l=function(e){const{siteConfig:t}=(0,c.Z)(),{title:n,titleDelimiter:a}=t;return e?.trim().length?`${e.trim()} ${a} ${n}`:n}(t),{withBaseUrl:d}=(0,s.C)(),p=r?d(r,{absolute:!0}):void 0;return(0,u.jsxs)(o.Z,{children:[t&&(0,u.jsx)("title",{children:l}),t&&(0,u.jsx)("meta",{property:"og:title",content:l}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),a&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(a)?a.join(","):a}),p&&(0,u.jsx)("meta",{property:"og:image",content:p}),p&&(0,u.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=a.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=a.useContext(p),l=(0,r.Z)(i,t);return(0,u.jsxs)(p.Provider,{value:l,children:[(0,u.jsx)(o.Z,{children:(0,u.jsx)("html",{className:l})}),n]})}function g(e){let{children:t}=e;const n=l(),a=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const o=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,r.Z)(a,o),children:t})}},5160:(e,t,n)=>{"use strict";n.d(t,{A:()=>s,V:()=>c});n(959);var a=n(5580),r=n(5195),o=n(1900),i=n(1527);const l="right";function s(e){function t(e){return"left"===(e.position??l)}return[e.filter(t),e.filter((e=>!t(e)))]}function c(e){let{children:t}=e;return(0,i.jsx)(r.n2,{children:(0,i.jsx)(a.M,{children:(0,i.jsx)(o.P,{children:t})})})}},7399:(e,t,n)=>{"use strict";n.d(t,{D9:()=>l,Qc:()=>u,Ql:()=>c,i6:()=>s,zX:()=>i});var a=n(959),r=n(2827),o=n(1527);function i(e){const t=(0,a.useRef)(e);return(0,r.Z)((()=>{t.current=e}),[e]),(0,a.useCallback)((function(){return t.current(...arguments)}),[])}function l(e){const t=(0,a.useRef)();return(0,r.Z)((()=>{t.current=e})),t.current}class s extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,a.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,o.jsx)(o.Fragment,{children:e.reduceRight(((e,t)=>(0,o.jsx)(t,{children:e})),n)})}}},3535:(e,t,n)=>{"use strict";function a(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{F:()=>a})},3707:(e,t,n)=>{"use strict";n.d(t,{OC:()=>s,RF:()=>d});var a=n(959),r=n(6047),o=(n(7111),n(2827),n(7399)),i=n(1527);const l=a.createContext(void 0);function s(e){let{children:t}=e;const n=function(){const e=(0,a.useRef)(!0);return(0,a.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,i.jsx)(l.Provider,{value:n,children:t})}function c(){const e=(0,a.useContext)(l);if(null==e)throw new o.i6("ScrollControllerProvider");return e}const u=()=>r.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),r=(0,a.useRef)(u()),i=(0,o.zX)(e);(0,a.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();i(e,r.current),r.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[i,n,...t])}},9920:(e,t,n)=>{"use strict";n.d(t,{l:()=>p,u:()=>s});var a=n(959),r=n(8903),o=n(5374),i=n(5508),l=n(1527);const s="__docusaurus_skipToContent_fallback";function c(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function u(){const e=(0,a.useRef)(null),{action:t}=(0,r.k6)(),n=(0,a.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(s);t&&c(t)}),[]);return(0,i.S)((n=>{let{location:a}=n;e.current&&!a.hash&&"PUSH"===t&&c(e.current)})),{containerRef:e,onClick:n}}const d=(0,o.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function p(e){const t=e.children??d,{containerRef:n,onClick:a}=u();return(0,l.jsx)("div",{ref:n,role:"region","aria-label":d,children:(0,l.jsx)("a",{...e,href:`#${s}`,onClick:a,children:t})})}},6340:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(959);const a="localStorage";function r(e){let{key:t,oldValue:n,newValue:a,storage:r}=e;if(n===a)return;const o=document.createEvent("StorageEvent");o.initStorageEvent("storage",!1,!1,t,n,a,window.location.href,r),window.dispatchEvent(o)}function o(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=o(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const a=n.getItem(e);n.setItem(e,t),r({key:e,oldValue:a,newValue:t,storage:n})}catch(a){console.error(`Docusaurus storage error, can't set ${e}=${t}`,a)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),r({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const a=a=>{a.storageArea===n&&a.key===e&&t(a)};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)}catch(a){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,a),()=>{}}}}}},8224:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var a=n(2688),r=n(8903),o=n(6771);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:l}}=(0,a.Z)(),{pathname:s}=(0,r.TH)(),c=(0,o.applyTrailingSlash)(s,{trailingSlash:n,baseUrl:e}),u=l===i?e:e.replace(`/${l}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:a}=e;return`${a?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},5508:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var a=n(959),r=n(8903),o=n(7399);function i(e){const t=(0,r.TH)(),n=(0,o.D9)(t),i=(0,o.zX)(e);(0,a.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},2593:(e,t,n)=>{"use strict";n.d(t,{L:()=>r});var a=n(2688);function r(){return(0,a.Z)().siteConfig.themeConfig}},6115:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:a}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[r]=e.split(/[#?]/),o="/"===r||r===a?r:(i=r,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(r,o)}},6901:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},6771:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var r=n(6115);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return a(r).default}});var o=n(6901);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return o.getErrorCausalChain}})},8784:(e,t,n)=>{"use strict";n.d(t,{Z:()=>h});var a=n(959),r=n(5341),o=n(3535),i=n(4794),l=(n(6002),n(2688));var s=n(8903);var c=n(6612),u=n(6794);const d={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_JUhd"};var p=n(1527);function f(e,t){return e.some((e=>function(e,t){return!!function(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}(e.to,t)||!!(0,o.F)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function g(e){let{items:t,position:n,className:o,onClick:i,...l}=e;const s=(0,a.useRef)(null),[d,f]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{const e=e=>{s.current&&!s.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[s]),(0,p.jsxs)("div",{ref:s,className:(0,r.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":d}),children:[(0,p.jsx)(c.Z,{"aria-haspopup":"true","aria-expanded":d,role:"button",href:l.to?void 0:"#",className:(0,r.Z)("navbar__link",o),...l,onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),f(!d))},children:l.children??l.label}),(0,p.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,a.createElement)(u.Z,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function m(e){let{items:t,className:n,position:o,onClick:g,...m}=e;const h=function(){const{siteConfig:{baseUrl:e}}=(0,l.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),b=f(t,h),{collapsed:y,toggleCollapsed:v,setCollapsed:w}=(0,i.u)({initialState:()=>!b});return(0,a.useEffect)((()=>{b&&w(!b)}),[h,b,w]),(0,p.jsxs)("li",{className:(0,r.Z)("menu__list-item",{"menu__list-item--collapsed":y}),children:[(0,p.jsx)(c.Z,{role:"button",className:(0,r.Z)(d.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...m,onClick:e=>{e.preventDefault(),v()},children:m.children??m.label}),(0,p.jsx)(i.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:y,children:t.map(((e,t)=>(0,a.createElement)(u.Z,{mobile:!0,isDropdownItem:!0,onClick:g,activeClassName:"menu__link--active",...e,key:t})))})]})}function h(e){let{mobile:t=!1,...n}=e;const a=t?m:g;return(0,p.jsx)(a,{...n})}},7412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});n(959);var a=n(2688),r=n(8224),o=n(8903),i=n(8784),l=n(1527);function s(e){let{width:t=20,height:n=20,...a}=e;return(0,l.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...a,children:(0,l.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const c={iconLanguage:"iconLanguage_DSK9"};function u(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:u,queryString:d="",whiteTheme:p=!1,...f}=e;const{i18n:{currentLocale:g,locales:m,localeConfigs:h}}=(0,a.Z)(),b=(0,r.l)(),{search:y,hash:v}=(0,o.TH)(),w=[...n,...m.map((e=>{const n=`${`pathname://${b.createUrl({locale:e,fullyQualified:!1})}`}${y}${v}${d}`;return{label:h[e].label,lang:h[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===g?t?"menu__link--active":"dropdown__link--active":""}})),...u];return(0,l.jsx)(i.Z,{...f,mobile:t,label:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{className:c.iconLanguage}),h[g].label]}),items:w})}},4047:(e,t,n)=>{"use strict";n.d(t,{lX:()=>w,q_:()=>C,ob:()=>f,PP:()=>A,Ep:()=>p});var a=n(6920);function r(e){return"/"===e.charAt(0)}function o(e,t){for(var n=t,a=n+1,r=e.length;a<r;n+=1,a+=1)e[n]=e[a];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,a=e&&e.split("/")||[],i=t&&t.split("/")||[],l=e&&r(e),s=t&&r(t),c=l||s;if(e&&r(e)?i=a:a.length&&(i.pop(),i=i.concat(a)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?o(i,p):".."===f?(o(i,p),d++):d&&(o(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&r(i[0])||i.unshift("");var g=i.join("/");return n&&"/"!==g.substr(-1)&&(g+="/"),g};var l=n(8624);function s(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,a=e.hash,r=t||"/";return n&&"?"!==n&&(r+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(r+="#"===a.charAt(0)?a:"#"+a),r}function f(e,t,n,r){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",a="",r=t.indexOf("#");-1!==r&&(a=t.substr(r),t=t.substr(0,r));var o=t.indexOf("?");return-1!==o&&(n=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===n?"":n,hash:"#"===a?"":a}}(e),o.state=t):(void 0===(o=(0,a.Z)({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(o.key=n),r?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=i(o.pathname,r.pathname)):o.pathname=r.pathname:o.pathname||(o.pathname="/"),o}function g(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,a,r){if(null!=e){var o="function"==typeof e?e(t,n):e;"string"==typeof o?"function"==typeof a?a(o,r):r(!0):r(!1!==o)}else r(!0)},appendListener:function(e){var n=!0;function a(){n&&e.apply(void 0,arguments)}return t.push(a),function(){n=!1,t=t.filter((function(e){return e!==a}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];t.forEach((function(e){return e.apply(void 0,n)}))}}}var m=!("undefined"==typeof window||!window.document||!window.document.createElement);function h(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t,n=window.history,r=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,o=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,x=i.getUserConfirmation,k=void 0===x?h:x,L=i.keyLength,S=void 0===L?6:L,_=e.basename?d(s(e.basename)):"";function C(e){var t=e||{},n=t.key,a=t.state,r=window.location,o=r.pathname+r.search+r.hash;return _&&(o=u(o,_)),f(o,a,n)}function P(){return Math.random().toString(36).substr(2,S)}var A=g();function D(e){(0,a.Z)(U,e),U.length=n.length,A.notifyListeners(U.location,U.action)}function j(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||T(C(e.state))}function E(){T(C(v()))}var I=!1;function T(e){if(I)I=!1,D();else{A.confirmTransitionTo(e,"POP",k,(function(t){t?D({action:"POP",location:e}):function(e){var t=U.location,n=N.indexOf(t.key);-1===n&&(n=0);var a=N.indexOf(e.key);-1===a&&(a=0);var r=n-a;r&&(I=!0,M(r))}(e)}))}}var R=C(v()),N=[R.key];function O(e){return _+p(e)}function M(e){n.go(e)}var F=0;function B(e){1===(F+=e)&&1===e?(window.addEventListener(b,j),o&&window.addEventListener(y,E)):0===F&&(window.removeEventListener(b,j),o&&window.removeEventListener(y,E))}var z=!1;var U={length:n.length,action:"POP",location:R,createHref:O,push:function(e,t){var a="PUSH",o=f(e,t,P(),U.location);A.confirmTransitionTo(o,a,k,(function(e){if(e){var t=O(o),i=o.key,l=o.state;if(r)if(n.pushState({key:i,state:l},null,t),w)window.location.href=t;else{var s=N.indexOf(U.location.key),c=N.slice(0,s+1);c.push(o.key),N=c,D({action:a,location:o})}else window.location.href=t}}))},replace:function(e,t){var a="REPLACE",o=f(e,t,P(),U.location);A.confirmTransitionTo(o,a,k,(function(e){if(e){var t=O(o),i=o.key,l=o.state;if(r)if(n.replaceState({key:i,state:l},null,t),w)window.location.replace(t);else{var s=N.indexOf(U.location.key);-1!==s&&(N[s]=o.key),D({action:a,location:o})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return z||(B(1),z=!0),function(){return z&&(z=!1,B(-1)),t()}},listen:function(e){var t=A.appendListener(e);return B(1),function(){B(-1),t()}}};return U}var x="hashchange",k={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:s},slash:{encodePath:s,decodePath:s}};function L(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function S(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(L(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),r=n.getUserConfirmation,o=void 0===r?h:r,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(s(e.basename)):"",y=k[c],v=y.encodePath,w=y.decodePath;function C(){var e=w(S());return b&&(e=u(e,b)),f(e)}var P=g();function A(e){(0,a.Z)(z,e),z.length=t.length,P.notifyListeners(z.location,z.action)}var D=!1,j=null;function E(){var e,t,n=S(),a=v(n);if(n!==a)_(a);else{var r=C(),i=z.location;if(!D&&(t=r,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(j===p(r))return;j=null,function(e){if(D)D=!1,A();else{var t="POP";P.confirmTransitionTo(e,t,o,(function(n){n?A({action:t,location:e}):function(e){var t=z.location,n=N.lastIndexOf(p(t));-1===n&&(n=0);var a=N.lastIndexOf(p(e));-1===a&&(a=0);var r=n-a;r&&(D=!0,O(r))}(e)}))}}(r)}}var I=S(),T=v(I);I!==T&&_(T);var R=C(),N=[p(R)];function O(e){t.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?window.addEventListener(x,E):0===M&&window.removeEventListener(x,E)}var B=!1;var z={length:t.length,action:"POP",location:R,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=L(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",a=f(e,void 0,void 0,z.location);P.confirmTransitionTo(a,n,o,(function(e){if(e){var t=p(a),r=v(b+t);if(S()!==r){j=t,function(e){window.location.hash=e}(r);var o=N.lastIndexOf(p(z.location)),i=N.slice(0,o+1);i.push(t),N=i,A({action:n,location:a})}else A()}}))},replace:function(e,t){var n="REPLACE",a=f(e,void 0,void 0,z.location);P.confirmTransitionTo(a,n,o,(function(e){if(e){var t=p(a),r=v(b+t);S()!==r&&(j=t,_(r));var o=N.indexOf(p(z.location));-1!==o&&(N[o]=t),A({action:n,location:a})}}))},go:O,goBack:function(){O(-1)},goForward:function(){O(1)},block:function(e){void 0===e&&(e=!1);var t=P.setPrompt(e);return B||(F(1),B=!0),function(){return B&&(B=!1,F(-1)),t()}},listen:function(e){var t=P.appendListener(e);return F(1),function(){F(-1),t()}}};return z}function P(e,t,n){return Math.min(Math.max(e,t),n)}function A(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,r=t.initialEntries,o=void 0===r?["/"]:r,i=t.initialIndex,l=void 0===i?0:i,s=t.keyLength,c=void 0===s?6:s,u=g();function d(e){(0,a.Z)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function m(){return Math.random().toString(36).substr(2,c)}var h=P(l,0,o.length-1),b=o.map((function(e){return f(e,void 0,"string"==typeof e?m():e.key||m())})),y=p;function v(e){var t=P(w.index+e,0,w.entries.length-1),a=w.entries[t];u.confirmTransitionTo(a,"POP",n,(function(e){e?d({action:"POP",location:a,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[h],index:h,entries:b,createHref:y,push:function(e,t){var a="PUSH",r=f(e,t,m(),w.location);u.confirmTransitionTo(r,a,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,r):n.push(r),d({action:a,location:r,index:t,entries:n})}}))},replace:function(e,t){var a="REPLACE",r=f(e,t,m(),w.location);u.confirmTransitionTo(r,a,n,(function(e){e&&(w.entries[w.index]=r,d({action:a,location:r}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},2535:(e,t,n)=>{"use strict";var a=n(6237),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return a.isMemo(e)?i:l[e.$$typeof]||r}l[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[a.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,g=Object.prototype;e.exports=function e(t,n,a){if("string"!=typeof n){if(g){var r=f(n);r&&r!==g&&e(t,r,a)}var i=u(n);d&&(i=i.concat(d(n)));for(var l=s(t),m=s(n),h=0;h<i.length;++h){var b=i[h];if(!(o[b]||a&&a[b]||m&&m[b]||l&&l[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},3670:e=>{"use strict";e.exports=function(e,t,n,a,r,o,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,a,r,o,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},901:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},89:(e,t,n)=>{"use strict";n.r(t)},962:(e,t,n)=>{"use strict";n.r(t)},1245:(e,t,n)=>{"use strict";n.r(t)},9981:function(e,t,n){var a,r;a=function(){var e,t,n={version:"0.2.0"},a=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function r(e,t,n){return e<t?t:e>n?n:e}function o(e){return 100*(-1+e)}function i(e,t,n){var r;return(r="translate3d"===a.positionUsing?{transform:"translate3d("+o(e)+"%,0,0)"}:"translate"===a.positionUsing?{transform:"translate("+o(e)+"%,0)"}:{"margin-left":o(e)+"%"}).transition="all "+t+"ms "+n,r}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(a[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=r(e,a.minimum,1),n.status=1===e?null:e;var o=n.render(!t),c=o.querySelector(a.barSelector),u=a.speed,d=a.easing;return o.offsetWidth,l((function(t){""===a.positionUsing&&(a.positionUsing=n.getPositioningCSS()),s(c,i(e,u,d)),1===e?(s(o,{transition:"none",opacity:1}),o.offsetWidth,setTimeout((function(){s(o,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),a.trickleSpeed)};return a.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*r(Math.random()*t,.1,.95)),t=r(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*a.trickleRate)},e=0,t=0,n.promise=function(a){return a&&"resolved"!==a.state()?(0===t&&n.start(),e++,t++,a.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=a.template;var r,i=t.querySelector(a.barSelector),l=e?"-100":o(n.status||0),c=document.querySelector(a.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),a.showSpinner||(r=t.querySelector(a.spinnerSelector))&&f(r),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(a.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function a(t){var n=document.body.style;if(t in n)return t;for(var a,r=e.length,o=t.charAt(0).toUpperCase()+t.slice(1);r--;)if((a=e[r]+o)in n)return a;return t}function r(e){return e=n(e),t[e]||(t[e]=a(e))}function o(e,t,n){t=r(t),e.style[t]=n}return function(e,t){var n,a,r=arguments;if(2==r.length)for(n in t)void 0!==(a=t[n])&&t.hasOwnProperty(n)&&o(e,n,a);else o(e,r[1],r[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),a=n+t;c(n,t)||(e.className=a.substring(1))}function d(e,t){var n,a=p(e);c(e,t)&&(n=a.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(r="function"==typeof a?a.call(t,n,t,e):a)||(e.exports=r)},7720:(e,t,n)=>{var a=n(901);e.exports=f,e.exports.parse=o,e.exports.compile=function(e,t){return l(o(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=p;var r=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function o(e,t){for(var n,a=[],o=0,i=0,l="",u=t&&t.delimiter||"/";null!=(n=r.exec(e));){var d=n[0],p=n[1],f=n.index;if(l+=e.slice(i,f),i=f+d.length,p)l+=p[1];else{var g=e[i],m=n[2],h=n[3],b=n[4],y=n[5],v=n[6],w=n[7];l&&(a.push(l),l="");var x=null!=m&&null!=g&&g!==m,k="+"===v||"*"===v,L="?"===v||"*"===v,S=n[2]||u,_=b||y;a.push({name:h||o++,prefix:m||"",delimiter:S,optional:L,repeat:k,partial:x,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+s(S)+"]+?"})}}return i<e.length&&(l+=e.substr(i)),l&&a.push(l),a}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function l(e,t){for(var n=new Array(e.length),r=0;r<e.length;r++)"object"==typeof e[r]&&(n[r]=new RegExp("^(?:"+e[r].pattern+")$",d(t)));return function(t,r){for(var o="",l=t||{},s=(r||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=l[u.name];if(null==p){if(u.optional){u.partial&&(o+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(a(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=s(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");o+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):s(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');o+=u.prefix+d}}else o+=u}return o}}function s(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){a(t)||(n=t||n,t=[]);for(var r=(n=n||{}).strict,o=!1!==n.end,i="",l=0;l<e.length;l++){var c=e[l];if("string"==typeof c)i+=s(c);else{var p=s(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var g=s(n.delimiter||"/"),m=i.slice(-g.length)===g;return r||(i=(m?i.slice(0,-g.length):i)+"(?:"+g+"(?=$))?"),i+=o?"$":r&&m?"":"(?="+g+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return a(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var a=0;a<n.length;a++)t.push({name:a,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):a(e)?function(e,t,n){for(var a=[],r=0;r<e.length;r++)a.push(f(e[r],t,n).source);return u(new RegExp("(?:"+a.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(o(e,n),t,n)}(e,t,n)}},1064:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},1884:(e,t,n)=>{const a=n(1064),r=n(6474),o=new Set;function i(e){void 0===e?e=Object.keys(a.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...o,...Object.keys(Prism.languages)];r(a,e,t).load((e=>{if(!(e in a.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(2928).resolve(t)],delete Prism.languages[e],n(2928)(t),o.add(e)}))}i.silent=!1,e.exports=i},1559:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,r,o){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(r,(function(e){if("function"==typeof o&&!o(e))return e;for(var r,l=i.length;-1!==n.code.indexOf(r=t(a,l));)++l;return i[l]=e,r})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var r=0,o=Object.keys(n.tokenStack);!function i(l){for(var s=0;s<l.length&&!(r>=o.length);s++){var c=l[s];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=o[r],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(a,u),g=p.indexOf(f);if(g>-1){++r;var m=p.substring(0,g),h=new e.Token(a,e.tokenize(d,n.grammar),"language-"+a,d),b=p.substring(g+f.length),y=[];m&&y.push.apply(y,i([m])),y.push(h),b&&y.push.apply(y,i([b])),"string"==typeof c?l.splice.apply(l,[s,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return l}(n.tokens)}}}})}(Prism)},2928:(e,t,n)=>{var a={"./":1884};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=2928},6474:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,a=e.length;n<a;n++)t[e[n]]=!0;return t}function a(e){var n={},a=[];function r(a,o){if(!(a in n)){o.push(a);var i=o.indexOf(a);if(i<o.length-1)throw new Error("Circular dependency: "+o.slice(i).join(" -> "));var l={},s=e[a];if(s){function c(t){if(!(t in e))throw new Error(a+" depends on an unknown component "+t);if(!(t in l))for(var i in r(t,o),l[t]=!0,n[t])l[i]=!0}t(s.require,c),t(s.optional,c),t(s.modify,c)}n[a]=l,o.pop()}}return function(e){var t=n[e];return t||(r(e,a),t=n[e]),t}}function r(e){for(var t in e)return!0;return!1}return function(o,i,l){var s=function(e){var t={};for(var n in e){var a=e[n];for(var r in a)if("meta"!=r){var o=a[r];t[r]="string"==typeof o?{title:o}:o}}return t}(o),c=function(e){var n;return function(a){if(a in e)return a;if(!n)for(var r in n={},e){var o=e[r];t(o&&o.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+r+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+r+" because it is a component.");n[t]=r}))}return n[a]||a}}(s);i=i.map(c),l=(l||[]).map(c);var u=n(i),d=n(l);i.forEach((function e(n){var a=s[n];t(a&&a.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=a(s),g=u;r(g);){for(var m in p={},g){var h=s[m];t(h&&h.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in g=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,a,r){var o=r?r.series:void 0,i=r?r.parallel:e,l={},s={};function c(e){if(e in l)return l[e];s[e]=!0;var r,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)r=a(e);else{var p=i(u.map((function(e){var t=c(e);return delete s[e],t})));o?r=o(p,(function(){return a(e)})):a(e)}return l[e]=r}for(var u in n)c(u);var d=[];for(var p in s)d.push(l[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},4049:(e,t,n)=>{"use strict";var a=n(6257);function r(){}function o(){}o.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,o,i){if(i!==a){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:r};return n.PropTypes=n,n}},507:(e,t,n)=>{e.exports=n(4049)()},6257:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},3746:(e,t,n)=>{"use strict";var a=n(959),r=n(2962);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,l={};function s(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(l[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},g={};function m(e,t,n,a,r,o,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=a,this.attributeNamespace=r,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=o,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new m(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new m(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new m(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new m(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new m(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new m(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,a){var r=h.hasOwnProperty(t)?h[t]:null;(null!==r?0!==r.type:a||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,a){if(null==t||function(e,t,n,a){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!a&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,a))return!0;if(a)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,r,a)&&(n=null),a||null===r?function(e){return!!d.call(g,e)||!d.call(f,e)&&(p.test(e)?g[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):r.mustUseProperty?e[r.propertyName]=null===n?3!==r.type&&"":n:(t=r.attributeName,a=r.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(r=r.type)||4===r&&!0===n?"":""+n,a?e.setAttributeNS(a,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,x=Symbol.for("react.element"),k=Symbol.for("react.portal"),L=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),P=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),j=Symbol.for("react.suspense_list"),E=Symbol.for("react.memo"),I=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var T=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var R=Symbol.iterator;function N(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=R&&e[R]||e["@@iterator"])?e:null}var O,M=Object.assign;function F(e){if(void 0===O)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);O=t&&t[1]||""}return"\n"+O+e}var B=!1;function z(e,t){if(!e||B)return"";B=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var a=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){a=c}e.call(t.prototype)}else{try{throw Error()}catch(c){a=c}e()}}catch(c){if(c&&a&&"string"==typeof c.stack){for(var r=c.stack.split("\n"),o=a.stack.split("\n"),i=r.length-1,l=o.length-1;1<=i&&0<=l&&r[i]!==o[l];)l--;for(;1<=i&&0<=l;i--,l--)if(r[i]!==o[l]){if(1!==i||1!==l)do{if(i--,0>--l||r[i]!==o[l]){var s="\n"+r[i].replace(" at new "," at ");return e.displayName&&s.includes("<anonymous>")&&(s=s.replace("<anonymous>",e.displayName)),s}}while(1<=i&&0<=l);break}}}finally{B=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?F(e):""}function U(e){switch(e.tag){case 5:return F(e.type);case 16:return F("Lazy");case 13:return F("Suspense");case 19:return F("SuspenseList");case 0:case 2:case 15:return e=z(e.type,!1);case 11:return e=z(e.type.render,!1);case 1:return e=z(e.type,!0);default:return""}}function $(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case L:return"Fragment";case k:return"Portal";case _:return"Profiler";case S:return"StrictMode";case D:return"Suspense";case j:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case P:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case E:return null!==(t=e.displayName||null)?t:$(e.type)||"Memo";case I:t=e._payload,e=e._init;try{return $(e(t))}catch(n){}}return null}function q(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return $(t);case 8:return t===S?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function G(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Z(e){e._valueTracker||(e._valueTracker=function(e){var t=G(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),a=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var r=n.get,o=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return r.call(this)},set:function(e){a=""+e,o.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(e){a=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function V(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),a="";return e&&(a=G(e)?e.checked?"true":"false":e.value),(e=a)!==n&&(t.setValue(e),!0)}function W(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,a=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:a,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function K(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function X(e,t){K(e,t);var n=H(t.value),a=t.type;if(null!=n)"number"===a?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===a||"reset"===a)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function J(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var a=t.type;if(!("submit"!==a&&"reset"!==a||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&W(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,a){if(e=e.options,t){t={};for(var r=0;r<n.length;r++)t["$"+n[r]]=!0;for(n=0;n<e.length;n++)r=t.hasOwnProperty("$"+e[n].value),e[n].selected!==r&&(e[n].selected=r),r&&a&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,r=0;r<e.length;r++){if(e[r].value===n)return e[r].selected=!0,void(a&&(e[r].defaultSelected=!0));null!==t||e[r].disabled||(t=e[r])}null!==t&&(t.selected=!0)}}function ae(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(o(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function re(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(o(92));if(te(n)){if(1<n.length)throw Error(o(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function oe(e,t){var n=H(t.value),a=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=a&&(e.defaultValue=""+a)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function le(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function se(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?le(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,a){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ge=["Webkit","ms","Moz","O"];function me(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function he(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var a=0===n.indexOf("--"),r=me(n,t[n],a);"float"===n&&(n="cssFloat"),a?e.setProperty(n,r):e[n]=r}}Object.keys(fe).forEach((function(e){ge.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(o(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(o(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(o(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(o(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function xe(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var ke=null,Le=null,Se=null;function _e(e){if(e=vr(e)){if("function"!=typeof ke)throw Error(o(280));var t=e.stateNode;t&&(t=xr(t),ke(e.stateNode,e.type,t))}}function Ce(e){Le?Se?Se.push(e):Se=[e]:Le=e}function Pe(){if(Le){var e=Le,t=Se;if(Se=Le=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Ae(e,t){return e(t)}function De(){}var je=!1;function Ee(e,t,n){if(je)return e(t,n);je=!0;try{return Ae(e,t,n)}finally{je=!1,(null!==Le||null!==Se)&&(De(),Pe())}}function Ie(e,t){var n=e.stateNode;if(null===n)return null;var a=xr(n);if(null===a)return null;n=a[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(a=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!a;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(o(231,t,typeof n));return n}var Te=!1;if(u)try{var Re={};Object.defineProperty(Re,"passive",{get:function(){Te=!0}}),window.addEventListener("test",Re,Re),window.removeEventListener("test",Re,Re)}catch(ue){Te=!1}function Ne(e,t,n,a,r,o,i,l,s){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var Oe=!1,Me=null,Fe=!1,Be=null,ze={onError:function(e){Oe=!0,Me=e}};function Ue(e,t,n,a,r,o,i,l,s){Oe=!1,Me=null,Ne.apply(ze,arguments)}function $e(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function qe(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if($e(e)!==e)throw Error(o(188))}function Ge(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=$e(e)))throw Error(o(188));return t!==e?null:e}for(var n=e,a=t;;){var r=n.return;if(null===r)break;var i=r.alternate;if(null===i){if(null!==(a=r.return)){n=a;continue}break}if(r.child===i.child){for(i=r.child;i;){if(i===n)return He(r),e;if(i===a)return He(r),t;i=i.sibling}throw Error(o(188))}if(n.return!==a.return)n=r,a=i;else{for(var l=!1,s=r.child;s;){if(s===n){l=!0,n=r,a=i;break}if(s===a){l=!0,a=r,n=i;break}s=s.sibling}if(!l){for(s=i.child;s;){if(s===n){l=!0,n=i,a=r;break}if(s===a){l=!0,a=i,n=r;break}s=s.sibling}if(!l)throw Error(o(189))}}if(n.alternate!==a)throw Error(o(190))}if(3!==n.tag)throw Error(o(188));return n.stateNode.current===n?e:t}(e))?Ze(e):null}function Ze(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ze(e);if(null!==t)return t;e=e.sibling}return null}var Ve=r.unstable_scheduleCallback,We=r.unstable_cancelCallback,Qe=r.unstable_shouldYield,Ye=r.unstable_requestPaint,Ke=r.unstable_now,Xe=r.unstable_getCurrentPriorityLevel,Je=r.unstable_ImmediatePriority,et=r.unstable_UserBlockingPriority,tt=r.unstable_NormalPriority,nt=r.unstable_LowPriority,at=r.unstable_IdlePriority,rt=null,ot=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(lt(e)/st|0)|0},lt=Math.log,st=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var a=0,r=e.suspendedLanes,o=e.pingedLanes,i=268435455&n;if(0!==i){var l=i&~r;0!==l?a=dt(l):0!==(o&=i)&&(a=dt(o))}else 0!==(i=n&~r)?a=dt(i):0!==o&&(a=dt(o));if(0===a)return 0;if(0!==t&&t!==a&&0==(t&r)&&((r=a&-a)>=(o=t&-t)||16===r&&0!=(4194240&o)))return t;if(0!=(4&a)&&(a|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=a;0<t;)r=1<<(n=31-it(t)),a|=e[n],t&=~r;return a}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function gt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function mt(){var e=ct;return 0==(4194240&(ct<<=1))&&(ct=64),e}function ht(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var a=31-it(n),r=1<<a;r&t|e[a]&t&&(e[a]|=t),n&=~r}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?0!=(268435455&e)?16:536870912:4:1}var xt,kt,Lt,St,_t,Ct=!1,Pt=[],At=null,Dt=null,jt=null,Et=new Map,It=new Map,Tt=[],Rt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Nt(e,t){switch(e){case"focusin":case"focusout":At=null;break;case"dragenter":case"dragleave":Dt=null;break;case"mouseover":case"mouseout":jt=null;break;case"pointerover":case"pointerout":Et.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":It.delete(t.pointerId)}}function Ot(e,t,n,a,r,o){return null===e||e.nativeEvent!==o?(e={blockedOn:t,domEventName:n,eventSystemFlags:a,nativeEvent:o,targetContainers:[r]},null!==t&&(null!==(t=vr(t))&&kt(t)),e):(e.eventSystemFlags|=a,t=e.targetContainers,null!==r&&-1===t.indexOf(r)&&t.push(r),e)}function Mt(e){var t=yr(e.target);if(null!==t){var n=$e(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=qe(n)))return e.blockedOn=t,void _t(e.priority,(function(){Lt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ft(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=vr(n))&&kt(t),e.blockedOn=n,!1;var a=new(n=e.nativeEvent).constructor(n.type,n);we=a,n.target.dispatchEvent(a),we=null,t.shift()}return!0}function Bt(e,t,n){Ft(e)&&n.delete(t)}function zt(){Ct=!1,null!==At&&Ft(At)&&(At=null),null!==Dt&&Ft(Dt)&&(Dt=null),null!==jt&&Ft(jt)&&(jt=null),Et.forEach(Bt),It.forEach(Bt)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,r.unstable_scheduleCallback(r.unstable_NormalPriority,zt)))}function $t(e){function t(t){return Ut(t,e)}if(0<Pt.length){Ut(Pt[0],e);for(var n=1;n<Pt.length;n++){var a=Pt[n];a.blockedOn===e&&(a.blockedOn=null)}}for(null!==At&&Ut(At,e),null!==Dt&&Ut(Dt,e),null!==jt&&Ut(jt,e),Et.forEach(t),It.forEach(t),n=0;n<Tt.length;n++)(a=Tt[n]).blockedOn===e&&(a.blockedOn=null);for(;0<Tt.length&&null===(n=Tt[0]).blockedOn;)Mt(n),null===n.blockedOn&&Tt.shift()}var qt=w.ReactCurrentBatchConfig,Ht=!0;function Gt(e,t,n,a){var r=vt,o=qt.transition;qt.transition=null;try{vt=1,Vt(e,t,n,a)}finally{vt=r,qt.transition=o}}function Zt(e,t,n,a){var r=vt,o=qt.transition;qt.transition=null;try{vt=4,Vt(e,t,n,a)}finally{vt=r,qt.transition=o}}function Vt(e,t,n,a){if(Ht){var r=Qt(e,t,n,a);if(null===r)Ha(e,t,a,Wt,n),Nt(e,a);else if(function(e,t,n,a,r){switch(t){case"focusin":return At=Ot(At,e,t,n,a,r),!0;case"dragenter":return Dt=Ot(Dt,e,t,n,a,r),!0;case"mouseover":return jt=Ot(jt,e,t,n,a,r),!0;case"pointerover":var o=r.pointerId;return Et.set(o,Ot(Et.get(o)||null,e,t,n,a,r)),!0;case"gotpointercapture":return o=r.pointerId,It.set(o,Ot(It.get(o)||null,e,t,n,a,r)),!0}return!1}(r,e,t,n,a))a.stopPropagation();else if(Nt(e,a),4&t&&-1<Rt.indexOf(e)){for(;null!==r;){var o=vr(r);if(null!==o&&xt(o),null===(o=Qt(e,t,n,a))&&Ha(e,t,a,Wt,n),o===r)break;r=o}null!==r&&a.stopPropagation()}else Ha(e,t,a,null,n)}}var Wt=null;function Qt(e,t,n,a){if(Wt=null,null!==(e=yr(e=xe(a))))if(null===(t=$e(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=qe(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Wt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Xe()){case Je:return 1;case et:return 4;case tt:case nt:return 16;case at:return 536870912;default:return 16}default:return 16}}var Kt=null,Xt=null,Jt=null;function en(){if(Jt)return Jt;var e,t,n=Xt,a=n.length,r="value"in Kt?Kt.value:Kt.textContent,o=r.length;for(e=0;e<a&&n[e]===r[e];e++);var i=a-e;for(t=1;t<=i&&n[a-t]===r[o-t];t++);return Jt=r.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function an(){return!1}function rn(e){function t(t,n,a,r,o){for(var i in this._reactName=t,this._targetInst=a,this.type=n,this.nativeEvent=r,this.target=o,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(r):r[i]);return this.isDefaultPrevented=(null!=r.defaultPrevented?r.defaultPrevented:!1===r.returnValue)?nn:an,this.isPropagationStopped=an,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var on,ln,sn,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=rn(cn),dn=M({},cn,{view:0,detail:0}),pn=rn(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==sn&&(sn&&"mousemove"===e.type?(on=e.screenX-sn.screenX,ln=e.screenY-sn.screenY):ln=on=0,sn=e),on)},movementY:function(e){return"movementY"in e?e.movementY:ln}}),gn=rn(fn),mn=rn(M({},fn,{dataTransfer:0})),hn=rn(M({},dn,{relatedTarget:0})),bn=rn(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=rn(yn),wn=rn(M({},cn,{data:0})),xn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},kn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Ln={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Sn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Ln[e])&&!!t[e]}function _n(){return Sn}var Cn=M({},dn,{key:function(e){if(e.key){var t=xn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?kn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Pn=rn(Cn),An=rn(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Dn=rn(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),jn=rn(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),En=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),In=rn(En),Tn=[9,13,27,32],Rn=u&&"CompositionEvent"in window,Nn=null;u&&"documentMode"in document&&(Nn=document.documentMode);var On=u&&"TextEvent"in window&&!Nn,Mn=u&&(!Rn||Nn&&8<Nn&&11>=Nn),Fn=String.fromCharCode(32),Bn=!1;function zn(e,t){switch(e){case"keyup":return-1!==Tn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var $n=!1;var qn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!qn[e.type]:"textarea"===t}function Gn(e,t,n,a){Ce(a),0<(t=Za(t,"onChange")).length&&(n=new un("onChange","change",null,n,a),e.push({event:n,listeners:t}))}var Zn=null,Vn=null;function Wn(e){Fa(e,0)}function Qn(e){if(V(wr(e)))return e}function Yn(e,t){if("change"===e)return t}var Kn=!1;if(u){var Xn;if(u){var Jn="oninput"in document;if(!Jn){var ea=document.createElement("div");ea.setAttribute("oninput","return;"),Jn="function"==typeof ea.oninput}Xn=Jn}else Xn=!1;Kn=Xn&&(!document.documentMode||9<document.documentMode)}function ta(){Zn&&(Zn.detachEvent("onpropertychange",na),Vn=Zn=null)}function na(e){if("value"===e.propertyName&&Qn(Vn)){var t=[];Gn(t,Vn,e,xe(e)),Ee(Wn,t)}}function aa(e,t,n){"focusin"===e?(ta(),Vn=n,(Zn=t).attachEvent("onpropertychange",na)):"focusout"===e&&ta()}function ra(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Vn)}function oa(e,t){if("click"===e)return Qn(t)}function ia(e,t){if("input"===e||"change"===e)return Qn(t)}var la="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function sa(e,t){if(la(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++){var r=n[a];if(!d.call(t,r)||!la(e[r],t[r]))return!1}return!0}function ca(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ua(e,t){var n,a=ca(e);for(e=0;a;){if(3===a.nodeType){if(n=e+a.textContent.length,e<=t&&n>=t)return{node:a,offset:t-e};e=n}e:{for(;a;){if(a.nextSibling){a=a.nextSibling;break e}a=a.parentNode}a=void 0}a=ca(a)}}function da(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?da(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pa(){for(var e=window,t=W();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(a){n=!1}if(!n)break;t=W((e=t.contentWindow).document)}return t}function fa(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function ga(e){var t=pa(),n=e.focusedElem,a=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&da(n.ownerDocument.documentElement,n)){if(null!==a&&fa(n))if(t=a.start,void 0===(e=a.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var r=n.textContent.length,o=Math.min(a.start,r);a=void 0===a.end?o:Math.min(a.end,r),!e.extend&&o>a&&(r=a,a=o,o=r),r=ua(n,o);var i=ua(n,a);r&&i&&(1!==e.rangeCount||e.anchorNode!==r.node||e.anchorOffset!==r.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(r.node,r.offset),e.removeAllRanges(),o>a?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var ma=u&&"documentMode"in document&&11>=document.documentMode,ha=null,ba=null,ya=null,va=!1;function wa(e,t,n){var a=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;va||null==ha||ha!==W(a)||("selectionStart"in(a=ha)&&fa(a)?a={start:a.selectionStart,end:a.selectionEnd}:a={anchorNode:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset},ya&&sa(ya,a)||(ya=a,0<(a=Za(ba,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:a}),t.target=ha)))}function xa(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var ka={animationend:xa("Animation","AnimationEnd"),animationiteration:xa("Animation","AnimationIteration"),animationstart:xa("Animation","AnimationStart"),transitionend:xa("Transition","TransitionEnd")},La={},Sa={};function _a(e){if(La[e])return La[e];if(!ka[e])return e;var t,n=ka[e];for(t in n)if(n.hasOwnProperty(t)&&t in Sa)return La[e]=n[t];return e}u&&(Sa=document.createElement("div").style,"AnimationEvent"in window||(delete ka.animationend.animation,delete ka.animationiteration.animation,delete ka.animationstart.animation),"TransitionEvent"in window||delete ka.transitionend.transition);var Ca=_a("animationend"),Pa=_a("animationiteration"),Aa=_a("animationstart"),Da=_a("transitionend"),ja=new Map,Ea="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Ia(e,t){ja.set(e,t),s(t,[e])}for(var Ta=0;Ta<Ea.length;Ta++){var Ra=Ea[Ta];Ia(Ra.toLowerCase(),"on"+(Ra[0].toUpperCase()+Ra.slice(1)))}Ia(Ca,"onAnimationEnd"),Ia(Pa,"onAnimationIteration"),Ia(Aa,"onAnimationStart"),Ia("dblclick","onDoubleClick"),Ia("focusin","onFocus"),Ia("focusout","onBlur"),Ia(Da,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),s("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),s("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),s("onBeforeInput",["compositionend","keypress","textInput","paste"]),s("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Na="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Oa=new Set("cancel close invalid load scroll toggle".split(" ").concat(Na));function Ma(e,t,n){var a=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,a,r,i,l,s,c){if(Ue.apply(this,arguments),Oe){if(!Oe)throw Error(o(198));var u=Me;Oe=!1,Me=null,Fe||(Fe=!0,Be=u)}}(a,t,void 0,e),e.currentTarget=null}function Fa(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var a=e[n],r=a.event;a=a.listeners;e:{var o=void 0;if(t)for(var i=a.length-1;0<=i;i--){var l=a[i],s=l.instance,c=l.currentTarget;if(l=l.listener,s!==o&&r.isPropagationStopped())break e;Ma(r,l,c),o=s}else for(i=0;i<a.length;i++){if(s=(l=a[i]).instance,c=l.currentTarget,l=l.listener,s!==o&&r.isPropagationStopped())break e;Ma(r,l,c),o=s}}}if(Fe)throw e=Be,Fe=!1,Be=null,e}function Ba(e,t){var n=t[mr];void 0===n&&(n=t[mr]=new Set);var a=e+"__bubble";n.has(a)||(qa(t,e,2,!1),n.add(a))}function za(e,t,n){var a=0;t&&(a|=4),qa(n,e,a,t)}var Ua="_reactListening"+Math.random().toString(36).slice(2);function $a(e){if(!e[Ua]){e[Ua]=!0,i.forEach((function(t){"selectionchange"!==t&&(Oa.has(t)||za(t,!1,e),za(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ua]||(t[Ua]=!0,za("selectionchange",!1,t))}}function qa(e,t,n,a){switch(Yt(t)){case 1:var r=Gt;break;case 4:r=Zt;break;default:r=Vt}n=r.bind(null,t,n,e),r=void 0,!Te||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(r=!0),a?void 0!==r?e.addEventListener(t,n,{capture:!0,passive:r}):e.addEventListener(t,n,!0):void 0!==r?e.addEventListener(t,n,{passive:r}):e.addEventListener(t,n,!1)}function Ha(e,t,n,a,r){var o=a;if(0==(1&t)&&0==(2&t)&&null!==a)e:for(;;){if(null===a)return;var i=a.tag;if(3===i||4===i){var l=a.stateNode.containerInfo;if(l===r||8===l.nodeType&&l.parentNode===r)break;if(4===i)for(i=a.return;null!==i;){var s=i.tag;if((3===s||4===s)&&((s=i.stateNode.containerInfo)===r||8===s.nodeType&&s.parentNode===r))return;i=i.return}for(;null!==l;){if(null===(i=yr(l)))return;if(5===(s=i.tag)||6===s){a=o=i;continue e}l=l.parentNode}}a=a.return}Ee((function(){var a=o,r=xe(n),i=[];e:{var l=ja.get(e);if(void 0!==l){var s=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":s=Pn;break;case"focusin":c="focus",s=hn;break;case"focusout":c="blur",s=hn;break;case"beforeblur":case"afterblur":s=hn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":s=gn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":s=mn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":s=Dn;break;case Ca:case Pa:case Aa:s=bn;break;case Da:s=jn;break;case"scroll":s=pn;break;case"wheel":s=In;break;case"copy":case"cut":case"paste":s=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":s=An}var u=0!=(4&t),d=!u&&"scroll"===e,p=u?null!==l?l+"Capture":null:l;u=[];for(var f,g=a;null!==g;){var m=(f=g).stateNode;if(5===f.tag&&null!==m&&(f=m,null!==p&&(null!=(m=Ie(g,p))&&u.push(Ga(g,m,f)))),d)break;g=g.return}0<u.length&&(l=new s(l,c,null,n,r),i.push({event:l,listeners:u}))}}if(0==(7&t)){if(s="mouseout"===e||"pointerout"===e,(!(l="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!yr(c)&&!c[gr])&&(s||l)&&(l=r.window===r?r:(l=r.ownerDocument)?l.defaultView||l.parentWindow:window,s?(s=a,null!==(c=(c=n.relatedTarget||n.toElement)?yr(c):null)&&(c!==(d=$e(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(s=null,c=a),s!==c)){if(u=gn,m="onMouseLeave",p="onMouseEnter",g="mouse","pointerout"!==e&&"pointerover"!==e||(u=An,m="onPointerLeave",p="onPointerEnter",g="pointer"),d=null==s?l:wr(s),f=null==c?l:wr(c),(l=new u(m,g+"leave",s,n,r)).target=d,l.relatedTarget=f,m=null,yr(r)===a&&((u=new u(p,g+"enter",c,n,r)).target=f,u.relatedTarget=d,m=u),d=m,s&&c)e:{for(p=c,g=0,f=u=s;f;f=Va(f))g++;for(f=0,m=p;m;m=Va(m))f++;for(;0<g-f;)u=Va(u),g--;for(;0<f-g;)p=Va(p),f--;for(;g--;){if(u===p||null!==p&&u===p.alternate)break e;u=Va(u),p=Va(p)}u=null}else u=null;null!==s&&Wa(i,l,s,u,!1),null!==c&&null!==d&&Wa(i,d,c,u,!0)}if("select"===(s=(l=a?wr(a):window).nodeName&&l.nodeName.toLowerCase())||"input"===s&&"file"===l.type)var h=Yn;else if(Hn(l))if(Kn)h=ia;else{h=ra;var b=aa}else(s=l.nodeName)&&"input"===s.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(h=oa);switch(h&&(h=h(e,a))?Gn(i,h,n,r):(b&&b(e,l,a),"focusout"===e&&(b=l._wrapperState)&&b.controlled&&"number"===l.type&&ee(l,"number",l.value)),b=a?wr(a):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(ha=b,ba=a,ya=null);break;case"focusout":ya=ba=ha=null;break;case"mousedown":va=!0;break;case"contextmenu":case"mouseup":case"dragend":va=!1,wa(i,n,r);break;case"selectionchange":if(ma)break;case"keydown":case"keyup":wa(i,n,r)}var y;if(Rn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else $n?zn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&($n||"onCompositionStart"!==v?"onCompositionEnd"===v&&$n&&(y=en()):(Xt="value"in(Kt=r)?Kt.value:Kt.textContent,$n=!0)),0<(b=Za(a,v)).length&&(v=new wn(v,e,null,n,r),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=On?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(Bn=!0,Fn);case"textInput":return(e=t.data)===Fn&&Bn?null:e;default:return null}}(e,n):function(e,t){if($n)return"compositionend"===e||!Rn&&zn(e,t)?(e=en(),Jt=Xt=Kt=null,$n=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(a=Za(a,"onBeforeInput")).length&&(r=new wn("onBeforeInput","beforeinput",null,n,r),i.push({event:r,listeners:a}),r.data=y))}Fa(i,t)}))}function Ga(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Za(e,t){for(var n=t+"Capture",a=[];null!==e;){var r=e,o=r.stateNode;5===r.tag&&null!==o&&(r=o,null!=(o=Ie(e,n))&&a.unshift(Ga(e,o,r)),null!=(o=Ie(e,t))&&a.push(Ga(e,o,r))),e=e.return}return a}function Va(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Wa(e,t,n,a,r){for(var o=t._reactName,i=[];null!==n&&n!==a;){var l=n,s=l.alternate,c=l.stateNode;if(null!==s&&s===a)break;5===l.tag&&null!==c&&(l=c,r?null!=(s=Ie(n,o))&&i.unshift(Ga(n,s,l)):r||null!=(s=Ie(n,o))&&i.push(Ga(n,s,l))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qa=/\r\n?/g,Ya=/\u0000|\uFFFD/g;function Ka(e){return("string"==typeof e?e:""+e).replace(Qa,"\n").replace(Ya,"")}function Xa(e,t,n){if(t=Ka(t),Ka(e)!==t&&n)throw Error(o(425))}function Ja(){}var er=null,tr=null;function nr(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ar="function"==typeof setTimeout?setTimeout:void 0,rr="function"==typeof clearTimeout?clearTimeout:void 0,or="function"==typeof Promise?Promise:void 0,ir="function"==typeof queueMicrotask?queueMicrotask:void 0!==or?function(e){return or.resolve(null).then(e).catch(lr)}:ar;function lr(e){setTimeout((function(){throw e}))}function sr(e,t){var n=t,a=0;do{var r=n.nextSibling;if(e.removeChild(n),r&&8===r.nodeType)if("/$"===(n=r.data)){if(0===a)return e.removeChild(r),void $t(t);a--}else"$"!==n&&"$?"!==n&&"$!"!==n||a++;n=r}while(n);$t(t)}function cr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function ur(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var dr=Math.random().toString(36).slice(2),pr="__reactFiber$"+dr,fr="__reactProps$"+dr,gr="__reactContainer$"+dr,mr="__reactEvents$"+dr,hr="__reactListeners$"+dr,br="__reactHandles$"+dr;function yr(e){var t=e[pr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[gr]||n[pr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=ur(e);null!==e;){if(n=e[pr])return n;e=ur(e)}return t}n=(e=n).parentNode}return null}function vr(e){return!(e=e[pr]||e[gr])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function wr(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(o(33))}function xr(e){return e[fr]||null}var kr=[],Lr=-1;function Sr(e){return{current:e}}function _r(e){0>Lr||(e.current=kr[Lr],kr[Lr]=null,Lr--)}function Cr(e,t){Lr++,kr[Lr]=e.current,e.current=t}var Pr={},Ar=Sr(Pr),Dr=Sr(!1),jr=Pr;function Er(e,t){var n=e.type.contextTypes;if(!n)return Pr;var a=e.stateNode;if(a&&a.__reactInternalMemoizedUnmaskedChildContext===t)return a.__reactInternalMemoizedMaskedChildContext;var r,o={};for(r in n)o[r]=t[r];return a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function Ir(e){return null!=(e=e.childContextTypes)}function Tr(){_r(Dr),_r(Ar)}function Rr(e,t,n){if(Ar.current!==Pr)throw Error(o(168));Cr(Ar,t),Cr(Dr,n)}function Nr(e,t,n){var a=e.stateNode;if(t=t.childContextTypes,"function"!=typeof a.getChildContext)return n;for(var r in a=a.getChildContext())if(!(r in t))throw Error(o(108,q(e)||"Unknown",r));return M({},n,a)}function Or(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Pr,jr=Ar.current,Cr(Ar,e),Cr(Dr,Dr.current),!0}function Mr(e,t,n){var a=e.stateNode;if(!a)throw Error(o(169));n?(e=Nr(e,t,jr),a.__reactInternalMemoizedMergedChildContext=e,_r(Dr),_r(Ar),Cr(Ar,e)):_r(Dr),Cr(Dr,n)}var Fr=null,Br=!1,zr=!1;function Ur(e){null===Fr?Fr=[e]:Fr.push(e)}function $r(){if(!zr&&null!==Fr){zr=!0;var e=0,t=vt;try{var n=Fr;for(vt=1;e<n.length;e++){var a=n[e];do{a=a(!0)}while(null!==a)}Fr=null,Br=!1}catch(r){throw null!==Fr&&(Fr=Fr.slice(e+1)),Ve(Je,$r),r}finally{vt=t,zr=!1}}return null}var qr=[],Hr=0,Gr=null,Zr=0,Vr=[],Wr=0,Qr=null,Yr=1,Kr="";function Xr(e,t){qr[Hr++]=Zr,qr[Hr++]=Gr,Gr=e,Zr=t}function Jr(e,t,n){Vr[Wr++]=Yr,Vr[Wr++]=Kr,Vr[Wr++]=Qr,Qr=e;var a=Yr;e=Kr;var r=32-it(a)-1;a&=~(1<<r),n+=1;var o=32-it(t)+r;if(30<o){var i=r-r%5;o=(a&(1<<i)-1).toString(32),a>>=i,r-=i,Yr=1<<32-it(t)+r|n<<r|a,Kr=o+e}else Yr=1<<o|n<<r|a,Kr=e}function eo(e){null!==e.return&&(Xr(e,1),Jr(e,1,0))}function to(e){for(;e===Gr;)Gr=qr[--Hr],qr[Hr]=null,Zr=qr[--Hr],qr[Hr]=null;for(;e===Qr;)Qr=Vr[--Wr],Vr[Wr]=null,Kr=Vr[--Wr],Vr[Wr]=null,Yr=Vr[--Wr],Vr[Wr]=null}var no=null,ao=null,ro=!1,oo=null;function io(e,t){var n=Ic(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function lo(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,no=e,ao=cr(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,no=e,ao=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Qr?{id:Yr,overflow:Kr}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Ic(18,null,null,0)).stateNode=t,n.return=e,e.child=n,no=e,ao=null,!0);default:return!1}}function so(e){return 0!=(1&e.mode)&&0==(128&e.flags)}function co(e){if(ro){var t=ao;if(t){var n=t;if(!lo(e,t)){if(so(e))throw Error(o(418));t=cr(n.nextSibling);var a=no;t&&lo(e,t)?io(a,n):(e.flags=-4097&e.flags|2,ro=!1,no=e)}}else{if(so(e))throw Error(o(418));e.flags=-4097&e.flags|2,ro=!1,no=e}}}function uo(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;no=e}function po(e){if(e!==no)return!1;if(!ro)return uo(e),ro=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!nr(e.type,e.memoizedProps)),t&&(t=ao)){if(so(e))throw fo(),Error(o(418));for(;t;)io(e,t),t=cr(t.nextSibling)}if(uo(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(o(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){ao=cr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}ao=null}}else ao=no?cr(e.stateNode.nextSibling):null;return!0}function fo(){for(var e=ao;e;)e=cr(e.nextSibling)}function go(){ao=no=null,ro=!1}function mo(e){null===oo?oo=[e]:oo.push(e)}var ho=w.ReactCurrentBatchConfig;function bo(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var yo=Sr(null),vo=null,wo=null,xo=null;function ko(){xo=wo=vo=null}function Lo(e){var t=yo.current;_r(yo),e._currentValue=t}function So(e,t,n){for(;null!==e;){var a=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==a&&(a.childLanes|=t)):null!==a&&(a.childLanes&t)!==t&&(a.childLanes|=t),e===n)break;e=e.return}}function _o(e,t){vo=e,xo=wo=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(wl=!0),e.firstContext=null)}function Co(e){var t=e._currentValue;if(xo!==e)if(e={context:e,memoizedValue:t,next:null},null===wo){if(null===vo)throw Error(o(308));wo=e,vo.dependencies={lanes:0,firstContext:e}}else wo=wo.next=e;return t}var Po=null;function Ao(e){null===Po?Po=[e]:Po.push(e)}function Do(e,t,n,a){var r=t.interleaved;return null===r?(n.next=n,Ao(t)):(n.next=r.next,r.next=n),t.interleaved=n,jo(e,a)}function jo(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Eo=!1;function Io(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function To(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Ro(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function No(e,t,n){var a=e.updateQueue;if(null===a)return null;if(a=a.shared,0!=(2&Ds)){var r=a.pending;return null===r?t.next=t:(t.next=r.next,r.next=t),a.pending=t,jo(e,n)}return null===(r=a.interleaved)?(t.next=t,Ao(a)):(t.next=r.next,r.next=t),a.interleaved=t,jo(e,n)}function Oo(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,0!=(4194240&n))){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}function Mo(e,t){var n=e.updateQueue,a=e.alternate;if(null!==a&&n===(a=a.updateQueue)){var r=null,o=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===o?r=o=i:o=o.next=i,n=n.next}while(null!==n);null===o?r=o=t:o=o.next=t}else r=o=t;return n={baseState:a.baseState,firstBaseUpdate:r,lastBaseUpdate:o,shared:a.shared,effects:a.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Fo(e,t,n,a){var r=e.updateQueue;Eo=!1;var o=r.firstBaseUpdate,i=r.lastBaseUpdate,l=r.shared.pending;if(null!==l){r.shared.pending=null;var s=l,c=s.next;s.next=null,null===i?o=c:i.next=c,i=s;var u=e.alternate;null!==u&&((l=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===l?u.firstBaseUpdate=c:l.next=c,u.lastBaseUpdate=s))}if(null!==o){var d=r.baseState;for(i=0,u=c=s=null,l=o;;){var p=l.lane,f=l.eventTime;if((a&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:l.tag,payload:l.payload,callback:l.callback,next:null});e:{var g=e,m=l;switch(p=t,f=n,m.tag){case 1:if("function"==typeof(g=m.payload)){d=g.call(f,d,p);break e}d=g;break e;case 3:g.flags=-65537&g.flags|128;case 0:if(null==(p="function"==typeof(g=m.payload)?g.call(f,d,p):g))break e;d=M({},d,p);break e;case 2:Eo=!0}}null!==l.callback&&0!==l.lane&&(e.flags|=64,null===(p=r.effects)?r.effects=[l]:p.push(l))}else f={eventTime:f,lane:p,tag:l.tag,payload:l.payload,callback:l.callback,next:null},null===u?(c=u=f,s=d):u=u.next=f,i|=p;if(null===(l=l.next)){if(null===(l=r.shared.pending))break;l=(p=l).next,p.next=null,r.lastBaseUpdate=p,r.shared.pending=null}}if(null===u&&(s=d),r.baseState=s,r.firstBaseUpdate=c,r.lastBaseUpdate=u,null!==(t=r.shared.interleaved)){r=t;do{i|=r.lane,r=r.next}while(r!==t)}else null===o&&(r.shared.lanes=0);Ms|=i,e.lanes=i,e.memoizedState=d}}function Bo(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var a=e[t],r=a.callback;if(null!==r){if(a.callback=null,a=n,"function"!=typeof r)throw Error(o(191,r));r.call(a)}}}var zo=(new a.Component).refs;function Uo(e,t,n,a){n=null==(n=n(a,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var $o={isMounted:function(e){return!!(e=e._reactInternals)&&$e(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var a=tc(),r=nc(e),o=Ro(a,r);o.payload=t,null!=n&&(o.callback=n),null!==(t=No(e,o,r))&&(ac(t,e,r,a),Oo(t,e,r))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var a=tc(),r=nc(e),o=Ro(a,r);o.tag=1,o.payload=t,null!=n&&(o.callback=n),null!==(t=No(e,o,r))&&(ac(t,e,r,a),Oo(t,e,r))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=tc(),a=nc(e),r=Ro(n,a);r.tag=2,null!=t&&(r.callback=t),null!==(t=No(e,r,a))&&(ac(t,e,a,n),Oo(t,e,a))}};function qo(e,t,n,a,r,o,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(a,o,i):!t.prototype||!t.prototype.isPureReactComponent||(!sa(n,a)||!sa(r,o))}function Ho(e,t,n){var a=!1,r=Pr,o=t.contextType;return"object"==typeof o&&null!==o?o=Co(o):(r=Ir(t)?jr:Ar.current,o=(a=null!=(a=t.contextTypes))?Er(e,r):Pr),t=new t(n,o),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=$o,e.stateNode=t,t._reactInternals=e,a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=r,e.__reactInternalMemoizedMaskedChildContext=o),t}function Go(e,t,n,a){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,a),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,a),t.state!==e&&$o.enqueueReplaceState(t,t.state,null)}function Zo(e,t,n,a){var r=e.stateNode;r.props=n,r.state=e.memoizedState,r.refs=zo,Io(e);var o=t.contextType;"object"==typeof o&&null!==o?r.context=Co(o):(o=Ir(t)?jr:Ar.current,r.context=Er(e,o)),r.state=e.memoizedState,"function"==typeof(o=t.getDerivedStateFromProps)&&(Uo(e,t,o,n),r.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof r.getSnapshotBeforeUpdate||"function"!=typeof r.UNSAFE_componentWillMount&&"function"!=typeof r.componentWillMount||(t=r.state,"function"==typeof r.componentWillMount&&r.componentWillMount(),"function"==typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount(),t!==r.state&&$o.enqueueReplaceState(r,r.state,null),Fo(e,n,r,a),r.state=e.memoizedState),"function"==typeof r.componentDidMount&&(e.flags|=4194308)}function Vo(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(o(309));var a=n.stateNode}if(!a)throw Error(o(147,e));var r=a,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=r.refs;t===zo&&(t=r.refs={}),null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(o(284));if(!n._owner)throw Error(o(290,e))}return e}function Wo(e,t){throw e=Object.prototype.toString.call(t),Error(o(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Qo(e){return(0,e._init)(e._payload)}function Yo(e){function t(t,n){if(e){var a=t.deletions;null===a?(t.deletions=[n],t.flags|=16):a.push(n)}}function n(n,a){if(!e)return null;for(;null!==a;)t(n,a),a=a.sibling;return null}function a(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function r(e,t){return(e=Rc(e,t)).index=0,e.sibling=null,e}function i(t,n,a){return t.index=a,e?null!==(a=t.alternate)?(a=a.index)<n?(t.flags|=2,n):a:(t.flags|=2,n):(t.flags|=1048576,n)}function l(t){return e&&null===t.alternate&&(t.flags|=2),t}function s(e,t,n,a){return null===t||6!==t.tag?((t=Fc(n,e.mode,a)).return=e,t):((t=r(t,n)).return=e,t)}function c(e,t,n,a){var o=n.type;return o===L?d(e,t,n.props.children,a,n.key):null!==t&&(t.elementType===o||"object"==typeof o&&null!==o&&o.$$typeof===I&&Qo(o)===t.type)?((a=r(t,n.props)).ref=Vo(e,t,n),a.return=e,a):((a=Nc(n.type,n.key,n.props,null,e.mode,a)).ref=Vo(e,t,n),a.return=e,a)}function u(e,t,n,a){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Bc(n,e.mode,a)).return=e,t):((t=r(t,n.children||[])).return=e,t)}function d(e,t,n,a,o){return null===t||7!==t.tag?((t=Oc(n,e.mode,a,o)).return=e,t):((t=r(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Fc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case x:return(n=Nc(t.type,t.key,t.props,null,e.mode,n)).ref=Vo(e,null,t),n.return=e,n;case k:return(t=Bc(t,e.mode,n)).return=e,t;case I:return p(e,(0,t._init)(t._payload),n)}if(te(t)||N(t))return(t=Oc(t,e.mode,n,null)).return=e,t;Wo(e,t)}return null}function f(e,t,n,a){var r=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==r?null:s(e,t,""+n,a);if("object"==typeof n&&null!==n){switch(n.$$typeof){case x:return n.key===r?c(e,t,n,a):null;case k:return n.key===r?u(e,t,n,a):null;case I:return f(e,t,(r=n._init)(n._payload),a)}if(te(n)||N(n))return null!==r?null:d(e,t,n,a,null);Wo(e,n)}return null}function g(e,t,n,a,r){if("string"==typeof a&&""!==a||"number"==typeof a)return s(t,e=e.get(n)||null,""+a,r);if("object"==typeof a&&null!==a){switch(a.$$typeof){case x:return c(t,e=e.get(null===a.key?n:a.key)||null,a,r);case k:return u(t,e=e.get(null===a.key?n:a.key)||null,a,r);case I:return g(e,t,n,(0,a._init)(a._payload),r)}if(te(a)||N(a))return d(t,e=e.get(n)||null,a,r,null);Wo(t,a)}return null}function m(r,o,l,s){for(var c=null,u=null,d=o,m=o=0,h=null;null!==d&&m<l.length;m++){d.index>m?(h=d,d=null):h=d.sibling;var b=f(r,d,l[m],s);if(null===b){null===d&&(d=h);break}e&&d&&null===b.alternate&&t(r,d),o=i(b,o,m),null===u?c=b:u.sibling=b,u=b,d=h}if(m===l.length)return n(r,d),ro&&Xr(r,m),c;if(null===d){for(;m<l.length;m++)null!==(d=p(r,l[m],s))&&(o=i(d,o,m),null===u?c=d:u.sibling=d,u=d);return ro&&Xr(r,m),c}for(d=a(r,d);m<l.length;m++)null!==(h=g(d,r,m,l[m],s))&&(e&&null!==h.alternate&&d.delete(null===h.key?m:h.key),o=i(h,o,m),null===u?c=h:u.sibling=h,u=h);return e&&d.forEach((function(e){return t(r,e)})),ro&&Xr(r,m),c}function h(r,l,s,c){var u=N(s);if("function"!=typeof u)throw Error(o(150));if(null==(s=u.call(s)))throw Error(o(151));for(var d=u=null,m=l,h=l=0,b=null,y=s.next();null!==m&&!y.done;h++,y=s.next()){m.index>h?(b=m,m=null):b=m.sibling;var v=f(r,m,y.value,c);if(null===v){null===m&&(m=b);break}e&&m&&null===v.alternate&&t(r,m),l=i(v,l,h),null===d?u=v:d.sibling=v,d=v,m=b}if(y.done)return n(r,m),ro&&Xr(r,h),u;if(null===m){for(;!y.done;h++,y=s.next())null!==(y=p(r,y.value,c))&&(l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return ro&&Xr(r,h),u}for(m=a(r,m);!y.done;h++,y=s.next())null!==(y=g(m,r,h,y.value,c))&&(e&&null!==y.alternate&&m.delete(null===y.key?h:y.key),l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return e&&m.forEach((function(e){return t(r,e)})),ro&&Xr(r,h),u}return function e(a,o,i,s){if("object"==typeof i&&null!==i&&i.type===L&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case x:e:{for(var c=i.key,u=o;null!==u;){if(u.key===c){if((c=i.type)===L){if(7===u.tag){n(a,u.sibling),(o=r(u,i.props.children)).return=a,a=o;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===I&&Qo(c)===u.type){n(a,u.sibling),(o=r(u,i.props)).ref=Vo(a,u,i),o.return=a,a=o;break e}n(a,u);break}t(a,u),u=u.sibling}i.type===L?((o=Oc(i.props.children,a.mode,s,i.key)).return=a,a=o):((s=Nc(i.type,i.key,i.props,null,a.mode,s)).ref=Vo(a,o,i),s.return=a,a=s)}return l(a);case k:e:{for(u=i.key;null!==o;){if(o.key===u){if(4===o.tag&&o.stateNode.containerInfo===i.containerInfo&&o.stateNode.implementation===i.implementation){n(a,o.sibling),(o=r(o,i.children||[])).return=a,a=o;break e}n(a,o);break}t(a,o),o=o.sibling}(o=Bc(i,a.mode,s)).return=a,a=o}return l(a);case I:return e(a,o,(u=i._init)(i._payload),s)}if(te(i))return m(a,o,i,s);if(N(i))return h(a,o,i,s);Wo(a,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==o&&6===o.tag?(n(a,o.sibling),(o=r(o,i)).return=a,a=o):(n(a,o),(o=Fc(i,a.mode,s)).return=a,a=o),l(a)):n(a,o)}}var Ko=Yo(!0),Xo=Yo(!1),Jo={},ei=Sr(Jo),ti=Sr(Jo),ni=Sr(Jo);function ai(e){if(e===Jo)throw Error(o(174));return e}function ri(e,t){switch(Cr(ni,t),Cr(ti,e),Cr(ei,Jo),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:se(null,"");break;default:t=se(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}_r(ei),Cr(ei,t)}function oi(){_r(ei),_r(ti),_r(ni)}function ii(e){ai(ni.current);var t=ai(ei.current),n=se(t,e.type);t!==n&&(Cr(ti,e),Cr(ei,n))}function li(e){ti.current===e&&(_r(ei),_r(ti))}var si=Sr(0);function ci(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(128&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ui=[];function di(){for(var e=0;e<ui.length;e++)ui[e]._workInProgressVersionPrimary=null;ui.length=0}var pi=w.ReactCurrentDispatcher,fi=w.ReactCurrentBatchConfig,gi=0,mi=null,hi=null,bi=null,yi=!1,vi=!1,wi=0,xi=0;function ki(){throw Error(o(321))}function Li(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!la(e[n],t[n]))return!1;return!0}function Si(e,t,n,a,r,i){if(gi=i,mi=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,pi.current=null===e||null===e.memoizedState?ll:sl,e=n(a,r),vi){i=0;do{if(vi=!1,wi=0,25<=i)throw Error(o(301));i+=1,bi=hi=null,t.updateQueue=null,pi.current=cl,e=n(a,r)}while(vi)}if(pi.current=il,t=null!==hi&&null!==hi.next,gi=0,bi=hi=mi=null,yi=!1,t)throw Error(o(300));return e}function _i(){var e=0!==wi;return wi=0,e}function Ci(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===bi?mi.memoizedState=bi=e:bi=bi.next=e,bi}function Pi(){if(null===hi){var e=mi.alternate;e=null!==e?e.memoizedState:null}else e=hi.next;var t=null===bi?mi.memoizedState:bi.next;if(null!==t)bi=t,hi=e;else{if(null===e)throw Error(o(310));e={memoizedState:(hi=e).memoizedState,baseState:hi.baseState,baseQueue:hi.baseQueue,queue:hi.queue,next:null},null===bi?mi.memoizedState=bi=e:bi=bi.next=e}return bi}function Ai(e,t){return"function"==typeof t?t(e):t}function Di(e){var t=Pi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var a=hi,r=a.baseQueue,i=n.pending;if(null!==i){if(null!==r){var l=r.next;r.next=i.next,i.next=l}a.baseQueue=r=i,n.pending=null}if(null!==r){i=r.next,a=a.baseState;var s=l=null,c=null,u=i;do{var d=u.lane;if((gi&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),a=u.hasEagerState?u.eagerState:e(a,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(s=c=p,l=a):c=c.next=p,mi.lanes|=d,Ms|=d}u=u.next}while(null!==u&&u!==i);null===c?l=a:c.next=s,la(a,t.memoizedState)||(wl=!0),t.memoizedState=a,t.baseState=l,t.baseQueue=c,n.lastRenderedState=a}if(null!==(e=n.interleaved)){r=e;do{i=r.lane,mi.lanes|=i,Ms|=i,r=r.next}while(r!==e)}else null===r&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function ji(e){var t=Pi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var a=n.dispatch,r=n.pending,i=t.memoizedState;if(null!==r){n.pending=null;var l=r=r.next;do{i=e(i,l.action),l=l.next}while(l!==r);la(i,t.memoizedState)||(wl=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,a]}function Ei(){}function Ii(e,t){var n=mi,a=Pi(),r=t(),i=!la(a.memoizedState,r);if(i&&(a.memoizedState=r,wl=!0),a=a.queue,Hi(Ni.bind(null,n,a,e),[e]),a.getSnapshot!==t||i||null!==bi&&1&bi.memoizedState.tag){if(n.flags|=2048,Bi(9,Ri.bind(null,n,a,r,t),void 0,null),null===js)throw Error(o(349));0!=(30&gi)||Ti(n,t,r)}return r}function Ti(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Ri(e,t,n,a){t.value=n,t.getSnapshot=a,Oi(t)&&Mi(e)}function Ni(e,t,n){return n((function(){Oi(t)&&Mi(e)}))}function Oi(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!la(e,n)}catch(a){return!0}}function Mi(e){var t=jo(e,1);null!==t&&ac(t,e,1,-1)}function Fi(e){var t=Ci();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Ai,lastRenderedState:e},t.queue=e,e=e.dispatch=nl.bind(null,mi,e),[t.memoizedState,e]}function Bi(e,t,n,a){return e={tag:e,create:t,destroy:n,deps:a,next:null},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(a=n.next,n.next=e,e.next=a,t.lastEffect=e),e}function zi(){return Pi().memoizedState}function Ui(e,t,n,a){var r=Ci();mi.flags|=e,r.memoizedState=Bi(1|t,n,void 0,void 0===a?null:a)}function $i(e,t,n,a){var r=Pi();a=void 0===a?null:a;var o=void 0;if(null!==hi){var i=hi.memoizedState;if(o=i.destroy,null!==a&&Li(a,i.deps))return void(r.memoizedState=Bi(t,n,o,a))}mi.flags|=e,r.memoizedState=Bi(1|t,n,o,a)}function qi(e,t){return Ui(8390656,8,e,t)}function Hi(e,t){return $i(2048,8,e,t)}function Gi(e,t){return $i(4,2,e,t)}function Zi(e,t){return $i(4,4,e,t)}function Vi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Wi(e,t,n){return n=null!=n?n.concat([e]):null,$i(4,4,Vi.bind(null,t,e),n)}function Qi(){}function Yi(e,t){var n=Pi();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(n.memoizedState=[e,t],e)}function Ki(e,t){var n=Pi();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(e=e(),n.memoizedState=[e,t],e)}function Xi(e,t,n){return 0==(21&gi)?(e.baseState&&(e.baseState=!1,wl=!0),e.memoizedState=n):(la(n,t)||(n=mt(),mi.lanes|=n,Ms|=n,e.baseState=!0),t)}function Ji(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var a=fi.transition;fi.transition={};try{e(!1),t()}finally{vt=n,fi.transition=a}}function el(){return Pi().memoizedState}function tl(e,t,n){var a=nc(e);if(n={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null},al(e))rl(t,n);else if(null!==(n=Do(e,t,n,a))){ac(n,e,a,tc()),ol(n,t,a)}}function nl(e,t,n){var a=nc(e),r={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null};if(al(e))rl(t,r);else{var o=e.alternate;if(0===e.lanes&&(null===o||0===o.lanes)&&null!==(o=t.lastRenderedReducer))try{var i=t.lastRenderedState,l=o(i,n);if(r.hasEagerState=!0,r.eagerState=l,la(l,i)){var s=t.interleaved;return null===s?(r.next=r,Ao(t)):(r.next=s.next,s.next=r),void(t.interleaved=r)}}catch(c){}null!==(n=Do(e,t,r,a))&&(ac(n,e,a,r=tc()),ol(n,t,a))}}function al(e){var t=e.alternate;return e===mi||null!==t&&t===mi}function rl(e,t){vi=yi=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function ol(e,t,n){if(0!=(4194240&n)){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}var il={readContext:Co,useCallback:ki,useContext:ki,useEffect:ki,useImperativeHandle:ki,useInsertionEffect:ki,useLayoutEffect:ki,useMemo:ki,useReducer:ki,useRef:ki,useState:ki,useDebugValue:ki,useDeferredValue:ki,useTransition:ki,useMutableSource:ki,useSyncExternalStore:ki,useId:ki,unstable_isNewReconciler:!1},ll={readContext:Co,useCallback:function(e,t){return Ci().memoizedState=[e,void 0===t?null:t],e},useContext:Co,useEffect:qi,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ui(4194308,4,Vi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ui(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ui(4,2,e,t)},useMemo:function(e,t){var n=Ci();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var a=Ci();return t=void 0!==n?n(t):t,a.memoizedState=a.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},a.queue=e,e=e.dispatch=tl.bind(null,mi,e),[a.memoizedState,e]},useRef:function(e){return e={current:e},Ci().memoizedState=e},useState:Fi,useDebugValue:Qi,useDeferredValue:function(e){return Ci().memoizedState=e},useTransition:function(){var e=Fi(!1),t=e[0];return e=Ji.bind(null,e[1]),Ci().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var a=mi,r=Ci();if(ro){if(void 0===n)throw Error(o(407));n=n()}else{if(n=t(),null===js)throw Error(o(349));0!=(30&gi)||Ti(a,t,n)}r.memoizedState=n;var i={value:n,getSnapshot:t};return r.queue=i,qi(Ni.bind(null,a,i,e),[e]),a.flags|=2048,Bi(9,Ri.bind(null,a,i,n,t),void 0,null),n},useId:function(){var e=Ci(),t=js.identifierPrefix;if(ro){var n=Kr;t=":"+t+"R"+(n=(Yr&~(1<<32-it(Yr)-1)).toString(32)+n),0<(n=wi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=xi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},sl={readContext:Co,useCallback:Yi,useContext:Co,useEffect:Hi,useImperativeHandle:Wi,useInsertionEffect:Gi,useLayoutEffect:Zi,useMemo:Ki,useReducer:Di,useRef:zi,useState:function(){return Di(Ai)},useDebugValue:Qi,useDeferredValue:function(e){return Xi(Pi(),hi.memoizedState,e)},useTransition:function(){return[Di(Ai)[0],Pi().memoizedState]},useMutableSource:Ei,useSyncExternalStore:Ii,useId:el,unstable_isNewReconciler:!1},cl={readContext:Co,useCallback:Yi,useContext:Co,useEffect:Hi,useImperativeHandle:Wi,useInsertionEffect:Gi,useLayoutEffect:Zi,useMemo:Ki,useReducer:ji,useRef:zi,useState:function(){return ji(Ai)},useDebugValue:Qi,useDeferredValue:function(e){var t=Pi();return null===hi?t.memoizedState=e:Xi(t,hi.memoizedState,e)},useTransition:function(){return[ji(Ai)[0],Pi().memoizedState]},useMutableSource:Ei,useSyncExternalStore:Ii,useId:el,unstable_isNewReconciler:!1};function ul(e,t){try{var n="",a=t;do{n+=U(a),a=a.return}while(a);var r=n}catch(o){r="\nError generating stack: "+o.message+"\n"+o.stack}return{value:e,source:t,stack:r,digest:null}}function dl(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function pl(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var fl="function"==typeof WeakMap?WeakMap:Map;function gl(e,t,n){(n=Ro(-1,n)).tag=3,n.payload={element:null};var a=t.value;return n.callback=function(){Gs||(Gs=!0,Zs=a),pl(0,t)},n}function ml(e,t,n){(n=Ro(-1,n)).tag=3;var a=e.type.getDerivedStateFromError;if("function"==typeof a){var r=t.value;n.payload=function(){return a(r)},n.callback=function(){pl(0,t)}}var o=e.stateNode;return null!==o&&"function"==typeof o.componentDidCatch&&(n.callback=function(){pl(0,t),"function"!=typeof a&&(null===Vs?Vs=new Set([this]):Vs.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hl(e,t,n){var a=e.pingCache;if(null===a){a=e.pingCache=new fl;var r=new Set;a.set(t,r)}else void 0===(r=a.get(t))&&(r=new Set,a.set(t,r));r.has(n)||(r.add(n),e=Cc.bind(null,e,t,n),t.then(e,e))}function bl(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function yl(e,t,n,a,r){return 0==(1&e.mode)?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=Ro(-1,1)).tag=2,No(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=r,e)}var vl=w.ReactCurrentOwner,wl=!1;function xl(e,t,n,a){t.child=null===e?Xo(t,null,n,a):Ko(t,e.child,n,a)}function kl(e,t,n,a,r){n=n.render;var o=t.ref;return _o(t,r),a=Si(e,t,n,a,o,r),n=_i(),null===e||wl?(ro&&n&&eo(t),t.flags|=1,xl(e,t,a,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Gl(e,t,r))}function Ll(e,t,n,a,r){if(null===e){var o=n.type;return"function"!=typeof o||Tc(o)||void 0!==o.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Nc(n.type,null,a,t,t.mode,r)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=o,Sl(e,t,o,a,r))}if(o=e.child,0==(e.lanes&r)){var i=o.memoizedProps;if((n=null!==(n=n.compare)?n:sa)(i,a)&&e.ref===t.ref)return Gl(e,t,r)}return t.flags|=1,(e=Rc(o,a)).ref=t.ref,e.return=t,t.child=e}function Sl(e,t,n,a,r){if(null!==e){var o=e.memoizedProps;if(sa(o,a)&&e.ref===t.ref){if(wl=!1,t.pendingProps=a=o,0==(e.lanes&r))return t.lanes=e.lanes,Gl(e,t,r);0!=(131072&e.flags)&&(wl=!0)}}return Pl(e,t,n,a,r)}function _l(e,t,n){var a=t.pendingProps,r=a.children,o=null!==e?e.memoizedState:null;if("hidden"===a.mode)if(0==(1&t.mode))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Cr(Rs,Ts),Ts|=n;else{if(0==(1073741824&n))return e=null!==o?o.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Cr(Rs,Ts),Ts|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},a=null!==o?o.baseLanes:n,Cr(Rs,Ts),Ts|=a}else null!==o?(a=o.baseLanes|n,t.memoizedState=null):a=n,Cr(Rs,Ts),Ts|=a;return xl(e,t,r,n),t.child}function Cl(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Pl(e,t,n,a,r){var o=Ir(n)?jr:Ar.current;return o=Er(t,o),_o(t,r),n=Si(e,t,n,a,o,r),a=_i(),null===e||wl?(ro&&a&&eo(t),t.flags|=1,xl(e,t,n,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Gl(e,t,r))}function Al(e,t,n,a,r){if(Ir(n)){var o=!0;Or(t)}else o=!1;if(_o(t,r),null===t.stateNode)Hl(e,t),Ho(t,n,a),Zo(t,n,a,r),a=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Co(c):c=Er(t,c=Ir(n)?jr:Ar.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==a||s!==c)&&Go(t,i,a,c),Eo=!1;var p=t.memoizedState;i.state=p,Fo(t,a,i,r),s=t.memoizedState,l!==a||p!==s||Dr.current||Eo?("function"==typeof u&&(Uo(t,n,u,a),s=t.memoizedState),(l=Eo||qo(t,n,l,a,p,s,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=a,t.memoizedState=s),i.props=a,i.state=s,i.context=c,a=l):("function"==typeof i.componentDidMount&&(t.flags|=4194308),a=!1)}else{i=t.stateNode,To(e,t),l=t.memoizedProps,c=t.type===t.elementType?l:bo(t.type,l),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(s=n.contextType)&&null!==s?s=Co(s):s=Er(t,s=Ir(n)?jr:Ar.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==d||p!==s)&&Go(t,i,a,s),Eo=!1,p=t.memoizedState,i.state=p,Fo(t,a,i,r);var g=t.memoizedState;l!==d||p!==g||Dr.current||Eo?("function"==typeof f&&(Uo(t,n,f,a),g=t.memoizedState),(c=Eo||qo(t,n,c,a,p,g,s)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(a,g,s),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(a,g,s)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=a,t.memoizedState=g),i.props=a,i.state=g,i.context=s,a=c):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),a=!1)}return Dl(e,t,n,a,o,r)}function Dl(e,t,n,a,r,o){Cl(e,t);var i=0!=(128&t.flags);if(!a&&!i)return r&&Mr(t,n,!1),Gl(e,t,o);a=t.stateNode,vl.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:a.render();return t.flags|=1,null!==e&&i?(t.child=Ko(t,e.child,null,o),t.child=Ko(t,null,l,o)):xl(e,t,l,o),t.memoizedState=a.state,r&&Mr(t,n,!0),t.child}function jl(e){var t=e.stateNode;t.pendingContext?Rr(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Rr(0,t.context,!1),ri(e,t.containerInfo)}function El(e,t,n,a,r){return go(),mo(r),t.flags|=256,xl(e,t,n,a),t.child}var Il,Tl,Rl,Nl,Ol={dehydrated:null,treeContext:null,retryLane:0};function Ml(e){return{baseLanes:e,cachePool:null,transitions:null}}function Fl(e,t,n){var a,r=t.pendingProps,i=si.current,l=!1,s=0!=(128&t.flags);if((a=s)||(a=(null===e||null!==e.memoizedState)&&0!=(2&i)),a?(l=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),Cr(si,1&i),null===e)return co(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&t.mode)?t.lanes=1:"$!"===e.data?t.lanes=8:t.lanes=1073741824,null):(s=r.children,e=r.fallback,l?(r=t.mode,l=t.child,s={mode:"hidden",children:s},0==(1&r)&&null!==l?(l.childLanes=0,l.pendingProps=s):l=Mc(s,r,0,null),e=Oc(e,r,n,null),l.return=t,e.return=t,l.sibling=e,t.child=l,t.child.memoizedState=Ml(n),t.memoizedState=Ol,e):Bl(t,s));if(null!==(i=e.memoizedState)&&null!==(a=i.dehydrated))return function(e,t,n,a,r,i,l){if(n)return 256&t.flags?(t.flags&=-257,zl(e,t,l,a=dl(Error(o(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=a.fallback,r=t.mode,a=Mc({mode:"visible",children:a.children},r,0,null),(i=Oc(i,r,l,null)).flags|=2,a.return=t,i.return=t,a.sibling=i,t.child=a,0!=(1&t.mode)&&Ko(t,e.child,null,l),t.child.memoizedState=Ml(l),t.memoizedState=Ol,i);if(0==(1&t.mode))return zl(e,t,l,null);if("$!"===r.data){if(a=r.nextSibling&&r.nextSibling.dataset)var s=a.dgst;return a=s,zl(e,t,l,a=dl(i=Error(o(419)),a,void 0))}if(s=0!=(l&e.childLanes),wl||s){if(null!==(a=js)){switch(l&-l){case 4:r=2;break;case 16:r=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:r=32;break;case 536870912:r=268435456;break;default:r=0}0!==(r=0!=(r&(a.suspendedLanes|l))?0:r)&&r!==i.retryLane&&(i.retryLane=r,jo(e,r),ac(a,e,r,-1))}return hc(),zl(e,t,l,a=dl(Error(o(421))))}return"$?"===r.data?(t.flags|=128,t.child=e.child,t=Ac.bind(null,e),r._reactRetry=t,null):(e=i.treeContext,ao=cr(r.nextSibling),no=t,ro=!0,oo=null,null!==e&&(Vr[Wr++]=Yr,Vr[Wr++]=Kr,Vr[Wr++]=Qr,Yr=e.id,Kr=e.overflow,Qr=t),t=Bl(t,a.children),t.flags|=4096,t)}(e,t,s,r,a,i,n);if(l){l=r.fallback,s=t.mode,a=(i=e.child).sibling;var c={mode:"hidden",children:r.children};return 0==(1&s)&&t.child!==i?((r=t.child).childLanes=0,r.pendingProps=c,t.deletions=null):(r=Rc(i,c)).subtreeFlags=14680064&i.subtreeFlags,null!==a?l=Rc(a,l):(l=Oc(l,s,n,null)).flags|=2,l.return=t,r.return=t,r.sibling=l,t.child=r,r=l,l=t.child,s=null===(s=e.child.memoizedState)?Ml(n):{baseLanes:s.baseLanes|n,cachePool:null,transitions:s.transitions},l.memoizedState=s,l.childLanes=e.childLanes&~n,t.memoizedState=Ol,r}return e=(l=e.child).sibling,r=Rc(l,{mode:"visible",children:r.children}),0==(1&t.mode)&&(r.lanes=n),r.return=t,r.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function Bl(e,t){return(t=Mc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zl(e,t,n,a){return null!==a&&mo(a),Ko(t,e.child,null,n),(e=Bl(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Ul(e,t,n){e.lanes|=t;var a=e.alternate;null!==a&&(a.lanes|=t),So(e.return,t,n)}function $l(e,t,n,a,r){var o=e.memoizedState;null===o?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:r}:(o.isBackwards=t,o.rendering=null,o.renderingStartTime=0,o.last=a,o.tail=n,o.tailMode=r)}function ql(e,t,n){var a=t.pendingProps,r=a.revealOrder,o=a.tail;if(xl(e,t,a.children,n),0!=(2&(a=si.current)))a=1&a|2,t.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Ul(e,n,t);else if(19===e.tag)Ul(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}a&=1}if(Cr(si,a),0==(1&t.mode))t.memoizedState=null;else switch(r){case"forwards":for(n=t.child,r=null;null!==n;)null!==(e=n.alternate)&&null===ci(e)&&(r=n),n=n.sibling;null===(n=r)?(r=t.child,t.child=null):(r=n.sibling,n.sibling=null),$l(t,!1,r,n,o);break;case"backwards":for(n=null,r=t.child,t.child=null;null!==r;){if(null!==(e=r.alternate)&&null===ci(e)){t.child=r;break}e=r.sibling,r.sibling=n,n=r,r=e}$l(t,!0,n,null,o);break;case"together":$l(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Hl(e,t){0==(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Gl(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Ms|=t.lanes,0==(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(o(153));if(null!==t.child){for(n=Rc(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Rc(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Zl(e,t){if(!ro)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var a=null;null!==n;)null!==n.alternate&&(a=n),n=n.sibling;null===a?t||null===e.tail?e.tail=null:e.tail.sibling=null:a.sibling=null}}function Vl(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,a=0;if(t)for(var r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=14680064&r.subtreeFlags,a|=14680064&r.flags,r.return=e,r=r.sibling;else for(r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=r.subtreeFlags,a|=r.flags,r.return=e,r=r.sibling;return e.subtreeFlags|=a,e.childLanes=n,t}function Wl(e,t,n){var a=t.pendingProps;switch(to(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Vl(t),null;case 1:case 17:return Ir(t.type)&&Tr(),Vl(t),null;case 3:return a=t.stateNode,oi(),_r(Dr),_r(Ar),di(),a.pendingContext&&(a.context=a.pendingContext,a.pendingContext=null),null!==e&&null!==e.child||(po(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&t.flags)||(t.flags|=1024,null!==oo&&(lc(oo),oo=null))),Tl(e,t),Vl(t),null;case 5:li(t);var r=ai(ni.current);if(n=t.type,null!==e&&null!=t.stateNode)Rl(e,t,n,a,r),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!a){if(null===t.stateNode)throw Error(o(166));return Vl(t),null}if(e=ai(ei.current),po(t)){a=t.stateNode,n=t.type;var i=t.memoizedProps;switch(a[pr]=t,a[fr]=i,e=0!=(1&t.mode),n){case"dialog":Ba("cancel",a),Ba("close",a);break;case"iframe":case"object":case"embed":Ba("load",a);break;case"video":case"audio":for(r=0;r<Na.length;r++)Ba(Na[r],a);break;case"source":Ba("error",a);break;case"img":case"image":case"link":Ba("error",a),Ba("load",a);break;case"details":Ba("toggle",a);break;case"input":Y(a,i),Ba("invalid",a);break;case"select":a._wrapperState={wasMultiple:!!i.multiple},Ba("invalid",a);break;case"textarea":re(a,i),Ba("invalid",a)}for(var s in ye(n,i),r=null,i)if(i.hasOwnProperty(s)){var c=i[s];"children"===s?"string"==typeof c?a.textContent!==c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),r=["children",c]):"number"==typeof c&&a.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),r=["children",""+c]):l.hasOwnProperty(s)&&null!=c&&"onScroll"===s&&Ba("scroll",a)}switch(n){case"input":Z(a),J(a,i,!0);break;case"textarea":Z(a),ie(a);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(a.onclick=Ja)}a=r,t.updateQueue=a,null!==a&&(t.flags|=4)}else{s=9===r.nodeType?r:r.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=le(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=s.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof a.is?e=s.createElement(n,{is:a.is}):(e=s.createElement(n),"select"===n&&(s=e,a.multiple?s.multiple=!0:a.size&&(s.size=a.size))):e=s.createElementNS(e,n),e[pr]=t,e[fr]=a,Il(e,t,!1,!1),t.stateNode=e;e:{switch(s=ve(n,a),n){case"dialog":Ba("cancel",e),Ba("close",e),r=a;break;case"iframe":case"object":case"embed":Ba("load",e),r=a;break;case"video":case"audio":for(r=0;r<Na.length;r++)Ba(Na[r],e);r=a;break;case"source":Ba("error",e),r=a;break;case"img":case"image":case"link":Ba("error",e),Ba("load",e),r=a;break;case"details":Ba("toggle",e),r=a;break;case"input":Y(e,a),r=Q(e,a),Ba("invalid",e);break;case"option":default:r=a;break;case"select":e._wrapperState={wasMultiple:!!a.multiple},r=M({},a,{value:void 0}),Ba("invalid",e);break;case"textarea":re(e,a),r=ae(e,a),Ba("invalid",e)}for(i in ye(n,r),c=r)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?he(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(l.hasOwnProperty(i)?null!=u&&"onScroll"===i&&Ba("scroll",e):null!=u&&v(e,i,u,s))}switch(n){case"input":Z(e),J(e,a,!1);break;case"textarea":Z(e),ie(e);break;case"option":null!=a.value&&e.setAttribute("value",""+H(a.value));break;case"select":e.multiple=!!a.multiple,null!=(i=a.value)?ne(e,!!a.multiple,i,!1):null!=a.defaultValue&&ne(e,!!a.multiple,a.defaultValue,!0);break;default:"function"==typeof r.onClick&&(e.onclick=Ja)}switch(n){case"button":case"input":case"select":case"textarea":a=!!a.autoFocus;break e;case"img":a=!0;break e;default:a=!1}}a&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Vl(t),null;case 6:if(e&&null!=t.stateNode)Nl(e,t,e.memoizedProps,a);else{if("string"!=typeof a&&null===t.stateNode)throw Error(o(166));if(n=ai(ni.current),ai(ei.current),po(t)){if(a=t.stateNode,n=t.memoizedProps,a[pr]=t,(i=a.nodeValue!==n)&&null!==(e=no))switch(e.tag){case 3:Xa(a.nodeValue,n,0!=(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Xa(a.nodeValue,n,0!=(1&e.mode))}i&&(t.flags|=4)}else(a=(9===n.nodeType?n:n.ownerDocument).createTextNode(a))[pr]=t,t.stateNode=a}return Vl(t),null;case 13:if(_r(si),a=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(ro&&null!==ao&&0!=(1&t.mode)&&0==(128&t.flags))fo(),go(),t.flags|=98560,i=!1;else if(i=po(t),null!==a&&null!==a.dehydrated){if(null===e){if(!i)throw Error(o(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(o(317));i[pr]=t}else go(),0==(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Vl(t),i=!1}else null!==oo&&(lc(oo),oo=null),i=!0;if(!i)return 65536&t.flags?t:null}return 0!=(128&t.flags)?(t.lanes=n,t):((a=null!==a)!==(null!==e&&null!==e.memoizedState)&&a&&(t.child.flags|=8192,0!=(1&t.mode)&&(null===e||0!=(1&si.current)?0===Ns&&(Ns=3):hc())),null!==t.updateQueue&&(t.flags|=4),Vl(t),null);case 4:return oi(),Tl(e,t),null===e&&$a(t.stateNode.containerInfo),Vl(t),null;case 10:return Lo(t.type._context),Vl(t),null;case 19:if(_r(si),null===(i=t.memoizedState))return Vl(t),null;if(a=0!=(128&t.flags),null===(s=i.rendering))if(a)Zl(i,!1);else{if(0!==Ns||null!==e&&0!=(128&e.flags))for(e=t.child;null!==e;){if(null!==(s=ci(e))){for(t.flags|=128,Zl(i,!1),null!==(a=s.updateQueue)&&(t.updateQueue=a,t.flags|=4),t.subtreeFlags=0,a=n,n=t.child;null!==n;)e=a,(i=n).flags&=14680066,null===(s=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=s.childLanes,i.lanes=s.lanes,i.child=s.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=s.memoizedProps,i.memoizedState=s.memoizedState,i.updateQueue=s.updateQueue,i.type=s.type,e=s.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Cr(si,1&si.current|2),t.child}e=e.sibling}null!==i.tail&&Ke()>qs&&(t.flags|=128,a=!0,Zl(i,!1),t.lanes=4194304)}else{if(!a)if(null!==(e=ci(s))){if(t.flags|=128,a=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Zl(i,!0),null===i.tail&&"hidden"===i.tailMode&&!s.alternate&&!ro)return Vl(t),null}else 2*Ke()-i.renderingStartTime>qs&&1073741824!==n&&(t.flags|=128,a=!0,Zl(i,!1),t.lanes=4194304);i.isBackwards?(s.sibling=t.child,t.child=s):(null!==(n=i.last)?n.sibling=s:t.child=s,i.last=s)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ke(),t.sibling=null,n=si.current,Cr(si,a?1&n|2:1&n),t):(Vl(t),null);case 22:case 23:return pc(),a=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==a&&(t.flags|=8192),a&&0!=(1&t.mode)?0!=(1073741824&Ts)&&(Vl(t),6&t.subtreeFlags&&(t.flags|=8192)):Vl(t),null;case 24:case 25:return null}throw Error(o(156,t.tag))}function Ql(e,t){switch(to(t),t.tag){case 1:return Ir(t.type)&&Tr(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return oi(),_r(Dr),_r(Ar),di(),0!=(65536&(e=t.flags))&&0==(128&e)?(t.flags=-65537&e|128,t):null;case 5:return li(t),null;case 13:if(_r(si),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(o(340));go()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return _r(si),null;case 4:return oi(),null;case 10:return Lo(t.type._context),null;case 22:case 23:return pc(),null;default:return null}}Il=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Tl=function(){},Rl=function(e,t,n,a){var r=e.memoizedProps;if(r!==a){e=t.stateNode,ai(ei.current);var o,i=null;switch(n){case"input":r=Q(e,r),a=Q(e,a),i=[];break;case"select":r=M({},r,{value:void 0}),a=M({},a,{value:void 0}),i=[];break;case"textarea":r=ae(e,r),a=ae(e,a),i=[];break;default:"function"!=typeof r.onClick&&"function"==typeof a.onClick&&(e.onclick=Ja)}for(u in ye(n,a),n=null,r)if(!a.hasOwnProperty(u)&&r.hasOwnProperty(u)&&null!=r[u])if("style"===u){var s=r[u];for(o in s)s.hasOwnProperty(o)&&(n||(n={}),n[o]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(l.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in a){var c=a[u];if(s=null!=r?r[u]:void 0,a.hasOwnProperty(u)&&c!==s&&(null!=c||null!=s))if("style"===u)if(s){for(o in s)!s.hasOwnProperty(o)||c&&c.hasOwnProperty(o)||(n||(n={}),n[o]="");for(o in c)c.hasOwnProperty(o)&&s[o]!==c[o]&&(n||(n={}),n[o]=c[o])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,s=s?s.__html:void 0,null!=c&&s!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(l.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Ba("scroll",e),i||s===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Nl=function(e,t,n,a){n!==a&&(t.flags|=4)};var Yl=!1,Kl=!1,Xl="function"==typeof WeakSet?WeakSet:Set,Jl=null;function es(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(a){_c(e,t,a)}else n.current=null}function ts(e,t,n){try{n()}catch(a){_c(e,t,a)}}var ns=!1;function as(e,t,n){var a=t.updateQueue;if(null!==(a=null!==a?a.lastEffect:null)){var r=a=a.next;do{if((r.tag&e)===e){var o=r.destroy;r.destroy=void 0,void 0!==o&&ts(t,n,o)}r=r.next}while(r!==a)}}function rs(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var a=n.create;n.destroy=a()}n=n.next}while(n!==t)}}function os(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function is(e){var t=e.alternate;null!==t&&(e.alternate=null,is(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[pr],delete t[fr],delete t[mr],delete t[hr],delete t[br])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ls(e){return 5===e.tag||3===e.tag||4===e.tag}function ss(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||ls(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cs(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Ja));else if(4!==a&&null!==(e=e.child))for(cs(e,t,n),e=e.sibling;null!==e;)cs(e,t,n),e=e.sibling}function us(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==a&&null!==(e=e.child))for(us(e,t,n),e=e.sibling;null!==e;)us(e,t,n),e=e.sibling}var ds=null,ps=!1;function fs(e,t,n){for(n=n.child;null!==n;)gs(e,t,n),n=n.sibling}function gs(e,t,n){if(ot&&"function"==typeof ot.onCommitFiberUnmount)try{ot.onCommitFiberUnmount(rt,n)}catch(l){}switch(n.tag){case 5:Kl||es(n,t);case 6:var a=ds,r=ps;ds=null,fs(e,t,n),ps=r,null!==(ds=a)&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ds.removeChild(n.stateNode));break;case 18:null!==ds&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?sr(e.parentNode,n):1===e.nodeType&&sr(e,n),$t(e)):sr(ds,n.stateNode));break;case 4:a=ds,r=ps,ds=n.stateNode.containerInfo,ps=!0,fs(e,t,n),ds=a,ps=r;break;case 0:case 11:case 14:case 15:if(!Kl&&(null!==(a=n.updateQueue)&&null!==(a=a.lastEffect))){r=a=a.next;do{var o=r,i=o.destroy;o=o.tag,void 0!==i&&(0!=(2&o)||0!=(4&o))&&ts(n,t,i),r=r.next}while(r!==a)}fs(e,t,n);break;case 1:if(!Kl&&(es(n,t),"function"==typeof(a=n.stateNode).componentWillUnmount))try{a.props=n.memoizedProps,a.state=n.memoizedState,a.componentWillUnmount()}catch(l){_c(n,t,l)}fs(e,t,n);break;case 21:fs(e,t,n);break;case 22:1&n.mode?(Kl=(a=Kl)||null!==n.memoizedState,fs(e,t,n),Kl=a):fs(e,t,n);break;default:fs(e,t,n)}}function ms(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Xl),t.forEach((function(t){var a=Dc.bind(null,e,t);n.has(t)||(n.add(t),t.then(a,a))}))}}function hs(e,t){var n=t.deletions;if(null!==n)for(var a=0;a<n.length;a++){var r=n[a];try{var i=e,l=t,s=l;e:for(;null!==s;){switch(s.tag){case 5:ds=s.stateNode,ps=!1;break e;case 3:case 4:ds=s.stateNode.containerInfo,ps=!0;break e}s=s.return}if(null===ds)throw Error(o(160));gs(i,l,r),ds=null,ps=!1;var c=r.alternate;null!==c&&(c.return=null),r.return=null}catch(u){_c(r,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)bs(t,e),t=t.sibling}function bs(e,t){var n=e.alternate,a=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hs(t,e),ys(e),4&a){try{as(3,e,e.return),rs(3,e)}catch(h){_c(e,e.return,h)}try{as(5,e,e.return)}catch(h){_c(e,e.return,h)}}break;case 1:hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return);break;case 5:if(hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return),32&e.flags){var r=e.stateNode;try{pe(r,"")}catch(h){_c(e,e.return,h)}}if(4&a&&null!=(r=e.stateNode)){var i=e.memoizedProps,l=null!==n?n.memoizedProps:i,s=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===s&&"radio"===i.type&&null!=i.name&&K(r,i),ve(s,l);var u=ve(s,i);for(l=0;l<c.length;l+=2){var d=c[l],p=c[l+1];"style"===d?he(r,p):"dangerouslySetInnerHTML"===d?de(r,p):"children"===d?pe(r,p):v(r,d,p,u)}switch(s){case"input":X(r,i);break;case"textarea":oe(r,i);break;case"select":var f=r._wrapperState.wasMultiple;r._wrapperState.wasMultiple=!!i.multiple;var g=i.value;null!=g?ne(r,!!i.multiple,g,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(r,!!i.multiple,i.defaultValue,!0):ne(r,!!i.multiple,i.multiple?[]:"",!1))}r[fr]=i}catch(h){_c(e,e.return,h)}}break;case 6:if(hs(t,e),ys(e),4&a){if(null===e.stateNode)throw Error(o(162));r=e.stateNode,i=e.memoizedProps;try{r.nodeValue=i}catch(h){_c(e,e.return,h)}}break;case 3:if(hs(t,e),ys(e),4&a&&null!==n&&n.memoizedState.isDehydrated)try{$t(t.containerInfo)}catch(h){_c(e,e.return,h)}break;case 4:default:hs(t,e),ys(e);break;case 13:hs(t,e),ys(e),8192&(r=e.child).flags&&(i=null!==r.memoizedState,r.stateNode.isHidden=i,!i||null!==r.alternate&&null!==r.alternate.memoizedState||($s=Ke())),4&a&&ms(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Kl=(u=Kl)||d,hs(t,e),Kl=u):hs(t,e),ys(e),8192&a){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&0!=(1&e.mode))for(Jl=e,d=e.child;null!==d;){for(p=Jl=d;null!==Jl;){switch(g=(f=Jl).child,f.tag){case 0:case 11:case 14:case 15:as(4,f,f.return);break;case 1:es(f,f.return);var m=f.stateNode;if("function"==typeof m.componentWillUnmount){a=f,n=f.return;try{t=a,m.props=t.memoizedProps,m.state=t.memoizedState,m.componentWillUnmount()}catch(h){_c(a,n,h)}}break;case 5:es(f,f.return);break;case 22:if(null!==f.memoizedState){ks(p);continue}}null!==g?(g.return=f,Jl=g):ks(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{r=p.stateNode,u?"function"==typeof(i=r.style).setProperty?i.setProperty("display","none","important"):i.display="none":(s=p.stateNode,l=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,s.style.display=me("display",l))}catch(h){_c(e,e.return,h)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(h){_c(e,e.return,h)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hs(t,e),ys(e),4&a&&ms(e);case 21:}}function ys(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(ls(n)){var a=n;break e}n=n.return}throw Error(o(160))}switch(a.tag){case 5:var r=a.stateNode;32&a.flags&&(pe(r,""),a.flags&=-33),us(e,ss(e),r);break;case 3:case 4:var i=a.stateNode.containerInfo;cs(e,ss(e),i);break;default:throw Error(o(161))}}catch(l){_c(e,e.return,l)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function vs(e,t,n){Jl=e,ws(e,t,n)}function ws(e,t,n){for(var a=0!=(1&e.mode);null!==Jl;){var r=Jl,o=r.child;if(22===r.tag&&a){var i=null!==r.memoizedState||Yl;if(!i){var l=r.alternate,s=null!==l&&null!==l.memoizedState||Kl;l=Yl;var c=Kl;if(Yl=i,(Kl=s)&&!c)for(Jl=r;null!==Jl;)s=(i=Jl).child,22===i.tag&&null!==i.memoizedState?Ls(r):null!==s?(s.return=i,Jl=s):Ls(r);for(;null!==o;)Jl=o,ws(o,t,n),o=o.sibling;Jl=r,Yl=l,Kl=c}xs(e)}else 0!=(8772&r.subtreeFlags)&&null!==o?(o.return=r,Jl=o):xs(e)}}function xs(e){for(;null!==Jl;){var t=Jl;if(0!=(8772&t.flags)){var n=t.alternate;try{if(0!=(8772&t.flags))switch(t.tag){case 0:case 11:case 15:Kl||rs(5,t);break;case 1:var a=t.stateNode;if(4&t.flags&&!Kl)if(null===n)a.componentDidMount();else{var r=t.elementType===t.type?n.memoizedProps:bo(t.type,n.memoizedProps);a.componentDidUpdate(r,n.memoizedState,a.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Bo(t,i,a);break;case 3:var l=t.updateQueue;if(null!==l){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Bo(t,l,n)}break;case 5:var s=t.stateNode;if(null===n&&4&t.flags){n=s;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&$t(p)}}}break;default:throw Error(o(163))}Kl||512&t.flags&&os(t)}catch(f){_c(t,t.return,f)}}if(t===e){Jl=null;break}if(null!==(n=t.sibling)){n.return=t.return,Jl=n;break}Jl=t.return}}function ks(e){for(;null!==Jl;){var t=Jl;if(t===e){Jl=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Jl=n;break}Jl=t.return}}function Ls(e){for(;null!==Jl;){var t=Jl;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rs(4,t)}catch(s){_c(t,n,s)}break;case 1:var a=t.stateNode;if("function"==typeof a.componentDidMount){var r=t.return;try{a.componentDidMount()}catch(s){_c(t,r,s)}}var o=t.return;try{os(t)}catch(s){_c(t,o,s)}break;case 5:var i=t.return;try{os(t)}catch(s){_c(t,i,s)}}}catch(s){_c(t,t.return,s)}if(t===e){Jl=null;break}var l=t.sibling;if(null!==l){l.return=t.return,Jl=l;break}Jl=t.return}}var Ss,_s=Math.ceil,Cs=w.ReactCurrentDispatcher,Ps=w.ReactCurrentOwner,As=w.ReactCurrentBatchConfig,Ds=0,js=null,Es=null,Is=0,Ts=0,Rs=Sr(0),Ns=0,Os=null,Ms=0,Fs=0,Bs=0,zs=null,Us=null,$s=0,qs=1/0,Hs=null,Gs=!1,Zs=null,Vs=null,Ws=!1,Qs=null,Ys=0,Ks=0,Xs=null,Js=-1,ec=0;function tc(){return 0!=(6&Ds)?Ke():-1!==Js?Js:Js=Ke()}function nc(e){return 0==(1&e.mode)?1:0!=(2&Ds)&&0!==Is?Is&-Is:null!==ho.transition?(0===ec&&(ec=mt()),ec):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type)}function ac(e,t,n,a){if(50<Ks)throw Ks=0,Xs=null,Error(o(185));bt(e,n,a),0!=(2&Ds)&&e===js||(e===js&&(0==(2&Ds)&&(Fs|=n),4===Ns&&sc(e,Is)),rc(e,a),1===n&&0===Ds&&0==(1&t.mode)&&(qs=Ke()+500,Br&&$r()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,a=e.pingedLanes,r=e.expirationTimes,o=e.pendingLanes;0<o;){var i=31-it(o),l=1<<i,s=r[i];-1===s?0!=(l&n)&&0==(l&a)||(r[i]=ft(l,t)):s<=t&&(e.expiredLanes|=l),o&=~l}}(e,t);var a=pt(e,e===js?Is:0);if(0===a)null!==n&&We(n),e.callbackNode=null,e.callbackPriority=0;else if(t=a&-a,e.callbackPriority!==t){if(null!=n&&We(n),1===t)0===e.tag?function(e){Br=!0,Ur(e)}(cc.bind(null,e)):Ur(cc.bind(null,e)),ir((function(){0==(6&Ds)&&$r()})),n=null;else{switch(wt(a)){case 1:n=Je;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=at}n=jc(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Js=-1,ec=0,0!=(6&Ds))throw Error(o(327));var n=e.callbackNode;if(Lc()&&e.callbackNode!==n)return null;var a=pt(e,e===js?Is:0);if(0===a)return null;if(0!=(30&a)||0!=(a&e.expiredLanes)||t)t=bc(e,a);else{t=a;var r=Ds;Ds|=2;var i=mc();for(js===e&&Is===t||(Hs=null,qs=Ke()+500,fc(e,t));;)try{vc();break}catch(s){gc(e,s)}ko(),Cs.current=i,Ds=r,null!==Es?t=0:(js=null,Is=0,t=Ns)}if(0!==t){if(2===t&&(0!==(r=gt(e))&&(a=r,t=ic(e,r))),1===t)throw n=Os,fc(e,0),sc(e,a),rc(e,Ke()),n;if(6===t)sc(e,a);else{if(r=e.current.alternate,0==(30&a)&&!function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var a=0;a<n.length;a++){var r=n[a],o=r.getSnapshot;r=r.value;try{if(!la(o(),r))return!1}catch(l){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(r)&&(2===(t=bc(e,a))&&(0!==(i=gt(e))&&(a=i,t=ic(e,i))),1===t))throw n=Os,fc(e,0),sc(e,a),rc(e,Ke()),n;switch(e.finishedWork=r,e.finishedLanes=a,t){case 0:case 1:throw Error(o(345));case 2:case 5:kc(e,Us,Hs);break;case 3:if(sc(e,a),(130023424&a)===a&&10<(t=$s+500-Ke())){if(0!==pt(e,0))break;if(((r=e.suspendedLanes)&a)!==a){tc(),e.pingedLanes|=e.suspendedLanes&r;break}e.timeoutHandle=ar(kc.bind(null,e,Us,Hs),t);break}kc(e,Us,Hs);break;case 4:if(sc(e,a),(4194240&a)===a)break;for(t=e.eventTimes,r=-1;0<a;){var l=31-it(a);i=1<<l,(l=t[l])>r&&(r=l),a&=~i}if(a=r,10<(a=(120>(a=Ke()-a)?120:480>a?480:1080>a?1080:1920>a?1920:3e3>a?3e3:4320>a?4320:1960*_s(a/1960))-a)){e.timeoutHandle=ar(kc.bind(null,e,Us,Hs),a);break}kc(e,Us,Hs);break;default:throw Error(o(329))}}}return rc(e,Ke()),e.callbackNode===n?oc.bind(null,e):null}function ic(e,t){var n=zs;return e.current.memoizedState.isDehydrated&&(fc(e,t).flags|=256),2!==(e=bc(e,t))&&(t=Us,Us=n,null!==t&&lc(t)),e}function lc(e){null===Us?Us=e:Us.push.apply(Us,e)}function sc(e,t){for(t&=~Bs,t&=~Fs,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),a=1<<n;e[n]=-1,t&=~a}}function cc(e){if(0!=(6&Ds))throw Error(o(327));Lc();var t=pt(e,0);if(0==(1&t))return rc(e,Ke()),null;var n=bc(e,t);if(0!==e.tag&&2===n){var a=gt(e);0!==a&&(t=a,n=ic(e,a))}if(1===n)throw n=Os,fc(e,0),sc(e,t),rc(e,Ke()),n;if(6===n)throw Error(o(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,kc(e,Us,Hs),rc(e,Ke()),null}function uc(e,t){var n=Ds;Ds|=1;try{return e(t)}finally{0===(Ds=n)&&(qs=Ke()+500,Br&&$r())}}function dc(e){null!==Qs&&0===Qs.tag&&0==(6&Ds)&&Lc();var t=Ds;Ds|=1;var n=As.transition,a=vt;try{if(As.transition=null,vt=1,e)return e()}finally{vt=a,As.transition=n,0==(6&(Ds=t))&&$r()}}function pc(){Ts=Rs.current,_r(Rs)}function fc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,rr(n)),null!==Es)for(n=Es.return;null!==n;){var a=n;switch(to(a),a.tag){case 1:null!=(a=a.type.childContextTypes)&&Tr();break;case 3:oi(),_r(Dr),_r(Ar),di();break;case 5:li(a);break;case 4:oi();break;case 13:case 19:_r(si);break;case 10:Lo(a.type._context);break;case 22:case 23:pc()}n=n.return}if(js=e,Es=e=Rc(e.current,null),Is=Ts=t,Ns=0,Os=null,Bs=Fs=Ms=0,Us=zs=null,null!==Po){for(t=0;t<Po.length;t++)if(null!==(a=(n=Po[t]).interleaved)){n.interleaved=null;var r=a.next,o=n.pending;if(null!==o){var i=o.next;o.next=r,a.next=i}n.pending=a}Po=null}return e}function gc(e,t){for(;;){var n=Es;try{if(ko(),pi.current=il,yi){for(var a=mi.memoizedState;null!==a;){var r=a.queue;null!==r&&(r.pending=null),a=a.next}yi=!1}if(gi=0,bi=hi=mi=null,vi=!1,wi=0,Ps.current=null,null===n||null===n.return){Ns=1,Os=t,Es=null;break}e:{var i=e,l=n.return,s=n,c=t;if(t=Is,s.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=s,p=d.tag;if(0==(1&d.mode)&&(0===p||11===p||15===p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var g=bl(l);if(null!==g){g.flags&=-257,yl(g,l,s,0,t),1&g.mode&&hl(i,u,t),c=u;var m=(t=g).updateQueue;if(null===m){var h=new Set;h.add(c),t.updateQueue=h}else m.add(c);break e}if(0==(1&t)){hl(i,u,t),hc();break e}c=Error(o(426))}else if(ro&&1&s.mode){var b=bl(l);if(null!==b){0==(65536&b.flags)&&(b.flags|=256),yl(b,l,s,0,t),mo(ul(c,s));break e}}i=c=ul(c,s),4!==Ns&&(Ns=2),null===zs?zs=[i]:zs.push(i),i=l;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,Mo(i,gl(0,c,t));break e;case 1:s=c;var y=i.type,v=i.stateNode;if(0==(128&i.flags)&&("function"==typeof y.getDerivedStateFromError||null!==v&&"function"==typeof v.componentDidCatch&&(null===Vs||!Vs.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,Mo(i,ml(i,s,t));break e}}i=i.return}while(null!==i)}xc(n)}catch(w){t=w,Es===n&&null!==n&&(Es=n=n.return);continue}break}}function mc(){var e=Cs.current;return Cs.current=il,null===e?il:e}function hc(){0!==Ns&&3!==Ns&&2!==Ns||(Ns=4),null===js||0==(268435455&Ms)&&0==(268435455&Fs)||sc(js,Is)}function bc(e,t){var n=Ds;Ds|=2;var a=mc();for(js===e&&Is===t||(Hs=null,fc(e,t));;)try{yc();break}catch(r){gc(e,r)}if(ko(),Ds=n,Cs.current=a,null!==Es)throw Error(o(261));return js=null,Is=0,Ns}function yc(){for(;null!==Es;)wc(Es)}function vc(){for(;null!==Es&&!Qe();)wc(Es)}function wc(e){var t=Ss(e.alternate,e,Ts);e.memoizedProps=e.pendingProps,null===t?xc(e):Es=t,Ps.current=null}function xc(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(32768&t.flags)){if(null!==(n=Wl(n,t,Ts)))return void(Es=n)}else{if(null!==(n=Ql(n,t)))return n.flags&=32767,void(Es=n);if(null===e)return Ns=6,void(Es=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}if(null!==(t=t.sibling))return void(Es=t);Es=t=e}while(null!==t);0===Ns&&(Ns=5)}function kc(e,t,n){var a=vt,r=As.transition;try{As.transition=null,vt=1,function(e,t,n,a){do{Lc()}while(null!==Qs);if(0!=(6&Ds))throw Error(o(327));n=e.finishedWork;var r=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(o(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var a=e.eventTimes;for(e=e.expirationTimes;0<n;){var r=31-it(n),o=1<<r;t[r]=0,a[r]=-1,e[r]=-1,n&=~o}}(e,i),e===js&&(Es=js=null,Is=0),0==(2064&n.subtreeFlags)&&0==(2064&n.flags)||Ws||(Ws=!0,jc(tt,(function(){return Lc(),null}))),i=0!=(15990&n.flags),0!=(15990&n.subtreeFlags)||i){i=As.transition,As.transition=null;var l=vt;vt=1;var s=Ds;Ds|=4,Ps.current=null,function(e,t){if(er=Ht,fa(e=pa())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var a=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(a&&0!==a.rangeCount){n=a.anchorNode;var r=a.anchorOffset,i=a.focusNode;a=a.focusOffset;try{n.nodeType,i.nodeType}catch(x){n=null;break e}var l=0,s=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var g;p!==n||0!==r&&3!==p.nodeType||(s=l+r),p!==i||0!==a&&3!==p.nodeType||(c=l+a),3===p.nodeType&&(l+=p.nodeValue.length),null!==(g=p.firstChild);)f=p,p=g;for(;;){if(p===e)break t;if(f===n&&++u===r&&(s=l),f===i&&++d===a&&(c=l),null!==(g=p.nextSibling))break;f=(p=f).parentNode}p=g}n=-1===s||-1===c?null:{start:s,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(tr={focusedElem:e,selectionRange:n},Ht=!1,Jl=t;null!==Jl;)if(e=(t=Jl).child,0!=(1028&t.subtreeFlags)&&null!==e)e.return=t,Jl=e;else for(;null!==Jl;){t=Jl;try{var m=t.alternate;if(0!=(1024&t.flags))switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==m){var h=m.memoizedProps,b=m.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?h:bo(t.type,h),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(o(163))}}catch(x){_c(t,t.return,x)}if(null!==(e=t.sibling)){e.return=t.return,Jl=e;break}Jl=t.return}m=ns,ns=!1}(e,n),bs(n,e),ga(tr),Ht=!!er,tr=er=null,e.current=n,vs(n,e,r),Ye(),Ds=s,vt=l,As.transition=i}else e.current=n;if(Ws&&(Ws=!1,Qs=e,Ys=r),i=e.pendingLanes,0===i&&(Vs=null),function(e){if(ot&&"function"==typeof ot.onCommitFiberRoot)try{ot.onCommitFiberRoot(rt,e,void 0,128==(128&e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ke()),null!==t)for(a=e.onRecoverableError,n=0;n<t.length;n++)r=t[n],a(r.value,{componentStack:r.stack,digest:r.digest});if(Gs)throw Gs=!1,e=Zs,Zs=null,e;0!=(1&Ys)&&0!==e.tag&&Lc(),i=e.pendingLanes,0!=(1&i)?e===Xs?Ks++:(Ks=0,Xs=e):Ks=0,$r()}(e,t,n,a)}finally{As.transition=r,vt=a}return null}function Lc(){if(null!==Qs){var e=wt(Ys),t=As.transition,n=vt;try{if(As.transition=null,vt=16>e?16:e,null===Qs)var a=!1;else{if(e=Qs,Qs=null,Ys=0,0!=(6&Ds))throw Error(o(331));var r=Ds;for(Ds|=4,Jl=e.current;null!==Jl;){var i=Jl,l=i.child;if(0!=(16&Jl.flags)){var s=i.deletions;if(null!==s){for(var c=0;c<s.length;c++){var u=s[c];for(Jl=u;null!==Jl;){var d=Jl;switch(d.tag){case 0:case 11:case 15:as(8,d,i)}var p=d.child;if(null!==p)p.return=d,Jl=p;else for(;null!==Jl;){var f=(d=Jl).sibling,g=d.return;if(is(d),d===u){Jl=null;break}if(null!==f){f.return=g,Jl=f;break}Jl=g}}}var m=i.alternate;if(null!==m){var h=m.child;if(null!==h){m.child=null;do{var b=h.sibling;h.sibling=null,h=b}while(null!==h)}}Jl=i}}if(0!=(2064&i.subtreeFlags)&&null!==l)l.return=i,Jl=l;else e:for(;null!==Jl;){if(0!=(2048&(i=Jl).flags))switch(i.tag){case 0:case 11:case 15:as(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Jl=y;break e}Jl=i.return}}var v=e.current;for(Jl=v;null!==Jl;){var w=(l=Jl).child;if(0!=(2064&l.subtreeFlags)&&null!==w)w.return=l,Jl=w;else e:for(l=v;null!==Jl;){if(0!=(2048&(s=Jl).flags))try{switch(s.tag){case 0:case 11:case 15:rs(9,s)}}catch(k){_c(s,s.return,k)}if(s===l){Jl=null;break e}var x=s.sibling;if(null!==x){x.return=s.return,Jl=x;break e}Jl=s.return}}if(Ds=r,$r(),ot&&"function"==typeof ot.onPostCommitFiberRoot)try{ot.onPostCommitFiberRoot(rt,e)}catch(k){}a=!0}return a}finally{vt=n,As.transition=t}}return!1}function Sc(e,t,n){e=No(e,t=gl(0,t=ul(n,t),1),1),t=tc(),null!==e&&(bt(e,1,t),rc(e,t))}function _c(e,t,n){if(3===e.tag)Sc(e,e,n);else for(;null!==t;){if(3===t.tag){Sc(t,e,n);break}if(1===t.tag){var a=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof a.componentDidCatch&&(null===Vs||!Vs.has(a))){t=No(t,e=ml(t,e=ul(n,e),1),1),e=tc(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function Cc(e,t,n){var a=e.pingCache;null!==a&&a.delete(t),t=tc(),e.pingedLanes|=e.suspendedLanes&n,js===e&&(Is&n)===n&&(4===Ns||3===Ns&&(130023424&Is)===Is&&500>Ke()-$s?fc(e,0):Bs|=n),rc(e,t)}function Pc(e,t){0===t&&(0==(1&e.mode)?t=1:(t=ut,0==(130023424&(ut<<=1))&&(ut=4194304)));var n=tc();null!==(e=jo(e,t))&&(bt(e,t,n),rc(e,n))}function Ac(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Pc(e,n)}function Dc(e,t){var n=0;switch(e.tag){case 13:var a=e.stateNode,r=e.memoizedState;null!==r&&(n=r.retryLane);break;case 19:a=e.stateNode;break;default:throw Error(o(314))}null!==a&&a.delete(t),Pc(e,n)}function jc(e,t){return Ve(e,t)}function Ec(e,t,n,a){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ic(e,t,n,a){return new Ec(e,t,n,a)}function Tc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Rc(e,t){var n=e.alternate;return null===n?((n=Ic(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Nc(e,t,n,a,r,i){var l=2;if(a=e,"function"==typeof e)Tc(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case L:return Oc(n.children,r,i,t);case S:l=8,r|=8;break;case _:return(e=Ic(12,n,t,2|r)).elementType=_,e.lanes=i,e;case D:return(e=Ic(13,n,t,r)).elementType=D,e.lanes=i,e;case j:return(e=Ic(19,n,t,r)).elementType=j,e.lanes=i,e;case T:return Mc(n,r,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:l=10;break e;case P:l=9;break e;case A:l=11;break e;case E:l=14;break e;case I:l=16,a=null;break e}throw Error(o(130,null==e?e:typeof e,""))}return(t=Ic(l,n,t,r)).elementType=e,t.type=a,t.lanes=i,t}function Oc(e,t,n,a){return(e=Ic(7,e,a,t)).lanes=n,e}function Mc(e,t,n,a){return(e=Ic(22,e,a,t)).elementType=T,e.lanes=n,e.stateNode={isHidden:!1},e}function Fc(e,t,n){return(e=Ic(6,e,null,t)).lanes=n,e}function Bc(e,t,n){return(t=Ic(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,a,r){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ht(0),this.expirationTimes=ht(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ht(0),this.identifierPrefix=a,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Uc(e,t,n,a,r,o,i,l,s){return e=new zc(e,t,n,l,s),1===t?(t=1,!0===o&&(t|=8)):t=0,o=Ic(3,null,null,t),e.current=o,o.stateNode=e,o.memoizedState={element:a,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Io(o),e}function $c(e){if(!e)return Pr;e:{if($e(e=e._reactInternals)!==e||1!==e.tag)throw Error(o(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Ir(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(o(171))}if(1===e.tag){var n=e.type;if(Ir(n))return Nr(e,n,t)}return t}function qc(e,t,n,a,r,o,i,l,s){return(e=Uc(n,a,!0,e,0,o,0,l,s)).context=$c(null),n=e.current,(o=Ro(a=tc(),r=nc(n))).callback=null!=t?t:null,No(n,o,r),e.current.lanes=r,bt(e,r,a),rc(e,a),e}function Hc(e,t,n,a){var r=t.current,o=tc(),i=nc(r);return n=$c(n),null===t.context?t.context=n:t.pendingContext=n,(t=Ro(o,i)).payload={element:e},null!==(a=void 0===a?null:a)&&(t.callback=a),null!==(e=No(r,t,i))&&(ac(e,r,i,o),Oo(e,r,i)),i}function Gc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Zc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Vc(e,t){Zc(e,t),(e=e.alternate)&&Zc(e,t)}Ss=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||Dr.current)wl=!0;else{if(0==(e.lanes&n)&&0==(128&t.flags))return wl=!1,function(e,t,n){switch(t.tag){case 3:jl(t),go();break;case 5:ii(t);break;case 1:Ir(t.type)&&Or(t);break;case 4:ri(t,t.stateNode.containerInfo);break;case 10:var a=t.type._context,r=t.memoizedProps.value;Cr(yo,a._currentValue),a._currentValue=r;break;case 13:if(null!==(a=t.memoizedState))return null!==a.dehydrated?(Cr(si,1&si.current),t.flags|=128,null):0!=(n&t.child.childLanes)?Fl(e,t,n):(Cr(si,1&si.current),null!==(e=Gl(e,t,n))?e.sibling:null);Cr(si,1&si.current);break;case 19:if(a=0!=(n&t.childLanes),0!=(128&e.flags)){if(a)return ql(e,t,n);t.flags|=128}if(null!==(r=t.memoizedState)&&(r.rendering=null,r.tail=null,r.lastEffect=null),Cr(si,si.current),a)break;return null;case 22:case 23:return t.lanes=0,_l(e,t,n)}return Gl(e,t,n)}(e,t,n);wl=0!=(131072&e.flags)}else wl=!1,ro&&0!=(1048576&t.flags)&&Jr(t,Zr,t.index);switch(t.lanes=0,t.tag){case 2:var a=t.type;Hl(e,t),e=t.pendingProps;var r=Er(t,Ar.current);_o(t,n),r=Si(null,t,a,e,r,n);var i=_i();return t.flags|=1,"object"==typeof r&&null!==r&&"function"==typeof r.render&&void 0===r.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Ir(a)?(i=!0,Or(t)):i=!1,t.memoizedState=null!==r.state&&void 0!==r.state?r.state:null,Io(t),r.updater=$o,t.stateNode=r,r._reactInternals=t,Zo(t,a,e,n),t=Dl(null,t,a,!0,i,n)):(t.tag=0,ro&&i&&eo(t),xl(null,t,r,n),t=t.child),t;case 16:a=t.elementType;e:{switch(Hl(e,t),e=t.pendingProps,a=(r=a._init)(a._payload),t.type=a,r=t.tag=function(e){if("function"==typeof e)return Tc(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===E)return 14}return 2}(a),e=bo(a,e),r){case 0:t=Pl(null,t,a,e,n);break e;case 1:t=Al(null,t,a,e,n);break e;case 11:t=kl(null,t,a,e,n);break e;case 14:t=Ll(null,t,a,bo(a.type,e),n);break e}throw Error(o(306,a,""))}return t;case 0:return a=t.type,r=t.pendingProps,Pl(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 1:return a=t.type,r=t.pendingProps,Al(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 3:e:{if(jl(t),null===e)throw Error(o(387));a=t.pendingProps,r=(i=t.memoizedState).element,To(e,t),Fo(t,a,null,n);var l=t.memoizedState;if(a=l.element,i.isDehydrated){if(i={element:a,isDehydrated:!1,cache:l.cache,pendingSuspenseBoundaries:l.pendingSuspenseBoundaries,transitions:l.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=El(e,t,a,n,r=ul(Error(o(423)),t));break e}if(a!==r){t=El(e,t,a,n,r=ul(Error(o(424)),t));break e}for(ao=cr(t.stateNode.containerInfo.firstChild),no=t,ro=!0,oo=null,n=Xo(t,null,a,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(go(),a===r){t=Gl(e,t,n);break e}xl(e,t,a,n)}t=t.child}return t;case 5:return ii(t),null===e&&co(t),a=t.type,r=t.pendingProps,i=null!==e?e.memoizedProps:null,l=r.children,nr(a,r)?l=null:null!==i&&nr(a,i)&&(t.flags|=32),Cl(e,t),xl(e,t,l,n),t.child;case 6:return null===e&&co(t),null;case 13:return Fl(e,t,n);case 4:return ri(t,t.stateNode.containerInfo),a=t.pendingProps,null===e?t.child=Ko(t,null,a,n):xl(e,t,a,n),t.child;case 11:return a=t.type,r=t.pendingProps,kl(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 7:return xl(e,t,t.pendingProps,n),t.child;case 8:case 12:return xl(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(a=t.type._context,r=t.pendingProps,i=t.memoizedProps,l=r.value,Cr(yo,a._currentValue),a._currentValue=l,null!==i)if(la(i.value,l)){if(i.children===r.children&&!Dr.current){t=Gl(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var s=i.dependencies;if(null!==s){l=i.child;for(var c=s.firstContext;null!==c;){if(c.context===a){if(1===i.tag){(c=Ro(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),So(i.return,n,t),s.lanes|=n;break}c=c.next}}else if(10===i.tag)l=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(l=i.return))throw Error(o(341));l.lanes|=n,null!==(s=l.alternate)&&(s.lanes|=n),So(l,n,t),l=i.sibling}else l=i.child;if(null!==l)l.return=i;else for(l=i;null!==l;){if(l===t){l=null;break}if(null!==(i=l.sibling)){i.return=l.return,l=i;break}l=l.return}i=l}xl(e,t,r.children,n),t=t.child}return t;case 9:return r=t.type,a=t.pendingProps.children,_o(t,n),a=a(r=Co(r)),t.flags|=1,xl(e,t,a,n),t.child;case 14:return r=bo(a=t.type,t.pendingProps),Ll(e,t,a,r=bo(a.type,r),n);case 15:return Sl(e,t,t.type,t.pendingProps,n);case 17:return a=t.type,r=t.pendingProps,r=t.elementType===a?r:bo(a,r),Hl(e,t),t.tag=1,Ir(a)?(e=!0,Or(t)):e=!1,_o(t,n),Ho(t,a,r),Zo(t,a,r,n),Dl(null,t,a,!0,e,n);case 19:return ql(e,t,n);case 22:return _l(e,t,n)}throw Error(o(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Qc(e){this._internalRoot=e}function Yc(e){this._internalRoot=e}function Kc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Xc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function eu(e,t,n,a,r){var o=n._reactRootContainer;if(o){var i=o;if("function"==typeof r){var l=r;r=function(){var e=Gc(i);l.call(e)}}Hc(t,i,e,r)}else i=function(e,t,n,a,r){if(r){if("function"==typeof a){var o=a;a=function(){var e=Gc(i);o.call(e)}}var i=qc(t,a,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[gr]=i.current,$a(8===e.nodeType?e.parentNode:e),dc(),i}for(;r=e.lastChild;)e.removeChild(r);if("function"==typeof a){var l=a;a=function(){var e=Gc(s);l.call(e)}}var s=Uc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=s,e[gr]=s.current,$a(8===e.nodeType?e.parentNode:e),dc((function(){Hc(t,s,n,a)})),s}(n,t,e,r,a);return Gc(i)}Yc.prototype.render=Qc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(o(409));Hc(e,t,null,null)},Yc.prototype.unmount=Qc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;dc((function(){Hc(null,e,null,null)})),t[gr]=null}},Yc.prototype.unstable_scheduleHydration=function(e){if(e){var t=St();e={blockedOn:null,target:e,priority:t};for(var n=0;n<Tt.length&&0!==t&&t<Tt[n].priority;n++);Tt.splice(n,0,e),0===n&&Mt(e)}},xt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ke()),0==(6&Ds)&&(qs=Ke()+500,$r()))}break;case 13:dc((function(){var t=jo(e,1);if(null!==t){var n=tc();ac(t,e,1,n)}})),Vc(e,1)}},kt=function(e){if(13===e.tag){var t=jo(e,134217728);if(null!==t)ac(t,e,134217728,tc());Vc(e,134217728)}},Lt=function(e){if(13===e.tag){var t=nc(e),n=jo(e,t);if(null!==n)ac(n,e,t,tc());Vc(e,t)}},St=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},ke=function(e,t,n){switch(t){case"input":if(X(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var a=n[t];if(a!==e&&a.form===e.form){var r=xr(a);if(!r)throw Error(o(90));V(a),X(a,r)}}}break;case"textarea":oe(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Ae=uc,De=dc;var tu={usingClientEntryPoint:!1,Events:[vr,wr,xr,Ce,Pe,uc]},nu={findFiberByHostInstance:yr,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},au={bundleType:nu.bundleType,version:nu.version,rendererPackageName:nu.rendererPackageName,rendererConfig:nu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ge(e))?null:e.stateNode},findFiberByHostInstance:nu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0-next-9e3b772b8-20220608"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{rt=ru.inject(au),ot=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=tu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Kc(t))throw Error(o(200));return function(e,t,n){var a=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:k,key:null==a?null:""+a,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Kc(e))throw Error(o(299));var n=!1,a="",r=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(a=t.identifierPrefix),void 0!==t.onRecoverableError&&(r=t.onRecoverableError)),t=Uc(e,1,!1,null,0,n,0,a,r),e[gr]=t.current,$a(8===e.nodeType?e.parentNode:e),new Qc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(o(188));throw e=Object.keys(e).join(","),Error(o(268,e))}return e=null===(e=Ge(t))?null:e.stateNode},t.flushSync=function(e){return dc(e)},t.hydrate=function(e,t,n){if(!Xc(t))throw Error(o(200));return eu(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Kc(e))throw Error(o(405));var a=null!=n&&n.hydratedSources||null,r=!1,i="",l=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(r=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(l=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,r,0,i,l),e[gr]=t.current,$a(e),a)for(e=0;e<a.length;e++)r=(r=(n=a[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,r]:t.mutableSourceEagerHydrationData.push(n,r);return new Yc(t)},t.render=function(e,t,n){if(!Xc(t))throw Error(o(200));return eu(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Xc(e))throw Error(o(40));return!!e._reactRootContainer&&(dc((function(){eu(null,null,e,!1,(function(){e._reactRootContainer=null,e[gr]=null}))})),!0)},t.unstable_batchedUpdates=uc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,a){if(!Xc(n))throw Error(o(200));if(null==e||void 0===e._reactInternals)throw Error(o(38));return eu(e,t,n,!1,a)},t.version="18.2.0-next-9e3b772b8-20220608"},4478:(e,t,n)=>{"use strict";var a=n(422);t.createRoot=a.createRoot,t.hydrateRoot=a.hydrateRoot},422:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(3746)},5154:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,a="function"==typeof Set,r="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function o(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var l,s,c,u;if(Array.isArray(e)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(!o(e[s],i[s]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;for(u=e.entries();!(s=u.next()).done;)if(!o(s.value[1],i.get(s.value[0])))return!1;return!0}if(a&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;return!0}if(r&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(e[s]!==i[s])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((l=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(i,c[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==c[s]&&"__v"!==c[s]&&"__o"!==c[s]||!e.$$typeof)&&!o(e[c[s]],i[c[s]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return o(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},387:(e,t,n)=>{"use strict";n.d(t,{B6:()=>G,ql:()=>J});var a=n(959),r=n(507),o=n.n(r),i=n(5154),l=n.n(i),s=n(3670),c=n.n(s),u=n(631),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,g(e,t)}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function m(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)t.indexOf(n=o[a])>=0||(r[n]=e[n]);return r}var h={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(h).map((function(e){return h[e]})),x={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},k=Object.keys(x).reduce((function(e,t){return e[x[t]]=t,e}),{}),L=function(e,t){for(var n=e.length-1;n>=0;n-=1){var a=e[n];if(Object.prototype.hasOwnProperty.call(a,t))return a[t]}return null},S=function(e){var t=L(e,h.TITLE),n=L(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var a=L(e,"defaultTitle");return t||a||void 0},_=function(e){return L(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},P=function(e,t){return t.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var a=Object.keys(n),r=0;r<a.length;r+=1){var o=a[r].toLowerCase();if(-1!==e.indexOf(o)&&n[o])return t.concat(n)}return t}),[])},A=function(e,t,n){var a={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var r={};n.filter((function(e){for(var n,o=Object.keys(e),i=0;i<o.length;i+=1){var l=o[i],s=l.toLowerCase();-1===t.indexOf(s)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===s&&"stylesheet"===e[s].toLowerCase()||(n=s),-1===t.indexOf(l)||"innerHTML"!==l&&"cssText"!==l&&"itemprop"!==l||(n=l)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return a[n]||(a[n]={}),r[n]||(r[n]={}),!a[n][c]&&(r[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var o=Object.keys(r),i=0;i<o.length;i+=1){var l=o[i],s=p({},a[l],r[l]);a[l]=s}return e}),[]).reverse()},D=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},j=function(e){return Array.isArray(e)?e.join(""):e},E=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),a=0;a<n.length;a+=1)if(t[n[a]]&&t[n[a]].includes(e[n[a]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},I=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},T=[h.NOSCRIPT,h.SCRIPT,h.STYLE],R=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},N=function(e){return Object.keys(e).reduce((function(t,n){var a=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+a:a}),"")},O=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[x[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var r,o=((r={key:n})["data-rh"]=!0,r);return Object.keys(t).forEach((function(e){var n=x[e]||e;"innerHTML"===n||"cssText"===n?o.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:o[n]=t[e]})),a.createElement(e,o)}))},F=function(e,t,n){switch(e){case h.TITLE:return{toComponent:function(){return n=t.titleAttributes,(r={key:e=t.title})["data-rh"]=!0,o=O(n,r),[a.createElement(h.TITLE,o,e)];var e,n,r,o},toString:function(){return function(e,t,n,a){var r=N(n),o=j(t);return r?"<"+e+' data-rh="true" '+r+">"+R(o,a)+"</"+e+">":"<"+e+' data-rh="true">'+R(o,a)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return O(t)},toString:function(){return N(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,a){var r=Object.keys(a).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var r=void 0===a[t]?t:t+'="'+R(a[t],n)+'"';return e?e+" "+r:r}),""),o=a.innerHTML||a.cssText||"",i=-1===T.indexOf(e);return t+"<"+e+' data-rh="true" '+r+(i?"/>":">"+o+"</"+e+">")}),"")}(e,t,n)}}}},B=function(e){var t=e.baseTag,n=e.bodyAttributes,a=e.encode,r=e.htmlAttributes,o=e.noscriptTags,i=e.styleTags,l=e.title,s=void 0===l?"":l,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var g=function(e){var t=e.linkTags,n=e.scriptTags,a=e.encode,r=E(e.metaTags,v),o=E(t,b),i=E(n,y);return{priorityMethods:{toComponent:function(){return[].concat(M(h.META,r.priority),M(h.LINK,o.priority),M(h.SCRIPT,i.priority))},toString:function(){return F(h.META,r.priority,a)+" "+F(h.LINK,o.priority,a)+" "+F(h.SCRIPT,i.priority,a)}},metaTags:r.default,linkTags:o.default,scriptTags:i.default}}(e);f=g.priorityMethods,u=g.linkTags,d=g.metaTags,p=g.scriptTags}return{priority:f,base:F(h.BASE,t,a),bodyAttributes:F("bodyAttributes",n,a),htmlAttributes:F("htmlAttributes",r,a),link:F(h.LINK,u,a),meta:F(h.META,d,a),noscript:F(h.NOSCRIPT,o,a),script:F(h.SCRIPT,p,a),style:F(h.STYLE,i,a),title:F(h.TITLE,{title:s,titleAttributes:c},a)}},z=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?z:n.instances},add:function(e){(n.canUseDOM?z:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?z:n.instances).indexOf(e);(n.canUseDOM?z:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=B({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},$=a.createContext({}),q=o().shape({setHelmet:o().func,helmetInstances:o().shape({get:o().func,add:o().func,remove:o().func})}),H="undefined"!=typeof document,G=function(e){function t(n){var a;return(a=e.call(this,n)||this).helmetData=new U(a.props.context,t.canUseDOM),a}return f(t,e),t.prototype.render=function(){return a.createElement($.Provider,{value:this.helmetData.value},this.props.children)},t}(a.Component);G.canUseDOM=H,G.propTypes={context:o().shape({helmet:o().shape()}),children:o().node.isRequired},G.defaultProps={context:{}},G.displayName="HelmetProvider";var Z=function(e,t){var n,a=document.head||document.querySelector(h.HEAD),r=a.querySelectorAll(e+"[data-rh]"),o=[].slice.call(r),i=[];return t&&t.length&&t.forEach((function(t){var a=document.createElement(e);for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&("innerHTML"===r?a.innerHTML=t.innerHTML:"cssText"===r?a.styleSheet?a.styleSheet.cssText=t.cssText:a.appendChild(document.createTextNode(t.cssText)):a.setAttribute(r,void 0===t[r]?"":t[r]));a.setAttribute("data-rh","true"),o.some((function(e,t){return n=t,a.isEqualNode(e)}))?o.splice(n,1):i.push(a)})),o.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return a.appendChild(e)})),{oldTags:o,newTags:i}},V=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var a=n.getAttribute("data-rh"),r=a?a.split(","):[],o=[].concat(r),i=Object.keys(t),l=0;l<i.length;l+=1){var s=i[l],c=t[s]||"";n.getAttribute(s)!==c&&n.setAttribute(s,c),-1===r.indexOf(s)&&r.push(s);var u=o.indexOf(s);-1!==u&&o.splice(u,1)}for(var d=o.length-1;d>=0;d-=1)n.removeAttribute(o[d]);r.length===o.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},W=function(e,t){var n=e.baseTag,a=e.htmlAttributes,r=e.linkTags,o=e.metaTags,i=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;V(h.BODY,e.bodyAttributes),V(h.HTML,a),function(e,t){void 0!==e&&document.title!==e&&(document.title=j(e)),V(h.TITLE,t)}(u,d);var p={baseTag:Z(h.BASE,n),linkTags:Z(h.LINK,r),metaTags:Z(h.META,o),noscriptTags:Z(h.NOSCRIPT,i),scriptTags:Z(h.SCRIPT,s),styleTags:Z(h.STYLE,c)},f={},g={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,a=t.oldTags;n.length&&(f[e]=n),a.length&&(g[e]=p[e].oldTags)})),t&&t(),l(e,f,g)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(t=e.call.apply(e,[this].concat(a))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,a=n.setHelmet,r=null,o=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:P(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:L(e,"defer"),encode:L(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:A(h.LINK,["rel","href"],e),metaTags:A(h.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:A(h.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:A(h.SCRIPT,["src","innerHTML"],e),styleTags:A(h.STYLE,["cssText"],e),title:S(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:D(e,"prioritizeSeoTags")});G.canUseDOM?(t=o,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){W(t,(function(){Q=null}))})):(W(t),Q=null)):B&&(r=B(o)),a(r)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(a.Component);Y.propTypes={context:q.isRequired},Y.displayName="HelmetDispatcher";var K=["children"],X=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!l()(I(this.props,"helmetData"),I(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case h.SCRIPT:case h.NOSCRIPT:return{innerHTML:t};case h.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,a=e.arrayTypeChildren;return p({},a,((t={})[n.type]=[].concat(a[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,a=e.child,r=e.newProps,o=e.newChildProps,i=e.nestedChildren;switch(a.type){case h.TITLE:return p({},r,((t={})[a.type]=i,t.titleAttributes=p({},o),t));case h.BODY:return p({},r,{bodyAttributes:p({},o)});case h.HTML:return p({},r,{htmlAttributes:p({},o)});default:return p({},r,((n={})[a.type]=p({},o),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var a;n=p({},n,((a={})[t]=e[t],a))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,r={};return a.Children.forEach(e,(function(e){if(e&&e.props){var a=e.props,o=a.children,i=m(a,K),l=Object.keys(i).reduce((function(e,t){return e[k[t]||t]=i[t],e}),{}),s=e.type;switch("symbol"==typeof s?s=s.toString():n.warnOnInvalidChildren(e,o),s){case h.FRAGMENT:t=n.mapChildrenToProps(o,t);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:r=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:l,nestedChildren:o});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:l,nestedChildren:o})}}})),this.mapArrayTypeChildrenToProps(r,t)},n.render=function(){var e=this.props,t=e.children,n=m(e,X),r=p({},n),o=n.helmetData;return t&&(r=this.mapChildrenToProps(t,r)),!o||o instanceof U||(o=new U(o.context,o.instances)),o?a.createElement(Y,p({},r,{context:o.value,helmetData:void 0})):a.createElement($.Consumer,null,(function(e){return a.createElement(Y,p({},r,{context:e}))}))},t}(a.Component);J.propTypes={base:o().object,bodyAttributes:o().object,children:o().oneOfType([o().arrayOf(o().node),o().node]),defaultTitle:o().string,defer:o().bool,encodeSpecialCharacters:o().bool,htmlAttributes:o().object,link:o().arrayOf(o().object),meta:o().arrayOf(o().object),noscript:o().arrayOf(o().object),onChangeClientState:o().func,script:o().arrayOf(o().object),style:o().arrayOf(o().object),title:o().string,titleAttributes:o().object,titleTemplate:o().string,prioritizeSeoTags:o().bool,helmetData:o().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},198:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,a=n?Symbol.for("react.element"):60103,r=n?Symbol.for("react.portal"):60106,o=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,g=n?Symbol.for("react.suspense_list"):60120,m=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function x(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case u:case d:case o:case l:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case m:case s:return e;default:return t}}case r:return t}}}function k(e){return x(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=s,t.Element=a,t.ForwardRef=p,t.Fragment=o,t.Lazy=h,t.Memo=m,t.Portal=r,t.Profiler=l,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return k(e)||x(e)===u},t.isConcurrentMode=k,t.isContextConsumer=function(e){return x(e)===c},t.isContextProvider=function(e){return x(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return x(e)===p},t.isFragment=function(e){return x(e)===o},t.isLazy=function(e){return x(e)===h},t.isMemo=function(e){return x(e)===m},t.isPortal=function(e){return x(e)===r},t.isProfiler=function(e){return x(e)===l},t.isStrictMode=function(e){return x(e)===i},t.isSuspense=function(e){return x(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===d||e===l||e===i||e===f||e===g||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=x},6237:(e,t,n)=>{"use strict";e.exports=n(198)},9500:(e,t,n)=>{"use strict";n.d(t,{OL:()=>v,VK:()=>u,rU:()=>h});var a=n(8903),r=n(2666),o=n(959),i=n(4047),l=n(6920),s=n(3804),c=n(8624),u=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(t=e.call.apply(e,[this].concat(a))||this).history=(0,i.lX)(t.props),t}return(0,r.Z)(t,e),t.prototype.render=function(){return o.createElement(a.F0,{history:this.history,children:this.props.children})},t}(o.Component);o.Component;var d=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},f=function(e){return e},g=o.forwardRef;void 0===g&&(g=f);var m=g((function(e,t){var n=e.innerRef,a=e.navigate,r=e.onClick,i=(0,s.Z)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,l.Z)({},i,{onClick:function(e){try{r&&r(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),a())}});return u.ref=f!==g&&t||n,o.createElement("a",u)}));var h=g((function(e,t){var n=e.component,r=void 0===n?m:n,u=e.replace,h=e.to,b=e.innerRef,y=(0,s.Z)(e,["component","replace","to","innerRef"]);return o.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=e.history,a=p(d(h,e.location),e.location),s=a?n.createHref(a):"",m=(0,l.Z)({},y,{href:s,navigate:function(){var t=d(h,e.location),a=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(u||a?n.replace:n.push)(t)}});return f!==g?m.ref=t||b:m.innerRef=b,o.createElement(r,m)}))})),b=function(e){return e},y=o.forwardRef;void 0===y&&(y=b);var v=y((function(e,t){var n=e["aria-current"],r=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,g=e.className,m=e.exact,v=e.isActive,w=e.location,x=e.sensitive,k=e.strict,L=e.style,S=e.to,_=e.innerRef,C=(0,s.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return o.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=w||e.location,i=p(d(S,n),n),s=i.pathname,P=s&&s.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=P?(0,a.LX)(n.pathname,{path:P,exact:m,sensitive:x,strict:k}):null,D=!!(v?v(A,n):A),j="function"==typeof g?g(D):g,E="function"==typeof L?L(D):L;D&&(j=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(j,u),E=(0,l.Z)({},E,f));var I=(0,l.Z)({"aria-current":D&&r||null,className:j,style:E,to:i},C);return b!==y?I.ref=t||_:I.innerRef=_,o.createElement(h,I)}))}))},8903:(e,t,n)=>{"use strict";n.d(t,{AW:()=>S,F0:()=>v,LX:()=>L,TH:()=>T,k6:()=>I,rs:()=>j,s6:()=>y});var a=n(2666),r=n(959),o=n(507),i=n.n(o),l=n(4047),s=n(8624),c=n(6920),u=n(7720),d=n.n(u),p=(n(6237),n(3804)),f=(n(2535),1073741823),g="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var m=r.createContext||function(e,t){var n,o,l="__create-react-context-"+function(){var e="__global_unique_id__";return g[e]=(g[e]||0)+1}()+"__",s=function(e){function n(){for(var t,n,a,r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];return(t=e.call.apply(e,[this].concat(o))||this).emitter=(n=t.props.value,a=[],{on:function(e){a.push(e)},off:function(e){a=a.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,a.forEach((function(e){return e(n,t)}))}}),t}(0,a.Z)(n,e);var r=n.prototype;return r.getChildContext=function(){var e;return(e={})[l]=this.emitter,e},r.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,a=this.props.value,r=e.value;((o=a)===(i=r)?0!==o||1/o==1/i:o!=o&&i!=i)?n=0:(n="function"==typeof t?t(a,r):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var o,i},r.render=function(){return this.props.children},n}(r.Component);s.childContextTypes=((n={})[l]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(e=t.call.apply(t,[this].concat(a))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,a.Z)(n,t);var r=n.prototype;return r.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},r.componentDidMount=function(){this.context[l]&&this.context[l].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},r.componentWillUnmount=function(){this.context[l]&&this.context[l].off(this.onUpdate)},r.getValue=function(){return this.context[l]?this.context[l].get():e},r.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(r.Component);return c.contextTypes=((o={})[l]=i().object,o),{Provider:s,Consumer:c}},h=function(e){var t=m();return t.displayName=e,t},b=h("Router-History"),y=h("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,a.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return r.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},r.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(r.Component);r.Component;r.Component;var w={},x=1e4,k=0;function L(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,a=n.path,r=n.exact,o=void 0!==r&&r,i=n.strict,l=void 0!==i&&i,s=n.sensitive,c=void 0!==s&&s;return[].concat(a).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var a=function(e,t){var n=""+t.end+t.strict+t.sensitive,a=w[n]||(w[n]={});if(a[e])return a[e];var r=[],o={regexp:d()(e,r,t),keys:r};return k<x&&(a[e]=o,k++),o}(n,{end:o,strict:l,sensitive:c}),r=a.regexp,i=a.keys,s=r.exec(e);if(!s)return null;var u=s[0],p=s.slice(1),f=e===u;return o&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var S=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n=e.props.location||t.location,a=e.props.computedMatch?e.props.computedMatch:e.props.path?L(n.pathname,e.props):t.match,o=(0,c.Z)({},t,{location:n,match:a}),i=e.props,l=i.children,u=i.component,d=i.render;return Array.isArray(l)&&function(e){return 0===r.Children.count(e)}(l)&&(l=null),r.createElement(y.Provider,{value:o},o.match?l?"function"==typeof l?l(o):l:u?r.createElement(u,o):d?d(o):null:"function"==typeof l?l(o):null)}))},t}(r.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.Z)({},t,{pathname:t.pathname.substr(n.length)})}function P(e){return"string"==typeof e?e:(0,l.Ep)(e)}function A(e){return function(){(0,s.Z)(!1)}}function D(){}r.Component;var j=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n,a,o=e.props.location||t.location;return r.Children.forEach(e.props.children,(function(e){if(null==a&&r.isValidElement(e)){n=e;var i=e.props.path||e.props.from;a=i?L(o.pathname,(0,c.Z)({},e.props,{path:i})):t.match}})),a?r.cloneElement(n,{location:o,computedMatch:a}):null}))},t}(r.Component);var E=r.useContext;function I(){return E(b)}function T(){return E(y).location}},3354:(e,t,n)=>{"use strict";var a=n(959),r=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var a,o={},c=null,u=null;for(a in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,a)&&!s.hasOwnProperty(a)&&(o[a]=t[a]);if(e&&e.defaultProps)for(a in t=e.defaultProps)void 0===o[a]&&(o[a]=t[a]);return{$$typeof:r,type:e,key:c,ref:u,props:o,_owner:l.current}}t.Fragment=o,t.jsx=c,t.jsxs=c},5257:(e,t)=>{"use strict";var n=Symbol.for("react.element"),a=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),s=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var g={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,h={};function b(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,m(w,b.prototype),w.isPureReactComponent=!0;var x=Array.isArray,k=Object.prototype.hasOwnProperty,L={current:null},S={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,a){var r,o={},i=null,l=null;if(null!=t)for(r in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)k.call(t,r)&&!S.hasOwnProperty(r)&&(o[r]=t[r]);var s=arguments.length-2;if(1===s)o.children=a;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];o.children=c}if(e&&e.defaultProps)for(r in s=e.defaultProps)void 0===o[r]&&(o[r]=s[r]);return{$$typeof:n,type:e,key:i,ref:l,props:o,_owner:L.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var P=/\/+/g;function A(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function D(e,t,r,o,i){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case n:case a:s=!0}}if(s)return i=i(s=e),e=""===o?"."+A(s,0):o,x(i)?(r="",null!=e&&(r=e.replace(P,"$&/")+"/"),D(i,t,r,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,r+(!i.key||s&&s.key===i.key?"":(""+i.key).replace(P,"$&/")+"/")+e)),t.push(i)),1;if(s=0,o=""===o?".":o+":",x(e))for(var c=0;c<e.length;c++){var u=o+A(l=e[c],c);s+=D(l,t,r,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(l=e.next()).done;)s+=D(l=l.value,t,r,u=o+A(l,c++),i);else if("object"===l)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return s}function j(e,t,n){if(null==e)return e;var a=[],r=0;return D(e,a,"","",(function(e){return t.call(n,e,r++)})),a}function E(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var I={current:null},T={transition:null},R={ReactCurrentDispatcher:I,ReactCurrentBatchConfig:T,ReactCurrentOwner:L};t.Children={map:j,forEach:function(e,t,n){j(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return j(e,(function(){t++})),t},toArray:function(e){return j(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=r,t.Profiler=i,t.PureComponent=v,t.StrictMode=o,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=R,t.cloneElement=function(e,t,a){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=m({},e.props),o=e.key,i=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,l=L.current),void 0!==t.key&&(o=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(c in t)k.call(t,c)&&!S.hasOwnProperty(c)&&(r[c]=void 0===t[c]&&void 0!==s?s[c]:t[c])}var c=arguments.length-2;if(1===c)r.children=a;else if(1<c){s=Array(c);for(var u=0;u<c;u++)s[u]=arguments[u+2];r.children=s}return{$$typeof:n,type:e.type,key:o,ref:i,props:r,_owner:l}},t.createContext=function(e){return(e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:l,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:E}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=T.transition;T.transition={};try{e()}finally{T.transition=t}},t.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},t.useCallback=function(e,t){return I.current.useCallback(e,t)},t.useContext=function(e){return I.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return I.current.useDeferredValue(e)},t.useEffect=function(e,t){return I.current.useEffect(e,t)},t.useId=function(){return I.current.useId()},t.useImperativeHandle=function(e,t,n){return I.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return I.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return I.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return I.current.useMemo(e,t)},t.useReducer=function(e,t,n){return I.current.useReducer(e,t,n)},t.useRef=function(e){return I.current.useRef(e)},t.useState=function(e){return I.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return I.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return I.current.useTransition()},t.version="18.2.0"},959:(e,t,n)=>{"use strict";e.exports=n(5257)},1527:(e,t,n)=>{"use strict";e.exports=n(3354)},5568:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var a=n-1>>>1,r=e[a];if(!(0<o(r,t)))break e;e[a]=t,e[n]=r,n=a}}function a(e){return 0===e.length?null:e[0]}function r(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var a=0,r=e.length,i=r>>>1;a<i;){var l=2*(a+1)-1,s=e[l],c=l+1,u=e[c];if(0>o(s,n))c<r&&0>o(u,s)?(e[a]=u,e[c]=n,a=c):(e[a]=s,e[l]=n,a=l);else{if(!(c<r&&0>o(u,n)))break e;e[a]=u,e[c]=n,a=c}}}return t}function o(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var l=Date,s=l.now();t.unstable_now=function(){return l.now()-s}}var c=[],u=[],d=1,p=null,f=3,g=!1,m=!1,h=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=a(u);null!==t;){if(null===t.callback)r(u);else{if(!(t.startTime<=e))break;r(u),t.sortIndex=t.expirationTime,n(c,t)}t=a(u)}}function x(e){if(h=!1,w(e),!m)if(null!==a(c))m=!0,T(k);else{var t=a(u);null!==t&&R(x,t.startTime-e)}}function k(e,n){m=!1,h&&(h=!1,y(C),C=-1),g=!0;var o=f;try{for(w(n),p=a(c);null!==p&&(!(p.expirationTime>n)||e&&!D());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var l=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof l?p.callback=l:p===a(c)&&r(c),w(n)}else r(c);p=a(c)}if(null!==p)var s=!0;else{var d=a(u);null!==d&&R(x,d.startTime-n),s=!1}return s}finally{p=null,f=o,g=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var L,S=!1,_=null,C=-1,P=5,A=-1;function D(){return!(t.unstable_now()-A<P)}function j(){if(null!==_){var e=t.unstable_now();A=e;var n=!0;try{n=_(!0,e)}finally{n?L():(S=!1,_=null)}}else S=!1}if("function"==typeof v)L=function(){v(j)};else if("undefined"!=typeof MessageChannel){var E=new MessageChannel,I=E.port2;E.port1.onmessage=j,L=function(){I.postMessage(null)}}else L=function(){b(j,0)};function T(e){_=e,S||(S=!0,L())}function R(e,n){C=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){m||g||(m=!0,T(k))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):P=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return a(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,r,o){var i=t.unstable_now();switch("object"==typeof o&&null!==o?o="number"==typeof(o=o.delay)&&0<o?i+o:i:o=i,e){case 1:var l=-1;break;case 2:l=250;break;case 5:l=1073741823;break;case 4:l=1e4;break;default:l=5e3}return e={id:d++,callback:r,priorityLevel:e,startTime:o,expirationTime:l=o+l,sortIndex:-1},o>i?(e.sortIndex=o,n(u,e),null===a(c)&&e===a(u)&&(h?(y(C),C=-1):h=!0,R(x,o-i))):(e.sortIndex=l,n(c,e),m||g||(m=!0,T(k))),e},t.unstable_shouldYield=D,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},2962:(e,t,n)=>{"use strict";e.exports=n(5568)},631:e=>{e.exports=function(e,t,n,a){var r=n?n.call(a,e,t):void 0;if(void 0!==r)return!!r;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var o=Object.keys(e),i=Object.keys(t);if(o.length!==i.length)return!1;for(var l=Object.prototype.hasOwnProperty.bind(t),s=0;s<o.length;s++){var c=o[s];if(!l(c))return!1;var u=e[c],d=t[c];if(!1===(r=n?n.call(a,u,d,c):void 0)||void 0===r&&u!==d)return!1}return!0}},6809:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={title:"ILLA Cloud",tagline:"Dinosaurs are cool",favicon:"img/public/favicon.ico",url:"https://illacloud.github.io",baseUrl:"/illa-website/ja/",organizationName:"illacloud",projectName:"illa-website",staticDirectories:["public","static"],onBrokenLinks:"warn",onBrokenMarkdownLinks:"warn",i18n:{defaultLocale:"en",locales:["en","zh","ja","de"],path:"i18n",localeConfigs:{}},presets:[["classic",{docs:!1,blog:!1,pages:!1,theme:{customCss:["./src/ILLATheme/css/custom.css","./src/css/custom.css"]},gtag:{trackingID:"G-QW745VE33W"}}]],themeConfig:{image:"img/social-card-large.png",colorMode:{defaultMode:"dark",disableSwitch:!1,respectPrefersColorScheme:!1},metadata:[{name:"og:type",content:"website"},{name:"twitter:card",content:"summary_large_image"},{name:"twitter:site",content:"@illaCloudHQ"},{name:"twitter:creator",content:"@illaCloudHQ"},{name:"keywords",content:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"}],prism:{theme:{plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},docs:{versionPersistence:"localStorage",sidebar:{hideable:!1,autoCollapseCategories:!1}},navbar:{hideOnScroll:!1,items:[]},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},plugins:[null,null,["./plugins/blog-plugin.js",{blogTitle:"Blog",blogDescription:"A resource for ILLA, front-end ecosystem, and web development",routeBasePath:"/blog",postsPerPage:12,blogSidebarTitle:"All posts",blogSidebarCount:0,feedOptions:{type:"all",copyright:"Copyright \xa9 2024 ILLA."}}],"./plugins/solution-plugin.js","./plugins/linkedin.js","./plugins/twitter.js","./plugins/chatwoot.js"],baseUrlIssueBanner:!0,onDuplicateRoutes:"warn",customFields:{},themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0}}}},6920:(e,t,n)=>{"use strict";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},a.apply(this,arguments)}n.d(t,{Z:()=>a})},2666:(e,t,n)=>{"use strict";function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,a(e,t)}n.d(t,{Z:()=>r})},3804:(e,t,n)=>{"use strict";function a(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}n.d(t,{Z:()=>a})},5341:(e,t,n)=>{"use strict";function a(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=a(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}n.d(t,{Z:()=>r});const r=function(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=a(e))&&(r&&(r+=" "),r+=t);return r}},2425:(e,t,n)=>{"use strict";n.d(t,{p1:()=>P,y$:()=>ee});var a,r,o,i,l,s,c,u=n(959),d=n(5341),p=Object.create,f=Object.defineProperty,g=Object.defineProperties,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertyNames,y=Object.getOwnPropertySymbols,v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,k=(e,t,n)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,L=(e,t)=>{for(var n in t||(t={}))w.call(t,n)&&k(e,n,t[n]);if(y)for(var n of y(t))x.call(t,n)&&k(e,n,t[n]);return e},S=(e,t)=>g(e,h(t)),_=(e,t)=>{var n={};for(var a in e)w.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&y)for(var a of y(e))t.indexOf(a)<0&&x.call(e,a)&&(n[a]=e[a]);return n},C=(a={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},a={util:{encode:function e(t){return t instanceof r?new r(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var r,o;switch(n=n||{},a.util.type(t)){case"Object":if(o=a.util.objId(t),n[o])return n[o];for(var i in r={},n[o]=r,t)t.hasOwnProperty(i)&&(r[i]=e(t[i],n));return r;case"Array":return o=a.util.objId(t),n[o]?n[o]:(r=[],n[o]=r,t.forEach((function(t,a){r[a]=e(t,n)})),r);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var a="no-"+t;e;){var r=e.classList;if(r.contains(t))return!0;if(r.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=a.util.clone(a.languages[e]);for(var r in t)n[r]=t[r];return n},insertBefore:function(e,t,n,r){var o=(r=r||a.languages)[e],i={};for(var l in o)if(o.hasOwnProperty(l)){if(l==t)for(var s in n)n.hasOwnProperty(s)&&(i[s]=n[s]);n.hasOwnProperty(l)||(i[l]=o[l])}var c=r[e];return r[e]=i,a.languages.DFS(a.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,r,o){o=o||{};var i=a.util.objId;for(var l in t)if(t.hasOwnProperty(l)){n.call(t,l,t[l],r||l);var s=t[l],c=a.util.type(s);"Object"!==c||o[i(s)]?"Array"!==c||o[i(s)]||(o[i(s)]=!0,e(s,n,l,o)):(o[i(s)]=!0,e(s,n,null,o))}}},plugins:{},highlight:function(e,t,n){var o={code:e,grammar:t,language:n};if(a.hooks.run("before-tokenize",o),!o.grammar)throw new Error('The language "'+o.language+'" has no grammar.');return o.tokens=a.tokenize(o.code,o.grammar),a.hooks.run("after-tokenize",o),r.stringify(a.util.encode(o.tokens),o.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var r=new l;return s(r,r.head,e),i(e,r,t,r.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(r)},hooks:{all:{},add:function(e,t){var n=a.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=a.hooks.all[e];if(n&&n.length)for(var r,o=0;r=n[o++];)r(t)}},Token:r};function r(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function o(e,t,n,a){e.lastIndex=t;var r=e.exec(n);if(r&&a&&r[1]){var o=r[1].length;r.index+=o,r[0]=r[0].slice(o)}return r}function i(e,t,n,l,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var g=0;g<f.length;++g){if(d&&d.cause==p+","+g)return;var m=f[g],h=m.inside,b=!!m.lookbehind,y=!!m.greedy,v=m.alias;if(y&&!m.pattern.global){var w=m.pattern.toString().match(/[imsuy]*$/)[0];m.pattern=RegExp(m.pattern.source,w+"g")}for(var x=m.pattern||m,k=l.next,L=u;k!==t.tail&&!(d&&L>=d.reach);L+=k.value.length,k=k.next){var S=k.value;if(t.length>e.length)return;if(!(S instanceof r)){var _,C=1;if(y){if(!(_=o(x,L,e,b))||_.index>=e.length)break;var P=_.index,A=_.index+_[0].length,D=L;for(D+=k.value.length;P>=D;)D+=(k=k.next).value.length;if(L=D-=k.value.length,k.value instanceof r)continue;for(var j=k;j!==t.tail&&(D<A||"string"==typeof j.value);j=j.next)C++,D+=j.value.length;C--,S=e.slice(L,D),_.index-=L}else if(!(_=o(x,0,S,b)))continue;P=_.index;var E=_[0],I=S.slice(0,P),T=S.slice(P+E.length),R=L+S.length;d&&R>d.reach&&(d.reach=R);var N=k.prev;if(I&&(N=s(t,N,I),L+=I.length),c(t,N,C),k=s(t,N,new r(p,h?a.tokenize(E,h):E,v,E)),T&&s(t,k,T),C>1){var O={cause:p+","+g,reach:R};i(e,t,n,k.prev,L,O),d&&O.reach>d.reach&&(d.reach=O.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var a=t.next,r={value:n,prev:t,next:a};return t.next=r,a.prev=r,e.length++,r}function c(e,t,n){for(var a=t.next,r=0;r<n&&a!==e.tail;r++)a=a.next;t.next=a,a.prev=t,e.length-=r}return r.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var r="";return t.forEach((function(t){r+=e(t,n)})),r}var o={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(o.classes,i):o.classes.push(i)),a.hooks.run("wrap",o);var l="";for(var s in o.attributes)l+=" "+s+'="'+(o.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+o.tag+' class="'+o.classes.join(" ")+'"'+l+">"+o.content+"</"+o.tag+">"},a}();t.exports=n,n.default=n}},function(){return r||(0,a[b(a)[0]])((r={exports:{}}).exports,r),r.exports}),P=((e,t,n)=>(n=null!=e?p(v(e)):{},((e,t,n,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let r of b(t))w.call(e,r)||r===n||f(e,r,{get:()=>t[r],enumerable:!(a=m(t,r))||a.enumerable});return e})(!t&&e&&e.__esModule?n:f(n,"default",{value:e,enumerable:!0}),e)))(C());P.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},P.languages.markup.tag.inside["attr-value"].inside.entity=P.languages.markup.entity,P.languages.markup.doctype.inside["internal-subset"].inside=P.languages.markup,P.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(P.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:P.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:P.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},P.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(P.languages.markup.tag,"addAttribute",{value:function(e,t){P.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:P.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),P.languages.html=P.languages.markup,P.languages.mathml=P.languages.markup,P.languages.svg=P.languages.markup,P.languages.xml=P.languages.extend("markup",{}),P.languages.ssml=P.languages.xml,P.languages.atom=P.languages.xml,P.languages.rss=P.languages.xml,o=P,i={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},s="(?:[^\\\\-]|"+(l=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/).source+")",s=RegExp(s+"-"+s),c={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"},o.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:s,inside:{escape:l,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":i,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:l}},"special-escape":i,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":c}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:l,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":c}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}},P.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},P.languages.javascript=P.languages.extend("clike",{"class-name":[P.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),P.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,P.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:P.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:P.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:P.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:P.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:P.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),P.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:P.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),P.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),P.languages.markup&&(P.languages.markup.tag.addInlined("script","javascript"),P.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),P.languages.js=P.languages.javascript,P.languages.actionscript=P.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),P.languages.actionscript["class-name"].alias="function",delete P.languages.actionscript.parameter,delete P.languages.actionscript["literal-property"],P.languages.markup&&P.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:P.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(P),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var a=function(e){e.inside||(e.inside={}),e.inside.rest=n},r="doc-comment";if(o=e.languages[t]){var o,i=o[r];if((i=i||(o=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[r])instanceof RegExp&&(i=o[r]={pattern:i}),Array.isArray(i))for(var l=0,s=i.length;l<s;l++)i[l]instanceof RegExp&&(i[l]={pattern:i[l]}),a(i[l]);else a(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(P),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(P),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(P),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,a="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),o=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return a}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<key>>/g,(function(){return"(?:"+r+"|"+o+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(o),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(P),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var a=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,r=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return a})),o=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+r+o+"(?:"+r+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+r+o+")(?:"+r+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(a),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+r+")"+o+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+r+"$"),inside:{"table-header":{pattern:RegExp(a),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,a=t.length;n<a;n++){var r,o=t[n];"code"!==o.type?e(o.content):(r=o.content[1],o=o.content[3],r&&o&&"code-language"===r.type&&"code-block"===o.type&&"string"==typeof r.content&&(r=r.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),r="language-"+(r=(/[a-z][\w-]*/i.exec(r)||[""])[0].toLowerCase()),o.alias?"string"==typeof o.alias?o.alias=[o.alias,r]:o.alias.push(r):o.alias=[r]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",a=0,r=t.classes.length;a<r;a++){var o=t.classes[a];if(o=/language-(.+)/.exec(o)){n=o[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),s(n)):l[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),l={amp:"&",lt:"<",gt:">",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(P),P.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:P.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},P.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var a=t[n++];if("keyword"===a.type&&"mutation"===a.content){var r=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var o=p(/^\($/,/^\)$/);if(-1===o)continue;for(;n<o;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),r.push(i.content))}n=o+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<r.length)){var l=p(/^\{$/,/^\}$/);if(-1!==l)for(var s=n;s<l;s++){var c=t[s];"variable"===c.type&&0<=r.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var a=u(n+t);if(!a||a.type!==e[n])return}return 1}function p(e,a){for(var r=1,o=n;o<t.length;o++){var i=t[o],l=i.content;if("punctuation"===i.type&&"string"==typeof l)if(e.test(l))r++;else if(a.test(l)&&0==--r)return o}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),P.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,a=t.inside.interpolation,r=a.inside["interpolation-punctuation"],o=a.pattern.source;function i(t,a){if(e.languages[t])return{pattern:RegExp("((?:"+a+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(t,n,a){return t={code:t,grammar:n,language:a},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function s(t,n,i){var s=e.tokenize(t,{interpolation:{pattern:RegExp(o),lookbehind:!0}}),c=0,u={},d=(s=l(s.map((function(e){if("string"==typeof e)return e;var n,a;for(e=e.content;-1!==t.indexOf((a=c++,n="___"+i.toUpperCase()+"_"+a+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var o=0;o<n.length;o++){if(c>=d.length)return;var i,s,p,f,g,m,h,b=n[o];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(h=(m="string"==typeof b?b:b.content).indexOf(i))&&(++c,s=m.substring(0,h),g=u[i],p=void 0,(f={})["interpolation-punctuation"]=r,3===(f=e.tokenize(g,f)).length&&((p=[1,1]).push.apply(p,l(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,a.alias,g),f=m.substring(h+i.length),g=[],s&&g.push(s),g.push(p),f&&(t(m=[f]),g.push.apply(g,m)),"string"==typeof b?(n.splice.apply(n,[o,1].concat(g)),o+=g.length-1):b.content=g)):(h=b.content,Array.isArray(h)?t(h):t([h]))}}(s),new e.Token(i,s,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var a=0,r=n.length;a<r;a++){var o,i,l,c=n[a];"string"!=typeof c&&(o=c.content,Array.isArray(o)?"template-string"===c.type?(c=o[1],3===o.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,l=e.languages[c])&&(o[1]=s(i,l,c))):t(o):"string"!=typeof o&&t([o]))}}(t.tokens)}))}(P),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(P),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,a="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(a+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(a+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(P),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(P),P.languages.n4js=P.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),P.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),P.languages.n4jsd=P.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],a=0;a<n.length;a++){var r=n[a],o=e.languages.javascript[r];r=(o="RegExp"===e.util.type(o)?e.languages.javascript[r]={pattern:o}:o).inside||{};(o.inside=r)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(P),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,a=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,r=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function o(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return a})).replace(/<SPREAD>/g,(function(){return r})),RegExp(e,t)}function i(t){for(var n=[],a=0;a<t.length;a++){var r=t[a],o=!1;"string"!=typeof r&&("tag"===r.type&&r.content[0]&&"tag"===r.content[0].type?"</"===r.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===l(r.content[0].content[1])&&n.pop():"/>"!==r.content[r.content.length-1].content&&n.push({tagName:l(r.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===r.type&&"{"===r.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===r.type&&"}"===r.content?n[n.length-1].openedBraces--:o=!0),(o||"string"==typeof r)&&0<n.length&&0===n[n.length-1].openedBraces&&(o=l(r),a<t.length-1&&("string"==typeof t[a+1]||"plain-text"===t[a+1].type)&&(o+=l(t[a+1]),t.splice(a+1,1)),0<a&&("string"==typeof t[a-1]||"plain-text"===t[a-1].type)&&(o=l(t[a-1])+o,t.splice(a-1,1),a--),t[a]=new e.Token("plain-text",o,null,o)),r.content&&"string"!=typeof r.content&&i(r.content)}}r=o(r).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=o(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:o(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:o(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var l=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(l).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(P),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(P),P.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},P.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=P.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(P),P.languages.c=P.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),P.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),P.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},P.languages.c.string],char:P.languages.c.char,comment:P.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:P.languages.c}}}}),P.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete P.languages.c.boolean,P.languages.objectivec=P.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete P.languages.objectivec["class-name"],P.languages.objc=P.languages.objectivec,P.languages.reason=P.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),P.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete P.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(P),P.languages.go=P.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),P.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete P.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(P),P.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},P.languages.python["string-interpolation"].inside.interpolation.inside.rest=P.languages.python,P.languages.py=P.languages.python;((e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>A,duotoneDark:()=>D,duotoneLight:()=>j,github:()=>E,jettwaveDark:()=>H,jettwaveLight:()=>G,nightOwl:()=>I,nightOwlLight:()=>T,oceanicNext:()=>O,okaidia:()=>M,oneDark:()=>Z,oneLight:()=>V,palenight:()=>F,shadesOfPurple:()=>B,synthwave84:()=>z,ultramin:()=>U,vsDark:()=>$,vsLight:()=>q});var A={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},D={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},j={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},E={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},I={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},T={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},R="#c5a5c5",N="#8dc891",O={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:R}},{types:["attr-value"],style:{color:N}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:N}},{types:["punctuation"],style:{color:N}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:R}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},M={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},F={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},B={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},z={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},U={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},$={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},q={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},H={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},G={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},Z={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},V={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},W=(e,t)=>{const{plain:n}=e,a=e.styles.reduce(((e,n)=>{const{languages:a,style:r}=n;return a&&!a.includes(t)||n.types.forEach((t=>{const n=L(L({},e[t]),r);e[t]=n})),e}),{});return a.root=n,a.plain=S(L({},n),{backgroundColor:void 0}),a},Q=/\r\n|\r|\n/,Y=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},K=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},X=e=>{const t=[[]],n=[e],a=[0],r=[e.length];let o=0,i=0,l=[];const s=[l];for(;i>-1;){for(;(o=a[i]++)<r[i];){let e,c=t[i];const u=n[i][o];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=K(c,u.type),u.alias&&(c=K(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),a.push(0),r.push(e.length);continue}const d=e.split(Q),p=d.length;l.push({types:c,content:d[0]});for(let t=1;t<p;t++)Y(l),s.push(l=[]),l.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),a.pop(),r.pop()}return Y(l),s},J=({children:e,language:t,code:n,theme:a,prism:r})=>{const o=t.toLowerCase(),i=((e,t)=>{const[n,a]=(0,u.useState)(W(t,e)),r=(0,u.useRef)(),o=(0,u.useRef)();return(0,u.useEffect)((()=>{t===r.current&&e===o.current||(r.current=t,o.current=e,a(W(t,e)))}),[e,t]),n})(o,a),l=(e=>(0,u.useCallback)((t=>{var n=t,{className:a,style:r,line:o}=n,i=_(n,["className","style","line"]);const l=S(L({},i),{className:(0,d.Z)("token-line",a)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof r&&(l.style=L(L({},l.style||{}),r)),l}),[e]))(i),s=(e=>{const t=(0,u.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,u.useCallback)((e=>{var n=e,{token:a,className:r,style:o}=n,i=_(n,["token","className","style"]);const l=S(L({},i),{className:(0,d.Z)("token",...a.types,r),children:a.content,style:t(a)});return null!=o&&(l.style=L(L({},l.style||{}),o)),l}),[t])})(i),c=(({prism:e,code:t,grammar:n,language:a})=>{const r=(0,u.useRef)(e);return(0,u.useMemo)((()=>{if(null==n)return X([t]);const e={code:t,grammar:n,language:a,tokens:[]};return r.current.hooks.run("before-tokenize",e),e.tokens=r.current.tokenize(t,n),r.current.hooks.run("after-tokenize",e),X(e.tokens)}),[t,n,a])})({prism:r,language:o,code:n,grammar:r.languages[o]});return e({tokens:c,className:`prism-code language-${o}`,style:null!=i?i.root:{},getLineProps:l,getTokenProps:s})},ee=e=>(0,u.createElement)(J,S(L({},e),{prism:e.prism||P,theme:e.theme||$,code:e.code,language:e.language}))},8624:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=!0,r="Invariant failed";function o(e,t){if(!e){if(a)throw new Error(r);var n="function"==typeof t?t():t,o=n?"".concat(r,": ").concat(n):r;throw new Error(o)}}},7529:e=>{"use strict";e.exports=JSON.parse('{"theme.AnnouncementBar.closeButtonAriaLabel":"\u9589\u3058\u308b","theme.BackToTopButton.buttonAriaLabel":"\u30c8\u30c3\u30d7\u306b\u623b\u308b","theme.CodeBlock.copied":"\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f","theme.CodeBlock.copy":"\u30b3\u30d4\u30fc","theme.CodeBlock.copyButtonAriaLabel":"\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc","theme.CodeBlock.wordWrapToggle":"\u30ef\u30fc\u30c9\u30e9\u30c3\u30d7\u306e\u5207\u308a\u66ff\u3048","theme.DocSidebarItem.collapseCategoryAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u30ab\u30c6\u30b4\u30ea\u300c{label}\u300d\u3092\u9589\u3058\u308b","theme.DocSidebarItem.expandCategoryAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u30ab\u30c6\u30b4\u30ea \'{label} \' \u3092\u5c55\u958b","theme.ErrorPageContent.title":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u30af\u30e9\u30c3\u30b7\u30e5\u3057\u307e\u3057\u305f\u3002","theme.ErrorPageContent.tryAgain":"\u3082\u3046\u4e00\u5ea6\u3084\u308a\u76f4\u3057\u3066\u304f\u3060\u3055\u3044","theme.NavBar.navAriaLabel":"\u30e1\u30a4\u30f3","theme.NotFound.p1":"\u304a\u63a2\u3057\u306e\u3082\u306e\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002","theme.NotFound.p2":"\u5143\u306eURL\u306b\u30ea\u30f3\u30af\u3057\u305f\u30b5\u30a4\u30c8\u306e\u6240\u6709\u8005\u306b\u9023\u7d61\u3057\u3001\u30ea\u30f3\u30af\u304c\u5207\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u77e5\u3089\u305b\u3066\u304f\u3060\u3055\u3044\u3002","theme.NotFound.title":"\u30da\u30fc\u30b8\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093","theme.TOCCollapsible.toggleButtonLabel":"\u3053\u306e\u30da\u30fc\u30b8","theme.admonition.caution":"\u6ce8\u610f","theme.admonition.danger":"\u5371\u967a","theme.admonition.info":"\u60c5\u5831","theme.admonition.note":"\u30e1\u30e2","theme.admonition.tip":"tip","theme.admonition.warning":"\u8b66\u544a","theme.blog.archive.description":"\u30a2\u30fc\u30ab\u30a4\u30d6","theme.blog.archive.title":"\u30a2\u30fc\u30ab\u30a4\u30d6","theme.blog.paginator.navAriaLabel":"\u30d6\u30ed\u30b0\u4e00\u89a7\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.paginator.newerEntries":"\u65b0\u3057\u3044\u9805\u76ee","theme.blog.paginator.olderEntries":"\u53e4\u3044\u9805\u76ee","theme.blog.post.paginator.navAriaLabel":"\u30d6\u30ed\u30b0\u6295\u7a3f\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.post.paginator.newerPost":"\u65b0\u3057\u3044\u6295\u7a3f","theme.blog.post.paginator.olderPost":"\u4ee5\u524d\u306e\u6295\u7a3f","theme.blog.post.plurals":"1 \u3064\u306e\u6295\u7a3f|{count} \u6295\u7a3f","theme.blog.post.readMore":"\u7d9a\u304d\u3092\u8aad\u3080","theme.blog.post.readMoreLabel":"{title} \u306b\u3064\u3044\u3066\u3082\u3063\u3068\u8aad\u3080","theme.blog.post.readingTime.plurals":"1\u5206\u9593\u306e\u8aad\u307f\u53d6\u308a|{readingTime} \u5206\u9593\u306e\u8aad\u307f\u53d6\u308a","theme.blog.sidebar.navAriaLabel":"\u30d6\u30ed\u30b0\u306e\u6700\u8fd1\u306e\u6295\u7a3f\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.tagTitle":"{nPosts} \u306f \\"{tagName} \\" \u3067\u30bf\u30b0\u4ed8\u3051\u3055\u308c\u3066\u3044\u307e\u3059","theme.colorToggle.ariaLabel":"\u30c0\u30fc\u30af\u30e2\u30fc\u30c9\u3068\u30e9\u30a4\u30c8\u30e2\u30fc\u30c9\u3092\u5207\u308a\u66ff\u3048\u308b (\u73fe\u5728\u306e {mode})","theme.colorToggle.ariaLabel.mode.dark":"\u30c0\u30fc\u30af\u30e2\u30fc\u30c9","theme.colorToggle.ariaLabel.mode.light":"\u30e9\u30a4\u30c8\u30e2\u30fc\u30c9","theme.common.editThisPage":"\u3053\u306e\u30da\u30fc\u30b8\u3092\u7de8\u96c6","theme.common.headingLinkTitle":"{heading} \u3078\u306e\u76f4\u63a5\u30ea\u30f3\u30af","theme.common.skipToMainContent":"\u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u30b9\u30ad\u30c3\u30d7","theme.docs.DocCard.categoryDescription":"{count} \u30a2\u30a4\u30c6\u30e0","theme.docs.breadcrumbs.home":"\u30db\u30fc\u30e0\u30da\u30fc\u30b8","theme.docs.breadcrumbs.navAriaLabel":"\u30d1\u30f3\u304f\u305a\u30ea\u30b9\u30c8","theme.docs.paginator.navAriaLabel":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u30da\u30fc\u30b8","theme.docs.paginator.next":"\u6b21\u3078","theme.docs.paginator.previous":"\u524d","theme.docs.sidebar.closeSidebarButtonAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.collapseButtonAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.collapseButtonTitle":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.expandButtonAriaLabel":"Expand sidebar","theme.docs.sidebar.expandButtonTitle":"Expand sidebar","theme.docs.sidebar.navAriaLabel":"Docs sidebar","theme.docs.sidebar.toggleSidebarButtonAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u306e\u5207\u308a\u66ff\u3048","theme.docs.tagDocListPageTitle":"\u300c{nDocsTagged} \u300d\u306e{tagName}","theme.docs.tagDocListPageTitle.nDocsTagged":"\u30bf\u30b0\u4ed8\u3051\u3055\u308c\u305f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8|{count} \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8","theme.docs.versionBadge.label":"\u30d0\u30fc\u30b8\u30e7\u30f3: {versionLabel}","theme.docs.versions.latestVersionLinkLabel":"\u6700\u65b0\u30d0\u30fc\u30b8\u30e7\u30f3","theme.docs.versions.latestVersionSuggestionLabel":"\u6700\u65b0\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u3064\u3044\u3066\u306f\u3001 {latestVersionLink} ({versionLabel} ) \u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002","theme.docs.versions.unmaintainedVersionLabel":"\u3053\u308c\u306f {siteTitle} {versionLabel}\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u3042\u308a\u3001\u73fe\u5728\u30a2\u30af\u30c6\u30a3\u30d6\u306b\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002","theme.docs.versions.unreleasedVersionLabel":"\u3053\u308c\u306f\u3001 {siteTitle} {versionLabel} \u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u672a\u30ea\u30ea\u30fc\u30b9\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u3059\u3002","theme.lastUpdated.atDate":" {date}","theme.lastUpdated.byUser":" \u4f5c\u6210\u8005\uff1a {user}","theme.lastUpdated.lastUpdatedAtBy":"\u6700\u7d42\u66f4\u65b0{atDate}{byUser}","theme.navbar.mobileLanguageDropdown.label":"\u8a00\u8a9e","theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel":"\u2192 \u30e1\u30a4\u30f3\u30e1\u30cb\u30e5\u30fc\u306b\u623b\u308b","theme.navbar.mobileVersionsDropdown.label":"\u30d0\u30fc\u30b8\u30e7\u30f3","theme.tags.tagsListLabel":"\u30bf\u30b0:","theme.tags.tagsPageLink":"\u3059\u3079\u3066\u306e\u30bf\u30b0\u3092\u8868\u793a","theme.tags.tagsPageTitle":"\u30bf\u30b0","theme.unlistedContent.message":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u30ea\u30b9\u30c8\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u306f\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u4f5c\u6210\u305b\u305a\u3001\u30c0\u30a4\u30ec\u30af\u30c8\u30ea\u30f3\u30af\u3092\u6301\u3064\u30e6\u30fc\u30b6\u30fc\u306e\u307f\u304c\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002","theme.unlistedContent.title":"\u30ea\u30b9\u30c8\u3055\u308c\u3066\u3044\u306a\u3044\u30da\u30fc\u30b8","footer.status":"\u30b9\u30c6\u30fc\u30bf\u30b9","footer.roadmap":"\u30ed\u30fc\u30c9\u30de\u30c3\u30d7","footer.changelog":"\u66f4\u65b0\u5c65\u6b74","footer.media":"\u30e1\u30c7\u30a3\u30a2\u30ad\u30c3\u30c8","ai_header.solutions_title.image_generator":"AI Image Generator","ai_header.solutions_title.ai_voice_generator":"AI\u97f3\u58f0\u751f\u6210\u30c4\u30fc\u30eb","ai_header.solutions_title.dashboard":"\u30c7\u30fc\u30bf\u5206\u6790\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9","ai_header.solutions_title.cms":"\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406","ai_header.solutions_title.crm":"\u30bb\u30fc\u30eb\u30b9CRM","ai_header.solutions_title.admin_panel":"\u7ba1\u7406\u30d1\u30cd\u30eb","footer.table":"\u8868","footer.chart":"\u30b0\u30e9\u30d5","footer.upload":"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","footer.switch":"\u5207\u308a\u66ff\u3048","footer.select":"\u9078\u629e","footer.radio_group":"\u7121\u7dda\u30b0\u30eb\u30fc\u30d7","footer.checkbox_group":"\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30b0\u30eb\u30fc\u30d7","footer.pdf":"PDF","footer.video":"\u30d3\u30c7\u30aa","footer.mysql":"MySQL","footer.postgre":"PostgreSQL","footer.mongodb":"MongoDB","footer.firebase":"Firebase","footer.elasticsearch":"Elastic Search","footer.mssql":"Microsoft SQL Server","footer.supabase":"Supabase","footer.dynamo":"DynamoDB","footer.hf":"\u9854\u63a8\u8ad6API \u3092\u30cf\u30b0\u3059\u308b","footer.components":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","footer.integrations":"\u7d71\u5408","ai_header.solutions_title.solutions":"\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3","footer.company":"\u4f1a\u793e\u540d","footer.community":"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3","slogan-1":"AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","footer.privacy-policy":"\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc","footer.terms-of-service":"\u5229\u7528\u898f\u7d04","ai_header.solutions_sub_title.solutions_by_use_case":"\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u5225\u306e\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3","ai_header.solutions_description.image_generator":"AI\u3092\u4f7f\u7528\u3057\u3066\u753b\u50cf\u3092\u751f\u6210\u3057\u307e\u3059\u3002\u30a2\u30a4\u30c7\u30a2\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u3088\u308a\u52b9\u7387\u7684\u306b\u884c\u3044\u307e\u3059\u3002","ai_header.solutions_description.ai_voice_generator":"\u7ffb\u8a33\u3068\u8d64\u5b57\u5316\u306b\u3088\u308a\u3001\u3055\u307e\u3056\u307e\u306a\u8a00\u8a9e\u9818\u57df\u306e\u52d5\u753b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52b9\u7387\u7684\u306b\u5236\u4f5c\u3067\u304d\u307e\u3059\u3002","ai_header.solutions_description.dashboard":"\u5305\u62ec\u7684\u306a\u30c7\u30fc\u30bf\u5206\u6790\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u69cb\u7bc9\u3057\u3001\u6700\u5c0f\u9650\u306e\u6295\u8cc7\u3067\u30d3\u30b8\u30cd\u30b9\u6210\u9577\u3092\u63a8\u9032\u3057\u307e\u3059\u3002","ai_header.solutions_description.cms":"\u3069\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001\u30a6\u30a7\u30d6\u3001\u307e\u305f\u306f\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u3067\u3082\u4e00\u8cab\u3057\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u4f53\u9a13\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","ai_header.solutions_description.crm":"\u3088\u308a\u901f\u304f\u53d6\u5f15\u3092\u30af\u30ed\u30fc\u30ba\u3059\u308b\u305f\u3081\u306e\u512a\u308c\u305f\u55b6\u696dCRM\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3","ai_header.solutions_description.admin_panel":"\u30c7\u30fc\u30bf\u306e\u7ba1\u7406\u3084\u64cd\u4f5c\u3092\u884c\u3046\u305f\u3081\u306e\u7ba1\u7406\u30d1\u30cd\u30eb\u309210\u500d\u306e\u901f\u5ea6\u3067\u69cb\u7bc9\u3057\u307e\u3059\u3002","nav.resource":"\u30ea\u30bd\u30fc\u30b9","sub_nav.resource.integrations":"\u7d71\u5408","sub_nav.resource.components":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","nav.pricing":"\u4fa1\u683c","nav.doc":"Doc","nav.blog":"\u30d6\u30ed\u30b0","nav.login":"\u30ed\u30b0\u30a4\u30f3","nav.signup":"\u7121\u6599\u3067\u59cb\u3081\u308b","blog.scroll_down":"ILLA \u30af\u30e9\u30a6\u30c9\u3092\u4f7f\u3063\u3066AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","blog.blog_desc_left_title":"\u5185\u90e8\u30c4\u30fc\u30eb\u3067\u82e6\u52b4\u3057\u3066\u3044\u307e\u3059\u304b\uff1f","blog.blog_desc_left_desc":"ILLA Cloud\u3092\u4f7f\u3063\u3066CRUD\u30a2\u30d7\u30ea\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u7ba1\u7406\u30d1\u30cd\u30eb\u3001\u30bb\u30fc\u30eb\u30b9CRM\u3001AI\u753b\u50cf\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\u306a\u3069\u306e\u69cb\u7bc9\u3092\u6570\u5206\u3067\u958b\u59cb\u3057\u307e\u3057\u3087\u3046\uff01","pricing.sub-title":"AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","pricing.title":"\u4fa1\u683c","pricing.page-desc":"ILLA Cloud Billing \u306e\u5c0e\u5165\u306b\u3088\u308a\u3001\u76e3\u67fb\u30ed\u30b0\u3084\u516c\u958b\u30a2\u30d7\u30ea\u306a\u3069\u306e\u7279\u5225\u306a\u6a5f\u80fd\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002 \u8acb\u6c42\u30b7\u30b9\u30c6\u30e0\u306f\u3001\u30aa\u30fc\u30ca\u30fc\u3001\u7ba1\u7406\u8005\u3001\u7de8\u96c6\u8005\u306e\u5f79\u5272\u3092\u542b\u3080\u7de8\u96c6\u6a29\u9650\u3092\u6301\u3064\u30e1\u30f3\u30d0\u30fc\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002 \u8cfc\u8aad\u3059\u308b\u3068\u3001\u7121\u5236\u9650\u306e\u8996\u8074\u8005\u3092\u8ffd\u52a0\u6599\u91d1\u306a\u3057\u3067\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002","blog.meta.title":"ILLA\u30d6\u30ed\u30b0","blog.meta.description":"\u958b\u767a\u8005\u306e\u305f\u3081\u306e\u77e5\u8b58\u306e\u6052\u4f8b\u306e\u30ea\u30dd\u30b8\u30c8\u30ea\u3067\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3084\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u958b\u767a\u3001AI\u3001\u30ed\u30fc\u30b3\u30fc\u30c9\u3001ILLA Cloud\u306a\u3069\u306e\u5e45\u5e83\u3044\u5206\u91ce\u3092\u7db2\u7f85\u3057\u3066\u3044\u307e\u3059\u3002 \u3053\u3053\u3067\u306f\u3001\u6700\u5148\u7aef\u306e\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306b\u6ca1\u982d\u3057\u3001\u65b0\u305f\u306a\u30c8\u30ec\u30f3\u30c9\u3092\u6398\u308a\u4e0b\u3052\u3001\u6d3b\u6c17\u306e\u3042\u308b\u7d4c\u9a13\u306e\u4ea4\u63db\u306b\u53d6\u308a\u7d44\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","meta.title":"ILLA Cloud | AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","meta.description":"AI Agent \u3068\u9ad8\u5ea6\u306a\u30ed\u30fc\u30b3\u30fc\u30c9\u30c4\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059","faq.title":"\u3088\u304f\u5bc4\u305b\u3089\u308c\u308b\u8cea\u554f","faq.content.0.question":"ILLA AI\u3067\u306f\u3069\u306e\u3088\u3046\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u304b?","faq.content.0.answer":"\u5fc5\u8981\u306a\u3042\u3089\u3086\u308b\u5185\u90e8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3084AI\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001AI\u3092\u5185\u90e8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u7d71\u5408\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u7ba1\u7406\u30d1\u30cd\u30eb\u3001\u30d5\u30a1\u30a4\u30eb\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u3001\u9867\u5ba2\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3001\u30c6\u30ad\u30b9\u30c8\u751f\u6210\u30c4\u30fc\u30eb\u3001\u753b\u50cf\u751f\u6210\u30c4\u30fc\u30eb\u3001\u96fb\u5b50\u30e1\u30fc\u30eb\u751f\u6210\u30c4\u30fc\u30eb\u306a\u3069\u3067\u3059\u3002","faq.content.1.question":"\u8ab0\u304cILLA\u30af\u30e9\u30a6\u30c9\u3092\u5229\u7528\u3067\u304d\u307e\u3059\u304b?","faq.content.1.answer":"\u30d7\u30ed\u30c0\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3001\u30d5\u30eb\u30b9\u30bf\u30c3\u30af\u958b\u767a\u8005\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3001\u30c7\u30fc\u30bf\u30a2\u30ca\u30ea\u30b9\u30c8\u306e\u3044\u305a\u308c\u3067\u3082... nynone \u306f ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059: \u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308b\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u8a2d\u8a08\u304b\u3089\u3001\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3068\u306e\u7d71\u5408\u3001\u304a\u3088\u3073 AI \u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u305f\u30af\u30a8\u30ea\u306e\u751f\u6210\u307e\u3067\u3002 ILLA\u306f\u3001\u4e0d\u5fc5\u8981\u306a\u8907\u96d1\u6027\u3092\u6392\u9664\u3059\u308b\u5408\u7406\u5316\u3055\u308c\u305f\u7d4c\u9a13\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u72ec\u81ea\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b\u3001\u6280\u8853\u306e\u5c02\u9580\u5bb6\u3067\u3042\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002","faq.content.2.question":"ILLA \u30af\u30e9\u30a6\u30c9\u304b\u3089\u3069\u306e\u3088\u3046\u306b\u5229\u76ca\u3092\u5f97\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u304b?","faq.content.2.answer":"ILLA AI\u306f\u3001\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u30b3\u30b9\u30c8\u3092\u524a\u6e1b\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u5e0c\u671b\u3059\u308b\u3042\u3089\u3086\u308bAI\u6a5f\u80fd\u3092\u7d71\u5408\u3057\u307e\u3059\u3002 \u4ed5\u4e8b\u3092\u52b9\u7387\u5316\u3057\u8cb4\u91cd\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u77ed\u6642\u9593\u3067\u751f\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059","faq.content.3.question":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u7279\u5b9a\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b?","faq.content.3.answer":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306f\u5927\u898f\u6a21\u306a\u8a00\u8a9e\u30e2\u30c7\u30eb\u306b\u57fa\u3065\u3044\u3066\u304a\u308a\u3001\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u3092\u5b9f\u884c\u3059\u308b\u3088\u3046\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002 \u30d3\u30b8\u30cd\u30b9\u8981\u4ef6\u306b\u57fa\u3065\u3044\u3066\u3001AI Agent \u306e\u52d5\u4f5c\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002 ILLA Builder\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306b\u30c7\u30fc\u30bf\u3092\u5165\u529b\u3057\u3001\u30c6\u30ad\u30b9\u30c8\u51e6\u7406\u306a\u3069\u306e\u6307\u5b9a\u3055\u308c\u305f\u30bf\u30b9\u30af\u3092\u9054\u6210\u3059\u308b\u305f\u3081\u306b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u753b\u50cf\u8a8d\u8b58\u3068\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u3067\u3059","faq.content.4.question":"ILLA\u306f\u3069\u306e\u3088\u3046\u306a\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u304b?","faq.content.4.answer":"ILLA\u306f\u3001PostgreSQL\u3001MongoDB\u3001REST API\u3001GraphQL\u3001Google Sheet\u306a\u3069\u3001\u3055\u307e\u3056\u307e\u306a\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3068\u306e\u7d71\u5408\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002 \u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u4efb\u610f\u306e\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u63a5\u7d9a\u3067\u304d\u308b\u305f\u3081\u3001\u76ee\u7684\u306e\u30c7\u30fc\u30bf\u306b\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002","faq.content.5.question":"ILLA \u30af\u30e9\u30a6\u30c9\u30e6\u30fc\u30b6\u30fc\u306e\u6280\u8853\u30b5\u30dd\u30fc\u30c8\u306f\u3042\u308a\u307e\u3059\u304b?","faq.content.5.answer":"\u306f\u3044\u3001ILLA \u30af\u30e9\u30a6\u30c9\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u6280\u8853\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u6a5f\u80fd\u306b\u95a2\u3059\u308b\u554f\u984c\u3084\u8cea\u554f\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30b5\u30dd\u30fc\u30c8\u30c1\u30fc\u30e0\u307e\u3067\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002 ILLA Cloud\u3067\u30b7\u30fc\u30e0\u30ec\u30b9\u306a\u4f53\u9a13\u3092\u304a\u5c4a\u3051\u3059\u308b\u3053\u3068\u306b\u5c02\u5ff5\u3057\u3066\u3044\u307e\u3059\u3002","pricing.meta-desc":"\u3059\u3079\u3066\u306e\u500b\u3005\u306e\u958b\u767a\u8005\u3084\u5c0f\u898f\u6a21\u30c1\u30fc\u30e0\u304c\u5185\u90e8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u306e\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066\u306e\u6a5f\u80fd\u3092\u5099\u3048\u305f\u7121\u6599\u7248\u3067\u958b\u59cb\u3067\u304d\u307e\u3059\u3002","pricing.billing.pricing.premium.feature.builder.viewer":"\u7121\u5236\u9650\u306e\u30d3\u30e5\u30fc\u30a2\u30fc\u3067\u7121\u6599","pricing.billing.pricing.premium.feature.builder.audit_log":"\u76e3\u67fb\u30ed\u30b0","pricing.billing.pricing.premium.feature.builder.public":"\u30a2\u30d7\u30ea\u306e\u516c\u958b","pricing.billing.pricing.premium.feature.builder.sql":"AI SQL\u751f\u6210","pricing.billing.pricing.premium.feature.builder.history":"\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u7de8\u96c6\u5c65\u6b74\u3068\u5fa9\u5143","pricing.billing.pricing.premium.feature.builder.theme":"\u30ab\u30b9\u30bf\u30e0\u30c6\u30fc\u30de\uff08\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a\uff09","pricing.billing.pricing.premium.feature.builder.multi_environment":"\u8907\u6570\u74b0\u5883\uff08\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a\uff09","pricing.billing.pricing.premium.feature.builder.deployed_version":"\u30c7\u30d7\u30ed\u30a4\u3055\u308c\u305f\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u4fdd\u6301\u3057\u3066\u5fa9\u5143\uff08\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a\uff09","pricing.billing.pricing.premium.feature.agent.gpt":"GPT-4\u3084GPT-3.5-turbo-16k\u306a\u3069\u3001\u3055\u307e\u3056\u307e\u306a\u30e2\u30c7\u30eb\u306b\u30a2\u30af\u30bb\u30b9","pricing.billing.pricing.colla.feature.storage":"\u30b9\u30c8\u30ec\u30fc\u30b8","pricing.billing.pricing.colla.feature.traffic":"\u30c8\u30e9\u30d5\u30a3\u30c3\u30af","pricing.billing.pricing.colla.feature.token":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8","pricing.faq.title":"\u3088\u304f\u3042\u308b\u8cea\u554f","pricing.faq.content.0.question":"\u8ab2\u91d1\u5bfe\u8c61\u3068\u306a\u308b\u30e6\u30fc\u30b6\u30fc\u306f\u8ab0\u3067\u3059\u304b\uff1f","pricing.faq.content.0.answer":"\u7de8\u96c6\u6a29\u9650\uff08\u30a8\u30c7\u30a3\u30bf\u30fc\uff09\u3092\u6301\u3064\u30e6\u30fc\u30b6\u30fc\u304c\u8ab2\u91d1\u5bfe\u8c61\u3067\u3059\u3002","pricing.faq.content.1.question":"\u7570\u306a\u308b\u30bf\u30a4\u30d7\u306e\u30a8\u30c7\u30a3\u30bf\u30fc\u306f\u3042\u308a\u307e\u3059\u304b\uff1f","pricing.faq.content.1.answer":"\u7570\u306a\u308b\u30bf\u30a4\u30d7\u306e\u30a8\u30c7\u30a3\u30bf\u30fc\u306b\u306f\u30aa\u30fc\u30ca\u30fc\u3001\u7ba1\u7406\u8005\u3001\u30a8\u30c7\u30a3\u30bf\u30fc\u304c\u3042\u308a\u307e\u3059\u3002","pricing.faq.content.2.question":"\u30d3\u30e5\u30fc\u30a2\u30fc\u306f\u88fd\u54c1\u306e\u4f7f\u7528\u6599\u91d1\u304c\u304b\u304b\u308a\u307e\u3059\u304b\uff1f","pricing.faq.content.2.answer":"\u3044\u3044\u3048\u3001\u30d3\u30e5\u30fc\u30a2\u30fc\u306f\u88fd\u54c1\u306e\u4f7f\u7528\u6599\u91d1\u306f\u304b\u304b\u308a\u307e\u305b\u3093\u3002","pricing.faq.content.3.question":"\u30d3\u30e5\u30fc\u30a2\u30fc\u3092\u62db\u5f85\u3059\u308b\u306b\u306f\u3069\u3046\u3059\u308c\u3070\u3088\u3044\u3067\u3059\u304b\uff1f","pricing.faq.content.3.answer":"\u30d3\u30e5\u30fc\u30a2\u30fc\u3092\u62db\u5f85\u3059\u308b\u306b\u306f\u3001\u30c1\u30fc\u30e0\u3092\u30d7\u30e9\u30b9\u3001\u30d7\u30ec\u30df\u30a2\u30e0\u3001\u307e\u305f\u306f\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30d7\u30e9\u30f3\u306b\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3057\u3001\u30e1\u30fc\u30eb\u307e\u305f\u306f\u30ea\u30f3\u30af\u3092\u4ecb\u3057\u3066\u30e6\u30fc\u30b6\u30fc\u3092\u62db\u5f85\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002","pricing.faq.content.4.question":"ILLA Cloud\u306f\u3069\u306e\u3088\u3046\u306a\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u304b\uff1f","pricing.faq.content.4.answer":"ILLA Builder\u3001ILLA Drive\u3001AI Agent\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002","pricing.faq.content.5.question":"ILLA Drive\u3068\u306f\u4f55\u3067\u3059\u304b\uff1f","pricing.faq.content.5.answer":"ILLA Drive\u306f\u3001\u4f1a\u793e\u306e\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3084\u4ed6\u306e\u88fd\u54c1\u3092\u901a\u3058\u3066\u4efb\u610f\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u4fdd\u5b58\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u914d\u4fe1\u3059\u308b\u305f\u3081\u306eCDN\uff08\u30b3\u30f3\u30c6\u30f3\u30c4\u30c7\u30ea\u30d0\u30ea\u30fc\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\uff09\u3067\u3059\u3002\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u306e\u5229\u7528\u6599\u91d1\u306f\u5225\u9014\u8acb\u6c42\u3055\u308c\u307e\u3059\u3002","pricing.faq.content.6.question":"AI Agent\u3068\u306f\u4f55\u3067\u3059\u304b\uff1f","pricing.faq.content.6.answer":"\u6211\u3005\u306f\u3001\u30d7\u30ed\u30f3\u30d7\u30c8\u306e\u5c02\u9580\u5bb6\u3084\u611b\u597d\u5bb6\u306b\u3088\u3063\u3066\u63d0\u4f9b\u3055\u308c\u308b\u6570\u5343\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u5099\u3048\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\u8ab0\u3067\u3082\u3053\u308c\u3089\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u5b9f\u884c\u307e\u305f\u306f\u4fee\u6b63\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","pricing.faq.content.7.question":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u4f7f\u7528\u6599\u91d1\u306f\u3069\u306e\u3088\u3046\u306b\u8acb\u6c42\u3055\u308c\u307e\u3059\u304b\uff1f","pricing.faq.content.7.answer":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u4f7f\u7528\u6599\u91d1\u306b\u95a2\u3057\u3066\u306f\u3001ILLA\u5185\u306e\u8ab2\u91d1\u6982\u5ff5\u3067\u3042\u308bColla\u306b\u57fa\u3065\u3044\u3066\u8acb\u6c42\u3055\u308c\u307e\u3059\u3002Colla\u306f\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u30e9\u30f3\u30bf\u30a4\u30e0\u4e2d\u306b\u6d88\u8cbb\u3055\u308c\u308b\u30ea\u30bd\u30fc\u30b9\u3092\u8a08\u6e2c\u3057\u307e\u3059\u3002","landingPage.components.meta.title":"ILLA \u30af\u30e9\u30a6\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPage.components.meta.description":"\u4e8b\u524d\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001ILLA Cloud \u3067\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPage.components.headerContent.title":"\u7d44\u307f\u8fbc\u307f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30e9\u30a4\u30d6\u30e9\u30ea","landingPage.components.headerContent.description":"ILLA\u306f\u3001\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u7bc4\u56f2\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u7c21\u5358\u306b\u69cb\u7bc9\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a2\u30af\u30b7\u30e7\u30f3\u306b\u5fdc\u7b54\u3057\u3001\u7c21\u5358\u306a\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u64cd\u4f5c\u3067\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002 ILLA\u3067\u306f\u3001\u30c6\u30fc\u30d6\u30eb\u3001\u30b0\u30e9\u30d5\u3001\u30d5\u30a9\u30fc\u30e0\u3001\u30ea\u30b9\u30c8\u306a\u3069\u306e\u8907\u96d1\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPage.components.headerContent.btnText":"\u7121\u6599\u3067\u8a66\u3059","landingPage.components.classify.inputs.title":"Inputs","landingPage.components.classify.inputs.upload.title":"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","landingPage.components.classify.inputs.upload.description":"ILLA Cloud\u306e\u300c\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u4efb\u610f\u306e\u7a2e\u985e\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPage.components.classify.inputs.switch.title":"\u5207\u308a\u66ff\u3048","landingPage.components.classify.inputs.switch.description":"ILLA Cloud\u306e\u300c\u30b9\u30a4\u30c3\u30c1\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u8a2d\u5b9a\u3084\u6a5f\u80fd\u3092\u30aa\u30f3\u307e\u305f\u306f\u30aa\u30d5\u306b\u3067\u304d\u308b\u30c8\u30b0\u30eb\u30b9\u30a4\u30c3\u30c1\u304c\u3042\u308a\u307e\u3059\u3002","landingPage.components.classify.inputs.select.title":"\u9078\u629e","landingPage.components.classify.inputs.select.description":"ILLA Cloud\u306e\u300c\u9078\u629e\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30ea\u30b9\u30c8\u304b\u3089\u9078\u629e\u3067\u304d\u308b\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002 \u30c7\u30fc\u30bf\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306e\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u3067\u30b9\u30da\u30fc\u30b9\u52b9\u7387\u306e\u826f\u3044\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059","landingPage.components.classify.inputs.radioGroup.title":"\u7121\u7dda\u30b0\u30eb\u30fc\u30d7","landingPage.components.classify.inputs.radioGroup.description":"ILLA Cloud\u306e\u300cRadio Group\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u304c\u9078\u629e\u80a2\u306e\u30ea\u30b9\u30c8\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u7121\u7dda\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002 \u30c7\u30fc\u30bf\u306e\u5165\u529b\u3068\u7ba1\u7406\u306e\u7c21\u5358\u3067\u660e\u78ba\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059","landingPage.components.classify.inputs.checkboxGroup.title":"CheckboxGroup","landingPage.components.classify.inputs.checkboxGroup.description":"ILLA Cloud\u306e\u300cCheckbox Group\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u304c\u30ea\u30b9\u30c8\u304b\u3089\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002 \u30c7\u30fc\u30bf\u3092\u7c21\u5358\u304b\u3064\u52b9\u7387\u7684\u306b\u7ba1\u7406\u3059\u308b\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059","landingPage.components.classify.data.title":"\u30c7\u30fc\u30bf","landingPage.components.classify.inputs.chart.title":"\u30b0\u30e9\u30d5","landingPage.components.classify.inputs.chart.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30c1\u30e3\u30fc\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30f3\u30af\u3055\u308c\u305f\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u3066\u8907\u6570\u306e\u7a2e\u985e\u306e\u30c1\u30e3\u30fc\u30c8\u3092\u8868\u793a\u3057\u307e\u3059\u3002 \u8907\u96d1\u306a\u30c7\u30fc\u30bf\u306e\u660e\u78ba\u3067\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u306a\u8868\u73fe\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPage.components.classify.inputs.tables.title":"\u30c6\u30fc\u30d6\u30eb","landingPage.components.classify.inputs.tables.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u8868\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u8868\u5f62\u5f0f\u3067\u8868\u793a\u3057\u307e\u3059\u3002 \u5927\u91cf\u306e\u60c5\u5831\u3092\u4e00\u76ee\u3067\u8868\u793a\u3001\u4e26\u3079\u66ff\u3048\u3001\u5206\u6790\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPage.components.classify.Presentation.title":"\u30d7\u30ec\u30bc\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3","landingPage.components.classify.inputs.pdf.title":"PDF","landingPage.components.classify.inputs.pdf.description":"ILLA Cloud\u306e\u300cPDF\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306ePDF\u30d5\u30a1\u30a4\u30eb\u3092\u8868\u793a\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u8868\u793a\u8981\u7d20\u3067\u3059\u3002","landingPage.components.classify.inputs.video.title":"\u30d3\u30c7\u30aa","landingPage.components.classify.inputs.video.description":"ILLA Cloud\u306e\u300cVideo\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d3\u30c7\u30aa\u3092\u518d\u751f\u3057\u3001\u5bfe\u8a71\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3059\u308b\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u8981\u7d20\u3067\u3059\u3002","landingPage.integrations.meta.title":"ILLA \u30af\u30e9\u30a6\u30c9\u7d71\u5408","landingPage.integrations.meta.description":"\u7d71\u5408\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c7\u30fc\u30bf\u30ea\u30bd\u30fc\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u4f5c\u696d\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPage.integrations.headerContent.title":"\u4efb\u610f\u306e\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a","landingPage.integrations.headerContent.description":"\u30e1\u30a4\u30f3\u30b9\u30c8\u30ea\u30fc\u30e0\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3084API\u7d4c\u7531\u3067\u63a5\u7d9a\u3055\u308c\u305f\u3042\u3089\u3086\u308b\u30c7\u30fc\u30bf\u306b\u63a5\u7d9a\u3059\u308b\u6a5f\u80fd\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002 ILLA Cloud \u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u958b\u767a\u8005\u306f\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u53d6\u5f97\u3057\u305f\u30c7\u30fc\u30bf\u3092\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u7dca\u5bc6\u306b\u7d71\u5408\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u958b\u767a\u8005\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u30a4\u30d9\u30f3\u30c8\u306b\u5fdc\u7b54\u3059\u308b\u30ea\u30bd\u30fc\u30b9\u3084\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u547c\u3073\u51fa\u3057\u3092\u8a18\u8ff0\u3057\u3001\u5e83\u7bc4\u306a\u60c5\u5831\u64cd\u4f5c\u3092\u5b9f\u73fe\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPage.integrations.headerContent.btnText":"\u7121\u6599\u3067\u8a66\u3059","landingPage.integrations.classify.database.title":"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7d71\u5408","landingPage.integrations.classify.database.mysql.description":"\u52b9\u7387\u7684\u306a\u30c7\u30fc\u30bf\u306e\u4fdd\u5b58\u3068\u53d6\u5f97\u3092\u53ef\u80fd\u306b\u3059\u308b\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.postgreSQL.description":"\u5b89\u5b9a\u6027\u3068\u4fe1\u983c\u6027\u3067\u77e5\u3089\u308c\u308b\u9ad8\u5ea6\u306a\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.mariadb.description":"\u5f37\u5316\u3055\u308c\u305f\u6a5f\u80fd\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6539\u5584\u3092\u5099\u3048\u305fMySQL\u306e\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u4e3b\u5c0e\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u30d5\u30a9\u30fc\u30af\u3002","landingPage.integrations.classify.database.tidb.description":"\u6c34\u5e73\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3\u3068\u30d5\u30a9\u30eb\u30c8\u30c8\u30ec\u30e9\u30f3\u30b9\u3092\u5099\u3048\u305fSQL\u3068NoSQL\u306e\u4e21\u65b9\u306e\u30ef\u30fc\u30af\u30ed\u30fc\u30c9\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u5206\u6563SQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3002","landingPage.integrations.classify.database.redis.description":"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3001\u304a\u3088\u3073\u30e1\u30c3\u30bb\u30fc\u30b8\u30d6\u30ed\u30fc\u30ab\u30fc\u3068\u3057\u3066\u3088\u304f\u4f7f\u7528\u3055\u308c\u308b\u30a4\u30f3\u30e1\u30e2\u30ea\u30c7\u30fc\u30bf\u69cb\u9020\u30b9\u30c8\u30a2\u3002","landingPage.integrations.classify.database.appwrite.description":"Web\u304a\u3088\u3073\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a8d\u8a3c\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u304a\u3088\u3073\u30b9\u30c8\u30ec\u30fc\u30b8\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d0\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPage.integrations.classify.database.mongodb.description":"JSON\u306b\u4f3c\u305f\u67d4\u8edf\u306a\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u30c7\u30fc\u30bf\u3092\u683c\u7d0d\u3059\u308bNoSQL\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3002","landingPage.integrations.classify.database.oracleDB.description":"\u9ad8\u6027\u80fd\u3067\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u306a\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3067\u3001\u5305\u62ec\u7684\u306a\u6a5f\u80fd\u3068\u30c4\u30fc\u30eb\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPage.integrations.classify.database.elasticSearch.description":"\u5927\u91cf\u306e\u30c7\u30fc\u30bf\u3092\u6271\u3048\u308b\u5206\u6563\u578b\u306eRESTful\u691c\u7d22\u3068\u5206\u6790\u30a8\u30f3\u30b8\u30f3\u3002","landingPage.integrations.classify.database.couchDB.description":"\u5897\u5206\u30ec\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u7af6\u5408\u691c\u51fa\u3092\u5099\u3048\u305f\u5206\u6563\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u63d0\u4f9b\u3059\u308b NoSQL \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u6307\u5411\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3002","landingPage.integrations.classify.database.firebase.description":"\u30e2\u30d0\u30a4\u30eb\u304a\u3088\u3073Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u8a8d\u8a3c\u3001\u30af\u30e9\u30a6\u30c9\u30e1\u30c3\u30bb\u30fc\u30b8\u30f3\u30b0\u306a\u3069\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPage.integrations.classify.database.mssql.description":"\u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3\u51e6\u7406\u3001\u30d3\u30b8\u30cd\u30b9\u30a4\u30f3\u30c6\u30ea\u30b8\u30a7\u30f3\u30b9\u3001\u5206\u6790\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308bMicrosoft\u306b\u3088\u3063\u3066\u958b\u767a\u3055\u308c\u305f\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.supabaseDB.description":"\u30aa\u30f3\u30e9\u30a4\u30f3\u5206\u6790\u51e6\u7406(OLAP)\u30ef\u30fc\u30af\u30ed\u30fc\u30c9\u7528\u306b\u8a2d\u8a08\u3055\u308c\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u5217\u6307\u5411\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.neon.description":"\u5b8c\u5168\u306b\u7ba1\u7406\u3055\u308c\u305f\u30de\u30eb\u30c1\u30af\u30e9\u30a6\u30c9Postgres\u306f\u3001\u5bdb\u5927\u306a\u7121\u6599\u306e\u968e\u5c64\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002\u79c1\u305f\u3061\u306f\u3001\u81ea\u52d5\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3001\u5206\u5c90\u3001\u304a\u3088\u3073\u5e95\u306a\u3057\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306b\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u8a08\u7b97\u3092\u5206\u96e2\u3057\u307e\u3057\u305f\u3002","landingPage.integrations.classify.database.hydra.description":"Postgres\u4e0a\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u5217\u6307\u5411\u306eRDBMS","landingPage.integrations.classify.database.dynamoDB.description":"\u9ad8\u6027\u80fd\u3001\u62e1\u5f35\u6027\u3001\u4fe1\u983c\u6027\u3092\u63d0\u4f9b\u3059\u308b\u5b8c\u5168\u306b\u7ba1\u7406\u3055\u308c\u305fNoSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30b5\u30fc\u30d3\u30b9\u3002","landingPage.integrations.classify.database.snowflake.description":"\u5927\u898f\u6a21\u306a\u30c7\u30fc\u30bf\u306e\u4fdd\u5b58\u3068\u5206\u6790\u306e\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30c7\u30fc\u30bf\u30a6\u30a7\u30a2\u30cf\u30a6\u30b8\u30f3\u30b0\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPage.integrations.classify.api.title":"API\u9023\u643a","landingPage.integrations.classify.api.hfAPI.description":"\u63a8\u8ad6\u30bf\u30b9\u30af\u306e\u305f\u3081\u306e\u4f7f\u3044\u3084\u3059\u3044\u4e8b\u524d\u8a13\u7df4\u6e08\u307f\u306e\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u3092\u63d0\u4f9b\u3059\u308bAPI\u3002","landingPage.integrations.classify.api.hfEndpoint.description":"\u63a8\u8ad6\u30bf\u30b9\u30af\u7528\u306e Hug Face \u30e2\u30c7\u30eb\u306e\u5c55\u958b\u3068\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3092\u5bb9\u6613\u306b\u3059\u308b\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3002","landingPage.integrations.classify.api.restAPI.description":"HTTP\u30d7\u30ed\u30c8\u30b3\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3068\u30b5\u30fc\u30d0\u30fc\u9593\u3067\u30c7\u30fc\u30bf\u3092\u4ea4\u63db\u3059\u308bWeb\u30b5\u30fc\u30d3\u30b9\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306eWeb\u30d9\u30fc\u30b9\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u30b9\u30bf\u30a4\u30eb\u3002","landingPage.integrations.classify.api.s3.description":"\u3055\u307e\u3056\u307e\u306a\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u306b\u5408\u308f\u305b\u3066\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u3067\u5b89\u5168\u3067\u8010\u4e45\u6027\u306e\u3042\u308b\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u63d0\u4f9b\u3059\u308b\u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30b9\u30c8\u30ec\u30fc\u30b8\u30b5\u30fc\u30d3\u30b9\u3002","landingPage.integrations.classify.api.smtp.description":"\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u4e0a\u3067\u96fb\u5b50\u30e1\u30fc\u30eb\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u53d7\u4fe1\u3059\u308b\u305f\u3081\u306e\u30d7\u30ed\u30c8\u30b3\u30eb\u3002","landingPage.integrations.classify.api.graphQL.description":"\u5f93\u6765\u306eREST API\u306b\u4ee3\u308f\u308b\u3001\u3088\u308a\u52b9\u7387\u7684\u3067\u5f37\u529b\u3067\u67d4\u8edf\u306aAPI\u306e\u30af\u30a8\u30ea\u8a00\u8a9e\u3002","landingPage.integrations.classify.api.googleSheets.description":"\u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u3002\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u4ed6\u306e\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u3001\u7de8\u96c6\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPage.integrations.classify.api.airtable.description":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u30c7\u30fc\u30bf\u3001\u30c1\u30fc\u30e0\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u67d4\u8edf\u3067\u5354\u8abf\u7684\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","blog.all_posts":"\u3059\u3079\u3066\u306e\u6295\u7a3f","blog.all_posts_desc_bold":"ILLA\u30d6\u30ed\u30b0","blog.all_posts_desc":"|\u958b\u767a\u8005\u5411\u3051\u306e\u6052\u661f\u578b\u77e5\u8b58\u30ea\u30dd\u30b8\u30c8\u30ea\u3067\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3084\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u958b\u767a\u3001AI\u3001\u30ed\u30fc\u30b3\u30fc\u30c9\u3001ILLA Cloud\u306a\u3069\u306e\u5e45\u5e83\u3044\u5206\u91ce\u3092\u7db2\u7f85\u3057\u3066\u3044\u307e\u3059\u3002 \u3053\u3053\u3067\u306f\u3001\u6700\u5148\u7aef\u306e\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306b\u6ca1\u982d\u3057\u3001\u65b0\u305f\u306a\u30c8\u30ec\u30f3\u30c9\u3092\u6398\u308a\u4e0b\u3052\u3001\u6d3b\u6c17\u306e\u3042\u308b\u7d4c\u9a13\u306e\u4ea4\u63db\u306b\u53d6\u308a\u7d44\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","theme.blog.posts_tagged_with":"\u30bf\u30b0\u4ed8\u3051\u3055\u308c\u305f\u6295\u7a3f","footer.less":"\u8868\u793a\u3092\u6e1b\u3089\u3059","footer.more":"\u8a73\u7d30\u3092\u8868\u793a","nav.contact":"\u30c7\u30e2\u3092\u4e88\u7d04\u3059\u308b","website_4.solution.use_this_template":"\u4eca\u3059\u3050\u8a66\u3059","call-to-action.title":"ILLA \u30af\u30e9\u30a6\u30c9\u3092\u4f7f\u3063\u305f\u30a2\u30d7\u30ea\u306e\u69cb\u7bc9\u3092\u958b\u59cb","call-to-action.desc":"\u5fc5\u8981\u306a\u3042\u3089\u3086\u308b\u5185\u90e8\u30c4\u30fc\u30eb\u306f\u3001ILLA Cloud \u3092\u4f7f\u7528\u3057\u30661\u5206\u3067\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","call-to-action.button-1":"\u7121\u6599\u3067\u30af\u30e9\u30a6\u30c9\u3092\u8a66\u3059","call-to-action.button-2":"GitHub \u3067\u30b5\u30a4\u30f3\u30a4\u30f3","title.github":"Github","title.stars":"\u661f","title.star-us":"\u661f\u5370\u3092\u4ed8\u3051\u308b","learn_more":"\u3082\u3063\u3068\u8a73\u3057\u304f","pricing.billing.pricing.premium.desc":"\u30c1\u30fc\u30e0\u3092\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3057\u3066\u9ad8\u5ea6\u306a\u6a5f\u80fd\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b","pricing.billing.pricing.premium.price":"/month/editor","pricing.billing.pricing.colla.desc":"ILLA Cloud \u306e\u4ed8\u52a0\u4fa1\u5024\u30b5\u30fc\u30d3\u30b9\u306e\u652f\u6255\u3044\u306b\u4f7f\u7528","pricing.billing.pricing.colla.price":"/month/5k Colla","pricing.billing.plus-btn":"\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3059\u308b","landingPageDetail.audio.name":"\u30aa\u30fc\u30c7\u30a3\u30aa","landingPageDetail.audio.title":"ILLA Cloud\u306e\u30aa\u30fc\u30c7\u30a3\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.audio.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30d3\u30c7\u30aa\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d3\u30c7\u30aa\u3084\u30aa\u30fc\u30c7\u30a3\u30aa\u3092\u518d\u751f\u3057\u3001\u5bfe\u8a71\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30de\u30eb\u30c1\u30e1\u30c7\u30a3\u30a2\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u52b9\u7387\u7684\u3067\u4fbf\u5229\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059 \u307e\u305f\u306f\u3001\u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f Video \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u696d\u4e2d\u306b\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u30d3\u30c7\u30aa\u3092\u898b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u3067\u5fc5\u8981\u306a\u3059\u3079\u3066\u306e\u60c5\u5831\u3092\u7c21\u5358\u306b\u5165\u624b\u3067\u304d\u308b\u305f\u3081\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.audio.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|\u30aa\u30fc\u30c7\u30a3\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.audio.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Audio \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.barProgress.name":"\u30d0\u30fc\u306e\u9032\u884c\u72b6\u6cc1","landingPageDetail.barProgress.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300cBar Progress Component\u300d\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.barProgress.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300cBar Progress\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001100%\u30b9\u30b1\u30fc\u30eb\u306e\u30d0\u30fc\u306e\u9032\u884c\u72b6\u6cc1\u3092\u8996\u899a\u7684\u306b\u8868\u3057\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u304c\u81ea\u5206\u306e\u9032\u6357\u72b6\u6cc1\u3092\u8fc5\u901f\u304b\u3064\u52b9\u7387\u7684\u306b\u8ffd\u8de1\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002 \u9032\u6b69\u306e\u660e\u78ba\u304b\u3064\u7c21\u6f54\u306a\u8996\u899a\u7684\u306a\u8868\u73fe\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u3001\u5b8c\u4e86\u7387\u3092\u8a08\u7b97\u3059\u308b\u6642\u9593\u3092\u8cbb\u3084\u3059\u3053\u3068\u306a\u304f\u3001\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u6cbf\u3063\u3066\u3069\u308c\u304f\u3089\u3044\u9032\u3093\u3067\u3044\u308b\u304b\u3092\u7c21\u5358\u306b\u7406\u89e3\u3067\u304d\u307e\u3059\u3002 \u8cb4\u91cd\u306a\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u3088\u308a\u91cd\u8981\u306a\u4ed5\u4e8b\u306b\u96c6\u4e2d\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002","landingPageDetail.barProgress.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30d0\u30fc\u306e\u9032\u6357\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30c7\u30fc\u30bf\u306e\u9032\u6357\u72b6\u6cc1\u3092\u53ef\u8996\u5316\u3059\u308b","landingPageDetail.barProgress.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001Bar \u9032\u884c\u72b6\u6cc1\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.button.name":"\u30dc\u30bf\u30f3","landingPageDetail.button.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.button.description":"ILLA Cloud\u306e\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u3084\u308a\u53d6\u308a\u3059\u308b\u305f\u3081\u306e\u660e\u78ba\u304b\u3064\u76f4\u611f\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u30c8\u30ea\u30ac\u30fc\u3084\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u306b\u4f7f\u7528\u3067\u304d\u308b\u6c4e\u7528\u6027\u306e\u9ad8\u3044\u30c4\u30fc\u30eb\u3067\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3068\u304d\u306b\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u66f4\u65b0\u3092\u30c8\u30ea\u30ac\u30fc\u3059\u308b\u300c\u4fdd\u5b58\u300d\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3057\u3001\u624b\u52d5\u3067\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u66f4\u65b0\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u6642\u9593\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002","landingPageDetail.button.metaTitle":"ILLA Cloud | \u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.button.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3067\u306e\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.carousel.name":"Carousel","landingPageDetail.carousel.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30ab\u30eb\u30fc\u30bb\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.carousel.description":"ILLA Cloud\u306e\u300c\u30ab\u30eb\u30fc\u30bb\u30eb\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u30011\u3064\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306b\u8907\u6570\u306e\u753b\u50cf\u3084\u30e1\u30c7\u30a3\u30a2\u3092\u8868\u793a\u3057\u307e\u3059\u3002 \u5225\u3005\u306e\u30da\u30fc\u30b8\u3084\u30a6\u30a3\u30f3\u30c9\u30a6\u3092\u30ca\u30d3\u30b2\u30fc\u30c8\u3059\u308b\u5fc5\u8981\u304c\u306a\u304f\u306a\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u30ab\u30eb\u30fc\u30bb\u30eb\u3068\u5bfe\u8a71\u3057\u3001\u753b\u50cf\u3084\u52d5\u753b\u306a\u3069\u306e\u8868\u793a\u3055\u308c\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8868\u793a\u304a\u3088\u3073\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3059\u3079\u3066\u540c\u3058\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u5185\u3067\u30b7\u30fc\u30e0\u30ec\u30b9\u3067\u52b9\u7387\u7684\u306a\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPageDetail.carousel.metaTitle":"ILLA Cloud | \u30ab\u30eb\u30fc\u30bb\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.carousel.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306e\u30ab\u30eb\u30fc\u30bb\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.cascader.name":"Cascader","landingPageDetail.cascader.title":"ILLA Cloud \u306e Cascader \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.cascader.description":"ILLA Cloud\u306eCascader\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u9078\u629e\u80a2\u306e\u8907\u6570\u30ec\u30a4\u30e4\u30fc\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5165\u529b\u3068\u7ba1\u7406\u306b\u5bfe\u3059\u308b\u968e\u5c64\u7684\u3067\u52b9\u7387\u7684\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u88fd\u54c1\u9078\u629e\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Cascader\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u597d\u307f\u306e\u88fd\u54c1\u30ab\u30c6\u30b4\u30ea\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u53ce\u96c6\u306e\u7cbe\u5ea6\u3068\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059","landingPageDetail.cascader.metaTitle":"ILLA\u30af\u30e9\u30a6\u30c9\u30ab\u30b9\u30b1\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 | ILLA Cloud","landingPageDetail.cascader.metaDescription":"ILLA Cloud \u3067 Cascader \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ab\u30b9\u30b1\u30fc\u30c9\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.chart.name":"\u30b0\u30e9\u30d5","landingPageDetail.chart.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.chart.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30c1\u30e3\u30fc\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30f3\u30af\u3055\u308c\u305f\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u3066\u3055\u307e\u3056\u307e\u306a\u30c1\u30e3\u30fc\u30c8\u30bf\u30a4\u30d7\u3092\u8868\u793a\u3057\u3001\u8907\u96d1\u306a\u60c5\u5831\u3092\u660e\u78ba\u304b\u3064\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u306a\u65b9\u6cd5\u3067\u5206\u6790\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u30dd\u30a4\u30f3\u30c8\u3092\u6bd4\u8f03\u3057\u3001\u50be\u5411\u3092\u7279\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u610f\u601d\u6c7a\u5b9a\u306e\u305f\u3081\u306e\u52b9\u7387\u7684\u306a\u30c4\u30fc\u30eb\u3068\u306a\u308a\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u55b6\u696d\u30c1\u30fc\u30e0\u306f\u30b0\u30e9\u30d5\u3092\u4f7f\u7528\u3057\u3066\u53ce\u76ca\u3092\u8996\u899a\u5316\u3057\u3001\u6539\u5584\u306e\u305f\u3081\u306e\u9818\u57df\u3092\u7279\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u300c\u30b0\u30e9\u30d5\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u5206\u6790\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3001\u60c5\u5831\u3092\u308f\u304b\u308a\u3084\u3059\u3044\u5f62\u5f0f\u3067\u8868\u793a\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.chart.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30b0\u30e9\u30d5\u3084\u30b0\u30e9\u30d5\u3068\u3057\u3066\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b","landingPageDetail.chart.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.checkboxGroup.name":"\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30b0\u30eb\u30fc\u30d7","landingPageDetail.checkboxGroup.title":"ILLA Cloud\u306eCheckbox Group Component\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.checkboxGroup.description":"ILLA Cloud\u306eCheckbox Group\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30b9\u30c8\u304b\u3089\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u4fbf\u5229\u3067\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u88fd\u54c1\u8a2d\u5b9a\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Checkbox Group\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u8272\u3084\u30b5\u30a4\u30ba\u306a\u3069\u3001\u30c7\u30fc\u30bf\u53ce\u96c6\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059\u3002","landingPageDetail.checkboxGroup.metaTitle":"ILLA Cloud | Checkbox Group Component","landingPageDetail.checkboxGroup.metaDescription":"ILLA Cloud \u306eCheckbox Group\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.circleProgress.name":"\u5186\u306e\u9032\u6357\u72b6\u6cc1","landingPageDetail.circleProgress.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30b5\u30fc\u30af\u30eb\u9032\u884c\u72b6\u6cc1\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.circleProgress.description":"\u5186\u306e\u9032\u884c\u72b6\u6cc1\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8ILLA\u30af\u30e9\u30a6\u30c9\u306f\u3001\u5186\u5f62\u306e\u9032\u6357\u72b6\u6cc1\u3092\u8868\u793a\u3059\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u306a\u9032\u6b69\u3092\u8ffd\u8de1\u3059\u308b\u65b9\u6cd5\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059 \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u624b\u52d5\u3067\u30d1\u30fc\u30bb\u30f3\u30c6\u30fc\u30b8\u3092\u8a08\u7b97\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u30bf\u30b9\u30af\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u6357\u72b6\u6cc1\u3092\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u78ba\u8a8d\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u8ffd\u52a0\u306e\u6ce8\u610f\u3084\u30ea\u30bd\u30fc\u30b9\u304c\u5fc5\u8981\u306a\u9818\u57df\u3092\u7279\u5b9a\u3057\u3001\u660e\u78ba\u304b\u3064\u7c21\u6f54\u306a\u65b9\u6cd5\u3067\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u3084\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u306b\u9032\u6b69\u3092\u4f1d\u3048\u308b\u624b\u52a9\u3051\u3092\u3057\u307e\u3059","landingPageDetail.circleProgress.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30b5\u30fc\u30af\u30eb\u306e\u9032\u6357\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u5186\u5f62\u30d0\u30fc\u3067\u306e\u30c7\u30fc\u30bf\u306e\u9032\u6357\u306e\u8868\u793a\u3068\u7ba1\u7406","landingPageDetail.circleProgress.metaDescription":"ILLA Cloud \u306eCircular progress \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u5186\u5f62\u30d0\u30fc\u306b\u30c7\u30fc\u30bf\u306e\u9032\u884c\u72b6\u6cc1\u3092\u8868\u793a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.container.name":"\u30b3\u30f3\u30c6\u30ca","landingPageDetail.container.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30b3\u30f3\u30c6\u30ca\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.container.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30b3\u30f3\u30c6\u30ca\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u8907\u6570\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u307e\u3068\u3081\u3066\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u6574\u7406\u3068\u7ba1\u7406\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30b3\u30f3\u30c6\u30ca\u5185\u306e\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u30bb\u30c3\u30c8\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u306e\u53ce\u96c6\u3068\u9001\u4fe1\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3057\u3001\u5168\u4f53\u7684\u306a\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.container.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | \u30b3\u30f3\u30c6\u30ca\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.container.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u300cILLA Cloud\u300d\u3067\u30b3\u30f3\u30c6\u30ca\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.date.name":"\u65e5\u4ed8","landingPageDetail.date.title":"ILLA Cloud\u306e\u65e5\u4ed8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.date.description":"ILLA Cloud \u306e Date \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u65e5\u4ed8\u9078\u629e\u3092\u7c21\u7d20\u5316\u3057\u3001\u65e5\u4ed8\u95a2\u9023\u30c7\u30fc\u30bf\u7ba1\u7406\u306e\u52b9\u7387\u3068\u7cbe\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a4\u30d9\u30f3\u30c8\u767b\u9332\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001Date \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a4\u30d9\u30f3\u30c8\u65e5\u4ed8\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u65e5\u4ed8\u95a2\u9023\u306e\u30a8\u30e9\u30fc\u306e\u53ef\u80fd\u6027\u3092\u6e1b\u3089\u3057\u3001\u767b\u9332\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059\u3002","landingPageDetail.date.metaTitle":"ILLA Cloud | \u65e5\u4ed8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.date.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Date \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.dateRange.name":"Date Range","landingPageDetail.dateRange.title":"ILLA Cloud\u306e\u65e5\u4ed8\u7bc4\u56f2\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.dateRange.description":"ILLA Cloud\u306e\u300c\u65e5\u4ed8\u7bc4\u56f2\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u65e5\u4ed8\u7bc4\u56f2\u306e\u9078\u629e\u3092\u5408\u7406\u5316\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f\u30ec\u30dd\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u3001\u300c\u65e5\u4ed8\u7bc4\u56f2\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u304c\u30c7\u30fc\u30bf\u5206\u6790\u306e\u305f\u3081\u306e\u65e5\u4ed8\u7bc4\u56f2\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u52b9\u7387\u3092\u9ad8\u3081\u307e\u3059","landingPageDetail.dateRange.metaTitle":"ILLA Cloud | \u65e5\u4ed8\u7bc4\u56f2\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.dateRange.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Date Range \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.dateTime.name":"\u65e5\u4ed8\u6642\u523b","landingPageDetail.dateTime.title":"ILLA Cloud \u306e\u65e5\u4ed8\u6642\u523b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.dateTime.description":"ILLA Cloud\u306eDate Time\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u65e5\u4ed8\u3068\u6642\u523b\u306e\u9078\u629e\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u306e\u52b9\u7387\u3068\u7cbe\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u30fc\u306f\u4e88\u7d04\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\u300c\u65e5\u4ed8\u6642\u523b\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u65e5\u4ed8\u3068\u6642\u523b\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30b9\u30b1\u30b8\u30e5\u30fc\u30ea\u30f3\u30b0\u30a8\u30e9\u30fc\u306e\u53ef\u80fd\u6027\u3092\u6e1b\u3089\u3057\u3001\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059\u3002","landingPageDetail.dateTime.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u65e5\u4ed8\u6642\u523b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u65e5\u4ed8\u3068\u6642\u523b\u306e\u9078\u629e\u3068\u8868\u793a","landingPageDetail.dateTime.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u65e5\u4ed8\u6642\u523b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.divider.name":"Divider","landingPageDetail.divider.title":"ILLA Cloud \u306e Divider Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.divider.description":"ILLA Cloud \u306e\u300cDivider\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u7570\u306a\u308b\u30bb\u30af\u30b7\u30e7\u30f3\u9593\u306e\u660e\u78ba\u306a\u533a\u5225\u3092\u4f5c\u6210\u3057\u3001\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3068\u7d44\u7e54\u3092\u6539\u5584\u3059\u308b\u8996\u899a\u7684\u306a\u8981\u7d20\u3067\u3059\u3002 \u5206\u5272\u7dda\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u96d1\u7136\u3068\u3057\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u691c\u7d22\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u5fc5\u8981\u306a\u60c5\u5831\u3092\u3059\u3070\u3084\u304f\u898b\u3064\u3051\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u3092\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002","landingPageDetail.divider.metaTitle":"ILLA Cloud | Divider Component","landingPageDetail.divider.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306eDivider\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.editableText.name":"\u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8","landingPageDetail.editableText.title":"ILLA Cloud \u306e\u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.editableText.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30c6\u30ad\u30b9\u30c8\u7de8\u96c6\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f1\u884c\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30dc\u30c3\u30af\u30b9\u306b\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u304a\u3088\u3073\u7de8\u96c6\u3067\u304d\u307e\u3059\u3002 \u5165\u529b\u3055\u308c\u305f\u30c6\u30ad\u30b9\u30c8\u306f\u30db\u30d0\u30fc\u3067\u8868\u793a\u3067\u304d\u307e\u3059 \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u3092\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u7de8\u96c6\u3059\u308b\u65b9\u6cd5\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u306f\u3001\u30e6\u30fc\u30b6\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u53ce\u96c6\u3059\u308b\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\u300c\u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u304c\u6295\u7a3f\u3059\u308b\u524d\u306b\u30b3\u30e1\u30f3\u30c8\u3092\u7de8\u96c6\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u4f01\u696d\u306f\u524d\u5f8c\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5fc5\u8981\u6027\u3092\u6e1b\u3089\u3059\u3053\u3068\u3067\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.editableText.metaTitle":"ILLA Cloud | \u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.editableText.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Editable Text \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.form.name":"\u30d5\u30a9\u30fc\u30e0","landingPageDetail.form.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.form.description":"ILLA Cloud\u306e\u300c\u30d5\u30a9\u30fc\u30e0\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u5fc5\u8981\u306a\u60c5\u5831\u3092\u5165\u529b\u304a\u3088\u3073\u9001\u4fe1\u3067\u304d\u3001\u30c7\u30fc\u30bf\u3092\u53ce\u96c6\u304a\u3088\u3073\u51e6\u7406\u3059\u308b\u305f\u3081\u306e\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5165\u529b\u30d7\u30ed\u30bb\u30b9\u3092\u6a19\u6e96\u5316\u3059\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30a8\u30e9\u30fc\u3092\u524a\u6e1b\u3057\u3001\u30c7\u30fc\u30bf\u306e\u6574\u7406\u3068\u5206\u6790\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u4f1a\u793e\u306f\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u5f93\u696d\u54e1\u60c5\u5831\u3092\u53ce\u96c6\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u9023\u7d61\u5148\u3084\u8077\u4f4d\u306a\u3069\u306e\u60c5\u5831\u3092\u7c21\u5358\u306b\u6574\u7406\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.form.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | \u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.form.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306e\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.icon.name":"\u30a2\u30a4\u30b3\u30f3","landingPageDetail.icon.title":"ILLA Cloud \u306e Icon Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.icon.description":"ILLA Cloud\u306e\u30a2\u30a4\u30b3\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u69cb\u7bc9\u6e08\u307f\u30a2\u30a4\u30b3\u30f3\u3092\u633f\u5165\u3059\u308b\u305f\u3081\u306e\u8fc5\u901f\u304b\u3064\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8996\u899a\u7684\u306a\u9b45\u529b\u3068\u4f7f\u3044\u3084\u3059\u3055\u3092\u5411\u4e0a\u3055\u305b\u3066\u3044\u307e\u3059 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306fE\u30b3\u30de\u30fc\u30b9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u30ab\u30fc\u30c8\u6a5f\u80fd\u3092\u8868\u3059\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u30ab\u30fc\u30c8\u30a2\u30a4\u30b3\u30f3\u3092\u633f\u5165\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30ab\u30b9\u30bf\u30e0\u30a2\u30a4\u30b3\u30f3\u306e\u4f5c\u6210\u3068\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u306b\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.icon.metaTitle":"ILLA Cloud | \u30a2\u30a4\u30b3\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.icon.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3067\u306eIcon \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.image.name":"\u753b\u50cf","landingPageDetail.image.title":"ILLA Cloud \u306e\u753b\u50cf\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.image.description":"ILLA Cloud\u306eImage\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u753b\u50cf\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u8996\u899a\u7684\u306a\u9b45\u529b\u3068\u60c5\u5831\u306e\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f \'Image\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u96fb\u5b50\u5546\u53d6\u5f15\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u88fd\u54c1\u753b\u50cf\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u88fd\u54c1\u306e\u660e\u78ba\u3067\u9b45\u529b\u7684\u306a\u8868\u73fe\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306e\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002","landingPageDetail.image.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u753b\u50cf\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30a2\u30d7\u30ea\u5185\u306e\u753b\u50cf\u306e\u8868\u793a\u3068\u7ba1\u7406","landingPageDetail.image.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u3001\u30ae\u30e3\u30e9\u30ea\u30fc\u3001\u30b9\u30e9\u30a4\u30c0\u30fc\u3001\u30b5\u30e0\u30cd\u30a4\u30eb\u306a\u3069\u306e\u4f5c\u6210\u306b\u753b\u50cf\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.input.name":"Input","landingPageDetail.input.title":"ILLA Cloud \u306e Input Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.input.description":"ILLA Cloud \u3067\u306f\u3001\u5de6\u30e9\u30d9\u30eb\u306e Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u3063\u3066\u624b\u52d5\u30c7\u30fc\u30bf\u5165\u529b\u304c\u4e0d\u8981\u306b\u306a\u308a\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u3055\u3089\u306a\u308b\u51e6\u7406\u306b\u5fc5\u8981\u306a\u60c5\u5831\u3092\u7c21\u5358\u306b\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u9867\u5ba2\u306e\u9023\u7d61\u5148\u60c5\u5831\u3092\u53ce\u96c6\u3057\u3001\u30c7\u30fc\u30bf\u306e\u53ce\u96c6\u3068\u51e6\u7406\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u53ce\u96c6\u3055\u308c\u305f\u30c7\u30fc\u30bf\u306f\u3001\u9867\u5ba2\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3\u3001\u30bf\u30fc\u30b2\u30c3\u30c8\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u3001\u304a\u3088\u3073\u9867\u5ba2\u30b5\u30dd\u30fc\u30c8\u306b\u6d3b\u7528\u3067\u304d\u3001\u52b9\u7387\u7684\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3059\u308b\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPageDetail.input.metaTitle":"ILLA Cloud | Input Component ","landingPageDetail.input.metaDescription":"ILLA Cloud \u3067\u306e Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.list.name":"\u30ea\u30b9\u30c8","landingPageDetail.list.title":"ILLA Cloud\u306e\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.list.description":"\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u3092\u8868\u793a\u304a\u3088\u3073\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u7d44\u7e54\u7684\u304b\u3064\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u304c\u60c5\u5831\u306b\u3059\u3070\u3084\u304f\u30a2\u30af\u30bb\u30b9\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u55b6\u696d\u30de\u30cd\u30fc\u30b8\u30e3\u306f\u3001format@@0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u9867\u5ba2\u306e\u6ce8\u6587\u3092\u8868\u793a\u304a\u3088\u3073\u8ffd\u8de1\u3057\u3001\u30c8\u30ec\u30f3\u30c9\u3092\u8fc5\u901f\u306b\u7279\u5b9a\u3057\u3001\u30c7\u30fc\u30bf\u99c6\u52d5\u578b\u306e\u610f\u601d\u6c7a\u5b9a\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5168\u4f53\u3068\u3057\u3066\u3001List \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u3001\u30c7\u30fc\u30bf\u5206\u6790\u3092\u5f37\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.list.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30c7\u30fc\u30bf\u306e\u7e70\u308a\u8fd4\u3057\u884c\u3092\u4f5c\u6210","landingPageDetail.list.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u3001\u30ae\u30e3\u30e9\u30ea\u30fc\u3001\u30b9\u30e9\u30a4\u30c0\u30fc\u3001\u30c6\u30fc\u30d6\u30eb\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.menu.name":"\u30e1\u30cb\u30e5\u30fc","landingPageDetail.menu.title":"ILLA Cloud\u306e\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.menu.description":"\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u3001\u8907\u6570\u306e\u30da\u30fc\u30b8\u3092\u79fb\u52d5\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u306a\u304f\u3001\u3055\u307e\u3056\u307e\u306a\u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u3059\u3070\u3084\u304f\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u3055\u307e\u3056\u307e\u306a\u6a5f\u80fd\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u305f\u3081\u306b\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u983b\u7e41\u306b\u4f7f\u7528\u3055\u308c\u308b\u6a5f\u80fd\u306b\u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.menu.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30da\u30fc\u30b8\u69cb\u9020\u306e\u8868\u793a\u3068\u7ba1\u7406","landingPageDetail.menu.metaDescription":"\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3001\u30b5\u30a4\u30c9\u30d0\u30fc\u3001\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u30e1\u30cb\u30e5\u30fc\u306a\u3069\u3092ILLA Cloud\u3067\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.modal.name":"\u30e2\u30fc\u30c0\u30eb\u8a9e","landingPageDetail.modal.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.modal.description":"ILLA Cloud\u306e\u300cModal\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u73fe\u5728\u306e\u30da\u30fc\u30b8\u304b\u3089\u79fb\u52d5\u3057\u305f\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u4e2d\u65ad\u3057\u305f\u308a\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u8868\u793a\u3084\u30e6\u30fc\u30b6\u64cd\u4f5c\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u8868\u793a\u3067\u304d\u308b\u30e6\u30fc\u30b6\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u8981\u7d20\u3067\u3059\u3002 \u65e2\u5b58\u306e\u30da\u30fc\u30b8\u306e\u4e0a\u90e8\u306b\u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0\u30ec\u30a4\u30e4\u30fc\u3092\u4f5c\u6210\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u53ce\u96c6\u3057\u305f\u308a\u3001\u60c5\u5831\u3092\u8868\u793a\u3057\u305f\u308a\u3001\u5165\u529b\u3092\u4fc3\u3057\u305f\u308a\u3057\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u3088\u308a\u30b7\u30fc\u30e0\u30ec\u30b9\u3067\u5408\u7406\u5316\u3055\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u3084\u308a\u53d6\u308a\u3057\u306a\u304c\u3089\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u540c\u3058\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u5185\u306b\u3068\u3069\u307e\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.modal.metaTitle":"ILLA Cloud | \u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.modal.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Modal \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.multiselect.name":"\u8907\u6570\u9078\u629e","landingPageDetail.multiselect.title":"ILLA Cloud \u306e MultiSelect \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.multiselect.description":"ILLA Cloud\u306eMulti Select\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30b9\u30c8\u304b\u3089\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u4fbf\u5229\u3067\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a2\u30f3\u30b1\u30fc\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Multi Select\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u597d\u307f\u306e\u88fd\u54c1\u3084\u30b5\u30fc\u30d3\u30b9\u306a\u3069\u30c7\u30fc\u30bf\u53ce\u96c6\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059","landingPageDetail.multiselect.metaTitle":"ILLA Cloud | \u30de\u30eb\u30c1\u30bb\u30ec\u30af\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.multiselect.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3067\u306e\u30de\u30eb\u30c1\u30bb\u30ec\u30af\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.numberInput.name":"Number input","landingPageDetail.numberInput.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u6570\u5024\u5165\u529b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.numberInput.description":"ILLA Cloud \u3067\u306f\u3001\u5de6\u30e9\u30d9\u30eb\u306e Number Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u6570\u5024\u3092\u5165\u529b\u3067\u304d\u307e\u3059\u3002 \u8fc5\u901f\u304b\u3064\u5bb9\u6613\u306a\u5165\u529b\u306e\u305f\u3081\u306e\u5408\u7406\u5316\u3055\u308c\u305f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u624b\u52d5\u30c7\u30fc\u30bf\u5165\u529b\u306e\u5fc5\u8981\u6027\u3092\u6392\u9664\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u5404\u9805\u76ee\u306e\u6570\u91cf\u3068\u4fa1\u683c\u3092\u53ce\u96c6\u3059\u308b\u305f\u3081\u306b\u300cNumber Input\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u542b\u3080\u6ce8\u6587\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306f\u3001\u4f01\u696d\u304c\u6ce8\u6587\u3092\u51e6\u7406\u3059\u308b\u969b\u306b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30a8\u30e9\u30fc\u3092\u6e1b\u3089\u3059\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002","landingPageDetail.numberInput.metaTitle":"ILLA Cloud | \u6570\u5024\u5165\u529b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.numberInput.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306eNumber Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.pdf.name":"PDF","landingPageDetail.pdf.title":"ILLA Cloud\u306ePDF\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.pdf.description":"ILLA Cloud\u306e\u300cPDF\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a2\u30d7\u30ea\u5185\u306ePDF\u30d5\u30a1\u30a4\u30eb\u3092\u8868\u793a\u304a\u3088\u3073\u64cd\u4f5c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u7ba1\u7406\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u7570\u306a\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u3084\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u306a\u304f\u3001PDF\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u6ce8\u91c8\u3092\u4ed8\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u751f\u7523\u6027\u3068\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002","landingPageDetail.pdf.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | PDF\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.pdf.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 PDF \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.radioButton.name":"Radio Button","landingPageDetail.radioButton.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u7121\u7dda\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.radioButton.description":"Radio Button\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8907\u6570\u306e\u9078\u629e\u80a2\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u8fc5\u901f\u304b\u3064\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3067\u3059\u3002 \u6df7\u4e71\u3092\u907f\u3051\u610f\u601d\u6c7a\u5b9a\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059 \u305f\u3068\u3048\u3070\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u306f\u3001\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u81ea\u5206\u306e\u5e74\u9f62\u30b0\u30eb\u30fc\u30d7\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5165\u529b\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3059\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.radioButton.metaTitle":"ILLA Cloud | \u7121\u7dda\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.radioButton.metaDescription":" \u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306eRadio Button\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.radioGroup.name":"\u7121\u7dda\u30b0\u30eb\u30fc\u30d7","landingPageDetail.radioGroup.title":"ILLA Cloud \u306e\u7121\u7dda\u30b0\u30eb\u30fc\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.radioGroup.description":"ILLA Cloud\u306eRadio Group\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30ea\u30b9\u30c8\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u7c21\u5358\u3067\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30a8\u30e9\u30fc\u3092\u6e1b\u3089\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f\u30a4\u30d9\u30f3\u30c8\u767b\u9332\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Radio Group\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u304c\u5e0c\u671b\u3059\u308b\u30a4\u30d9\u30f3\u30c8\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u767b\u9332\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3002","landingPageDetail.radioGroup.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u7121\u7dda\u30b0\u30eb\u30fc\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u7c21\u5358\u306b\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9","landingPageDetail.radioGroup.metaDescription":"\u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30d5\u30a9\u30fc\u30e0\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306a\u3069\u3092ILLA Cloud\u3067\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.rate.name":"\u5229\u7387","landingPageDetail.rate.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30ec\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.rate.description":"ILLA Cloud\u306e\u300c\u30ec\u30fc\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u88fd\u54c1\u3001\u30b5\u30fc\u30d3\u30b9\u3001\u307e\u305f\u306f\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u8a55\u4fa1\u3059\u308b\u305f\u3081\u306e\u8fc5\u901f\u304b\u3064\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u63d0\u4f9b\u3059\u308b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u3001format@@0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6700\u8fd1\u306e\u8cfc\u5165\u307e\u305f\u306f\u4f53\u9a13\u3092\u8a55\u4fa1\u3067\u304d\u307e\u3059\u3002 \u4f01\u696d\u304c\u9867\u5ba2\u304b\u3089\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u306b\u57fa\u3065\u3044\u3066\u88fd\u54c1\u3084\u30b5\u30fc\u30d3\u30b9\u3092\u6539\u5584\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002","landingPageDetail.rate.metaTitle":"ILLA Cloud | \u30ec\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.rate.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Rate \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.select.name":"\u9078\u629e","landingPageDetail.select.title":"ILLA Cloud\u306e\u300c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u9078\u629e\u300d\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.select.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e Select \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u306f\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30ea\u30b9\u30c8\u304b\u3089\u9078\u629e\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u30c7\u30fc\u30bf\u3092\u5165\u529b\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u3067\u30b9\u30da\u30fc\u30b9\u52b9\u7387\u306e\u9ad8\u3044\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a2\u30f3\u30b1\u30fc\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Select\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u9078\u629e\u3067\u304d\u308b\u5e45\u5e83\u3044\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002 \u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3001\u6b63\u78ba\u306a\u30c7\u30fc\u30bf\u53ce\u96c6\u3092\u78ba\u4fdd\u3057\u307e\u3059\u3002","landingPageDetail.select.metaTitle":"ILLA Cloud Select Component - Select One Option from a List of Choices with ease","landingPageDetail.select.metaDescription":"ILLA Cloud \u3067\u9078\u629e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30ea\u30b9\u30c8\u304b\u3089\u9078\u629e\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.statistics.name":"\u7d71\u8a08\u60c5\u5831","landingPageDetail.statistics.title":"ILLA Cloud \u306e\u7d71\u8a08\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.statistics.description":"ILLA Cloud\u306e\u300cStatistics\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u3067\u308f\u304b\u308a\u3084\u3059\u3044\u65b9\u6cd5\u3067\u6570\u5024\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3067\u304d\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5206\u6790\u3084\u610f\u601d\u6c7a\u5b9a\u3092\u6539\u5584\u3059\u308b\u3053\u3068\u3067\u3059 \u305f\u3068\u3048\u3070\u3001format@@0 \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u68d2\u30b0\u30e9\u30d5\u306a\u3069\u306e\u3055\u307e\u3056\u307e\u306a\u8996\u899a\u7684\u5f62\u5f0f\u3067\u58f2\u4e0a\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3059\u308b\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u5186\u30b0\u30e9\u30d5\u3001\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u30d3\u30b8\u30e5\u30a2\u30e9\u30a4\u30bc\u30fc\u30b7\u30e7\u30f3\u306e\u4f5c\u6210\u306b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30c7\u30fc\u30bf\u306e\u8fc5\u901f\u304b\u3064\u660e\u78ba\u306a\u6982\u8981\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPageDetail.statistics.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|\u7d71\u8a08\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.statistics.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Statistics \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.switch.name":"\u5207\u308a\u66ff\u3048","landingPageDetail.switch.title":"ILLA Cloud\u306eSwitch\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.switch.description":"ILLA Cloud\u306eSwitch\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u8a2d\u5b9a\u3084\u6a5f\u80fd\u3092\u30aa\u30f3\u307e\u305f\u306f\u30aa\u30d5\u306b\u3059\u308b\u305f\u3081\u306e\u76f4\u611f\u7684\u3067\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u306e\u7bc0\u7d04\u3068\u52b9\u7387\u306e\u5411\u4e0a \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u30fc\u306f\u901a\u77e5\u30b7\u30b9\u30c6\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Switch\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u30a4\u30d9\u30f3\u30c8\u306e\u901a\u77e5\u3092\u30aa\u30f3\u307e\u305f\u306f\u30aa\u30d5\u306b\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u65b0\u3057\u3044\u30e1\u30c3\u30bb\u30fc\u30b8\u3084\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u306a\u3069\u3001\u4e0d\u5fc5\u8981\u306a\u4e2d\u65ad\u3092\u6e1b\u3089\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059","landingPageDetail.switch.metaTitle":"ILLA Cloud | \u90e8\u54c1\u306e\u5207\u308a\u66ff\u3048","landingPageDetail.switch.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3067Switch\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.tables.name":"\u30c6\u30fc\u30d6\u30eb","landingPageDetail.tables.title":"ILLA Cloud \u306e\u30c6\u30fc\u30d6\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.tables.description":"ILLA Cloud\u306e\u300cTable\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30fb\u30c7\u30fc\u30bf\u3092\u8868\u5f62\u5f0f\u3067\u8868\u793a\u3057\u3001\u5927\u91cf\u306e\u60c5\u5831\u3092\u3059\u3070\u3084\u304f\u5206\u6790\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30bd\u30fc\u30c8\u3001\u691c\u7d22\u3001\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u306a\u3069\u306e\u6a5f\u80fd\u304c\u3042\u308a\u307e\u3059 \u30c6\u30fc\u30d6\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u5fc5\u8981\u306a\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u898b\u3064\u3051\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u3001\u7570\u306a\u308b\u5217\u30bf\u30a4\u30d7\u3001\u8272\u3001\u66f8\u5f0f\u8a2d\u5b9a\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u30c6\u30fc\u30d6\u30eb\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002 \u8907\u96d1\u306a\u30c7\u30fc\u30bf\u306e\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u3067\u308f\u304b\u308a\u3084\u3059\u3044\u8868\u73fe\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002","landingPageDetail.tables.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | \u30c6\u30fc\u30d6\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.tables.metaDescription":"ILLA Cloud \u306e Tables \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u4f4e\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.tabs.name":"Tabs","landingPageDetail.tabs.title":"ILLA Cloud\u306eformat@@0\u30bf\u30d6\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.tabs.description":"ILLA Cloud\u306e\u300cTab\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u5e45\u5e83\u3044\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u5fc5\u8981\u3068\u305b\u305a\u306b\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u3055\u307e\u3056\u307e\u306a\u30bb\u30af\u30b7\u30e7\u30f3\u3092\u7c21\u5358\u306b\u5207\u308a\u66ff\u3048\u3089\u308c\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001Tabs\u3092\u4f7f\u7528\u3057\u3066\u3001\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u7570\u306a\u308b\u30d3\u30e5\u30fc\u3084\u30e2\u30fc\u30c9\u3092\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u30e6\u30fc\u30b6\u30d3\u30ea\u30c6\u30a3\u3068\u751f\u7523\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002","landingPageDetail.tabs.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30bf\u30d6\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u30ab\u30c6\u30b4\u30ea\u5316\u3068\u8868\u793a","landingPageDetail.tabs.metaDescription":"\u30bf\u30d6\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30d5\u30a9\u30fc\u30e0\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.text.name":"\u30c6\u30ad\u30b9\u30c8","landingPageDetail.text.title":"ILLA Cloud \u306e\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.text.description":"ILLA Cloud\u306eText\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30c6\u30ad\u30b9\u30c8\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u60c5\u5831\u306e\u8aad\u307f\u3084\u3059\u3055\u3068\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f \'Text\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u91cd\u8981\u306a\u547d\u4ee4\u3084\u60c5\u5831\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u9023\u7d61\u5148\u3084\u88fd\u54c1\u8aac\u660e\u306a\u3069\u3001\u91cd\u8981\u306a\u60c5\u5831\u3092\u4f1d\u3048\u308b\u305f\u3081\u306e\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.text.metaTitle":"ILLA Cloud | \u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.text.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Text \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.textareaInput.name":"Textarea input","landingPageDetail.textareaInput.title":"ILLA Cloud \u306e Textarea Input Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.textareaInput.description":"ILLA Cloud \u306e Textarea Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7c21\u5358\u306b\u8907\u6570\u884c\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u304a\u3088\u3073\u7de8\u96c6\u3067\u304d\u308b\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u30c4\u30fc\u30eb\u3067\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u300cTextarea Input\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u542b\u3080\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8a73\u7d30\u306a\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u5165\u529b\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u6642\u9593\u3092\u7bc0\u7d04\u3057\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059","landingPageDetail.textareaInput.metaTitle":"ILLA Cloud | Textarea Input Component","landingPageDetail.textareaInput.metaDescription":"ILLA Cloud \u306eTextarea Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.timeline.name":"\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3","landingPageDetail.timeline.title":"ILLA Cloud \u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.timeline.description":"ILLA Cloud\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u6357\u307e\u305f\u306f\u5c65\u6b74\u3092\u660e\u78ba\u304b\u3064\u7d44\u7e54\u7684\u306b\u8996\u899a\u7684\u306b\u8868\u73fe\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u306f\u3001format@@0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30de\u30a4\u30eb\u30b9\u30c8\u30fc\u30f3\u3092\u8996\u899a\u7684\u306b\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u7de0\u3081\u5207\u308a\u3084\u6210\u679c\u7269\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u4f5c\u6210\u306b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u3084\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u306b\u4f1d\u3048\u307e\u3059\u3002","landingPageDetail.timeline.metaTitle":"ILLA Cloud | \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.timeline.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.upload.name":"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","landingPageDetail.upload.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.upload.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u3042\u3089\u3086\u308b\u7a2e\u985e\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u81ea\u5206\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u7c21\u5358\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u7ba1\u7406\u306b\u4fbf\u5229\u3067\u5408\u7406\u5316\u3055\u308c\u305f\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u63d0\u4f9b\u3057\u307e\u3059 \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u30fc\u306f\u30aa\u30f3\u30e9\u30a4\u30f3\u30b9\u30c8\u30a2\u3092\u4f5c\u6210\u3057\u3001\'\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u6ce8\u6587\u306e\u9001\u4fe1\u6642\u306b\u9867\u5ba2\u304c\u753b\u50cf\u3084\u305d\u306e\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u6642\u9593\u306e\u7bc0\u7d04\u3068\u52b9\u7387\u306e\u5411\u4e0a","landingPageDetail.upload.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","landingPageDetail.upload.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.video.name":"\u30d3\u30c7\u30aa","landingPageDetail.video.title":"ILLA Cloud \u306e\u30d3\u30c7\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.video.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30d3\u30c7\u30aa\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d3\u30c7\u30aa\u3092\u518d\u751f\u3057\u3001\u5bfe\u8a71\u3057\u307e\u3059\u3002 \u5916\u90e8\u306e\u30d3\u30c7\u30aa\u30d7\u30ec\u30fc\u30e4\u30fc\u306b\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u306a\u304f\u3001\u52d5\u753b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u7c21\u5358\u306b\u8868\u793a\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30d3\u30c7\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u3067\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30d3\u30c7\u30aa\u3084\u88fd\u54c1\u30c7\u30e2\u3092\u898b\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u751f\u7523\u6027\u3068\u52b9\u7387\u6027\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002","landingPageDetail.video.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u52d5\u753b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30a2\u30d7\u30ea\u5185\u306e\u52d5\u753b\u3068\u306e\u76f8\u4e92\u4f5c\u7528","landingPageDetail.video.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30d3\u30c7\u30aa\u3001\u88fd\u54c1\u30c7\u30e2\u3001\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306a\u3069\u306e\u4f5c\u6210\u306b\u30d3\u30c7\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPage.build_with":"{name} \u3067\u30d3\u30eb\u30c9","landingPage.back_to_components":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u623b\u308b","landingPageDetail.airtable.name":"Airtable","landingPageDetail.airtable.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Airtable \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.airtable.description":"\u300cILLA Cloud\u306eAirable\u7d71\u5408\u306b\u3088\u308a\u3001 \u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d0\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u7d71\u5408\u306b\u3088\u308a\u3001Airtable\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001Airtable\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001Airtable \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud \u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Airtable \u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.airtable.metaTitle":"Airtable","landingPageDetail.airtable.metaDescription":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u30c7\u30fc\u30bf\u3001\u30c1\u30fc\u30e0\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u67d4\u8edf\u3067\u5354\u8abf\u7684\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPageDetail.appwrite.name":"Appwrite","landingPageDetail.appwrite.title":"ILLA Cloud\u3067Appwrite\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.appwrite.description":"ILLA Cloud\u306eAppwrite\u7d71\u5408\u3067\u3002 \u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d0\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u3068\u306e\u9023\u643a\u306b\u3088\u308a\u3001Appwrite\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001Appwrite\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Appwrite\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eAppwrite\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Appwrite\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.appwrite.metaTitle":"ILLA Cloud Appwrite Integration - Appwrite\u30c7\u30fc\u30bf\u306e\u63a5\u7d9a\u3068\u7ba1\u7406","landingPageDetail.appwrite.metaDescription":"Appwrite\u7d71\u5408\u3092\u4f7f\u7528\u3057\u3066\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Appwrite\u306e\u529b\u3092\u6d3b\u7528\u3057\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.clickhouse.name":"Clickhouse","landingPageDetail.clickhouse.title":"ILLA Cloud\u3067Clickhouse\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.clickhouse.description":"ILLA Cloud\u306eClickHouse\u3068\u306e\u7d71\u5408\u306b\u3088\u308a\u3001ClickHouse\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 ClickHouse\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001ClickHouse\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eClickHouse\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001ClickHouse\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.clickhouse.metaTitle":"ILLA Cloud | ClickHouse Integration","landingPageDetail.clickhouse.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001ClickHouse\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u64cd\u4f5c\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.couchdb.name":"CouchDB","landingPageDetail.couchdb.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 CouchDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.couchdb.description":"ILLA Cloud\u306eCouchDB\u7d71\u5408\u306b\u3088\u308a\u3001\u8fc5\u901f\u306b\u8a2d\u5b9a\u304a\u3088\u3073CouchDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 CouchDB\u306e\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001CouchDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eCouchDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001CouchDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.couchdb.metaTitle":"ILLA Cloud | CouchDB \u7d71\u5408","landingPageDetail.couchdb.metaDescription":"CouchDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002","landingPageDetail.dynamodb.name":"Amazon DynamoDB","landingPageDetail.dynamodb.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Amazon DynamoDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.dynamodb.description":"ILLA Cloud \u306e Amazon DynamoDB \u7d71\u5408\u306b\u3088\u308a\u3001DynamoDB \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 DynamoDB\u306e\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001DynamoDB\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eAmazon DynamoDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001DynamoDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.dynamodb.metaTitle":"ILLA Cloud | Amazon DynamoDB Integration","landingPageDetail.dynamodb.metaDescription":"Amazon DynamoDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.elasticsearch.name":"Elastic Search","landingPageDetail.elasticsearch.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Elastic Search \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.elasticsearch.description":"ILLA Cloud \u306e Elastic Search \u3068\u306e\u7d71\u5408 Elastic Search \u30af\u30e9\u30b9\u30bf\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3057\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u3001Elastic Search\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u691c\u7d22\u304a\u3088\u3073\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u4f8b\u3048\u3070\u3001Elastic Search \u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eElastic Search\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Elastic Search\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.elasticsearch.metaTitle":"ILLA Cloud | Elastic Search Integration","landingPageDetail.elasticsearch.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001Elastic Search\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.firebase.name":"Firebase","landingPageDetail.firebase.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Firebase\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.firebase.description":"ILLA Cloud\u306eFirebase\u7d71\u5408\u306b\u3088\u308a\u3001Firebase\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Firebase\u30af\u30a8\u30ea\u3068API\u547c\u3073\u51fa\u3057\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u64cd\u4f5c\u3092\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u4f8b\u3048\u3070\u3001Firebase \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eFirebase\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Firebase\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.firebase.metaTitle":"ILLA Cloud | Firebase Integration","landingPageDetail.firebase.metaDescription":"Firebase\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.googlesheets.name":"Google \u30b7\u30fc\u30c8","landingPageDetail.googlesheets.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.googlesheets.description":"ILLA Cloud \u306eGoogle Sheets\u3068\u306e\u7d71\u5408 Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001Google Sheets API\u3092\u4f7f\u7528\u3057\u3066Google\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u66f8\u304d\u3001\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u7d20\u5316\u3055\u308c\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud \u306e Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.googlesheets.metaTitle":"ILLA Cloud Google Sheets Integration - Google Sheets \u30c7\u30fc\u30bf\u306e\u63a5\u7d9a\u3068\u7ba1\u7406","landingPageDetail.googlesheets.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30d5\u30a9\u30fc\u30e0\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b Google \u30b7\u30fc\u30c8\u306e\u7d71\u5408\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.graphql.name":"GraphQL","landingPageDetail.graphql.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066GraphQL\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.graphql.description":"ILLA Cloud\u306eGraphQL\u7d71\u5408\u306b\u3088\u308a\u3001 GraphQL API \u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3067\u304d\u308b\u305f\u3081\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306e\u7d71\u5408\u306b\u3088\u308a\u3001GraphQL API \u304b\u3089\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u53d6\u5f97\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u305f\u3081\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u307e\u3059\u3002 \u5fc5\u8981\u306aGraphQL\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u306e\u8ffd\u52a0\u3084\u66f8\u304d\u8fbc\u307f\u3092\u5b89\u5168\u306b\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001GraphQL API \u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eGraphQL\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001GraphQL\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.graphql.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | GraphQL \u7d71\u5408","landingPageDetail.graphql.metaDescription":"GraphQL API \u3092 ILLA Cloud \u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u4f4e\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002 ","landingPageDetail.huggingface.name":"\u9854\u63a8\u8ad6API \u3092\u30cf\u30b0\u3059\u308b","landingPageDetail.huggingface.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Hugging Face Inference API \u306b\u63a5\u7d9a\u3057\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.huggingface.description":"ILLA Cloud\u306eHugging Face Inference API\u306e\u7d71\u5408\u306b\u3088\u308a\u3001 Hugging Face\u306e\u5f37\u529b\u306a\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Hugging Face\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u5358\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u308b\u3044\u306f\u4f8b\u3048\u3070... \u5916\u90e8\u30bd\u30fc\u30b9\u304b\u3089\u30c6\u30ad\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001Hug Face API\u547c\u3073\u51fa\u3057\u3092\u4ecb\u3057\u3066\u30bb\u30f3\u30c1\u30e1\u30f3\u30c8\u5206\u6790\u3084\u8a00\u8a9e\u7ffb\u8a33\u3092\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306eHugging Face Inference API\u306e\u7d71\u5408\u306b\u3088\u308a\u3001 Hugging Face\u306e\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.huggingface.metaTitle":"ILLA Cloud Hugging Face Inferation API Integration - ML\u30e2\u30c7\u30eb\u306e\u63a5\u7d9a\u3068\u4f7f\u7528","landingPageDetail.huggingface.metaDescription":"ILLA Cloud\u3067\u306eHugging Face Inferation API\u7d71\u5408\u306b\u3088\u308a\u300113\u4e07\u4ee5\u4e0a\u306e\u6a5f\u68b0\u5b66\u7fd2\u30e2\u30c7\u30eb\u306b\u63a5\u7d9a\u3057\u3066\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ","landingPageDetail.huggingfaceendpoint.name":"\u9854\u63a8\u8ad6\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8","landingPageDetail.huggingfaceendpoint.title":"Hugging Face Inference Endpoint\u306bILLA Cloud\u3067\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.huggingfaceendpoint.description":"ILLA\u30af\u30e9\u30a6\u30c9\u306eHugging Face Endpoint\u7d71\u5408\u3067 Hugging Face\u306e\u5f37\u529b\u306a\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u3092\u7d20\u65e9\u304f\u7c21\u5358\u306b\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Hugging Face\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u5358\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u308b\u3044\u306f\u4f8b\u3048\u3070... \u5916\u90e8\u30bd\u30fc\u30b9\u304b\u3089\u30c6\u30ad\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001Hug Face\u63a8\u8ad6\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u901a\u3058\u3066\u305d\u308c\u3092\u6e21\u3059\u3053\u3068\u3067\u3001\u30bb\u30f3\u30c1\u30e1\u30f3\u30c8\u5206\u6790\u3084\u8a00\u8a9e\u7ffb\u8a33\u3092\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002 ILLA\u30af\u30e9\u30a6\u30c9\u306eHugging Face Endpoint\u7d71\u5408\u3067 Hugging Face\u306e\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.huggingfaceendpoint.metaTitle":"ILLA Cloud | Hugging Face Inference Endpoint Integration","landingPageDetail.huggingfaceendpoint.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u3042\u3089\u3086\u308bHugging Face Inferation Endpoint\u3068\u63a5\u7d9a\u3057\u3066\u3084\u308a\u53d6\u308a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.hydra.name":"\u30d2\u30c9\u30e9\u8a9e","landingPageDetail.hydra.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Hydra\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.hydra.description":"\\"With ILLA Cloud\'s Hydra integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows.\\r\\nThe integration simplifies data management by leveraging Hydra\'s API endpoints, allowing you to easily manipulate data from your Hydra databases, storage and authentication services. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.\\r\\nFor example, you can retrieve data from an Hydra database and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Hydra integration, you can streamline your data management process and leverage the powerful capabilities of Hydra to enhance your productivity.\\"","landingPageDetail.hydra.metaTitle":"\u30d2\u30c9\u30e9\u8a9e","landingPageDetail.hydra.metaDescription":"Postgres\u4e0a\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u5217\u6307\u5411\u306eRDBMS","landingPageDetail.mariadb.name":"MariaDB","landingPageDetail.mariadb.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 MariaDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mariadb.description":"ILLA Cloud\u306eMariaDB\u7d71\u5408\u3067\u3002 \u8fc5\u901f\u304b\u3064\u7c21\u5358\u306bMariaDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fSQL\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c6\u30fc\u30d6\u30eb\u3092\u64cd\u4f5c\u3057\u305f\u308a\u3001\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u30af\u30a8\u30ea\u3092\u7c21\u5358\u306b\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001\u4f8b\u3048\u3070\u3001MariaDB \u30c6\u30fc\u30d6\u30eb\u304b\u3089\u5f93\u696d\u54e1\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001SQL\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u5f93\u696d\u54e1\u306e\u60c5\u5831\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u307e\u3059\u3002 ILLA Cloud\u306eMariaDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306e\u53ef\u80fd\u6027\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u6700\u5c0f\u9650\u306e\u52b4\u529b\u3067\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mariadb.metaTitle":"ILLA Cloud | MariaDB Integration","landingPageDetail.mariadb.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001MariaDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3068\u63a5\u7d9a\u3057\u3066\u3084\u308a\u53d6\u308a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.mongodb.name":"MongoDB","landingPageDetail.mongodb.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066MongoDB\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mongodb.description":"ILLA Cloud\u306eMongoDB\u7d71\u5408\u306b\u3088\u308a\u3001MongoDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u7d20\u65e9\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fMongoDB\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u5358\u306b\u7d71\u5408\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001MongoDB\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eMongoDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001MongoDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mongodb.metaTitle":"ILLA Cloud | MongoDB Integration","landingPageDetail.mongodb.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001MongoDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.mssql.name":"Microsoft SQL Server","landingPageDetail.mssql.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Microsoft SQL Server \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mssql.description":"ILLA Cloud\u306eMicrosoft SQL Server\u7d71\u5408\u306b\u3088\u308a\u307e\u3059\u3002 SQL Server \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001SQL\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001SQL Server \u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eMicrosoft SQL Server\u7d71\u5408\u306b\u3088\u308a\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001SQL Server \u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mssql.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | Microsoft SQL Server \u306e\u7d71\u5408","landingPageDetail.mssql.metaDescription":"Microsoft SQL Server\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.mysql.name":"MySQL","landingPageDetail.mysql.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066MySQL\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mysql.description":"ILLA Cloud\u3068MySQL\u3092\u7d71\u5408\u3059\u308b\u3068\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5927\u5e45\u306b\u5f37\u5316\u3057\u3001\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u3044\u304f\u3064\u304b\u306e\u7c21\u5358\u306a\u624b\u9806\u3067\u3001ILLA Cloud\u3092MySQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u3068\u3084\u308a\u53d6\u308a\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5f37\u529b\u306a\u65b0\u3057\u3044\u65b9\u6cd5\u3067\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u30c6\u30fc\u30d6\u30eb\u30b0\u30ea\u30c3\u30c9\u306b\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u8fbc\u3080\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 \u307e\u305f\u306fSQL\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u66f8\u304d\u8fbc\u3080\u30ab\u30b9\u30bf\u30e0\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3068\u3001ILLA\u30af\u30e9\u30a6\u30c9\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u5b89\u5168\u304b\u3064\u52b9\u7387\u7684\u306b\u7c21\u5358\u306b\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066MySQL\u30c7\u30fc\u30bf\u306b\u63a5\u7d9a\u3059\u308b\u3068\u3001\u610f\u56f3\u3057\u306a\u3044\u524a\u9664\u3084\u305d\u306e\u4ed6\u306e\u9ad8\u4fa1\u306a\u30a8\u30e9\u30fc\u3092\u907f\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001MySQL\u30c6\u30fc\u30d6\u30eb\u3092\u4f7f\u7528\u3057\u3066\u5f93\u696d\u54e1\u306e\u7d4c\u8cbb\u3092\u7ba1\u7406\u3057\u3066\u3044\u308b\u5834\u5408\u3002 ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c7\u30fc\u30bf\u3092\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306b\u8aad\u307f\u8fbc\u3093\u3060\u308a\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u66f8\u304d\u623b\u3057\u3066\u5404\u8cbb\u7528\u306e\u627f\u8a8d\u72b6\u6cc1\u3092\u66f4\u65b0\u3059\u308b\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u3001ILLA Cloud\u306e\u30b7\u30f3\u30d7\u30eb\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u660e\u78ba\u3067\u4f53\u7cfb\u7684\u306a\u65b9\u6cd5\u3067\u884c\u3044\u305f\u3044\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002 \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u6700\u9069\u5316\u3068\u30d7\u30ed\u30bb\u30b9\u306e\u5408\u7406\u5316\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002","landingPageDetail.mysql.metaTitle":"ILLA Cloud | MySQL\u306e\u7d71\u5408","landingPageDetail.mysql.metaDescription":"MySQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.neon.name":"Neon","landingPageDetail.neon.title":"ILLA Cloud\u3067\u30cd\u30aa\u30f3\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.neon.description":"\u5b8c\u5168\u306b\u7ba1\u7406\u3055\u308c\u305f\u30de\u30eb\u30c1\u30af\u30e9\u30a6\u30c9Postgres\u306f\u3001\u5bdb\u5927\u306a\u7121\u6599\u306e\u968e\u5c64\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002\u79c1\u305f\u3061\u306f\u3001\u81ea\u52d5\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3001\u5206\u5c90\u3001\u304a\u3088\u3073\u5e95\u306a\u3057\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306b\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u8a08\u7b97\u3092\u5206\u96e2\u3057\u307e\u3057\u305f\u3002","landingPageDetail.neon.metaTitle":"ILLA Cloud Neon Integration - \u30de\u30eb\u30c1\u30af\u30e9\u30a6\u30c9Postgres\u306b\u63a5\u7d9a","landingPageDetail.neon.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u306b\u30cd\u30aa\u30f3\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.oracledb.name":"Oracle DB","landingPageDetail.oracledb.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Oracle DB\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.oracledb.description":"ILLA Cloud\u306eOracle DB\u7d71\u5408\u306b\u3088\u308a\u3001Oracle\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u69cb\u6210\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001SQL\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Oracle\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eOracle DB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Oracle DB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.oracledb.metaTitle":"ILLA Cloud | Oracle DB \u7d71\u5408","landingPageDetail.oracledb.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3067Oracle DB\u7d71\u5408\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.postgresql.name":"PostgreSQL","landingPageDetail.postgresql.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066PostgreSQL\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.postgresql.description":"ILLA Cloud\u306ePostgreSQL\u7d71\u5408\u306b\u3088\u308a\u3001PostgreSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u7d20\u65e9\u304f\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3057\u3001\u4fe1\u983c\u6027\u306e\u9ad8\u3044\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3067\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3092\u6700\u9069\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001SQL\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u30c6\u30fc\u30d6\u30eb\u3092\u64cd\u4f5c\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070PostgreSQL\u306e\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u5f93\u696d\u54e1\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u30011\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u4f11\u6687\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3059\u308b\u3068\u3057\u307e\u3059\u3002 \u3053\u306e\u5834\u5408\u3001SQL \u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3059\u308b\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3057\u3001\u5f93\u696d\u54e1\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u6e08\u307f\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306ePostgreSQL\u7d71\u5408\u306b\u3088\u308a\u3001\u7c21\u5358\u304b\u3064\u81ea\u4fe1\u3092\u6301\u3063\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002","landingPageDetail.postgresql.metaTitle":"ILLA Cloud | PostgreSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u7d71\u5408","landingPageDetail.postgresql.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001PostgreSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3068\u63a5\u7d9a\u3057\u3066\u64cd\u4f5c\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.redis.name":"Redis","landingPageDetail.redis.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Redis\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.redis.description":"ILLA Cloud\u306eRedis\u7d71\u5408\u306b\u3088\u308a\u3001\u8fc5\u901f\u306bRedis\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u7d71\u5408\u306b\u3088\u308a\u3001Redis\u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30b3\u30de\u30f3\u30c9\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u308b\u3044\u306f\u3001Redis\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068Redis\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u3092\u884c\u3044\u307e\u3059\u3002 ILLA Cloud\u306eRedis\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Redis\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.redis.metaTitle":"ILLA Cloud Redis\u306e\u7d71\u5408 - Redis\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u63a5\u7d9a\u3068\u7ba1\u7406","landingPageDetail.redis.metaDescription":"Redis \u3068\u306e\u7d71\u5408\u3092\u4f7f\u7528\u3057\u3066\u3001Redis \u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u64cd\u4f5c\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u4f5c\u6210\u306a\u3069\u3092ILLA Cloud \u3067\u884c\u3046\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.restapi.name":"REST API","landingPageDetail.restapi.title":"\u4efb\u610f\u306eRESTful API\u306b\u63a5\u7d9a\u3057\u3001\u5206\u5358\u4f4d\u3067ILLA\u30af\u30e9\u30a6\u30c9\u3067\u30ab\u30b9\u30bf\u30e0\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059","landingPageDetail.restapi.description":"ILLA Cloud\u306eREST API\u7d71\u5408\u306b\u3088\u308a\u3001\u3042\u3089\u3086\u308bRESTful API\u306b\u7d20\u65e9\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fRESTful API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u306e\u53d6\u5f97\u3068\u64cd\u4f5c\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001\u5916\u90e8\u306eRESTful API\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u3092\u884c\u3044\u307e\u3059\u3002 ILLA Cloud \u306e REST API \u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001RESTful API \u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.restapi.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|REST API \u7d71\u5408","landingPageDetail.restapi.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u4efb\u610f\u306eREST API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u306b\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.s3.name":"S3","landingPageDetail.s3.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Amazon S3\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.s3.description":"ILLA Cloud\u306eAmazon S3\u7d71\u5408\u3067\u3002 \u3059\u3070\u3084\u304f\u7c21\u5358\u306bAmazon S3\u30b9\u30c8\u30ec\u30fc\u30b8\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 S3 API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001S3\u30d0\u30b1\u30c3\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u66f8\u304d\u3001\u64cd\u4f5c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001S3\u30d0\u30b1\u30c3\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eAmazon S3\u7d71\u5408\u3067\u3002 \u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Amazon S3 \u30b9\u30c8\u30ec\u30fc\u30b8\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.s3.metaTitle":"ILLA Cloud | S3 \u3068\u306e\u7d71\u5408","landingPageDetail.s3.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 S3 \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.smtp.name":"SMTP","landingPageDetail.smtp.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066SMTP\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.smtp.description":"ILLA Cloud \u306e SMTP \u7d71\u5408\u306b\u3088\u308a\u307e\u3059\u3002 SMTP\u30b5\u30fc\u30d0\u30fc\u306b\u7d20\u65e9\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u30e1\u30fc\u30eb\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u3068\u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30e1\u30fc\u30eb\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u307e\u3059\u3002ILLA \u30af\u30e9\u30a6\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304b\u3089\u76f4\u63a5\u30e1\u30fc\u30eb\u3092\u9001\u53d7\u4fe1\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002 \u5fc5\u8981\u306aSMTP\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u542b\u3080\u5165\u529b\u3092\u63d0\u4f9b\u3057\u3001\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u691c\u8a3c\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u96fb\u5b50\u30e1\u30fc\u30eb\u3092\u9001\u4fe1\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u7279\u5b9a\u306e\u30a4\u30d9\u30f3\u30c8\u304c\u30c8\u30ea\u30ac\u30fc\u3055\u308c\u305f\u3068\u304d\u306b\u3001\u81ea\u52d5\u30e1\u30fc\u30eb\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u9001\u4fe1\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306eSMTP\u7d71\u5408\u306b\u3088\u308a\u3001\u30e1\u30fc\u30eb\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001SMTP\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.smtp.metaTitle":"ILLA Cloud | SMTP\u7d71\u5408","landingPageDetail.smtp.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u3042\u3089\u3086\u308bSMTP\u30b5\u30fc\u30d0\u30fc\u3068\u63a5\u7d9a\u3057\u3066\u3084\u308a\u53d6\u308a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.snowflake.name":"\u30b9\u30ce\u30fc\u30d5\u30ec\u30fc\u30af","landingPageDetail.snowflake.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Snowflake \u306b\u63a5\u7d9a\u3057\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.snowflake.description":"ILLA Cloud\u306eSnowflake\u306e\u7d71\u5408\u306b\u3088\u308a\u3001Snowflake\u306e\u30c7\u30fc\u30bf\u30a6\u30a7\u30a2\u30cf\u30a6\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Snowflake SQL \u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Snowflake \u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eSnowflake\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Snowflake\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.snowflake.metaTitle":"ILLA Cloud | Snowflake Integration","landingPageDetail.snowflake.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001Snowflake\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.supabaseDB.name":"Supabase DB","landingPageDetail.supabaseDB.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 SupabaseDB \u306b\u63a5\u7d9a\u3057\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.supabaseDB.description":"ILLA Cloud\u306eSupabaseDB\u7d71\u5408\u306b\u3088\u308a\u3001\u3059\u3070\u3084\u304fSupabaseDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306e\u7d71\u5408\u306b\u3088\u308a\u3001SupabaseDB\u30af\u30a8\u30ea\u3068API\u30b3\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3057\u3066\u8907\u96d1\u306a\u64cd\u4f5c\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001SupabaseDB\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eSupabaseDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001SupabaseDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.supabaseDB.metaTitle":"ILLA Cloud | Supabase DB Integration","landingPageDetail.supabaseDB.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001Supabase DB\u3068\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.tiDB.name":"TiDB","landingPageDetail.tiDB.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 TiDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.tiDB.description":"ILLA Cloud\u306eTiDB\u7d71\u5408\u306b\u3088\u308a\u3001TiDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fSQL\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c6\u30fc\u30d6\u30eb\u3092\u64cd\u4f5c\u3057\u305f\u308a\u3001\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u30af\u30a8\u30ea\u3092\u7c21\u5358\u306b\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070... TiDB\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u5f93\u696d\u54e1\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001SQL\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u5f93\u696d\u54e1\u306e\u60c5\u5831\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3059\u308b\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306eTiDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001\u81ea\u4fe1\u3092\u6301\u3063\u3066\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306e\u53ef\u80fd\u6027\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.tiDB.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | TiDB \u7d71\u5408","landingPageDetail.tiDB.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066TiDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","content.all.title":"ILLA Cloud \u306f\u3059\u3079\u3066\u3092\u7d71\u5408\u3057\u307e\u3057\u305f","how_to_use.title.3_steps_to_customize":"\u3064\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u3001\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b","how_to_use.description.build_tools_through":"\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3067\u30c4\u30fc\u30eb\u3092\u30d3\u30eb\u30c9\u3057\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u3001\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3001AI\u3092\u30cb\u30fc\u30ba\u3068\u30c7\u30fc\u30bf\u306b\u9069\u3057\u305f\u30b9\u30de\u30fc\u30c8\u30c4\u30fc\u30eb\u3068\u3057\u3001\u4ed5\u4e8b\u3092\u3088\u308a\u52b9\u7387\u7684\u306b\u3057\u307e\u3059\u3002","how_to_use.step1_title.create_ai_agent_for":"UI\u3092\u8a2d\u8a08\u3059\u308b\u305f\u3081\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u3059\u308b","how_to_use.step1_description.you_can_create_an_ai":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u3059\u308b\u3053\u3068\u3067\u3001\u8fc5\u901f\u306b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306eUI\u3092\u69cb\u7bc9\u3057\u3001\u4efb\u610f\u306e\u6a5f\u80fd\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002","how_to_use.step1_button.ai_agent_marketplace":"ILLA\u3092\u4f7f\u7528\u3057\u3066UI\u3092\u69cb\u7bc9\u3092\u958b\u59cb\u3059\u308b","how_to_use.step2_title.build_the_frontend_p":"\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a\u3059\u308b","how_to_use.step2_description.by_dragging_and_drop":"MySQL\u3001PostgreSQL\u306a\u3069\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001REST API\u3001GraphQL\u306a\u3069\u3001\u81ea\u5206\u306e\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u307e\u3059\u3002CRUD\u30a2\u30d7\u30ea\u3092\u308f\u305a\u304b1\u5206\u3067\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","how_to_use.step2_button.illa_app_marketplace":"\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3092\u4f7f\u7528\u3057\u3066\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9\u3092\u958b\u59cb\u3059\u308b","how_to_use.step3_title.connect_to_your_data":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3059\u308b","how_to_use.step3_description.enable_data_integrat":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u30a2\u30d7\u30ea\u306b\u7d71\u5408\u3057\u3001\u77e5\u7684\u5206\u6790\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u306a\u3069\u306eAI\u6a5f\u80fd\u3092AI\u958b\u767a\u30b9\u30ad\u30eb\u4e0d\u8981\u3067\u6d3b\u7528\u3067\u304d\u307e\u3059\u3002","how_to_use.step3_button.supported_data_sourc":"AI\u99c6\u52d5\u578b\u30a2\u30d7\u30ea\u306e\u69cb\u7bc9\u3092\u958b\u59cb\u3059\u308b","testimonial.title.user_testimonials":"\u30e6\u30fc\u30b6\u30fc\u306e\u58f0","testimonial.testimonial1_content.illa_cloud_has_been":"ILLA Cloud \u306f\u79c1\u306b\u3068\u3063\u3066\u30b2\u30fc\u30e0\u30c1\u30a7\u30f3\u30b8\u30e3\u30fc\u3067\u3042\u308a\u3001\u52b9\u7387\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u77ed\u6642\u9593\u3067\u751f\u6210\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002 \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305fAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u30a2\u30d7\u30ea\u306f\u3001\u79c1\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5b8c\u5168\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002","testimonial.testimonial1_username.christopher":"\u30af\u30ea\u30b9\u30c8\u30d5\u30a1\u30fc","testimonial.testimonial1_usertitle.seo_specialist":"SEO \u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8","testimonial.testimonial2_content.i_think_i_become_a_b":"\u79c1\u306f\u4eca BlogMaster \u306b\u306a\u3063\u305f\u3068\u601d\u3044\u307e\u3059\uff01 \u3053\u306e\u30c4\u30fc\u30eb\u306f\u79c1\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u30d7\u30ed\u30bb\u30b9\u306b\u9769\u547d\u3092\u3082\u305f\u3089\u3057\u3001\u79c1\u306b\u8cb4\u91cd\u306a\u6642\u9593\u3092\u7bc0\u7d04\u3057\u307e\u3057\u305f\u3002 \u30d6\u30ed\u30b0\u306e\u30a2\u30a4\u30c7\u30a2\u3092\u751f\u307f\u51fa\u3057\u3066\u3044\u308b\u306e\u304b\u3001\u8a18\u4e8b\u3092\u69cb\u6210\u3057\u3066\u3044\u308b\u306e\u304b\u306b\u95a2\u308f\u3089\u305a\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306f\u79c1\u3068\u79c1\u306e\u30c1\u30fc\u30e0\u306b\u3068\u3063\u3066\u5927\u304d\u306a\u8cc7\u7523\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002","testimonial.testimonial2_username.lucas":"\u30eb\u30fc\u30ab\u30b9","testimonial.testimonial2_usertitle.content_strategist":"\u30b3\u30f3\u30c6\u30f3\u30c4\u6226\u7565\u5bb6","testimonial.testimonial3_content.it_empowers_me_to_pr":"\u6700\u5c0f\u9650\u306e\u52b4\u529b\u3067\u512a\u308c\u305f\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u3089\u304b\u3058\u3081\u69cb\u7bc9\u3055\u308c\u305fAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u30a2\u30d7\u30ea\u306f\u3001\u7279\u5b9a\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u6a5f\u80fd\u3068\u3068\u3082\u306b\u3001\u30c1\u30fc\u30e0\u306e\u52b9\u7387\u6027\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u307e\u3057\u305f\u3002","testimonial.testimonial3_username.harper":"\u30cf\u30fc\u30d1\u30fc","testimonial.testimonial3_usertitle.customer_service_man":"\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30fc\u30d3\u30b9\u30de\u30cd\u30fc\u30b8\u30e3\u30fc","testimonial.testimonial4_content.ai_agent_low_code":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u30ed\u30fc\u30b3\u30fc\u30c9\u306f\u3001\u96fb\u5b50\u30e1\u30fc\u30eb\u306e\u66f8\u304d\u8fbc\u307f\u30d7\u30ed\u30bb\u30b9\u3092\u5909\u63db\u3057\u307e\u3057\u305f\u3002 \u30a4\u30f3\u30d1\u30af\u30c8\u306e\u3042\u308b\u96fb\u5b50\u30e1\u30fc\u30eb\u306e\u4f5c\u6210\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u79c1\u306f\u9b45\u529b\u7684\u3067\u8aac\u5f97\u529b\u306e\u3042\u308b\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u7c21\u5358\u306b\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ILLA \u30af\u30e9\u30a6\u30c9\u306f\u3001\u5f53\u793e\u306e\u96fb\u5b50\u30e1\u30fc\u30eb\u901a\u4fe1\u3092\u65b0\u305f\u306a\u9ad8\u307f\u306b\u9ad8\u3081\u307e\u3057\u305f\u3002","testimonial.testimonial4_username.abigail":"\u30a2\u30d3\u30b2\u30a4\u30eb","testimonial.testimonial4_usertitle.communication_specia":"\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8","testimonial.testimonial5_content.i_need_to_oversee_va":"\u4f1a\u793e\u306e\u69d8\u3005\u306a\u5074\u9762\u3092\u76e3\u7763\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 ILLA Cloud \u306f\u79c1\u306b\u5305\u62ec\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u3066\u304f\u308c\u307e\u3059\u3002 \u958b\u767a\u3068\u8a2d\u8a08\u306b\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u81ea\u5206\u306e\u30d3\u30b8\u30cd\u30b9\u3092\u3088\u308a\u826f\u304f\u7ba1\u7406\u3057\u3001\u76e3\u8996\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002","testimonial.testimonial5_username.matthew":"\u30de\u30b7\u30e5\u30fc","testimonial.testimonial5_usertitle.business_founder":"\u30d3\u30b8\u30cd\u30b9\u5275\u696d\u8005","testimonial.testimonial6_content.using_illa_cloud_to":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u7ba1\u7406\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u69cb\u7bc9\u3059\u308b\u306e\u306f\u975e\u5e38\u306b\u7c21\u5358\u3067\u3057\u305f\u3002 \u305f\u3063\u305f1\u65e5\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u6357\u3092\u76e3\u8996\u3057\u305f\u308a\u3001\u3053\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u5185\u3067\u30ea\u30bd\u30fc\u30b9\u3092\u5272\u308a\u5f53\u3066\u305f\u308a\u3068\u3044\u3063\u305f\u30bf\u30b9\u30af\u3092\u9054\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002","testimonial.testimonial6_username.samuel":"\u30b5\u30df\u30e5\u30a8\u30eb","testimonial.testimonial6_usertitle.website_administrato":"\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u7ba1\u7406\u8005","customer.title":"\u4f55\u5343\u3082\u306e\u30c1\u30fc\u30e0\u306b\u4fe1\u983c\u3055\u308c\u3066\u3044\u307e\u3059","description":"\u4f4e\u30b3\u30fc\u30c9\u3067 { businessApp } \u3092\u30d3\u30eb\u30c9\u3057\u3001 { flow }\u3092\u81ea\u52d5\u5316\u3057\u3001 { AIAgent } \u3092\u7c21\u5358\u306b\u4f5c\u6210","website_4.description.ai_agent":"AI Agent","website_4.description.business_app":"Web\u30b5\u30a4\u30c8&\u30a2\u30d7\u30ea","website_4.description.flow":"\u30d7\u30ed\u30bb\u30b9","first_button":"\u59cb\u3081\u3088\u3046","join-community":"Discord \u306b\u53c2\u52a0"}')},6887:e=>{"use strict";e.exports=JSON.parse('{"/illa-website/ja/admin-panel-b6f":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"6f04e546"},"/illa-website/ja/ai-voice-generator-0f8":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"a8ec4dfb"},"/illa-website/ja/blog-783":{"__comp":"a6aa9e1f","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"},{"content":"4a83e123"},{"content":"354dfbd1"},{"content":"e20c763e"},{"content":"bb85b74d"},{"content":"5cd65baf"}],"metadata":"15579acf","tags":"2fed4b30"},"/illa-website/ja/blog/backend-create-web-ui-c35":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"e765f05a"},"/illa-website/ja/blog/build-dashboard-d8f":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"96447363"},"/illa-website/ja/blog/lowcode-vs-traditional-7fb":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"72d3bf7a"},"/illa-website/ja/blog/mui-2024-a1b":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"1842627e"},"/illa-website/ja/blog/nvm-use-2024-5a9":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"5f78ec6a"},"/illa-website/ja/blog/shadcn-ui-2024-79d":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"4a61f11b"},"/illa-website/ja/blog/shadcn-vs-mui-105":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"31eafaf9"},"/illa-website/ja/blog/tags-deb":{"__comp":"01a85c17","__context":{"plugin":"fc0df049"},"tags":"2fed4b30"},"/illa-website/ja/blog/tags/admin-panel-dee":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"32e0062a","tags":"2fed4b30","listMetadata":"7bafbfd4"},"/illa-website/ja/blog/tags/data-dashboard-d6c":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"},{"content":"bb85b74d"}],"tag":"4b61f448","tags":"2fed4b30","listMetadata":"767884c3"},"/illa-website/ja/blog/tags/internal-tools-2bd":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"8104b43a","tags":"2fed4b30","listMetadata":"bfd7a058"},"/illa-website/ja/blog/tags/javascript-912":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"}],"tag":"f706147f","tags":"2fed4b30","listMetadata":"e318c3d1"},"/illa-website/ja/blog/tags/low-code-6c7":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"354dfbd1"}],"tag":"4c1cafaf","tags":"2fed4b30","listMetadata":"e8901644"},"/illa-website/ja/blog/tags/mac-2f1":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"3e9365cc","tags":"2fed4b30","listMetadata":"84e5c644"},"/illa-website/ja/blog/tags/nodejs-8ec":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"adc5b515","tags":"2fed4b30","listMetadata":"6927a6f7"},"/illa-website/ja/blog/tags/nvm-3ba":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"8323cfc4","tags":"2fed4b30","listMetadata":"ec6317df"},"/illa-website/ja/blog/tags/open-source-9fc":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"354dfbd1"}],"tag":"b51640b3","tags":"2fed4b30","listMetadata":"8da008fe"},"/illa-website/ja/blog/tags/react-fa9":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"f9908f12","tags":"2fed4b30","listMetadata":"459412d8"},"/illa-website/ja/blog/tags/shadcn-ui-376":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"351f368f","tags":"2fed4b30","listMetadata":"09752374"},"/illa-website/ja/blog/tags/traditional-development-0e0":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"}],"tag":"efb304c7","tags":"2fed4b30","listMetadata":"4ac09675"},"/illa-website/ja/blog/tags/ui-library-1ef":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"4a83e123"}],"tag":"ca20a7d4","tags":"2fed4b30","listMetadata":"9cfae2f1"},"/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024-e55":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"3dca0203"},"/illa-website/ja/cms-0f1":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"5b9cf134"},"/illa-website/ja/components/-5a2":{"__comp":"188c27a7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Audio/-a8f":{"__comp":"83d2f18d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/BarProgress/-064":{"__comp":"50cfa8ab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Button/-9f4":{"__comp":"49586834","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Carousel/-ce2":{"__comp":"a6b4f45f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Cascader/-fe6":{"__comp":"86953be1","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Chart/-82d":{"__comp":"4c3a04f4","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/CheckboxGroup/-128":{"__comp":"7f0a0f20","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/CircleProgress/-7fd":{"__comp":"46a49447","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Container/-de4":{"__comp":"bb9e3f22","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Date/-d0a":{"__comp":"deb5faec","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/DateRange/-20e":{"__comp":"25ffa5da","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/DateTime/-a46":{"__comp":"9f91eb4c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Divider/-e30":{"__comp":"03d60dda","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/EditableText/-313":{"__comp":"5758dffb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Form/-dc5":{"__comp":"3fee51a2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Icon/-e6f":{"__comp":"6632b8cf","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Image/-4d3":{"__comp":"c133d0bc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Input/-2cc":{"__comp":"1b97b52f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/List/-e62":{"__comp":"0104b3a5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Menu/-3f2":{"__comp":"53015dc5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Modal/-419":{"__comp":"25bbf118","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Multiselect/-c74":{"__comp":"da1593ee","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/NumberInput/-033":{"__comp":"6b7903a8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/PDF/-93d":{"__comp":"474ec535","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/RadioButton/-f37":{"__comp":"8d9a9c02","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/RadioGroup/-1bb":{"__comp":"837d095b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Rate/-475":{"__comp":"be1d629d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Select/-1e4":{"__comp":"56cbb393","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Statistics/-772":{"__comp":"03598c98","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Switch/-648":{"__comp":"01bd692b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Tables/-ee9":{"__comp":"ca96679e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Tabs/-b95":{"__comp":"30834002","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Text/-d23":{"__comp":"a9372106","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Textarea%20Input/-8f2":{"__comp":"5ca6070c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Timeline/-0e5":{"__comp":"7213c8c2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Upload/-541":{"__comp":"e0cd9918","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Video/-561":{"__comp":"3d6ccfd0","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/crm-eb7":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"3371227b"},"/illa-website/ja/dashboard-991":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"8a295c3c"},"/illa-website/ja/image-generator-5be":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"5175bdc6"},"/illa-website/ja/integrations/-6e8":{"__comp":"d8096fab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Airtable/-9e0":{"__comp":"e4e1a4b6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/AmazonDynamoDB/-af4":{"__comp":"589eda2e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Appwrite/-3d4":{"__comp":"733df29f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Clickhouse/-d61":{"__comp":"30da2238","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/CouchDB/-3af":{"__comp":"4ac275c7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/ElasticSearch/-abf":{"__comp":"7d02bed8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Firebase/-656":{"__comp":"f3cf1707","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/GoogleSheets/-38e":{"__comp":"ca19ac91","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/GraphQL/-2cb":{"__comp":"927b8026","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/HuggingFaceInferenceAPI/-c1b":{"__comp":"a828f322","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/HuggingFaceInferenceEndpoint/-b39":{"__comp":"2937fddb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Hydra/-566":{"__comp":"451bfe05","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/MariaDB/-ad8":{"__comp":"7b91dc2c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/MicrosoftSQLServer/-118":{"__comp":"2d1ec1f7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/MongoDB/-d1f":{"__comp":"e015af33","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/MySQL/-693":{"__comp":"45267849","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Neon/-bc8":{"__comp":"68c10dd5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/OracleDB/-86f":{"__comp":"17fb53e2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/PostgreSQL/-518":{"__comp":"38806fe8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Redis/-17f":{"__comp":"890684bb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/RESTAPI/-f03":{"__comp":"921028f2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/S3/-366":{"__comp":"6e91fee9","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/SMTP/-5f2":{"__comp":"ac92cbdc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Snowflake/-30a":{"__comp":"94161ec7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/SupabaseDB/-155":{"__comp":"9de45a08","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/TiDB/-d85":{"__comp":"41685197","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/pricing/-c19":{"__comp":"279770d6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/-f13":{"__comp":"1df93b7f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[532],(()=>{return t=1136,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
+/*! For license information please see main.7288e62e.js.LICENSE.txt */
+(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[179],{1422:(e,t,n)=>{var a={"./":1884};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=1422},6002:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7558),r=n.n(a),o=n(6887);const i={"0104b3a5":[()=>Promise.all([n.e(532),n.e(8592),n.e(1205)]).then(n.bind(n,2048)),"@site/src/pages/components/List/index.tsx",2048],"01a85c17":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(4013)]).then(n.bind(n,5602)),"@theme/BlogTagsListPage",5602],"01bd692b":[()=>Promise.all([n.e(532),n.e(8592),n.e(8550)]).then(n.bind(n,9451)),"@site/src/pages/components/Switch/index.tsx",9451],"03598c98":[()=>Promise.all([n.e(532),n.e(8592),n.e(4530)]).then(n.bind(n,406)),"@site/src/pages/components/Statistics/index.tsx",406],"03d60dda":[()=>Promise.all([n.e(532),n.e(8592),n.e(1618)]).then(n.bind(n,489)),"@site/src/pages/components/Divider/index.tsx",489],"09752374":[()=>n.e(5872).then(n.t.bind(n,1869,19)),"~blog/default/illa-website-ja-blog-tags-shadcn-ui-875-list.json",1869],"15579acf":[()=>n.e(6573).then(n.t.bind(n,2203,19)),"~blog/default/illa-website-ja-blog-c89.json",2203],"17fb53e2":[()=>Promise.all([n.e(532),n.e(8592),n.e(4893)]).then(n.bind(n,2439)),"@site/src/pages/integrations/OracleDB/index.tsx",2439],"1842627e":[()=>n.e(5037).then(n.bind(n,2640)),"@site/blog/mui-2024/mui.md",2640],"188c27a7":[()=>Promise.all([n.e(532),n.e(8592),n.e(6921)]).then(n.bind(n,7108)),"@site/src/pages/components/index.tsx",7108],"1b97b52f":[()=>Promise.all([n.e(532),n.e(8592),n.e(2833)]).then(n.bind(n,7880)),"@site/src/pages/components/Input/index.tsx",7880],"1df93b7f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5708),n.e(3237)]).then(n.bind(n,7518)),"@site/src/pages/index.tsx",7518],"25bbf118":[()=>Promise.all([n.e(532),n.e(8592),n.e(7277)]).then(n.bind(n,5013)),"@site/src/pages/components/Modal/index.tsx",5013],"25ffa5da":[()=>Promise.all([n.e(532),n.e(8592),n.e(4417)]).then(n.bind(n,716)),"@site/src/pages/components/DateRange/index.tsx",716],"279770d6":[()=>Promise.all([n.e(532),n.e(8592),n.e(7654)]).then(n.bind(n,145)),"@site/src/pages/pricing/index.tsx",145],"2864c10f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5923),n.e(3807)]).then(n.bind(n,6641)),"@theme/SolutionsPage",6641],"2937fddb":[()=>Promise.all([n.e(532),n.e(8592),n.e(7559)]).then(n.bind(n,5430)),"@site/src/pages/integrations/HuggingFaceInferenceEndpoint/index.tsx",5430],"2d1ec1f7":[()=>Promise.all([n.e(532),n.e(8592),n.e(4664)]).then(n.bind(n,9400)),"@site/src/pages/integrations/MicrosoftSQLServer/index.tsx",9400],"2fed4b30":[()=>n.e(9634).then(n.t.bind(n,8557,19)),"~blog/default/illa-website-ja-blog-tags-tags-b74.json",8557],30834002:[()=>Promise.all([n.e(532),n.e(8592),n.e(7949)]).then(n.bind(n,2150)),"@site/src/pages/components/Tabs/index.tsx",2150],"30da2238":[()=>Promise.all([n.e(532),n.e(8592),n.e(7906)]).then(n.bind(n,7201)),"@site/src/pages/integrations/Clickhouse/index.tsx",7201],"31eafaf9":[()=>n.e(3581).then(n.bind(n,2040)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",2040],"32e0062a":[()=>n.e(6175).then(n.t.bind(n,2601,19)),"~blog/default/illa-website-ja-blog-tags-admin-panel-691.json",2601],"3371227b":[()=>n.e(3093).then(n.bind(n,202)),"@site/i18n/ja/docusaurus-plugin-content-pages/solutions-crm.mdx",202],"34d0e50f":[()=>n.e(5385).then(n.t.bind(n,5745,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],"351f368f":[()=>n.e(7147).then(n.t.bind(n,1239,19)),"~blog/default/illa-website-ja-blog-tags-shadcn-ui-875.json",1239],"354dfbd1":[()=>n.e(8248).then(n.bind(n,5209)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md?truncated=true",5209],"38806fe8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9248)]).then(n.bind(n,7179)),"@site/src/pages/integrations/PostgreSQL/index.tsx",7179],"3d6ccfd0":[()=>Promise.all([n.e(532),n.e(8592),n.e(7543)]).then(n.bind(n,2667)),"@site/src/pages/components/Video/index.tsx",2667],"3dca0203":[()=>n.e(5694).then(n.bind(n,1077)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md",1077],"3e9365cc":[()=>n.e(4823).then(n.t.bind(n,4841,19)),"~blog/default/illa-website-ja-blog-tags-mac-59c.json",4841],"3fee51a2":[()=>Promise.all([n.e(532),n.e(8592),n.e(7155)]).then(n.bind(n,2974)),"@site/src/pages/components/Form/index.tsx",2974],41685197:[()=>Promise.all([n.e(532),n.e(8592),n.e(4610)]).then(n.bind(n,3608)),"@site/src/pages/integrations/TiDB/index.tsx",3608],"451bfe05":[()=>Promise.all([n.e(532),n.e(8592),n.e(5162)]).then(n.bind(n,780)),"@site/src/pages/integrations/Hydra/index.tsx",780],45267849:[()=>Promise.all([n.e(532),n.e(8592),n.e(2136)]).then(n.bind(n,7417)),"@site/src/pages/integrations/MySQL/index.tsx",7417],"459412d8":[()=>n.e(7371).then(n.t.bind(n,8469,19)),"~blog/default/illa-website-ja-blog-tags-react-fcc-list.json",8469],"46a49447":[()=>Promise.all([n.e(532),n.e(8592),n.e(4771)]).then(n.bind(n,2208)),"@site/src/pages/components/CircleProgress/index.tsx",2208],"474ec535":[()=>Promise.all([n.e(532),n.e(8592),n.e(1055)]).then(n.bind(n,3886)),"@site/src/pages/components/PDF/index.tsx",3886],49586834:[()=>Promise.all([n.e(532),n.e(8592),n.e(852)]).then(n.bind(n,8292)),"@site/src/pages/components/Button/index.tsx",8292],"4a61f11b":[()=>n.e(9699).then(n.bind(n,1483)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",1483],"4a83e123":[()=>n.e(6137).then(n.bind(n,8506)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md?truncated=true",8506],"4ac09675":[()=>n.e(4103).then(n.t.bind(n,35,19)),"~blog/default/illa-website-ja-blog-tags-traditional-development-c91-list.json",35],"4ac275c7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1679)]).then(n.bind(n,9098)),"@site/src/pages/integrations/CouchDB/index.tsx",9098],"4b61f448":[()=>n.e(1543).then(n.t.bind(n,5499,19)),"~blog/default/illa-website-ja-blog-tags-data-dashboard-317.json",5499],"4c1cafaf":[()=>n.e(5089).then(n.t.bind(n,1941,19)),"~blog/default/illa-website-ja-blog-tags-low-code-b05.json",1941],"4c3a04f4":[()=>Promise.all([n.e(532),n.e(8592),n.e(2578)]).then(n.bind(n,8532)),"@site/src/pages/components/Chart/index.tsx",8532],"50cfa8ab":[()=>Promise.all([n.e(532),n.e(8592),n.e(9788)]).then(n.bind(n,7779)),"@site/src/pages/components/BarProgress/index.tsx",7779],"5175bdc6":[()=>n.e(9087).then(n.bind(n,4608)),"@site/i18n/ja/docusaurus-plugin-content-pages/solutions-image-generator.mdx",4608],"53015dc5":[()=>Promise.all([n.e(532),n.e(8592),n.e(8962)]).then(n.bind(n,4118)),"@site/src/pages/components/Menu/index.tsx",4118],"56cbb393":[()=>Promise.all([n.e(532),n.e(8592),n.e(7050)]).then(n.bind(n,4515)),"@site/src/pages/components/Select/index.tsx",4515],"5758dffb":[()=>Promise.all([n.e(532),n.e(8592),n.e(9982)]).then(n.bind(n,5421)),"@site/src/pages/components/EditableText/index.tsx",5421],"589eda2e":[()=>Promise.all([n.e(532),n.e(8592),n.e(4556)]).then(n.bind(n,1566)),"@site/src/pages/integrations/AmazonDynamoDB/index.tsx",1566],"5b9cf134":[()=>n.e(1361).then(n.bind(n,2025)),"@site/i18n/ja/docusaurus-plugin-content-pages/solutions-cms.mdx",2025],"5ca6070c":[()=>Promise.all([n.e(532),n.e(8592),n.e(2056)]).then(n.bind(n,5462)),"@site/src/pages/components/Textarea Input/index.tsx",5462],"5cd65baf":[()=>n.e(9239).then(n.bind(n,9590)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md?truncated=true",9590],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],"5f78ec6a":[()=>n.e(3096).then(n.bind(n,2369)),"@site/blog/nvm-use/nvm-use.md",2369],"6632b8cf":[()=>Promise.all([n.e(532),n.e(8592),n.e(9090)]).then(n.bind(n,786)),"@site/src/pages/components/Icon/index.tsx",786],"6875c492":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(8610)]).then(n.bind(n,2304)),"@theme/BlogTagsPostsPage",2304],"68c10dd5":[()=>Promise.all([n.e(532),n.e(8592),n.e(2714)]).then(n.bind(n,5886)),"@site/src/pages/integrations/Neon/index.tsx",5886],"6927a6f7":[()=>n.e(7122).then(n.t.bind(n,9613,19)),"~blog/default/illa-website-ja-blog-tags-nodejs-9d2-list.json",9613],"6b7903a8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9324)]).then(n.bind(n,3564)),"@site/src/pages/components/NumberInput/index.tsx",3564],"6d69edbe":[()=>n.e(8876).then(n.bind(n,5391)),"@site/blog/nvm-use/nvm-use.md?truncated=true",5391],"6e91fee9":[()=>Promise.all([n.e(532),n.e(8592),n.e(856)]).then(n.bind(n,2368)),"@site/src/pages/integrations/S3/index.tsx",2368],"6f04e546":[()=>n.e(8252).then(n.bind(n,6517)),"@site/i18n/ja/docusaurus-plugin-content-pages/solutions-admin-panel.mdx",6517],"7213c8c2":[()=>Promise.all([n.e(532),n.e(8592),n.e(3045)]).then(n.bind(n,9219)),"@site/src/pages/components/Timeline/index.tsx",9219],"72d3bf7a":[()=>n.e(4808).then(n.bind(n,2685)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",2685],"733df29f":[()=>Promise.all([n.e(532),n.e(8592),n.e(8151)]).then(n.bind(n,3538)),"@site/src/pages/integrations/Appwrite/index.tsx",3538],"767884c3":[()=>n.e(1103).then(n.t.bind(n,3075,19)),"~blog/default/illa-website-ja-blog-tags-data-dashboard-317-list.json",3075],"7b91dc2c":[()=>Promise.all([n.e(532),n.e(8592),n.e(7448)]).then(n.bind(n,5764)),"@site/src/pages/integrations/MariaDB/index.tsx",5764],"7bafbfd4":[()=>n.e(8582).then(n.t.bind(n,1959,19)),"~blog/default/illa-website-ja-blog-tags-admin-panel-691-list.json",1959],"7d02bed8":[()=>Promise.all([n.e(532),n.e(8592),n.e(7832)]).then(n.bind(n,9840)),"@site/src/pages/integrations/ElasticSearch/index.tsx",9840],"7f0a0f20":[()=>Promise.all([n.e(532),n.e(8592),n.e(2377)]).then(n.bind(n,5092)),"@site/src/pages/components/CheckboxGroup/index.tsx",5092],"8104b43a":[()=>n.e(3085).then(n.t.bind(n,2131,19)),"~blog/default/illa-website-ja-blog-tags-internal-tools-98c.json",2131],"8323cfc4":[()=>n.e(38).then(n.t.bind(n,7032,19)),"~blog/default/illa-website-ja-blog-tags-nvm-2dc.json",7032],"837d095b":[()=>Promise.all([n.e(532),n.e(8592),n.e(9211)]).then(n.bind(n,8824)),"@site/src/pages/components/RadioGroup/index.tsx",8824],"83d2f18d":[()=>Promise.all([n.e(532),n.e(8592),n.e(4638)]).then(n.bind(n,6398)),"@site/src/pages/components/Audio/index.tsx",6398],"84e5c644":[()=>n.e(5563).then(n.t.bind(n,1614,19)),"~blog/default/illa-website-ja-blog-tags-mac-59c-list.json",1614],"86953be1":[()=>Promise.all([n.e(532),n.e(8592),n.e(6510)]).then(n.bind(n,7072)),"@site/src/pages/components/Cascader/index.tsx",7072],"88d8af9f":[()=>n.e(5038).then(n.bind(n,9129)),"@site/blog/mui-2024/mui.md?truncated=true",9129],"890684bb":[()=>Promise.all([n.e(532),n.e(8592),n.e(3883)]).then(n.bind(n,9917)),"@site/src/pages/integrations/Redis/index.tsx",9917],"8a295c3c":[()=>n.e(5885).then(n.bind(n,1229)),"@site/i18n/ja/docusaurus-plugin-content-pages/solutions-dashboard.mdx",1229],"8d9a9c02":[()=>Promise.all([n.e(532),n.e(8592),n.e(3265)]).then(n.bind(n,3893)),"@site/src/pages/components/RadioButton/index.tsx",3893],"8da008fe":[()=>n.e(3204).then(n.t.bind(n,8126,19)),"~blog/default/illa-website-ja-blog-tags-open-source-cfd-list.json",8126],"921028f2":[()=>Promise.all([n.e(532),n.e(8592),n.e(8922)]).then(n.bind(n,4108)),"@site/src/pages/integrations/RESTAPI/index.tsx",4108],"927b8026":[()=>Promise.all([n.e(532),n.e(8592),n.e(1414)]).then(n.bind(n,4882)),"@site/src/pages/integrations/GraphQL/index.tsx",4882],"94161ec7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1845)]).then(n.bind(n,8521)),"@site/src/pages/integrations/Snowflake/index.tsx",8521],96447363:[()=>n.e(9713).then(n.bind(n,6100)),"@site/blog/build-dashboard/build-dashboard.md",6100],"9cfae2f1":[()=>n.e(6649).then(n.t.bind(n,8633,19)),"~blog/default/illa-website-ja-blog-tags-ui-library-ad8-list.json",8633],"9de45a08":[()=>Promise.all([n.e(532),n.e(8592),n.e(4640)]).then(n.bind(n,7582)),"@site/src/pages/integrations/SupabaseDB/index.tsx",7582],"9f91eb4c":[()=>Promise.all([n.e(532),n.e(8592),n.e(6290)]).then(n.bind(n,3668)),"@site/src/pages/components/DateTime/index.tsx",3668],a6aa9e1f:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(3089)]).then(n.bind(n,6336)),"@theme/BlogListPage",6336],a6b4f45f:[()=>Promise.all([n.e(532),n.e(8592),n.e(3102)]).then(n.bind(n,9967)),"@site/src/pages/components/Carousel/index.tsx",9967],a828f322:[()=>Promise.all([n.e(532),n.e(8592),n.e(8891)]).then(n.bind(n,9216)),"@site/src/pages/integrations/HuggingFaceInferenceAPI/index.tsx",9216],a8ec4dfb:[()=>n.e(5298).then(n.bind(n,450)),"@site/i18n/ja/docusaurus-plugin-content-pages/solutions-ai-voice-generator.mdx",450],a9372106:[()=>Promise.all([n.e(532),n.e(8592),n.e(1777)]).then(n.bind(n,7134)),"@site/src/pages/components/Text/index.tsx",7134],ac92cbdc:[()=>Promise.all([n.e(532),n.e(8592),n.e(5378)]).then(n.bind(n,5501)),"@site/src/pages/integrations/SMTP/index.tsx",5501],adc5b515:[()=>n.e(2734).then(n.t.bind(n,2723,19)),"~blog/default/illa-website-ja-blog-tags-nodejs-9d2.json",2723],b51640b3:[()=>n.e(7235).then(n.t.bind(n,6021,19)),"~blog/default/illa-website-ja-blog-tags-open-source-cfd.json",6021],b6eb34d2:[()=>n.e(5191).then(n.bind(n,5067)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md?truncated=true",5067],bb85b74d:[()=>n.e(5938).then(n.bind(n,576)),"@site/blog/build-dashboard/build-dashboard.md?truncated=true",576],bb9e3f22:[()=>Promise.all([n.e(532),n.e(8592),n.e(5118)]).then(n.bind(n,4980)),"@site/src/pages/components/Container/index.tsx",4980],be1d629d:[()=>Promise.all([n.e(532),n.e(8592),n.e(545)]).then(n.bind(n,3563)),"@site/src/pages/components/Rate/index.tsx",3563],bfd7a058:[()=>n.e(7922).then(n.t.bind(n,7026,19)),"~blog/default/illa-website-ja-blog-tags-internal-tools-98c-list.json",7026],c133d0bc:[()=>Promise.all([n.e(532),n.e(8592),n.e(7746)]).then(n.bind(n,1814)),"@site/src/pages/components/Image/index.tsx",1814],ca19ac91:[()=>Promise.all([n.e(532),n.e(8592),n.e(7612)]).then(n.bind(n,7690)),"@site/src/pages/integrations/GoogleSheets/index.tsx",7690],ca20a7d4:[()=>n.e(557).then(n.t.bind(n,2960,19)),"~blog/default/illa-website-ja-blog-tags-ui-library-ad8.json",2960],ca96679e:[()=>Promise.all([n.e(532),n.e(8592),n.e(2031)]).then(n.bind(n,5014)),"@site/src/pages/components/Tables/index.tsx",5014],ccc49370:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(5923),n.e(4809),n.e(6103)]).then(n.bind(n,9466)),"@theme/BlogPostPage",9466],d8096fab:[()=>Promise.all([n.e(532),n.e(8592),n.e(6828)]).then(n.bind(n,3769)),"@site/src/pages/integrations/index.tsx",3769],da1593ee:[()=>Promise.all([n.e(532),n.e(8592),n.e(9321)]).then(n.bind(n,1086)),"@site/src/pages/components/Multiselect/index.tsx",1086],deb5faec:[()=>Promise.all([n.e(532),n.e(8592),n.e(2224)]).then(n.bind(n,320)),"@site/src/pages/components/Date/index.tsx",320],e015af33:[()=>Promise.all([n.e(532),n.e(8592),n.e(8595)]).then(n.bind(n,7818)),"@site/src/pages/integrations/MongoDB/index.tsx",7818],e0cd9918:[()=>Promise.all([n.e(532),n.e(8592),n.e(8155)]).then(n.bind(n,4855)),"@site/src/pages/components/Upload/index.tsx",4855],e20c763e:[()=>n.e(7599).then(n.bind(n,8311)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md?truncated=true",8311],e318c3d1:[()=>n.e(4938).then(n.t.bind(n,1683,19)),"~blog/default/illa-website-ja-blog-tags-javascript-d9c-list.json",1683],e4e1a4b6:[()=>Promise.all([n.e(532),n.e(8592),n.e(8296)]).then(n.bind(n,5586)),"@site/src/pages/integrations/Airtable/index.tsx",5586],e765f05a:[()=>n.e(7272).then(n.bind(n,26)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md",26],e8901644:[()=>n.e(1066).then(n.t.bind(n,2882,19)),"~blog/default/illa-website-ja-blog-tags-low-code-b05-list.json",2882],ec6317df:[()=>n.e(2408).then(n.t.bind(n,6233,19)),"~blog/default/illa-website-ja-blog-tags-nvm-2dc-list.json",6233],efb304c7:[()=>n.e(3935).then(n.t.bind(n,3303,19)),"~blog/default/illa-website-ja-blog-tags-traditional-development-c91.json",3303],f3cf1707:[()=>Promise.all([n.e(532),n.e(8592),n.e(3072)]).then(n.bind(n,109)),"@site/src/pages/integrations/Firebase/index.tsx",109],f706147f:[()=>n.e(1315).then(n.t.bind(n,7318,19)),"~blog/default/illa-website-ja-blog-tags-javascript-d9c.json",7318],f9908f12:[()=>n.e(7004).then(n.t.bind(n,736,19)),"~blog/default/illa-website-ja-blog-tags-react-fcc.json",736],fc0df049:[()=>n.e(5315).then(n.t.bind(n,4469,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",4469]};var l=n(1527);function s(e){let{error:t,retry:n,pastDelay:a}=e;return t?(0,l.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,l.jsx)("p",{children:String(t)}),(0,l.jsx)("div",{children:(0,l.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):a?(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,l.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,l.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,l.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(4420),u=n(2762);function d(e,t){if("*"===e)return r()({loading:s,loader:()=>Promise.all([n.e(532),n.e(8592),n.e(8245)]).then(n.bind(n,8245)),modules:["@theme/NotFound"],webpack:()=>[8245],render(e,t){const n=e.default;return(0,l.jsx)(u.z,{value:{plugin:{name:"native",id:"default"}},children:(0,l.jsx)(n,{...t})})}});const a=o[`${e}-${t}`],d={},p=[],f=[],g=(0,c.Z)(a);return Object.entries(g).forEach((e=>{let[t,n]=e;const a=i[n];a&&(d[t]=a[0],p.push(a[1]),f.push(a[2]))})),r().Map({loading:s,loader:d,modules:p,webpack:()=>f,render(t,n){const r=JSON.parse(JSON.stringify(a));Object.entries(t).forEach((t=>{let[n,a]=t;const o=a.default;if(!o)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof o&&"function"!=typeof o||Object.keys(a).filter((e=>"default"!==e)).forEach((e=>{o[e]=a[e]}));let i=r;const l=n.split(".");l.slice(0,-1).forEach((e=>{i=i[e]})),i[l[l.length-1]]=o}));const o=r.__comp;delete r.__comp;const i=r.__context;return delete r.__context,(0,l.jsx)(u.z,{value:i,children:(0,l.jsx)(o,{...r,...n})})}})}const p=[{path:"/illa-website/ja/admin-panel",component:d("/illa-website/ja/admin-panel","b6f"),exact:!0},{path:"/illa-website/ja/ai-voice-generator",component:d("/illa-website/ja/ai-voice-generator","0f8"),exact:!0},{path:"/illa-website/ja/blog",component:d("/illa-website/ja/blog","783"),exact:!0},{path:"/illa-website/ja/blog/backend-create-web-ui",component:d("/illa-website/ja/blog/backend-create-web-ui","c35"),exact:!0},{path:"/illa-website/ja/blog/build-dashboard",component:d("/illa-website/ja/blog/build-dashboard","d8f"),exact:!0},{path:"/illa-website/ja/blog/lowcode-vs-traditional",component:d("/illa-website/ja/blog/lowcode-vs-traditional","7fb"),exact:!0},{path:"/illa-website/ja/blog/mui-2024",component:d("/illa-website/ja/blog/mui-2024","a1b"),exact:!0},{path:"/illa-website/ja/blog/nvm-use-2024",component:d("/illa-website/ja/blog/nvm-use-2024","5a9"),exact:!0},{path:"/illa-website/ja/blog/shadcn-ui-2024",component:d("/illa-website/ja/blog/shadcn-ui-2024","79d"),exact:!0},{path:"/illa-website/ja/blog/shadcn-vs-mui",component:d("/illa-website/ja/blog/shadcn-vs-mui","105"),exact:!0},{path:"/illa-website/ja/blog/tags",component:d("/illa-website/ja/blog/tags","deb"),exact:!0},{path:"/illa-website/ja/blog/tags/admin-panel",component:d("/illa-website/ja/blog/tags/admin-panel","dee"),exact:!0},{path:"/illa-website/ja/blog/tags/data-dashboard",component:d("/illa-website/ja/blog/tags/data-dashboard","d6c"),exact:!0},{path:"/illa-website/ja/blog/tags/internal-tools",component:d("/illa-website/ja/blog/tags/internal-tools","2bd"),exact:!0},{path:"/illa-website/ja/blog/tags/javascript",component:d("/illa-website/ja/blog/tags/javascript","912"),exact:!0},{path:"/illa-website/ja/blog/tags/low-code",component:d("/illa-website/ja/blog/tags/low-code","6c7"),exact:!0},{path:"/illa-website/ja/blog/tags/mac",component:d("/illa-website/ja/blog/tags/mac","2f1"),exact:!0},{path:"/illa-website/ja/blog/tags/nodejs",component:d("/illa-website/ja/blog/tags/nodejs","8ec"),exact:!0},{path:"/illa-website/ja/blog/tags/nvm",component:d("/illa-website/ja/blog/tags/nvm","3ba"),exact:!0},{path:"/illa-website/ja/blog/tags/open-source",component:d("/illa-website/ja/blog/tags/open-source","9fc"),exact:!0},{path:"/illa-website/ja/blog/tags/react",component:d("/illa-website/ja/blog/tags/react","fa9"),exact:!0},{path:"/illa-website/ja/blog/tags/shadcn-ui",component:d("/illa-website/ja/blog/tags/shadcn-ui","376"),exact:!0},{path:"/illa-website/ja/blog/tags/traditional-development",component:d("/illa-website/ja/blog/tags/traditional-development","0e0"),exact:!0},{path:"/illa-website/ja/blog/tags/ui-library",component:d("/illa-website/ja/blog/tags/ui-library","1ef"),exact:!0},{path:"/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024",component:d("/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024","e55"),exact:!0},{path:"/illa-website/ja/cms",component:d("/illa-website/ja/cms","0f1"),exact:!0},{path:"/illa-website/ja/components/",component:d("/illa-website/ja/components/","5a2"),exact:!0},{path:"/illa-website/ja/components/Audio/",component:d("/illa-website/ja/components/Audio/","a8f"),exact:!0},{path:"/illa-website/ja/components/BarProgress/",component:d("/illa-website/ja/components/BarProgress/","064"),exact:!0},{path:"/illa-website/ja/components/Button/",component:d("/illa-website/ja/components/Button/","9f4"),exact:!0},{path:"/illa-website/ja/components/Carousel/",component:d("/illa-website/ja/components/Carousel/","ce2"),exact:!0},{path:"/illa-website/ja/components/Cascader/",component:d("/illa-website/ja/components/Cascader/","fe6"),exact:!0},{path:"/illa-website/ja/components/Chart/",component:d("/illa-website/ja/components/Chart/","82d"),exact:!0},{path:"/illa-website/ja/components/CheckboxGroup/",component:d("/illa-website/ja/components/CheckboxGroup/","128"),exact:!0},{path:"/illa-website/ja/components/CircleProgress/",component:d("/illa-website/ja/components/CircleProgress/","7fd"),exact:!0},{path:"/illa-website/ja/components/Container/",component:d("/illa-website/ja/components/Container/","de4"),exact:!0},{path:"/illa-website/ja/components/Date/",component:d("/illa-website/ja/components/Date/","d0a"),exact:!0},{path:"/illa-website/ja/components/DateRange/",component:d("/illa-website/ja/components/DateRange/","20e"),exact:!0},{path:"/illa-website/ja/components/DateTime/",component:d("/illa-website/ja/components/DateTime/","a46"),exact:!0},{path:"/illa-website/ja/components/Divider/",component:d("/illa-website/ja/components/Divider/","e30"),exact:!0},{path:"/illa-website/ja/components/EditableText/",component:d("/illa-website/ja/components/EditableText/","313"),exact:!0},{path:"/illa-website/ja/components/Form/",component:d("/illa-website/ja/components/Form/","dc5"),exact:!0},{path:"/illa-website/ja/components/Icon/",component:d("/illa-website/ja/components/Icon/","e6f"),exact:!0},{path:"/illa-website/ja/components/Image/",component:d("/illa-website/ja/components/Image/","4d3"),exact:!0},{path:"/illa-website/ja/components/Input/",component:d("/illa-website/ja/components/Input/","2cc"),exact:!0},{path:"/illa-website/ja/components/List/",component:d("/illa-website/ja/components/List/","e62"),exact:!0},{path:"/illa-website/ja/components/Menu/",component:d("/illa-website/ja/components/Menu/","3f2"),exact:!0},{path:"/illa-website/ja/components/Modal/",component:d("/illa-website/ja/components/Modal/","419"),exact:!0},{path:"/illa-website/ja/components/Multiselect/",component:d("/illa-website/ja/components/Multiselect/","c74"),exact:!0},{path:"/illa-website/ja/components/NumberInput/",component:d("/illa-website/ja/components/NumberInput/","033"),exact:!0},{path:"/illa-website/ja/components/PDF/",component:d("/illa-website/ja/components/PDF/","93d"),exact:!0},{path:"/illa-website/ja/components/RadioButton/",component:d("/illa-website/ja/components/RadioButton/","f37"),exact:!0},{path:"/illa-website/ja/components/RadioGroup/",component:d("/illa-website/ja/components/RadioGroup/","1bb"),exact:!0},{path:"/illa-website/ja/components/Rate/",component:d("/illa-website/ja/components/Rate/","475"),exact:!0},{path:"/illa-website/ja/components/Select/",component:d("/illa-website/ja/components/Select/","1e4"),exact:!0},{path:"/illa-website/ja/components/Statistics/",component:d("/illa-website/ja/components/Statistics/","772"),exact:!0},{path:"/illa-website/ja/components/Switch/",component:d("/illa-website/ja/components/Switch/","648"),exact:!0},{path:"/illa-website/ja/components/Tables/",component:d("/illa-website/ja/components/Tables/","ee9"),exact:!0},{path:"/illa-website/ja/components/Tabs/",component:d("/illa-website/ja/components/Tabs/","b95"),exact:!0},{path:"/illa-website/ja/components/Text/",component:d("/illa-website/ja/components/Text/","d23"),exact:!0},{path:"/illa-website/ja/components/Textarea%20Input/",component:d("/illa-website/ja/components/Textarea%20Input/","8f2"),exact:!0},{path:"/illa-website/ja/components/Timeline/",component:d("/illa-website/ja/components/Timeline/","0e5"),exact:!0},{path:"/illa-website/ja/components/Upload/",component:d("/illa-website/ja/components/Upload/","541"),exact:!0},{path:"/illa-website/ja/components/Video/",component:d("/illa-website/ja/components/Video/","561"),exact:!0},{path:"/illa-website/ja/crm",component:d("/illa-website/ja/crm","eb7"),exact:!0},{path:"/illa-website/ja/dashboard",component:d("/illa-website/ja/dashboard","991"),exact:!0},{path:"/illa-website/ja/image-generator",component:d("/illa-website/ja/image-generator","5be"),exact:!0},{path:"/illa-website/ja/integrations/",component:d("/illa-website/ja/integrations/","6e8"),exact:!0},{path:"/illa-website/ja/integrations/Airtable/",component:d("/illa-website/ja/integrations/Airtable/","9e0"),exact:!0},{path:"/illa-website/ja/integrations/AmazonDynamoDB/",component:d("/illa-website/ja/integrations/AmazonDynamoDB/","af4"),exact:!0},{path:"/illa-website/ja/integrations/Appwrite/",component:d("/illa-website/ja/integrations/Appwrite/","3d4"),exact:!0},{path:"/illa-website/ja/integrations/Clickhouse/",component:d("/illa-website/ja/integrations/Clickhouse/","d61"),exact:!0},{path:"/illa-website/ja/integrations/CouchDB/",component:d("/illa-website/ja/integrations/CouchDB/","3af"),exact:!0},{path:"/illa-website/ja/integrations/ElasticSearch/",component:d("/illa-website/ja/integrations/ElasticSearch/","abf"),exact:!0},{path:"/illa-website/ja/integrations/Firebase/",component:d("/illa-website/ja/integrations/Firebase/","656"),exact:!0},{path:"/illa-website/ja/integrations/GoogleSheets/",component:d("/illa-website/ja/integrations/GoogleSheets/","38e"),exact:!0},{path:"/illa-website/ja/integrations/GraphQL/",component:d("/illa-website/ja/integrations/GraphQL/","2cb"),exact:!0},{path:"/illa-website/ja/integrations/HuggingFaceInferenceAPI/",component:d("/illa-website/ja/integrations/HuggingFaceInferenceAPI/","c1b"),exact:!0},{path:"/illa-website/ja/integrations/HuggingFaceInferenceEndpoint/",component:d("/illa-website/ja/integrations/HuggingFaceInferenceEndpoint/","b39"),exact:!0},{path:"/illa-website/ja/integrations/Hydra/",component:d("/illa-website/ja/integrations/Hydra/","566"),exact:!0},{path:"/illa-website/ja/integrations/MariaDB/",component:d("/illa-website/ja/integrations/MariaDB/","ad8"),exact:!0},{path:"/illa-website/ja/integrations/MicrosoftSQLServer/",component:d("/illa-website/ja/integrations/MicrosoftSQLServer/","118"),exact:!0},{path:"/illa-website/ja/integrations/MongoDB/",component:d("/illa-website/ja/integrations/MongoDB/","d1f"),exact:!0},{path:"/illa-website/ja/integrations/MySQL/",component:d("/illa-website/ja/integrations/MySQL/","693"),exact:!0},{path:"/illa-website/ja/integrations/Neon/",component:d("/illa-website/ja/integrations/Neon/","bc8"),exact:!0},{path:"/illa-website/ja/integrations/OracleDB/",component:d("/illa-website/ja/integrations/OracleDB/","86f"),exact:!0},{path:"/illa-website/ja/integrations/PostgreSQL/",component:d("/illa-website/ja/integrations/PostgreSQL/","518"),exact:!0},{path:"/illa-website/ja/integrations/Redis/",component:d("/illa-website/ja/integrations/Redis/","17f"),exact:!0},{path:"/illa-website/ja/integrations/RESTAPI/",component:d("/illa-website/ja/integrations/RESTAPI/","f03"),exact:!0},{path:"/illa-website/ja/integrations/S3/",component:d("/illa-website/ja/integrations/S3/","366"),exact:!0},{path:"/illa-website/ja/integrations/SMTP/",component:d("/illa-website/ja/integrations/SMTP/","5f2"),exact:!0},{path:"/illa-website/ja/integrations/Snowflake/",component:d("/illa-website/ja/integrations/Snowflake/","30a"),exact:!0},{path:"/illa-website/ja/integrations/SupabaseDB/",component:d("/illa-website/ja/integrations/SupabaseDB/","155"),exact:!0},{path:"/illa-website/ja/integrations/TiDB/",component:d("/illa-website/ja/integrations/TiDB/","d85"),exact:!0},{path:"/illa-website/ja/pricing/",component:d("/illa-website/ja/pricing/","c19"),exact:!0},{path:"/illa-website/ja/",component:d("/illa-website/ja/","f13"),exact:!0},{path:"*",component:d("*")}]},7752:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>i});var a=n(959),r=n(1527);const o=a.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{i(!0)}),[]),(0,r.jsx)(o.Provider,{value:n,children:t})}},1136:(e,t,n)=>{"use strict";var a=n(959),r=n(4478),o=n(9500),i=n(387),l=n(6047);const s=[n(3852),n(89),n(6070),n(4329),n(962),n(1245)];var c=n(6002),u=n(8903),d=n(6920);function p(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var a=e.path?(0,u.LX)(t,e):n.length?n[n.length-1].match:u.F0.computeRootMatch(t);return a&&(n.push({route:e,match:a}),e.routes&&p(e.routes,t,n)),a})),n}var f=n(1527);function g(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var m=n(4491),h=n(2688),b=n(9925),y=n(2593),v=n(1610),w=n(8224),x=n(864);const k="default";var L=n(6771),S=n(7535);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,h.Z)(),a=(0,w.l)(),r=n[e].htmlLang,o=e=>e.replace("-","_");return(0,f.jsxs)(m.Z,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:o(r)}),Object.values(n).filter((e=>r!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:o(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,h.Z)(),a=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,h.Z)(),{pathname:a}=(0,u.TH)();return e+(0,L.applyTrailingSlash)((0,b.Z)(a),{trailingSlash:n,baseUrl:t})}(),r=t?`${n}${t}`:a;return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{property:"og:url",content:r}),(0,f.jsx)("link",{rel:"canonical",href:r})]})}function P(){const{i18n:{currentLocale:e}}=(0,h.Z)(),{metadata:t,image:n}=(0,y.L)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:x.h})]}),n&&(0,f.jsx)(v.d,{image:n}),(0,f.jsx)(C,{}),(0,f.jsx)(_,{}),(0,f.jsx)(S.Z,{tag:k,locale:e}),(0,f.jsx)(m.Z,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const A=new Map;function D(e){if(A.has(e.pathname))return{...e,pathname:A.get(e.pathname)};if(p(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return A.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return A.set(e.pathname,t),{...e,pathname:t}}var j=n(7752),E=n(6855),I=n(2827);function T(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];const r=s.map((t=>{const a=t.default?.[e]??t[e];return a?.(...n)}));return()=>r.forEach((e=>e?.()))}const R=function(e){let{children:t,location:n,previousLocation:a}=e;return(0,I.Z)((()=>{a!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const a=t.pathname===n.pathname,r=t.hash===n.hash,o=t.search===n.search;if(a&&r&&!o)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:a}),T("onRouteDidUpdate",{previousLocation:a,location:n}))}),[a,n]),t};function N(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>p(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class O extends a.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?T("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=T("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),N(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(R,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(u.AW,{location:t,render:()=>e})})}}const M=O,F="__docusaurus-base-url-issue-banner-container",B="__docusaurus-base-url-issue-banner",z="__docusaurus-base-url-issue-banner-suggestion-container";function U(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${F}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${B}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${z}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${z}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function $(){const{siteConfig:{baseUrl:e}}=(0,h.Z)();return(0,f.jsx)(f.Fragment,{children:!l.Z.canUseDOM&&(0,f.jsx)(m.Z,{children:(0,f.jsx)("script",{children:U(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,h.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?(0,f.jsx)($,{}):null}function H(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:a,localeConfigs:r}}=(0,h.Z)(),o=(0,b.Z)(e),{htmlLang:i,direction:l}=r[a];return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("html",{lang:i,dir:l}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:o})]})}var G=n(1289),Z=n(7111);function V(){const e=(0,Z.Z)();return(0,f.jsx)(m.Z,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}function W(){const e=function(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(u.rs,n,e.map((function(e,n){return a.createElement(u.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,d.Z)({},n,{},t,{route:e})):a.createElement(e.component,(0,d.Z)({},n,t,{route:e}))}})}))):null}(c.Z),t=(0,u.TH)();return(0,f.jsx)(G.Z,{children:(0,f.jsx)(E.M,{children:(0,f.jsxs)(j.t,{children:[(0,f.jsxs)(g,{children:[(0,f.jsx)(H,{}),(0,f.jsx)(P,{}),(0,f.jsx)(q,{}),(0,f.jsx)(M,{location:D(t),children:e})]}),(0,f.jsx)(V,{})]})})})}var Q=n(6887);const Y=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const a=document.createElement("link");a.setAttribute("rel","prefetch"),a.setAttribute("href",e),a.onload=()=>t(),a.onerror=()=>n();const r=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;r?.appendChild(a)}))}:function(e){return new Promise(((t,n)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.withCredentials=!0,a.onload=()=>{200===a.status?t():n()},a.send(null)}))};var K=n(4420);const X=new Set,J=new Set,ee=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,te={prefetch(e){if(!(e=>!ee()&&!J.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=p(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(Q).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,K.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Y(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!ee()&&!J.has(e))(e)&&(J.add(e),N(e))},ne=Object.freeze(te),ae=Boolean(!0);if(l.Z.canUseDOM){window.docusaurus=ne;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(i.B6,{children:(0,f.jsx)(o.VK,{children:(0,f.jsx)(W,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},l=()=>{if(ae)a.startTransition((()=>{r.hydrateRoot(e,t,{onRecoverableError:n})}));else{const o=r.createRoot(e,{onRecoverableError:n});a.startTransition((()=>{o.render(t)}))}};N(window.location.pathname).then(l)}},6855:(e,t,n)=>{"use strict";n.d(t,{_:()=>d,M:()=>p});var a=n(959),r=n(6809);const o=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-QW745VE33W"],"anonymizeIP":false,"id":"default"}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en","zh","ja","de"],"path":"i18n","currentLocale":"ja","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"zh":{"label":"\u4e2d\u6587","direction":"ltr","htmlLang":"zh","calendar":"gregory","path":"zh"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"},"de":{"label":"Deutsch","direction":"ltr","htmlLang":"de","calendar":"gregory","path":"de"}}}');var l=n(7529);const s=JSON.parse('{"docusaurusVersion":"3.0.1","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"3.0.1"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.0.1"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.0.1"},"prefix-svg-ids":{"type":"local"},"docusaurus-tailwindcss":{"type":"local"},"docusaurus-plugin-content-blog":{"type":"project"},"docusaurus-plugin-content-pages":{"type":"project"},"docusaurus-plugin-ILLA-linkedin":{"type":"project"},"docusaurus-plugin-ILLA-twitter":{"type":"project"},"docusaurus-plugin-ILLA-chatwoot":{"type":"project"}}}');var c=n(1527);const u={siteConfig:r.default,siteMetadata:s,globalData:o,i18n:i,codeTranslations:l},d=a.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},1289:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Be});var a=n(959),r=n(6047),o=n(4491),i=n(6771),l=n(5341),s=n(1610),c=n(9920),u=n(421),d=n(864),p=n(7675),f=n(2593),g=n(4288),m=n(5374),h=n(1527);function b(e){let{width:t=21,height:n=21,color:a="currentColor",strokeWidth:r=1.2,className:o,...i}=e;return(0,h.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,h.jsx)("g",{stroke:a,strokeWidth:r,children:(0,h.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const y={closeButton:"closeButton_r_Ma"};function v(e){return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,l.Z)("clean-btn close",y.closeButton,e.className),children:(0,h.jsx)(b,{width:14,height:14,strokeWidth:3.1})})}const w={content:"content_B3zk"};function x(e){const{announcementBar:t}=(0,f.L)(),{content:n}=t;return(0,h.jsx)("div",{...e,className:(0,l.Z)(w.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const k={announcementBar:"announcementBar_hbYq",announcementBarPlaceholder:"announcementBarPlaceholder_nNiq",announcementBarClose:"announcementBarClose_S8lM",announcementBarContent:"announcementBarContent__DAX"};function L(){const{announcementBar:e}=(0,f.L)(),{isActive:t,close:n}=(0,g.nT)();if(!t)return null;const{backgroundColor:a,textColor:r,isCloseable:o}=e;return(0,h.jsxs)("div",{className:k.announcementBar,style:{backgroundColor:a,color:r},role:"banner",children:[o&&(0,h.jsx)("div",{className:k.announcementBarPlaceholder}),(0,h.jsx)(x,{className:k.announcementBarContent}),o&&(0,h.jsx)(v,{onClick:n,className:k.announcementBarClose})]})}var S=n(5580),_=n(5508),C=n(3707);var P=n(1900);function A(e){let{header:t,primaryMenu:n,secondaryMenu:a}=e;const{shown:r}=(0,P.Y)();return(0,h.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,h.jsxs)("div",{className:(0,l.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":r}),children:[(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:a})]})]})}var D=n(1694),j=n(7111);function E(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function I(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const T={toggle:"toggle_Io7t",toggleButton:"toggleButton_C0po",darkToggleIcon:"darkToggleIcon_iyjK",lightToggleIcon:"lightToggleIcon__wwy",toggleButtonDisabled:"toggleButtonDisabled_IHuh"};function R(e){let{className:t,buttonClassName:n,value:a,onChange:r}=e;const o=(0,j.Z)(),i=(0,m.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===a?(0,m.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,m.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,h.jsx)("div",{className:(0,l.Z)(T.toggle,t),children:(0,h.jsxs)("button",{className:(0,l.Z)("clean-btn",T.toggleButton,!o&&T.toggleButtonDisabled,n),type:"button",onClick:()=>r("dark"===a?"light":"dark"),disabled:!o,title:i,"aria-label":i,"aria-live":"polite",children:[(0,h.jsx)(E,{className:(0,l.Z)(T.toggleIcon,T.lightToggleIcon)}),(0,h.jsx)(I,{className:(0,l.Z)(T.toggleIcon,T.darkToggleIcon)})]})})}const N=a.memo(R),O={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_jx_9"};function M(e){let{className:t}=e;const n=(0,f.L)().navbar.style,a=(0,f.L)().colorMode.disableSwitch,{colorMode:r,setColorMode:o}=(0,D.I)();return a?null:(0,h.jsx)(N,{className:t,buttonClassName:"dark"===n?O.darkNavbarColorModeToggle:void 0,value:r,onChange:o})}var F=n(0),B=n(9925),z=n(2688);const U={themedComponent:"themedComponent_FXRw","themedComponent--light":"themedComponent--light_RIle","themedComponent--dark":"themedComponent--dark_gZs3"};function $(e){let{className:t,children:n}=e;const r=(0,j.Z)(),{colorMode:o}=(0,D.I)();return(0,h.jsx)(h.Fragment,{children:(r?"dark"===o?["dark"]:["light"]:["light","dark"]).map((e=>{const r=n({theme:e,className:(0,l.Z)(t,U.themedComponent,U[`themedComponent--${e}`])});return(0,h.jsx)(a.Fragment,{children:r},e)}))})}function q(e){const{sources:t,className:n,alt:a,...r}=e;return(0,h.jsx)($,{className:n,children:e=>{let{theme:n,className:o}=e;return(0,h.jsx)("img",{src:t[n],alt:a,className:o,...r})}})}function H(e){let{logo:t,alt:n,imageClassName:a}=e;const r={light:(0,B.Z)(t.src),dark:(0,B.Z)(t.srcDark||t.src)},o=(0,h.jsx)(q,{className:t.className,sources:r,height:t.height,width:t.width,alt:n,style:t.style});return a?(0,h.jsx)("div",{className:a,children:o}):o}function G(e){const{siteConfig:{title:t}}=(0,z.Z)(),{navbar:{title:n,logo:a}}=(0,f.L)(),{imageClassName:r,titleClassName:o,...i}=e,l=(0,B.Z)(a?.href||"/"),s=n?"":t,c=a?.alt??s;return(0,h.jsxs)(F.Z,{to:l,...i,...a?.target&&{target:a.target},children:[a&&(0,h.jsx)(H,{logo:a,alt:c,imageClassName:r}),null!=n&&(0,h.jsx)("b",{className:o,children:n})]})}function Z(){return(0,h.jsx)(G,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function V(){const e=(0,S.e)();return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,h.jsx)(b,{color:"var(--ifm-color-emphasis-600)"})})}function W(){return(0,h.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,h.jsx)(Z,{}),(0,h.jsx)(M,{className:"margin-right--md"}),(0,h.jsx)(V,{})]})}var Q=n(6794);function Y(){const e=(0,S.e)(),t=(0,f.L)().navbar.items;return(0,h.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,a.createElement)(Q.Z,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function K(e){return(0,h.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,h.jsx)(m.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function X(){const e=0===(0,f.L)().navbar.items.length,t=(0,P.Y)();return(0,h.jsxs)(h.Fragment,{children:[!e&&(0,h.jsx)(K,{onClick:()=>t.hide()}),t.content]})}function J(){const e=(0,S.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,a.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,h.jsx)(A,{header:(0,h.jsx)(W,{}),primaryMenu:(0,h.jsx)(Y,{}),secondaryMenu:(0,h.jsx)(X,{})}):null}const ee={navbarHideable:"navbarHideable_QJhM",navbarHidden:"navbarHidden_JLKf"};function te(e){return(0,h.jsx)("div",{role:"presentation",...e,className:(0,l.Z)("navbar-sidebar__backdrop",e.className)})}function ne(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:r}}=(0,f.L)(),o=(0,S.e)(),{navbarRef:i,isNavbarVisible:s}=function(e){const[t,n]=(0,a.useState)(e),r=(0,a.useRef)(!1),o=(0,a.useRef)(0),i=(0,a.useCallback)((e=>{null!==e&&(o.current=e.getBoundingClientRect().height)}),[]);return(0,C.RF)(((t,a)=>{let{scrollY:i}=t;if(!e)return;if(i<o.current)return void n(!0);if(r.current)return void(r.current=!1);const l=a?.scrollY,s=document.documentElement.scrollHeight-o.current,c=window.innerHeight;l&&i>=l?n(!1):i+c<s&&n(!0)})),(0,_.S)((t=>{if(!e)return;const a=t.location.hash;if(a?document.getElementById(a.substring(1)):void 0)return r.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,h.jsxs)("nav",{ref:i,"aria-label":(0,m.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,l.Z)("navbar","navbar--fixed-top",n&&[ee.navbarHideable,!s&&ee.navbarHidden],{"navbar--dark":"dark"===r,"navbar--primary":"primary"===r,"navbar-sidebar--show":o.shown}),children:[t,(0,h.jsx)(te,{onClick:o.toggle}),(0,h.jsx)(J,{})]})}var ae=n(809),re=n(5160),oe=n(1603);function ie(e){let{width:t=30,height:n=30,className:a,...r}=e;return(0,h.jsx)("svg",{className:a,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...r,children:(0,h.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function le(){const{toggle:e,shown:t}=(0,S.e)();return(0,h.jsx)("button",{onClick:e,"aria-label":(0,m.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,h.jsx)(ie,{})})}var se=n(5243);const ce={colorModeToggle:"colorModeToggle_Kblj"};function ue(e){let{items:t}=e;return(0,h.jsx)(h.Fragment,{children:t.map(((e,t)=>(0,h.jsx)(ae.QW,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,h.jsx)(Q.Z,{...e})},t)))})}function de(e){let{left:t,right:n}=e;return(0,h.jsxs)("div",{className:"navbar__inner",children:[(0,h.jsx)("div",{className:"navbar__items",children:t}),(0,h.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function pe(){const e=(0,S.e)(),t=(0,f.L)().navbar.items,[n,a]=(0,re.A)(t),r=t.find((e=>"search"===e.type));return(0,h.jsx)(de,{left:(0,h.jsxs)(h.Fragment,{children:[!e.disabled&&(0,h.jsx)(le,{}),(0,h.jsx)(Z,{}),(0,h.jsx)(ue,{items:n})]}),right:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(ue,{items:a}),(0,h.jsx)(M,{className:ce.colorModeToggle}),!r&&(0,h.jsx)(se.Z,{children:(0,h.jsx)(oe.Z,{})})]})})}function fe(){return(0,h.jsx)(ne,{children:(0,h.jsx)(pe,{})})}var ge=n(8295),me=n(3815);function he(e){let{item:t}=e;const{to:n,href:a,label:r,prependBaseUrlToHref:o,...i}=t,l=(0,B.Z)(n),s=(0,B.Z)(a,{forcePrependBaseUrl:!0});return(0,h.jsxs)(F.Z,{className:"footer__link-item",...a?{href:o?s:a}:{to:l},...i,children:[r,a&&!(0,ge.Z)(a)&&(0,h.jsx)(me.Z,{})]})}function be(e){let{item:t}=e;return t.html?(0,h.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)("li",{className:"footer__item",children:(0,h.jsx)(he,{item:t})},t.href??t.to)}function ye(e){let{column:t}=e;return(0,h.jsxs)("div",{className:"col footer__col",children:[(0,h.jsx)("div",{className:"footer__title",children:t.title}),(0,h.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,h.jsx)(be,{item:e},t)))})]})}function ve(e){let{columns:t}=e;return(0,h.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,h.jsx)(ye,{column:e},t)))})}function we(){return(0,h.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function xe(e){let{item:t}=e;return t.html?(0,h.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)(he,{item:t})}function ke(e){let{links:t}=e;return(0,h.jsx)("div",{className:"footer__links text--center",children:(0,h.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,h.jsxs)(a.Fragment,{children:[(0,h.jsx)(xe,{item:e}),t.length!==n+1&&(0,h.jsx)(we,{})]},n)))})})}function Le(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,h.jsx)(ve,{columns:t}):(0,h.jsx)(ke,{links:t})}const Se={footerLogoLink:"footerLogoLink_K6r0"};function _e(e){let{logo:t}=e;const{withBaseUrl:n}=(0,B.C)(),a={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,h.jsx)(q,{className:(0,l.Z)("footer__logo",t.className),alt:t.alt,sources:a,width:t.width,height:t.height,style:t.style})}function Ce(e){let{logo:t}=e;return t.href?(0,h.jsx)(F.Z,{href:t.href,className:Se.footerLogoLink,target:t.target,children:(0,h.jsx)(_e,{logo:t})}):(0,h.jsx)(_e,{logo:t})}function Pe(e){let{copyright:t}=e;return(0,h.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function Ae(e){let{style:t,links:n,logo:a,copyright:r}=e;return(0,h.jsx)("footer",{className:(0,l.Z)("footer",{"footer--dark":"dark"===t}),children:(0,h.jsxs)("div",{className:"container container-fluid",children:[n,(a||r)&&(0,h.jsxs)("div",{className:"footer__bottom text--center",children:[a&&(0,h.jsx)("div",{className:"margin-bottom--sm",children:a}),r]})]})})}function De(){const{footer:e}=(0,f.L)();if(!e)return null;const{copyright:t,links:n,logo:a,style:r}=e;return(0,h.jsx)(Ae,{style:r,links:n&&n.length>0&&(0,h.jsx)(Le,{links:n}),logo:a&&(0,h.jsx)(Ce,{logo:a}),copyright:t&&(0,h.jsx)(Pe,{copyright:t})})}const je=a.memo(De);var Ee=n(5299),Ie=n(2520);const Te={mainWrapper:"mainWrapper_Xc8_"};function Re(e){const{children:t,noFooter:n,wrapperClassName:a,title:r,description:o}=e;return(0,d.t)(),(0,h.jsxs)(Ee.Z,{children:[(0,h.jsx)(s.d,{title:r,description:o}),(0,h.jsx)(p.Z,{}),(0,h.jsx)(L,{}),(0,h.jsx)(fe,{}),(0,h.jsx)("div",{id:c.u,className:(0,l.Z)(u.k.wrapper.main,Te.mainWrapper,a),children:(0,h.jsx)(Be,{fallback:e=>(0,h.jsx)(Ie.Z,{...e}),children:t})}),!n&&(0,h.jsx)(je,{})]})}function Ne(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,h.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,h.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,h.jsx)(Oe,{error:t})]})}function Oe(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,h.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function Me(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)(Be,{fallback:()=>(0,h.jsx)(Ne,{error:t,tryAgain:n}),children:[(0,h.jsx)(o.Z,{children:(0,h.jsx)("title",{children:"Page Error"})}),(0,h.jsx)(Re,{children:(0,h.jsx)(Ne,{error:t,tryAgain:n})})]})}const Fe=e=>(0,h.jsx)(Me,{...e});class Be extends a.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){r.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??Fe)(e)}return e??null}}},6047:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const a="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,r={canUseDOM:a,canUseEventListeners:a&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:a&&"IntersectionObserver"in window,canUseViewport:a&&"screen"in window}},4491:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);var a=n(387),r=n(1527);function o(e){return(0,r.jsx)(a.ql,{...e})}},3630:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i,s:()=>o});var a=n(959),r=n(1527);function o(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,a.isValidElement)(e)))?n.map(((e,t)=>(0,a.isValidElement)(e)?a.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}function i(e){let{children:t,values:n}=e;if("string"!=typeof t)throw new Error("The Docusaurus <Interpolate> component only accept simple string values. Received: "+((0,a.isValidElement)(t)?"React element":typeof t));return(0,r.jsx)(r.Fragment,{children:o(t,n)})}},0:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var a=n(959),r=n(9500),o=n(6771),i=n(2688),l=n(8295),s=n(6047),c=n(1527);const u=a.createContext({collectLink:()=>{}});var d=n(9925);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:g,isActive:m,"data-noBrokenLinkCheck":h,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:{trailingSlash:v,baseUrl:w}}=(0,i.Z)(),{withBaseUrl:x}=(0,d.C)(),k=(0,a.useContext)(u),L=(0,a.useRef)(null);(0,a.useImperativeHandle)(t,(()=>L.current));const S=p||f;const _=(0,l.Z)(S),C=S?.replace("pathname://","");let P=void 0!==C?(A=C,b&&(e=>e.startsWith("/"))(A)?x(A):A):void 0;var A;P&&_&&(P=(0,o.applyTrailingSlash)(P,{trailingSlash:v,baseUrl:w}));const D=(0,a.useRef)(!1),j=n?r.OL:r.rU,E=s.Z.canUseIntersectionObserver,I=(0,a.useRef)(),T=()=>{D.current||null==P||(window.docusaurus.preload(P),D.current=!0)};(0,a.useEffect)((()=>(!E&&_&&null!=P&&window.docusaurus.prefetch(P),()=>{E&&I.current&&I.current.disconnect()})),[I,P,E,_]);const R=P?.startsWith("#")??!1,N=!P||!_||R;return N||h||k.collectLink(P),N?(0,c.jsx)("a",{ref:L,href:P,...S&&!_&&{target:"_blank",rel:"noopener noreferrer"},...y}):(0,c.jsx)(j,{...y,onMouseEnter:T,onTouchStart:T,innerRef:e=>{L.current=e,E&&e&&_&&(I.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(I.current.unobserve(e),I.current.disconnect(),null!=P&&window.docusaurus.prefetch(P))}))})),I.current.observe(e))},to:P,...n&&{isActive:m,activeClassName:g}})}const f=a.forwardRef(p)},1603:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const a=()=>null},5374:(e,t,n)=>{"use strict";n.d(t,{I:()=>l,Z:()=>s});n(959);var a=n(3630),r=n(7529),o=n(1527);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return r[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;const o=i({message:n,id:r});return(0,a.s)(o,t)}function s(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const l=i({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:(0,a.s)(l,r)})}},4684:(e,t,n)=>{"use strict";n.d(t,{m:()=>a});const a="default"},8295:(e,t,n)=>{"use strict";function a(e){return/^(?:\w*:|\/\/)/.test(e)}function r(e){return void 0!==e&&!a(e)}n.d(t,{Z:()=>r,b:()=>a})},9925:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var a=n(959),r=n(2688),o=n(8295);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,r.Z)(),n=(0,a.useCallback)(((n,a)=>function(e,t,n,a){let{forcePrependBaseUrl:r=!1,absolute:i=!1}=void 0===a?{}:a;if(!n||n.startsWith("#")||(0,o.b)(n))return n;if(r)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,a)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},2688:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959),r=n(6855);function o(){return(0,a.useContext)(r._)}},7111:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959),r=n(7752);function o(){return(0,a.useContext)(r._)}},2827:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(959);const r=n(6047).Z.canUseDOM?a.useLayoutEffect:a.useEffect},4420:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const a=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function r(e){const t={};return function e(n,r){Object.entries(n).forEach((n=>{let[o,i]=n;const l=r?`${r}.${o}`:o;a(i)?e(i,l):t[l]=i}))}(e),t}},2762:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,z:()=>i});var a=n(959),r=n(1527);const o=a.createContext(null);function i(e){let{children:t,value:n}=e;const i=a.useContext(o),l=(0,a.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const a={...t.data,...n?.data};return{plugin:t.plugin,data:a}}({parent:i,value:n})),[i,n]);return(0,r.jsx)(o.Provider,{value:l,children:t})}},9384:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>g,_r:()=>u,zh:()=>d,yW:()=>f,gB:()=>p});var a=n(8903),r=n(2688),o=n(4684);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,r.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=function(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,a.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),r=n?.docs.find((e=>!!(0,a.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:r,alternateDocVersions:r?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((a=>{a.id===t&&(n[e.name]=a)}))})),n}(r.id):{}}}const c={},u=()=>i("docusaurus-plugin-content-docs")??c,d=e=>function(e,t,n){void 0===t&&(t=o.m),void 0===n&&(n={});const a=i(e),r=a?.[t];if(!r&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return r}("docusaurus-plugin-content-docs",e,{failfast:!0});function p(e){return d(e).versions}function f(e){const t=d(e);return l(t)}function g(e){const t=d(e),{pathname:n}=(0,a.TH)();return s(t,n)}},3852:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("set","page_path",t.pathname+t.search+t.hash),window.gtag("event","page_view")}))}}},7558:(e,t,n)=>{"use strict";function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}var l=n(959),s=n(507),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(a){var r=d(e[a]);r.loading?t.loading=!0:(t.loaded[a]=r.loaded,t.error=r.error),n.push(r.promise),r.promise.then((function(e){t.loaded[a]=e})).catch((function(e){t.error=e}))}))}catch(a){t.error=a}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return l.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function g(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var g=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),m=null;function h(){return m||(m=e(g.loader)),m.promise}return c.push(h),"function"==typeof g.webpack&&u.push((function(){if((0,g.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return h()})),p=d=function(t){function n(n){var a;return o(r(r(a=t.call(this,n)||this)),"retry",(function(){a.setState({error:null,loading:!0,timedOut:!1}),m=e(g.loader),a._loadModule()})),h(),a.state={error:m.error,pastDelay:!1,timedOut:!1,loading:m.loading,loaded:m.loaded},a}a(n,t),n.preload=function(){return h()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(g.modules)&&g.modules.forEach((function(t){e.context.loadable.report(t)})),m.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof g.delay&&(0===g.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),g.delay)),"number"==typeof g.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),g.timeout));var n=function(){t({error:m.error,loaded:m.loaded,loading:m.loading}),e._clearTimeouts()};m.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?l.createElement(g.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?g.render(this.state.loaded,this.props):null},n}(l.Component),o(d,"contextTypes",{loadable:s.shape({report:s.func.isRequired})}),p}function m(e){return g(d,e)}m.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return g(p,e)};var h=function(e){function t(){return e.apply(this,arguments)||this}a(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return l.Children.only(this.props.children)},t}(l.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}o(h,"propTypes",{report:s.func.isRequired}),o(h,"childContextTypes",{loadable:s.shape({report:s.func.isRequired}).isRequired}),m.Capture=h,m.preloadAll=function(){return new Promise((function(e,t){b(c).then(e,t)}))},m.preloadReady=function(){return new Promise((function(e,t){b(u).then(e,e)}))},e.exports=m},4329:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var a=n(9981),r=n.n(a);r().configure({showSpinner:!1});const o={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{r().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){r().done()}}},6070:(e,t,n)=>{"use strict";n.r(t);var a=n(2425),r=n(6809);!function(e){const{themeConfig:{prism:t}}=r.default,{additionalLanguages:a}=t;globalThis.Prism=e,a.forEach((e=>{"php"===e&&n(1559),n(1422)(`./prism-${e}`)})),delete globalThis.Prism}(a.p1)},2520:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});n(959);var a=n(5374),r=n(809),o=n(6561),i=n(1527);function l(e){let{error:t,tryAgain:n}=e;return(0,i.jsx)("main",{className:"container margin-vert--xl",children:(0,i.jsx)("div",{className:"row",children:(0,i.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,i.jsx)(o.Z,{as:"h1",className:"hero__title",children:(0,i.jsx)(a.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,i.jsx)("div",{className:"margin-vert--lg",children:(0,i.jsx)(r.Cw,{onClick:n,className:"button button--primary shadow--lw"})}),(0,i.jsx)("hr",{}),(0,i.jsx)("div",{className:"margin-vert--md",children:(0,i.jsx)(r.aG,{error:t})})]})})})}},6561:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(5341),r=n(5374),o=n(2593),i=n(0);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_dXVO",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_ZIVZ"};var s=n(1527);function c(e){let{as:t,id:n,...c}=e;const{navbar:{hideOnScroll:u}}=(0,o.L)();if("h1"===t||!n)return(0,s.jsx)(t,{...c,id:void 0});const d=(0,r.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof c.children?c.children:n});return(0,s.jsxs)(t,{...c,className:(0,a.Z)("anchor",u?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,c.className),id:n,children:[c.children,(0,s.jsx)(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":d,title:d,children:"\u200b"})]})}},3815:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);const a={iconExternalLink:"iconExternalLink_ocOZ"};var r=n(1527);function o(e){let{width:t=13.5,height:n=13.5}=e;return(0,r.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:a.iconExternalLink,children:(0,r.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},5299:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7399),r=n(1694),o=n(4288),i=n(3707),l=n(1836),s=n(1610),c=n(5160),u=n(1527);const d=(0,a.Qc)([r.S,o.pl,i.OC,l.L5,s.VC,c.V]);function p(e){let{children:t}=e;return(0,u.jsx)(d,{children:t})}},5243:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(5341);const r={navbarSearchContainer:"navbarSearchContainer_Pu8E"};var o=n(1527);function i(e){let{children:t,className:n}=e;return(0,o.jsx)("div",{className:(0,a.Z)(n,r.navbarSearchContainer),children:t})}},6612:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(0),r=n(9925),o=n(8295),i=n(3535),l=n(3815),s=n(1527);function c(e){let{activeBasePath:t,activeBaseRegex:n,to:c,href:u,label:d,html:p,isDropdownLink:f,prependBaseUrlToHref:g,...m}=e;const h=(0,r.Z)(c),b=(0,r.Z)(t),y=(0,r.Z)(u,{forcePrependBaseUrl:!0}),v=d&&u&&!(0,o.Z)(u),w=p?{dangerouslySetInnerHTML:{__html:p}}:{children:(0,s.jsxs)(s.Fragment,{children:[d,v&&(0,s.jsx)(l.Z,{...f&&{width:12,height:12}})]})};return u?(0,s.jsx)(a.Z,{href:g?y:u,...m,...w}):(0,s.jsx)(a.Z,{to:h,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,i.F)(n,t.pathname):t.pathname.startsWith(b)},...m,...w})}},6794:(e,t,n)=>{"use strict";n.d(t,{Z:()=>w});n(959);var a=n(5341),r=n(6612),o=n(1527);function i(e){let{className:t,isDropdownItem:n=!1,...i}=e;const l=(0,o.jsx)(r.Z,{className:(0,a.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...i});return n?(0,o.jsx)("li",{children:l}):l}function l(e){let{className:t,isDropdownItem:n,...i}=e;return(0,o.jsx)("li",{className:"menu__list-item",children:(0,o.jsx)(r.Z,{className:(0,a.Z)("menu__link",t),...i})})}function s(e){let{mobile:t=!1,position:n,...a}=e;const r=t?l:i;return(0,o.jsx)(r,{...a,activeClassName:a.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var c=n(8784),u=n(7412),d=n(1603),p=n(5243);var f=n(9384),g=n(8068);var m=n(1836),h=n(5374),b=n(8903);const y=e=>e.docs.find((t=>t.id===e.mainDocId));const v={default:s,localeDropdown:u.Z,search:function(e){let{mobile:t,className:n}=e;return t?null:(0,o.jsx)(p.Z,{className:n,children:(0,o.jsx)(d.Z,{})})},dropdown:c.Z,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:i=!1}=e;const l=i?"li":"div";return(0,o.jsx)(l,{className:(0,a.Z)({navbar__item:!r&&!i,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:a,...r}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.vY)(t,a),c=i?.path===l?.path;return null===l||l.unlisted&&!c?null:(0,o.jsx)(s,{exact:!0,...r,isActive:()=>c||!!i?.sidebar&&i.sidebar===l.sidebar,label:n??l.id,to:l.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:a,...r}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.oz)(t,a).link;if(!l)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,o.jsx)(s,{exact:!0,...r,isActive:()=>i?.sidebar===t,label:n??l.label,to:l.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:a,...r}=e;const i=(0,g.lO)(a)[0],l=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return(0,o.jsx)(s,{...r,label:l,to:c})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:a,dropdownItemsBefore:r,dropdownItemsAfter:i,...l}=e;const{search:u,hash:d}=(0,b.TH)(),p=(0,f.Iw)(n),v=(0,f.gB)(n),{savePreferredVersionName:w}=(0,m.J)(n),x=[...r,...v.map((e=>{const t=p.alternateDocVersions[e.name]??y(e);return{label:e.label,to:`${t.path}${u}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>w(e.name)}})),...i],k=(0,g.lO)(n)[0],L=t&&x.length>1?(0,h.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):k.label,S=t&&x.length>1?void 0:y(k).path;return x.length<=1?(0,o.jsx)(s,{...l,mobile:t,label:L,to:S,isActive:a?()=>!1:void 0}):(0,o.jsx)(c.Z,{...l,mobile:t,label:L,to:S,items:x,isActive:a?()=>!1:void 0})}};function w(e){let{type:t,...n}=e;const a=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),r=v[a];if(!r)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,o.jsx)(r,{...n})}},7535:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);var a=n(4491),r=n(1527);function o(e){let{locale:t,version:n,tag:o}=e;const i=t;return(0,r.jsxs)(a.Z,{children:[t&&(0,r.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,r.jsx)("meta",{name:"docusaurus_version",content:n}),o&&(0,r.jsx)("meta",{name:"docusaurus_tag",content:o}),i&&(0,r.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,r.jsx)("meta",{name:"docsearch:version",content:n}),o&&(0,r.jsx)("meta",{name:"docsearch:docusaurus_tag",content:o})]})}},7675:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(9920);const r={skipToContent:"skipToContent_YRel"};var o=n(1527);function i(){return(0,o.jsx)(a.l,{className:r.skipToContent})}},4794:(e,t,n)=>{"use strict";n.d(t,{z:()=>b,u:()=>s});var a=n(959),r=n(6047),o=n(2827);var i=n(1527);const l="ease-in-out";function s(e){let{initialState:t}=e;const[n,r]=(0,a.useState)(t??!1),o=(0,a.useCallback)((()=>{r((e=>!e))}),[]);return{collapsed:n,setCollapsed:r,toggleCollapsed:o}}const c={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?c:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function p(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}function f(e){let{collapsibleRef:t,collapsed:n,animation:r}=e;const o=(0,a.useRef)(!1);(0,a.useEffect)((()=>{const e=t.current;function a(){const t=function(){const t=e.scrollHeight;return{transition:`height ${r?.duration??p(t)}ms ${r?.easing??l}`,height:`${t}px`}}();e.style.transition=t.transition,e.style.height=t.height}if(!o.current)return d(e,n),void(o.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(a(),requestAnimationFrame((()=>{e.style.height=c.height,e.style.overflow=c.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{a()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,r])}function g(e){if(!r.Z.canUseDOM)return e?c:u}function m(e){let{as:t="div",collapsed:n,children:r,animation:o,onCollapseTransitionEnd:l,className:s,disableSSRStyle:c}=e;const u=(0,a.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:o}),(0,i.jsx)(t,{ref:u,style:c?void 0:g(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(u.current,n),l?.(n))},className:s,children:r})}function h(e){let{collapsed:t,...n}=e;const[r,l]=(0,a.useState)(!t),[s,c]=(0,a.useState)(t);return(0,o.Z)((()=>{t||l(!0)}),[t]),(0,o.Z)((()=>{r&&c(t)}),[r,t]),r?(0,i.jsx)(m,{...n,collapsed:s}):null}function b(e){let{lazy:t,...n}=e;const a=t?h:m;return(0,i.jsx)(a,{...n})}},4288:(e,t,n)=>{"use strict";n.d(t,{nT:()=>m,pl:()=>g});var a=n(959),r=n(7111),o=n(6340),i=n(7399),l=n(2593),s=n(1527);const c=(0,o.WA)("docusaurus.announcement.dismiss"),u=(0,o.WA)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=a.createContext(null);function g(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,r.Z)(),[n,o]=(0,a.useState)((()=>!!t&&d()));(0,a.useEffect)((()=>{o(d())}),[]);const i=(0,a.useCallback)((()=>{p(!0),o(!0)}),[]);return(0,a.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const a=t!==n;u.set(t),a&&p(!1),!a&&d()||o(!1)}),[e]),(0,a.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,s.jsx)(f.Provider,{value:n,children:t})}function m(){const e=(0,a.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},1694:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>h});var a=n(959),r=n(6047),o=n(7399),i=n(6340),l=n(2593),s=n(1527);const c=a.createContext(void 0),u="theme",d=(0,i.WA)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,g=e=>r.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),m=e=>{d.set(f(e))};function h(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[r,o]=(0,a.useState)(g(e));(0,a.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,a.useCallback)((function(t,a){void 0===a&&(a={});const{persist:r=!0}=a;t?(o(t),r&&m(t)):(o(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,a.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(r))}),[r]),(0,a.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,a.useRef)(!1);return(0,a.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(a),()=>e.removeListener(a)}),[i,t,n]),(0,a.useMemo)((()=>({colorMode:r,setColorMode:i,get isDarkTheme(){return r===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[r,i])}();return(0,s.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,a.useContext)(c);if(null==e)throw new o.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1836:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b});var a=n(959),r=n(9384),o=n(4684),i=n(2593),l=n(8068),s=n(7399),c=n(6340),u=n(1527);const d=e=>`docs-preferred-version-${e}`,p={save:(e,t,n)=>{(0,c.WA)(d(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(d(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(d(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const g=a.createContext(null);function m(){const e=(0,r._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,a.useMemo)((()=>Object.keys(e)),[e]),[o,l]=(0,a.useState)((()=>f(n)));(0,a.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:a}=e;function r(e){const t=p.read(e,n);return a[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,r(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[o,(0,a.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,u.jsx)(g.Provider,{value:n,children:t})}function b(e){let{children:t}=e;return l.cE?(0,u.jsx)(h,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function y(){const e=(0,a.useContext)(g);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=o.m);const t=(0,r.zh)(e),[n,i]=y(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,a.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},5580:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,e:()=>b});var a=n(959),r=n(5195),o=n(6047);const i={desktop:"desktop",mobile:"mobile",ssr:"ssr"},l=996;function s(){const[e,t]=(0,a.useState)((()=>"ssr"));return(0,a.useEffect)((()=>{function e(){t(function(){if(!o.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>l?i.desktop:i.mobile}())}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e}var c=n(8903),u=n(7399);function d(e){!function(e){const t=(0,c.k6)(),n=(0,u.zX)(e);(0,a.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var p=n(2593),f=n(1527);const g=a.createContext(void 0);function m(){const e=function(){const e=(0,r.HY)(),{items:t}=(0,p.L)().navbar;return 0===t.length&&!e.component}(),t=s(),n=!e&&"mobile"===t,[o,i]=(0,a.useState)(!1);d((()=>{if(o)return i(!1),!1}));const l=(0,a.useCallback)((()=>{i((e=>!e))}),[]);return(0,a.useEffect)((()=>{"desktop"===t&&i(!1)}),[t]),(0,a.useMemo)((()=>({disabled:e,shouldRender:n,toggle:l,shown:o})),[e,n,l,o])}function h(e){let{children:t}=e;const n=m();return(0,f.jsx)(g.Provider,{value:n,children:t})}function b(){const e=a.useContext(g);if(void 0===e)throw new u.i6("NavbarMobileSidebarProvider");return e}},5195:(e,t,n)=>{"use strict";n.d(t,{HY:()=>s,n2:()=>l});var a=n(959),r=n(7399),o=n(1527);const i=a.createContext(null);function l(e){let{children:t}=e;const n=(0,a.useState)({component:null,props:null});return(0,o.jsx)(i.Provider,{value:n,children:t})}function s(){const e=(0,a.useContext)(i);if(!e)throw new r.i6("NavbarSecondaryMenuContentProvider");return e[0]}},1900:(e,t,n)=>{"use strict";n.d(t,{P:()=>c,Y:()=>d});var a=n(959),r=n(7399),o=n(5580),i=n(5195),l=n(1527);const s=a.createContext(null);function c(e){let{children:t}=e;const n=function(){const e=(0,o.e)(),t=(0,i.HY)(),[n,l]=(0,a.useState)(!1),s=null!==t.component,c=(0,r.D9)(s);return(0,a.useEffect)((()=>{s&&!c&&l(!0)}),[s,c]),(0,a.useEffect)((()=>{s?e.shown||l(!0):l(!1)}),[e.shown,s]),(0,a.useMemo)((()=>[n,l]),[n])}();return(0,l.jsx)(s.Provider,{value:n,children:t})}function u(e){if(e.component){const t=e.component;return(0,l.jsx)(t,{...e.props})}}function d(){const e=(0,a.useContext)(s);if(!e)throw new r.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,a.useCallback)((()=>n(!1)),[n]),l=(0,i.HY)();return(0,a.useMemo)((()=>({shown:t,hide:o,content:u(l)})),[o,l,t])}},864:(e,t,n)=>{"use strict";n.d(t,{h:()=>r,t:()=>o});var a=n(959);const r="navigation-with-keyboard";function o(){(0,a.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(r),"mousedown"===e.type&&document.body.classList.remove(r)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(r),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},421:(e,t,n)=>{"use strict";n.d(t,{k:()=>a});const a={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},8068:(e,t,n)=>{"use strict";n.d(t,{cE:()=>l,lO:()=>s,vY:()=>u,oz:()=>c});var a=n(959),r=n(9384),o=n(1836);function i(e){return Array.from(new Set(e))}const l=!!r._r;function s(e){const{activeVersion:t}=(0,r.Iw)(e),{preferredVersion:n}=(0,o.J)(e),l=(0,r.yW)(e);return(0,a.useMemo)((()=>i([t,n,l].filter(Boolean))),[t,n,l])}function c(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),a=t.find((t=>t[0]===e));if(!a)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return a[1]}),[e,n])}function u(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),a=t.find((t=>t.id===e));if(!a){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${i(t.map((e=>e.id))).join("\n- ")}`)}return a}),[e,n])}},809:(e,t,n)=>{"use strict";n.d(t,{aG:()=>c,Cw:()=>s,QW:()=>u});var a=n(959),r=n(5374),o=n(6771);const i={errorBoundaryError:"errorBoundaryError_t44J",errorBoundaryFallback:"errorBoundaryFallback_HTeJ"};var l=n(1527);function s(e){return(0,l.jsx)("button",{type:"button",...e,children:(0,l.jsx)(r.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function c(e){let{error:t}=e;const n=(0,o.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{className:i.errorBoundaryError,children:n})}class u extends a.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}},1610:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>d,VC:()=>g});var a=n(959),r=n(5341),o=n(4491),i=n(2762);function l(){const e=a.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(9925),c=n(2688);var u=n(1527);function d(e){let{title:t,description:n,keywords:a,image:r,children:i}=e;const l=function(e){const{siteConfig:t}=(0,c.Z)(),{title:n,titleDelimiter:a}=t;return e?.trim().length?`${e.trim()} ${a} ${n}`:n}(t),{withBaseUrl:d}=(0,s.C)(),p=r?d(r,{absolute:!0}):void 0;return(0,u.jsxs)(o.Z,{children:[t&&(0,u.jsx)("title",{children:l}),t&&(0,u.jsx)("meta",{property:"og:title",content:l}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),a&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(a)?a.join(","):a}),p&&(0,u.jsx)("meta",{property:"og:image",content:p}),p&&(0,u.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=a.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=a.useContext(p),l=(0,r.Z)(i,t);return(0,u.jsxs)(p.Provider,{value:l,children:[(0,u.jsx)(o.Z,{children:(0,u.jsx)("html",{className:l})}),n]})}function g(e){let{children:t}=e;const n=l(),a=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const o=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,r.Z)(a,o),children:t})}},5160:(e,t,n)=>{"use strict";n.d(t,{A:()=>s,V:()=>c});n(959);var a=n(5580),r=n(5195),o=n(1900),i=n(1527);const l="right";function s(e){function t(e){return"left"===(e.position??l)}return[e.filter(t),e.filter((e=>!t(e)))]}function c(e){let{children:t}=e;return(0,i.jsx)(r.n2,{children:(0,i.jsx)(a.M,{children:(0,i.jsx)(o.P,{children:t})})})}},7399:(e,t,n)=>{"use strict";n.d(t,{D9:()=>l,Qc:()=>u,Ql:()=>c,i6:()=>s,zX:()=>i});var a=n(959),r=n(2827),o=n(1527);function i(e){const t=(0,a.useRef)(e);return(0,r.Z)((()=>{t.current=e}),[e]),(0,a.useCallback)((function(){return t.current(...arguments)}),[])}function l(e){const t=(0,a.useRef)();return(0,r.Z)((()=>{t.current=e})),t.current}class s extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,a.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,o.jsx)(o.Fragment,{children:e.reduceRight(((e,t)=>(0,o.jsx)(t,{children:e})),n)})}}},3535:(e,t,n)=>{"use strict";function a(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{F:()=>a})},3707:(e,t,n)=>{"use strict";n.d(t,{OC:()=>s,RF:()=>d});var a=n(959),r=n(6047),o=(n(7111),n(2827),n(7399)),i=n(1527);const l=a.createContext(void 0);function s(e){let{children:t}=e;const n=function(){const e=(0,a.useRef)(!0);return(0,a.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,i.jsx)(l.Provider,{value:n,children:t})}function c(){const e=(0,a.useContext)(l);if(null==e)throw new o.i6("ScrollControllerProvider");return e}const u=()=>r.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),r=(0,a.useRef)(u()),i=(0,o.zX)(e);(0,a.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();i(e,r.current),r.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[i,n,...t])}},9920:(e,t,n)=>{"use strict";n.d(t,{l:()=>p,u:()=>s});var a=n(959),r=n(8903),o=n(5374),i=n(5508),l=n(1527);const s="__docusaurus_skipToContent_fallback";function c(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function u(){const e=(0,a.useRef)(null),{action:t}=(0,r.k6)(),n=(0,a.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(s);t&&c(t)}),[]);return(0,i.S)((n=>{let{location:a}=n;e.current&&!a.hash&&"PUSH"===t&&c(e.current)})),{containerRef:e,onClick:n}}const d=(0,o.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function p(e){const t=e.children??d,{containerRef:n,onClick:a}=u();return(0,l.jsx)("div",{ref:n,role:"region","aria-label":d,children:(0,l.jsx)("a",{...e,href:`#${s}`,onClick:a,children:t})})}},6340:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(959);const a="localStorage";function r(e){let{key:t,oldValue:n,newValue:a,storage:r}=e;if(n===a)return;const o=document.createEvent("StorageEvent");o.initStorageEvent("storage",!1,!1,t,n,a,window.location.href,r),window.dispatchEvent(o)}function o(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=o(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const a=n.getItem(e);n.setItem(e,t),r({key:e,oldValue:a,newValue:t,storage:n})}catch(a){console.error(`Docusaurus storage error, can't set ${e}=${t}`,a)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),r({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const a=a=>{a.storageArea===n&&a.key===e&&t(a)};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)}catch(a){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,a),()=>{}}}}}},8224:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var a=n(2688),r=n(8903),o=n(6771);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:l}}=(0,a.Z)(),{pathname:s}=(0,r.TH)(),c=(0,o.applyTrailingSlash)(s,{trailingSlash:n,baseUrl:e}),u=l===i?e:e.replace(`/${l}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:a}=e;return`${a?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},5508:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var a=n(959),r=n(8903),o=n(7399);function i(e){const t=(0,r.TH)(),n=(0,o.D9)(t),i=(0,o.zX)(e);(0,a.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},2593:(e,t,n)=>{"use strict";n.d(t,{L:()=>r});var a=n(2688);function r(){return(0,a.Z)().siteConfig.themeConfig}},6115:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:a}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[r]=e.split(/[#?]/),o="/"===r||r===a?r:(i=r,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(r,o)}},6901:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},6771:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var r=n(6115);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return a(r).default}});var o=n(6901);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return o.getErrorCausalChain}})},8784:(e,t,n)=>{"use strict";n.d(t,{Z:()=>h});var a=n(959),r=n(5341),o=n(3535),i=n(4794),l=(n(6002),n(2688));var s=n(8903);var c=n(6612),u=n(6794);const d={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_JUhd"};var p=n(1527);function f(e,t){return e.some((e=>function(e,t){return!!function(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}(e.to,t)||!!(0,o.F)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function g(e){let{items:t,position:n,className:o,onClick:i,...l}=e;const s=(0,a.useRef)(null),[d,f]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{const e=e=>{s.current&&!s.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[s]),(0,p.jsxs)("div",{ref:s,className:(0,r.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":d}),children:[(0,p.jsx)(c.Z,{"aria-haspopup":"true","aria-expanded":d,role:"button",href:l.to?void 0:"#",className:(0,r.Z)("navbar__link",o),...l,onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),f(!d))},children:l.children??l.label}),(0,p.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,a.createElement)(u.Z,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function m(e){let{items:t,className:n,position:o,onClick:g,...m}=e;const h=function(){const{siteConfig:{baseUrl:e}}=(0,l.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),b=f(t,h),{collapsed:y,toggleCollapsed:v,setCollapsed:w}=(0,i.u)({initialState:()=>!b});return(0,a.useEffect)((()=>{b&&w(!b)}),[h,b,w]),(0,p.jsxs)("li",{className:(0,r.Z)("menu__list-item",{"menu__list-item--collapsed":y}),children:[(0,p.jsx)(c.Z,{role:"button",className:(0,r.Z)(d.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...m,onClick:e=>{e.preventDefault(),v()},children:m.children??m.label}),(0,p.jsx)(i.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:y,children:t.map(((e,t)=>(0,a.createElement)(u.Z,{mobile:!0,isDropdownItem:!0,onClick:g,activeClassName:"menu__link--active",...e,key:t})))})]})}function h(e){let{mobile:t=!1,...n}=e;const a=t?m:g;return(0,p.jsx)(a,{...n})}},7412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});n(959);var a=n(2688),r=n(8224),o=n(8903),i=n(8784),l=n(1527);function s(e){let{width:t=20,height:n=20,...a}=e;return(0,l.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...a,children:(0,l.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const c={iconLanguage:"iconLanguage_DSK9"};function u(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:u,queryString:d="",whiteTheme:p=!1,...f}=e;const{i18n:{currentLocale:g,locales:m,localeConfigs:h}}=(0,a.Z)(),b=(0,r.l)(),{search:y,hash:v}=(0,o.TH)(),w=[...n,...m.map((e=>{const n=`${`pathname://${b.createUrl({locale:e,fullyQualified:!1})}`}${y}${v}${d}`;return{label:h[e].label,lang:h[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===g?t?"menu__link--active":"dropdown__link--active":""}})),...u];return(0,l.jsx)(i.Z,{...f,mobile:t,label:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{className:c.iconLanguage}),h[g].label]}),items:w})}},4047:(e,t,n)=>{"use strict";n.d(t,{lX:()=>w,q_:()=>C,ob:()=>f,PP:()=>A,Ep:()=>p});var a=n(6920);function r(e){return"/"===e.charAt(0)}function o(e,t){for(var n=t,a=n+1,r=e.length;a<r;n+=1,a+=1)e[n]=e[a];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,a=e&&e.split("/")||[],i=t&&t.split("/")||[],l=e&&r(e),s=t&&r(t),c=l||s;if(e&&r(e)?i=a:a.length&&(i.pop(),i=i.concat(a)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?o(i,p):".."===f?(o(i,p),d++):d&&(o(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&r(i[0])||i.unshift("");var g=i.join("/");return n&&"/"!==g.substr(-1)&&(g+="/"),g};var l=n(8624);function s(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,a=e.hash,r=t||"/";return n&&"?"!==n&&(r+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(r+="#"===a.charAt(0)?a:"#"+a),r}function f(e,t,n,r){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",a="",r=t.indexOf("#");-1!==r&&(a=t.substr(r),t=t.substr(0,r));var o=t.indexOf("?");return-1!==o&&(n=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===n?"":n,hash:"#"===a?"":a}}(e),o.state=t):(void 0===(o=(0,a.Z)({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(o.key=n),r?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=i(o.pathname,r.pathname)):o.pathname=r.pathname:o.pathname||(o.pathname="/"),o}function g(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,a,r){if(null!=e){var o="function"==typeof e?e(t,n):e;"string"==typeof o?"function"==typeof a?a(o,r):r(!0):r(!1!==o)}else r(!0)},appendListener:function(e){var n=!0;function a(){n&&e.apply(void 0,arguments)}return t.push(a),function(){n=!1,t=t.filter((function(e){return e!==a}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];t.forEach((function(e){return e.apply(void 0,n)}))}}}var m=!("undefined"==typeof window||!window.document||!window.document.createElement);function h(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t,n=window.history,r=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,o=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,x=i.getUserConfirmation,k=void 0===x?h:x,L=i.keyLength,S=void 0===L?6:L,_=e.basename?d(s(e.basename)):"";function C(e){var t=e||{},n=t.key,a=t.state,r=window.location,o=r.pathname+r.search+r.hash;return _&&(o=u(o,_)),f(o,a,n)}function P(){return Math.random().toString(36).substr(2,S)}var A=g();function D(e){(0,a.Z)(U,e),U.length=n.length,A.notifyListeners(U.location,U.action)}function j(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||T(C(e.state))}function E(){T(C(v()))}var I=!1;function T(e){if(I)I=!1,D();else{A.confirmTransitionTo(e,"POP",k,(function(t){t?D({action:"POP",location:e}):function(e){var t=U.location,n=N.indexOf(t.key);-1===n&&(n=0);var a=N.indexOf(e.key);-1===a&&(a=0);var r=n-a;r&&(I=!0,M(r))}(e)}))}}var R=C(v()),N=[R.key];function O(e){return _+p(e)}function M(e){n.go(e)}var F=0;function B(e){1===(F+=e)&&1===e?(window.addEventListener(b,j),o&&window.addEventListener(y,E)):0===F&&(window.removeEventListener(b,j),o&&window.removeEventListener(y,E))}var z=!1;var U={length:n.length,action:"POP",location:R,createHref:O,push:function(e,t){var a="PUSH",o=f(e,t,P(),U.location);A.confirmTransitionTo(o,a,k,(function(e){if(e){var t=O(o),i=o.key,l=o.state;if(r)if(n.pushState({key:i,state:l},null,t),w)window.location.href=t;else{var s=N.indexOf(U.location.key),c=N.slice(0,s+1);c.push(o.key),N=c,D({action:a,location:o})}else window.location.href=t}}))},replace:function(e,t){var a="REPLACE",o=f(e,t,P(),U.location);A.confirmTransitionTo(o,a,k,(function(e){if(e){var t=O(o),i=o.key,l=o.state;if(r)if(n.replaceState({key:i,state:l},null,t),w)window.location.replace(t);else{var s=N.indexOf(U.location.key);-1!==s&&(N[s]=o.key),D({action:a,location:o})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return z||(B(1),z=!0),function(){return z&&(z=!1,B(-1)),t()}},listen:function(e){var t=A.appendListener(e);return B(1),function(){B(-1),t()}}};return U}var x="hashchange",k={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:s},slash:{encodePath:s,decodePath:s}};function L(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function S(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(L(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),r=n.getUserConfirmation,o=void 0===r?h:r,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(s(e.basename)):"",y=k[c],v=y.encodePath,w=y.decodePath;function C(){var e=w(S());return b&&(e=u(e,b)),f(e)}var P=g();function A(e){(0,a.Z)(z,e),z.length=t.length,P.notifyListeners(z.location,z.action)}var D=!1,j=null;function E(){var e,t,n=S(),a=v(n);if(n!==a)_(a);else{var r=C(),i=z.location;if(!D&&(t=r,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(j===p(r))return;j=null,function(e){if(D)D=!1,A();else{var t="POP";P.confirmTransitionTo(e,t,o,(function(n){n?A({action:t,location:e}):function(e){var t=z.location,n=N.lastIndexOf(p(t));-1===n&&(n=0);var a=N.lastIndexOf(p(e));-1===a&&(a=0);var r=n-a;r&&(D=!0,O(r))}(e)}))}}(r)}}var I=S(),T=v(I);I!==T&&_(T);var R=C(),N=[p(R)];function O(e){t.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?window.addEventListener(x,E):0===M&&window.removeEventListener(x,E)}var B=!1;var z={length:t.length,action:"POP",location:R,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=L(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",a=f(e,void 0,void 0,z.location);P.confirmTransitionTo(a,n,o,(function(e){if(e){var t=p(a),r=v(b+t);if(S()!==r){j=t,function(e){window.location.hash=e}(r);var o=N.lastIndexOf(p(z.location)),i=N.slice(0,o+1);i.push(t),N=i,A({action:n,location:a})}else A()}}))},replace:function(e,t){var n="REPLACE",a=f(e,void 0,void 0,z.location);P.confirmTransitionTo(a,n,o,(function(e){if(e){var t=p(a),r=v(b+t);S()!==r&&(j=t,_(r));var o=N.indexOf(p(z.location));-1!==o&&(N[o]=t),A({action:n,location:a})}}))},go:O,goBack:function(){O(-1)},goForward:function(){O(1)},block:function(e){void 0===e&&(e=!1);var t=P.setPrompt(e);return B||(F(1),B=!0),function(){return B&&(B=!1,F(-1)),t()}},listen:function(e){var t=P.appendListener(e);return F(1),function(){F(-1),t()}}};return z}function P(e,t,n){return Math.min(Math.max(e,t),n)}function A(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,r=t.initialEntries,o=void 0===r?["/"]:r,i=t.initialIndex,l=void 0===i?0:i,s=t.keyLength,c=void 0===s?6:s,u=g();function d(e){(0,a.Z)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function m(){return Math.random().toString(36).substr(2,c)}var h=P(l,0,o.length-1),b=o.map((function(e){return f(e,void 0,"string"==typeof e?m():e.key||m())})),y=p;function v(e){var t=P(w.index+e,0,w.entries.length-1),a=w.entries[t];u.confirmTransitionTo(a,"POP",n,(function(e){e?d({action:"POP",location:a,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[h],index:h,entries:b,createHref:y,push:function(e,t){var a="PUSH",r=f(e,t,m(),w.location);u.confirmTransitionTo(r,a,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,r):n.push(r),d({action:a,location:r,index:t,entries:n})}}))},replace:function(e,t){var a="REPLACE",r=f(e,t,m(),w.location);u.confirmTransitionTo(r,a,n,(function(e){e&&(w.entries[w.index]=r,d({action:a,location:r}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},2535:(e,t,n)=>{"use strict";var a=n(6237),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return a.isMemo(e)?i:l[e.$$typeof]||r}l[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[a.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,g=Object.prototype;e.exports=function e(t,n,a){if("string"!=typeof n){if(g){var r=f(n);r&&r!==g&&e(t,r,a)}var i=u(n);d&&(i=i.concat(d(n)));for(var l=s(t),m=s(n),h=0;h<i.length;++h){var b=i[h];if(!(o[b]||a&&a[b]||m&&m[b]||l&&l[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},3670:e=>{"use strict";e.exports=function(e,t,n,a,r,o,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,a,r,o,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},901:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},89:(e,t,n)=>{"use strict";n.r(t)},962:(e,t,n)=>{"use strict";n.r(t)},1245:(e,t,n)=>{"use strict";n.r(t)},9981:function(e,t,n){var a,r;a=function(){var e,t,n={version:"0.2.0"},a=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function r(e,t,n){return e<t?t:e>n?n:e}function o(e){return 100*(-1+e)}function i(e,t,n){var r;return(r="translate3d"===a.positionUsing?{transform:"translate3d("+o(e)+"%,0,0)"}:"translate"===a.positionUsing?{transform:"translate("+o(e)+"%,0)"}:{"margin-left":o(e)+"%"}).transition="all "+t+"ms "+n,r}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(a[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=r(e,a.minimum,1),n.status=1===e?null:e;var o=n.render(!t),c=o.querySelector(a.barSelector),u=a.speed,d=a.easing;return o.offsetWidth,l((function(t){""===a.positionUsing&&(a.positionUsing=n.getPositioningCSS()),s(c,i(e,u,d)),1===e?(s(o,{transition:"none",opacity:1}),o.offsetWidth,setTimeout((function(){s(o,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),a.trickleSpeed)};return a.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*r(Math.random()*t,.1,.95)),t=r(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*a.trickleRate)},e=0,t=0,n.promise=function(a){return a&&"resolved"!==a.state()?(0===t&&n.start(),e++,t++,a.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=a.template;var r,i=t.querySelector(a.barSelector),l=e?"-100":o(n.status||0),c=document.querySelector(a.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),a.showSpinner||(r=t.querySelector(a.spinnerSelector))&&f(r),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(a.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function a(t){var n=document.body.style;if(t in n)return t;for(var a,r=e.length,o=t.charAt(0).toUpperCase()+t.slice(1);r--;)if((a=e[r]+o)in n)return a;return t}function r(e){return e=n(e),t[e]||(t[e]=a(e))}function o(e,t,n){t=r(t),e.style[t]=n}return function(e,t){var n,a,r=arguments;if(2==r.length)for(n in t)void 0!==(a=t[n])&&t.hasOwnProperty(n)&&o(e,n,a);else o(e,r[1],r[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),a=n+t;c(n,t)||(e.className=a.substring(1))}function d(e,t){var n,a=p(e);c(e,t)&&(n=a.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(r="function"==typeof a?a.call(t,n,t,e):a)||(e.exports=r)},7720:(e,t,n)=>{var a=n(901);e.exports=f,e.exports.parse=o,e.exports.compile=function(e,t){return l(o(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=p;var r=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function o(e,t){for(var n,a=[],o=0,i=0,l="",u=t&&t.delimiter||"/";null!=(n=r.exec(e));){var d=n[0],p=n[1],f=n.index;if(l+=e.slice(i,f),i=f+d.length,p)l+=p[1];else{var g=e[i],m=n[2],h=n[3],b=n[4],y=n[5],v=n[6],w=n[7];l&&(a.push(l),l="");var x=null!=m&&null!=g&&g!==m,k="+"===v||"*"===v,L="?"===v||"*"===v,S=n[2]||u,_=b||y;a.push({name:h||o++,prefix:m||"",delimiter:S,optional:L,repeat:k,partial:x,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+s(S)+"]+?"})}}return i<e.length&&(l+=e.substr(i)),l&&a.push(l),a}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function l(e,t){for(var n=new Array(e.length),r=0;r<e.length;r++)"object"==typeof e[r]&&(n[r]=new RegExp("^(?:"+e[r].pattern+")$",d(t)));return function(t,r){for(var o="",l=t||{},s=(r||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=l[u.name];if(null==p){if(u.optional){u.partial&&(o+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(a(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=s(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");o+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):s(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');o+=u.prefix+d}}else o+=u}return o}}function s(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){a(t)||(n=t||n,t=[]);for(var r=(n=n||{}).strict,o=!1!==n.end,i="",l=0;l<e.length;l++){var c=e[l];if("string"==typeof c)i+=s(c);else{var p=s(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var g=s(n.delimiter||"/"),m=i.slice(-g.length)===g;return r||(i=(m?i.slice(0,-g.length):i)+"(?:"+g+"(?=$))?"),i+=o?"$":r&&m?"":"(?="+g+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return a(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var a=0;a<n.length;a++)t.push({name:a,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):a(e)?function(e,t,n){for(var a=[],r=0;r<e.length;r++)a.push(f(e[r],t,n).source);return u(new RegExp("(?:"+a.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(o(e,n),t,n)}(e,t,n)}},1064:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},1884:(e,t,n)=>{const a=n(1064),r=n(6474),o=new Set;function i(e){void 0===e?e=Object.keys(a.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...o,...Object.keys(Prism.languages)];r(a,e,t).load((e=>{if(!(e in a.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(2928).resolve(t)],delete Prism.languages[e],n(2928)(t),o.add(e)}))}i.silent=!1,e.exports=i},1559:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,r,o){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(r,(function(e){if("function"==typeof o&&!o(e))return e;for(var r,l=i.length;-1!==n.code.indexOf(r=t(a,l));)++l;return i[l]=e,r})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var r=0,o=Object.keys(n.tokenStack);!function i(l){for(var s=0;s<l.length&&!(r>=o.length);s++){var c=l[s];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=o[r],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(a,u),g=p.indexOf(f);if(g>-1){++r;var m=p.substring(0,g),h=new e.Token(a,e.tokenize(d,n.grammar),"language-"+a,d),b=p.substring(g+f.length),y=[];m&&y.push.apply(y,i([m])),y.push(h),b&&y.push.apply(y,i([b])),"string"==typeof c?l.splice.apply(l,[s,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return l}(n.tokens)}}}})}(Prism)},2928:(e,t,n)=>{var a={"./":1884};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=2928},6474:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,a=e.length;n<a;n++)t[e[n]]=!0;return t}function a(e){var n={},a=[];function r(a,o){if(!(a in n)){o.push(a);var i=o.indexOf(a);if(i<o.length-1)throw new Error("Circular dependency: "+o.slice(i).join(" -> "));var l={},s=e[a];if(s){function c(t){if(!(t in e))throw new Error(a+" depends on an unknown component "+t);if(!(t in l))for(var i in r(t,o),l[t]=!0,n[t])l[i]=!0}t(s.require,c),t(s.optional,c),t(s.modify,c)}n[a]=l,o.pop()}}return function(e){var t=n[e];return t||(r(e,a),t=n[e]),t}}function r(e){for(var t in e)return!0;return!1}return function(o,i,l){var s=function(e){var t={};for(var n in e){var a=e[n];for(var r in a)if("meta"!=r){var o=a[r];t[r]="string"==typeof o?{title:o}:o}}return t}(o),c=function(e){var n;return function(a){if(a in e)return a;if(!n)for(var r in n={},e){var o=e[r];t(o&&o.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+r+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+r+" because it is a component.");n[t]=r}))}return n[a]||a}}(s);i=i.map(c),l=(l||[]).map(c);var u=n(i),d=n(l);i.forEach((function e(n){var a=s[n];t(a&&a.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=a(s),g=u;r(g);){for(var m in p={},g){var h=s[m];t(h&&h.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in g=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,a,r){var o=r?r.series:void 0,i=r?r.parallel:e,l={},s={};function c(e){if(e in l)return l[e];s[e]=!0;var r,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)r=a(e);else{var p=i(u.map((function(e){var t=c(e);return delete s[e],t})));o?r=o(p,(function(){return a(e)})):a(e)}return l[e]=r}for(var u in n)c(u);var d=[];for(var p in s)d.push(l[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},4049:(e,t,n)=>{"use strict";var a=n(6257);function r(){}function o(){}o.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,o,i){if(i!==a){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:r};return n.PropTypes=n,n}},507:(e,t,n)=>{e.exports=n(4049)()},6257:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},3746:(e,t,n)=>{"use strict";var a=n(959),r=n(2962);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,l={};function s(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(l[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},g={};function m(e,t,n,a,r,o,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=a,this.attributeNamespace=r,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=o,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new m(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new m(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new m(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new m(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new m(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new m(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,a){var r=h.hasOwnProperty(t)?h[t]:null;(null!==r?0!==r.type:a||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,a){if(null==t||function(e,t,n,a){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!a&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,a))return!0;if(a)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,r,a)&&(n=null),a||null===r?function(e){return!!d.call(g,e)||!d.call(f,e)&&(p.test(e)?g[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):r.mustUseProperty?e[r.propertyName]=null===n?3!==r.type&&"":n:(t=r.attributeName,a=r.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(r=r.type)||4===r&&!0===n?"":""+n,a?e.setAttributeNS(a,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,x=Symbol.for("react.element"),k=Symbol.for("react.portal"),L=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),P=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),j=Symbol.for("react.suspense_list"),E=Symbol.for("react.memo"),I=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var T=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var R=Symbol.iterator;function N(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=R&&e[R]||e["@@iterator"])?e:null}var O,M=Object.assign;function F(e){if(void 0===O)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);O=t&&t[1]||""}return"\n"+O+e}var B=!1;function z(e,t){if(!e||B)return"";B=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var a=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){a=c}e.call(t.prototype)}else{try{throw Error()}catch(c){a=c}e()}}catch(c){if(c&&a&&"string"==typeof c.stack){for(var r=c.stack.split("\n"),o=a.stack.split("\n"),i=r.length-1,l=o.length-1;1<=i&&0<=l&&r[i]!==o[l];)l--;for(;1<=i&&0<=l;i--,l--)if(r[i]!==o[l]){if(1!==i||1!==l)do{if(i--,0>--l||r[i]!==o[l]){var s="\n"+r[i].replace(" at new "," at ");return e.displayName&&s.includes("<anonymous>")&&(s=s.replace("<anonymous>",e.displayName)),s}}while(1<=i&&0<=l);break}}}finally{B=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?F(e):""}function U(e){switch(e.tag){case 5:return F(e.type);case 16:return F("Lazy");case 13:return F("Suspense");case 19:return F("SuspenseList");case 0:case 2:case 15:return e=z(e.type,!1);case 11:return e=z(e.type.render,!1);case 1:return e=z(e.type,!0);default:return""}}function $(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case L:return"Fragment";case k:return"Portal";case _:return"Profiler";case S:return"StrictMode";case D:return"Suspense";case j:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case P:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case E:return null!==(t=e.displayName||null)?t:$(e.type)||"Memo";case I:t=e._payload,e=e._init;try{return $(e(t))}catch(n){}}return null}function q(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return $(t);case 8:return t===S?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function G(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Z(e){e._valueTracker||(e._valueTracker=function(e){var t=G(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),a=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var r=n.get,o=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return r.call(this)},set:function(e){a=""+e,o.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(e){a=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function V(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),a="";return e&&(a=G(e)?e.checked?"true":"false":e.value),(e=a)!==n&&(t.setValue(e),!0)}function W(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return M({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,a=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:a,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function K(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function X(e,t){K(e,t);var n=H(t.value),a=t.type;if(null!=n)"number"===a?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===a||"reset"===a)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function J(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var a=t.type;if(!("submit"!==a&&"reset"!==a||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&W(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,a){if(e=e.options,t){t={};for(var r=0;r<n.length;r++)t["$"+n[r]]=!0;for(n=0;n<e.length;n++)r=t.hasOwnProperty("$"+e[n].value),e[n].selected!==r&&(e[n].selected=r),r&&a&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,r=0;r<e.length;r++){if(e[r].value===n)return e[r].selected=!0,void(a&&(e[r].defaultSelected=!0));null!==t||e[r].disabled||(t=e[r])}null!==t&&(t.selected=!0)}}function ae(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(o(91));return M({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function re(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(o(92));if(te(n)){if(1<n.length)throw Error(o(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function oe(e,t){var n=H(t.value),a=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=a&&(e.defaultValue=""+a)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function le(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function se(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?le(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,a){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ge=["Webkit","ms","Moz","O"];function me(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function he(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var a=0===n.indexOf("--"),r=me(n,t[n],a);"float"===n&&(n="cssFloat"),a?e.setProperty(n,r):e[n]=r}}Object.keys(fe).forEach((function(e){ge.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=M({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(o(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(o(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(o(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(o(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function xe(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var ke=null,Le=null,Se=null;function _e(e){if(e=vr(e)){if("function"!=typeof ke)throw Error(o(280));var t=e.stateNode;t&&(t=xr(t),ke(e.stateNode,e.type,t))}}function Ce(e){Le?Se?Se.push(e):Se=[e]:Le=e}function Pe(){if(Le){var e=Le,t=Se;if(Se=Le=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Ae(e,t){return e(t)}function De(){}var je=!1;function Ee(e,t,n){if(je)return e(t,n);je=!0;try{return Ae(e,t,n)}finally{je=!1,(null!==Le||null!==Se)&&(De(),Pe())}}function Ie(e,t){var n=e.stateNode;if(null===n)return null;var a=xr(n);if(null===a)return null;n=a[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(a=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!a;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(o(231,t,typeof n));return n}var Te=!1;if(u)try{var Re={};Object.defineProperty(Re,"passive",{get:function(){Te=!0}}),window.addEventListener("test",Re,Re),window.removeEventListener("test",Re,Re)}catch(ue){Te=!1}function Ne(e,t,n,a,r,o,i,l,s){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var Oe=!1,Me=null,Fe=!1,Be=null,ze={onError:function(e){Oe=!0,Me=e}};function Ue(e,t,n,a,r,o,i,l,s){Oe=!1,Me=null,Ne.apply(ze,arguments)}function $e(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function qe(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if($e(e)!==e)throw Error(o(188))}function Ge(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=$e(e)))throw Error(o(188));return t!==e?null:e}for(var n=e,a=t;;){var r=n.return;if(null===r)break;var i=r.alternate;if(null===i){if(null!==(a=r.return)){n=a;continue}break}if(r.child===i.child){for(i=r.child;i;){if(i===n)return He(r),e;if(i===a)return He(r),t;i=i.sibling}throw Error(o(188))}if(n.return!==a.return)n=r,a=i;else{for(var l=!1,s=r.child;s;){if(s===n){l=!0,n=r,a=i;break}if(s===a){l=!0,a=r,n=i;break}s=s.sibling}if(!l){for(s=i.child;s;){if(s===n){l=!0,n=i,a=r;break}if(s===a){l=!0,a=i,n=r;break}s=s.sibling}if(!l)throw Error(o(189))}}if(n.alternate!==a)throw Error(o(190))}if(3!==n.tag)throw Error(o(188));return n.stateNode.current===n?e:t}(e))?Ze(e):null}function Ze(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ze(e);if(null!==t)return t;e=e.sibling}return null}var Ve=r.unstable_scheduleCallback,We=r.unstable_cancelCallback,Qe=r.unstable_shouldYield,Ye=r.unstable_requestPaint,Ke=r.unstable_now,Xe=r.unstable_getCurrentPriorityLevel,Je=r.unstable_ImmediatePriority,et=r.unstable_UserBlockingPriority,tt=r.unstable_NormalPriority,nt=r.unstable_LowPriority,at=r.unstable_IdlePriority,rt=null,ot=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(lt(e)/st|0)|0},lt=Math.log,st=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var a=0,r=e.suspendedLanes,o=e.pingedLanes,i=268435455&n;if(0!==i){var l=i&~r;0!==l?a=dt(l):0!==(o&=i)&&(a=dt(o))}else 0!==(i=n&~r)?a=dt(i):0!==o&&(a=dt(o));if(0===a)return 0;if(0!==t&&t!==a&&0==(t&r)&&((r=a&-a)>=(o=t&-t)||16===r&&0!=(4194240&o)))return t;if(0!=(4&a)&&(a|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=a;0<t;)r=1<<(n=31-it(t)),a|=e[n],t&=~r;return a}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function gt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function mt(){var e=ct;return 0==(4194240&(ct<<=1))&&(ct=64),e}function ht(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var a=31-it(n),r=1<<a;r&t|e[a]&t&&(e[a]|=t),n&=~r}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?0!=(268435455&e)?16:536870912:4:1}var xt,kt,Lt,St,_t,Ct=!1,Pt=[],At=null,Dt=null,jt=null,Et=new Map,It=new Map,Tt=[],Rt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Nt(e,t){switch(e){case"focusin":case"focusout":At=null;break;case"dragenter":case"dragleave":Dt=null;break;case"mouseover":case"mouseout":jt=null;break;case"pointerover":case"pointerout":Et.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":It.delete(t.pointerId)}}function Ot(e,t,n,a,r,o){return null===e||e.nativeEvent!==o?(e={blockedOn:t,domEventName:n,eventSystemFlags:a,nativeEvent:o,targetContainers:[r]},null!==t&&(null!==(t=vr(t))&&kt(t)),e):(e.eventSystemFlags|=a,t=e.targetContainers,null!==r&&-1===t.indexOf(r)&&t.push(r),e)}function Mt(e){var t=yr(e.target);if(null!==t){var n=$e(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=qe(n)))return e.blockedOn=t,void _t(e.priority,(function(){Lt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Ft(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=vr(n))&&kt(t),e.blockedOn=n,!1;var a=new(n=e.nativeEvent).constructor(n.type,n);we=a,n.target.dispatchEvent(a),we=null,t.shift()}return!0}function Bt(e,t,n){Ft(e)&&n.delete(t)}function zt(){Ct=!1,null!==At&&Ft(At)&&(At=null),null!==Dt&&Ft(Dt)&&(Dt=null),null!==jt&&Ft(jt)&&(jt=null),Et.forEach(Bt),It.forEach(Bt)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,r.unstable_scheduleCallback(r.unstable_NormalPriority,zt)))}function $t(e){function t(t){return Ut(t,e)}if(0<Pt.length){Ut(Pt[0],e);for(var n=1;n<Pt.length;n++){var a=Pt[n];a.blockedOn===e&&(a.blockedOn=null)}}for(null!==At&&Ut(At,e),null!==Dt&&Ut(Dt,e),null!==jt&&Ut(jt,e),Et.forEach(t),It.forEach(t),n=0;n<Tt.length;n++)(a=Tt[n]).blockedOn===e&&(a.blockedOn=null);for(;0<Tt.length&&null===(n=Tt[0]).blockedOn;)Mt(n),null===n.blockedOn&&Tt.shift()}var qt=w.ReactCurrentBatchConfig,Ht=!0;function Gt(e,t,n,a){var r=vt,o=qt.transition;qt.transition=null;try{vt=1,Vt(e,t,n,a)}finally{vt=r,qt.transition=o}}function Zt(e,t,n,a){var r=vt,o=qt.transition;qt.transition=null;try{vt=4,Vt(e,t,n,a)}finally{vt=r,qt.transition=o}}function Vt(e,t,n,a){if(Ht){var r=Qt(e,t,n,a);if(null===r)Ha(e,t,a,Wt,n),Nt(e,a);else if(function(e,t,n,a,r){switch(t){case"focusin":return At=Ot(At,e,t,n,a,r),!0;case"dragenter":return Dt=Ot(Dt,e,t,n,a,r),!0;case"mouseover":return jt=Ot(jt,e,t,n,a,r),!0;case"pointerover":var o=r.pointerId;return Et.set(o,Ot(Et.get(o)||null,e,t,n,a,r)),!0;case"gotpointercapture":return o=r.pointerId,It.set(o,Ot(It.get(o)||null,e,t,n,a,r)),!0}return!1}(r,e,t,n,a))a.stopPropagation();else if(Nt(e,a),4&t&&-1<Rt.indexOf(e)){for(;null!==r;){var o=vr(r);if(null!==o&&xt(o),null===(o=Qt(e,t,n,a))&&Ha(e,t,a,Wt,n),o===r)break;r=o}null!==r&&a.stopPropagation()}else Ha(e,t,a,null,n)}}var Wt=null;function Qt(e,t,n,a){if(Wt=null,null!==(e=yr(e=xe(a))))if(null===(t=$e(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=qe(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Wt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Xe()){case Je:return 1;case et:return 4;case tt:case nt:return 16;case at:return 536870912;default:return 16}default:return 16}}var Kt=null,Xt=null,Jt=null;function en(){if(Jt)return Jt;var e,t,n=Xt,a=n.length,r="value"in Kt?Kt.value:Kt.textContent,o=r.length;for(e=0;e<a&&n[e]===r[e];e++);var i=a-e;for(t=1;t<=i&&n[a-t]===r[o-t];t++);return Jt=r.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function an(){return!1}function rn(e){function t(t,n,a,r,o){for(var i in this._reactName=t,this._targetInst=a,this.type=n,this.nativeEvent=r,this.target=o,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(r):r[i]);return this.isDefaultPrevented=(null!=r.defaultPrevented?r.defaultPrevented:!1===r.returnValue)?nn:an,this.isPropagationStopped=an,this}return M(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var on,ln,sn,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=rn(cn),dn=M({},cn,{view:0,detail:0}),pn=rn(dn),fn=M({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==sn&&(sn&&"mousemove"===e.type?(on=e.screenX-sn.screenX,ln=e.screenY-sn.screenY):ln=on=0,sn=e),on)},movementY:function(e){return"movementY"in e?e.movementY:ln}}),gn=rn(fn),mn=rn(M({},fn,{dataTransfer:0})),hn=rn(M({},dn,{relatedTarget:0})),bn=rn(M({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=M({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=rn(yn),wn=rn(M({},cn,{data:0})),xn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},kn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Ln={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Sn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Ln[e])&&!!t[e]}function _n(){return Sn}var Cn=M({},dn,{key:function(e){if(e.key){var t=xn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?kn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Pn=rn(Cn),An=rn(M({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Dn=rn(M({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),jn=rn(M({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),En=M({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),In=rn(En),Tn=[9,13,27,32],Rn=u&&"CompositionEvent"in window,Nn=null;u&&"documentMode"in document&&(Nn=document.documentMode);var On=u&&"TextEvent"in window&&!Nn,Mn=u&&(!Rn||Nn&&8<Nn&&11>=Nn),Fn=String.fromCharCode(32),Bn=!1;function zn(e,t){switch(e){case"keyup":return-1!==Tn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var $n=!1;var qn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!qn[e.type]:"textarea"===t}function Gn(e,t,n,a){Ce(a),0<(t=Za(t,"onChange")).length&&(n=new un("onChange","change",null,n,a),e.push({event:n,listeners:t}))}var Zn=null,Vn=null;function Wn(e){Fa(e,0)}function Qn(e){if(V(wr(e)))return e}function Yn(e,t){if("change"===e)return t}var Kn=!1;if(u){var Xn;if(u){var Jn="oninput"in document;if(!Jn){var ea=document.createElement("div");ea.setAttribute("oninput","return;"),Jn="function"==typeof ea.oninput}Xn=Jn}else Xn=!1;Kn=Xn&&(!document.documentMode||9<document.documentMode)}function ta(){Zn&&(Zn.detachEvent("onpropertychange",na),Vn=Zn=null)}function na(e){if("value"===e.propertyName&&Qn(Vn)){var t=[];Gn(t,Vn,e,xe(e)),Ee(Wn,t)}}function aa(e,t,n){"focusin"===e?(ta(),Vn=n,(Zn=t).attachEvent("onpropertychange",na)):"focusout"===e&&ta()}function ra(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Vn)}function oa(e,t){if("click"===e)return Qn(t)}function ia(e,t){if("input"===e||"change"===e)return Qn(t)}var la="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function sa(e,t){if(la(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++){var r=n[a];if(!d.call(t,r)||!la(e[r],t[r]))return!1}return!0}function ca(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ua(e,t){var n,a=ca(e);for(e=0;a;){if(3===a.nodeType){if(n=e+a.textContent.length,e<=t&&n>=t)return{node:a,offset:t-e};e=n}e:{for(;a;){if(a.nextSibling){a=a.nextSibling;break e}a=a.parentNode}a=void 0}a=ca(a)}}function da(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?da(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pa(){for(var e=window,t=W();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(a){n=!1}if(!n)break;t=W((e=t.contentWindow).document)}return t}function fa(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function ga(e){var t=pa(),n=e.focusedElem,a=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&da(n.ownerDocument.documentElement,n)){if(null!==a&&fa(n))if(t=a.start,void 0===(e=a.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var r=n.textContent.length,o=Math.min(a.start,r);a=void 0===a.end?o:Math.min(a.end,r),!e.extend&&o>a&&(r=a,a=o,o=r),r=ua(n,o);var i=ua(n,a);r&&i&&(1!==e.rangeCount||e.anchorNode!==r.node||e.anchorOffset!==r.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(r.node,r.offset),e.removeAllRanges(),o>a?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var ma=u&&"documentMode"in document&&11>=document.documentMode,ha=null,ba=null,ya=null,va=!1;function wa(e,t,n){var a=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;va||null==ha||ha!==W(a)||("selectionStart"in(a=ha)&&fa(a)?a={start:a.selectionStart,end:a.selectionEnd}:a={anchorNode:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset},ya&&sa(ya,a)||(ya=a,0<(a=Za(ba,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:a}),t.target=ha)))}function xa(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var ka={animationend:xa("Animation","AnimationEnd"),animationiteration:xa("Animation","AnimationIteration"),animationstart:xa("Animation","AnimationStart"),transitionend:xa("Transition","TransitionEnd")},La={},Sa={};function _a(e){if(La[e])return La[e];if(!ka[e])return e;var t,n=ka[e];for(t in n)if(n.hasOwnProperty(t)&&t in Sa)return La[e]=n[t];return e}u&&(Sa=document.createElement("div").style,"AnimationEvent"in window||(delete ka.animationend.animation,delete ka.animationiteration.animation,delete ka.animationstart.animation),"TransitionEvent"in window||delete ka.transitionend.transition);var Ca=_a("animationend"),Pa=_a("animationiteration"),Aa=_a("animationstart"),Da=_a("transitionend"),ja=new Map,Ea="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Ia(e,t){ja.set(e,t),s(t,[e])}for(var Ta=0;Ta<Ea.length;Ta++){var Ra=Ea[Ta];Ia(Ra.toLowerCase(),"on"+(Ra[0].toUpperCase()+Ra.slice(1)))}Ia(Ca,"onAnimationEnd"),Ia(Pa,"onAnimationIteration"),Ia(Aa,"onAnimationStart"),Ia("dblclick","onDoubleClick"),Ia("focusin","onFocus"),Ia("focusout","onBlur"),Ia(Da,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),s("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),s("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),s("onBeforeInput",["compositionend","keypress","textInput","paste"]),s("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Na="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Oa=new Set("cancel close invalid load scroll toggle".split(" ").concat(Na));function Ma(e,t,n){var a=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,a,r,i,l,s,c){if(Ue.apply(this,arguments),Oe){if(!Oe)throw Error(o(198));var u=Me;Oe=!1,Me=null,Fe||(Fe=!0,Be=u)}}(a,t,void 0,e),e.currentTarget=null}function Fa(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var a=e[n],r=a.event;a=a.listeners;e:{var o=void 0;if(t)for(var i=a.length-1;0<=i;i--){var l=a[i],s=l.instance,c=l.currentTarget;if(l=l.listener,s!==o&&r.isPropagationStopped())break e;Ma(r,l,c),o=s}else for(i=0;i<a.length;i++){if(s=(l=a[i]).instance,c=l.currentTarget,l=l.listener,s!==o&&r.isPropagationStopped())break e;Ma(r,l,c),o=s}}}if(Fe)throw e=Be,Fe=!1,Be=null,e}function Ba(e,t){var n=t[mr];void 0===n&&(n=t[mr]=new Set);var a=e+"__bubble";n.has(a)||(qa(t,e,2,!1),n.add(a))}function za(e,t,n){var a=0;t&&(a|=4),qa(n,e,a,t)}var Ua="_reactListening"+Math.random().toString(36).slice(2);function $a(e){if(!e[Ua]){e[Ua]=!0,i.forEach((function(t){"selectionchange"!==t&&(Oa.has(t)||za(t,!1,e),za(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ua]||(t[Ua]=!0,za("selectionchange",!1,t))}}function qa(e,t,n,a){switch(Yt(t)){case 1:var r=Gt;break;case 4:r=Zt;break;default:r=Vt}n=r.bind(null,t,n,e),r=void 0,!Te||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(r=!0),a?void 0!==r?e.addEventListener(t,n,{capture:!0,passive:r}):e.addEventListener(t,n,!0):void 0!==r?e.addEventListener(t,n,{passive:r}):e.addEventListener(t,n,!1)}function Ha(e,t,n,a,r){var o=a;if(0==(1&t)&&0==(2&t)&&null!==a)e:for(;;){if(null===a)return;var i=a.tag;if(3===i||4===i){var l=a.stateNode.containerInfo;if(l===r||8===l.nodeType&&l.parentNode===r)break;if(4===i)for(i=a.return;null!==i;){var s=i.tag;if((3===s||4===s)&&((s=i.stateNode.containerInfo)===r||8===s.nodeType&&s.parentNode===r))return;i=i.return}for(;null!==l;){if(null===(i=yr(l)))return;if(5===(s=i.tag)||6===s){a=o=i;continue e}l=l.parentNode}}a=a.return}Ee((function(){var a=o,r=xe(n),i=[];e:{var l=ja.get(e);if(void 0!==l){var s=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":s=Pn;break;case"focusin":c="focus",s=hn;break;case"focusout":c="blur",s=hn;break;case"beforeblur":case"afterblur":s=hn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":s=gn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":s=mn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":s=Dn;break;case Ca:case Pa:case Aa:s=bn;break;case Da:s=jn;break;case"scroll":s=pn;break;case"wheel":s=In;break;case"copy":case"cut":case"paste":s=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":s=An}var u=0!=(4&t),d=!u&&"scroll"===e,p=u?null!==l?l+"Capture":null:l;u=[];for(var f,g=a;null!==g;){var m=(f=g).stateNode;if(5===f.tag&&null!==m&&(f=m,null!==p&&(null!=(m=Ie(g,p))&&u.push(Ga(g,m,f)))),d)break;g=g.return}0<u.length&&(l=new s(l,c,null,n,r),i.push({event:l,listeners:u}))}}if(0==(7&t)){if(s="mouseout"===e||"pointerout"===e,(!(l="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!yr(c)&&!c[gr])&&(s||l)&&(l=r.window===r?r:(l=r.ownerDocument)?l.defaultView||l.parentWindow:window,s?(s=a,null!==(c=(c=n.relatedTarget||n.toElement)?yr(c):null)&&(c!==(d=$e(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(s=null,c=a),s!==c)){if(u=gn,m="onMouseLeave",p="onMouseEnter",g="mouse","pointerout"!==e&&"pointerover"!==e||(u=An,m="onPointerLeave",p="onPointerEnter",g="pointer"),d=null==s?l:wr(s),f=null==c?l:wr(c),(l=new u(m,g+"leave",s,n,r)).target=d,l.relatedTarget=f,m=null,yr(r)===a&&((u=new u(p,g+"enter",c,n,r)).target=f,u.relatedTarget=d,m=u),d=m,s&&c)e:{for(p=c,g=0,f=u=s;f;f=Va(f))g++;for(f=0,m=p;m;m=Va(m))f++;for(;0<g-f;)u=Va(u),g--;for(;0<f-g;)p=Va(p),f--;for(;g--;){if(u===p||null!==p&&u===p.alternate)break e;u=Va(u),p=Va(p)}u=null}else u=null;null!==s&&Wa(i,l,s,u,!1),null!==c&&null!==d&&Wa(i,d,c,u,!0)}if("select"===(s=(l=a?wr(a):window).nodeName&&l.nodeName.toLowerCase())||"input"===s&&"file"===l.type)var h=Yn;else if(Hn(l))if(Kn)h=ia;else{h=ra;var b=aa}else(s=l.nodeName)&&"input"===s.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(h=oa);switch(h&&(h=h(e,a))?Gn(i,h,n,r):(b&&b(e,l,a),"focusout"===e&&(b=l._wrapperState)&&b.controlled&&"number"===l.type&&ee(l,"number",l.value)),b=a?wr(a):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(ha=b,ba=a,ya=null);break;case"focusout":ya=ba=ha=null;break;case"mousedown":va=!0;break;case"contextmenu":case"mouseup":case"dragend":va=!1,wa(i,n,r);break;case"selectionchange":if(ma)break;case"keydown":case"keyup":wa(i,n,r)}var y;if(Rn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else $n?zn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(Mn&&"ko"!==n.locale&&($n||"onCompositionStart"!==v?"onCompositionEnd"===v&&$n&&(y=en()):(Xt="value"in(Kt=r)?Kt.value:Kt.textContent,$n=!0)),0<(b=Za(a,v)).length&&(v=new wn(v,e,null,n,r),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=On?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(Bn=!0,Fn);case"textInput":return(e=t.data)===Fn&&Bn?null:e;default:return null}}(e,n):function(e,t){if($n)return"compositionend"===e||!Rn&&zn(e,t)?(e=en(),Jt=Xt=Kt=null,$n=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Mn&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(a=Za(a,"onBeforeInput")).length&&(r=new wn("onBeforeInput","beforeinput",null,n,r),i.push({event:r,listeners:a}),r.data=y))}Fa(i,t)}))}function Ga(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Za(e,t){for(var n=t+"Capture",a=[];null!==e;){var r=e,o=r.stateNode;5===r.tag&&null!==o&&(r=o,null!=(o=Ie(e,n))&&a.unshift(Ga(e,o,r)),null!=(o=Ie(e,t))&&a.push(Ga(e,o,r))),e=e.return}return a}function Va(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Wa(e,t,n,a,r){for(var o=t._reactName,i=[];null!==n&&n!==a;){var l=n,s=l.alternate,c=l.stateNode;if(null!==s&&s===a)break;5===l.tag&&null!==c&&(l=c,r?null!=(s=Ie(n,o))&&i.unshift(Ga(n,s,l)):r||null!=(s=Ie(n,o))&&i.push(Ga(n,s,l))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qa=/\r\n?/g,Ya=/\u0000|\uFFFD/g;function Ka(e){return("string"==typeof e?e:""+e).replace(Qa,"\n").replace(Ya,"")}function Xa(e,t,n){if(t=Ka(t),Ka(e)!==t&&n)throw Error(o(425))}function Ja(){}var er=null,tr=null;function nr(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ar="function"==typeof setTimeout?setTimeout:void 0,rr="function"==typeof clearTimeout?clearTimeout:void 0,or="function"==typeof Promise?Promise:void 0,ir="function"==typeof queueMicrotask?queueMicrotask:void 0!==or?function(e){return or.resolve(null).then(e).catch(lr)}:ar;function lr(e){setTimeout((function(){throw e}))}function sr(e,t){var n=t,a=0;do{var r=n.nextSibling;if(e.removeChild(n),r&&8===r.nodeType)if("/$"===(n=r.data)){if(0===a)return e.removeChild(r),void $t(t);a--}else"$"!==n&&"$?"!==n&&"$!"!==n||a++;n=r}while(n);$t(t)}function cr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function ur(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var dr=Math.random().toString(36).slice(2),pr="__reactFiber$"+dr,fr="__reactProps$"+dr,gr="__reactContainer$"+dr,mr="__reactEvents$"+dr,hr="__reactListeners$"+dr,br="__reactHandles$"+dr;function yr(e){var t=e[pr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[gr]||n[pr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=ur(e);null!==e;){if(n=e[pr])return n;e=ur(e)}return t}n=(e=n).parentNode}return null}function vr(e){return!(e=e[pr]||e[gr])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function wr(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(o(33))}function xr(e){return e[fr]||null}var kr=[],Lr=-1;function Sr(e){return{current:e}}function _r(e){0>Lr||(e.current=kr[Lr],kr[Lr]=null,Lr--)}function Cr(e,t){Lr++,kr[Lr]=e.current,e.current=t}var Pr={},Ar=Sr(Pr),Dr=Sr(!1),jr=Pr;function Er(e,t){var n=e.type.contextTypes;if(!n)return Pr;var a=e.stateNode;if(a&&a.__reactInternalMemoizedUnmaskedChildContext===t)return a.__reactInternalMemoizedMaskedChildContext;var r,o={};for(r in n)o[r]=t[r];return a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function Ir(e){return null!=(e=e.childContextTypes)}function Tr(){_r(Dr),_r(Ar)}function Rr(e,t,n){if(Ar.current!==Pr)throw Error(o(168));Cr(Ar,t),Cr(Dr,n)}function Nr(e,t,n){var a=e.stateNode;if(t=t.childContextTypes,"function"!=typeof a.getChildContext)return n;for(var r in a=a.getChildContext())if(!(r in t))throw Error(o(108,q(e)||"Unknown",r));return M({},n,a)}function Or(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Pr,jr=Ar.current,Cr(Ar,e),Cr(Dr,Dr.current),!0}function Mr(e,t,n){var a=e.stateNode;if(!a)throw Error(o(169));n?(e=Nr(e,t,jr),a.__reactInternalMemoizedMergedChildContext=e,_r(Dr),_r(Ar),Cr(Ar,e)):_r(Dr),Cr(Dr,n)}var Fr=null,Br=!1,zr=!1;function Ur(e){null===Fr?Fr=[e]:Fr.push(e)}function $r(){if(!zr&&null!==Fr){zr=!0;var e=0,t=vt;try{var n=Fr;for(vt=1;e<n.length;e++){var a=n[e];do{a=a(!0)}while(null!==a)}Fr=null,Br=!1}catch(r){throw null!==Fr&&(Fr=Fr.slice(e+1)),Ve(Je,$r),r}finally{vt=t,zr=!1}}return null}var qr=[],Hr=0,Gr=null,Zr=0,Vr=[],Wr=0,Qr=null,Yr=1,Kr="";function Xr(e,t){qr[Hr++]=Zr,qr[Hr++]=Gr,Gr=e,Zr=t}function Jr(e,t,n){Vr[Wr++]=Yr,Vr[Wr++]=Kr,Vr[Wr++]=Qr,Qr=e;var a=Yr;e=Kr;var r=32-it(a)-1;a&=~(1<<r),n+=1;var o=32-it(t)+r;if(30<o){var i=r-r%5;o=(a&(1<<i)-1).toString(32),a>>=i,r-=i,Yr=1<<32-it(t)+r|n<<r|a,Kr=o+e}else Yr=1<<o|n<<r|a,Kr=e}function eo(e){null!==e.return&&(Xr(e,1),Jr(e,1,0))}function to(e){for(;e===Gr;)Gr=qr[--Hr],qr[Hr]=null,Zr=qr[--Hr],qr[Hr]=null;for(;e===Qr;)Qr=Vr[--Wr],Vr[Wr]=null,Kr=Vr[--Wr],Vr[Wr]=null,Yr=Vr[--Wr],Vr[Wr]=null}var no=null,ao=null,ro=!1,oo=null;function io(e,t){var n=Ic(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function lo(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,no=e,ao=cr(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,no=e,ao=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Qr?{id:Yr,overflow:Kr}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Ic(18,null,null,0)).stateNode=t,n.return=e,e.child=n,no=e,ao=null,!0);default:return!1}}function so(e){return 0!=(1&e.mode)&&0==(128&e.flags)}function co(e){if(ro){var t=ao;if(t){var n=t;if(!lo(e,t)){if(so(e))throw Error(o(418));t=cr(n.nextSibling);var a=no;t&&lo(e,t)?io(a,n):(e.flags=-4097&e.flags|2,ro=!1,no=e)}}else{if(so(e))throw Error(o(418));e.flags=-4097&e.flags|2,ro=!1,no=e}}}function uo(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;no=e}function po(e){if(e!==no)return!1;if(!ro)return uo(e),ro=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!nr(e.type,e.memoizedProps)),t&&(t=ao)){if(so(e))throw fo(),Error(o(418));for(;t;)io(e,t),t=cr(t.nextSibling)}if(uo(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(o(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){ao=cr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}ao=null}}else ao=no?cr(e.stateNode.nextSibling):null;return!0}function fo(){for(var e=ao;e;)e=cr(e.nextSibling)}function go(){ao=no=null,ro=!1}function mo(e){null===oo?oo=[e]:oo.push(e)}var ho=w.ReactCurrentBatchConfig;function bo(e,t){if(e&&e.defaultProps){for(var n in t=M({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var yo=Sr(null),vo=null,wo=null,xo=null;function ko(){xo=wo=vo=null}function Lo(e){var t=yo.current;_r(yo),e._currentValue=t}function So(e,t,n){for(;null!==e;){var a=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==a&&(a.childLanes|=t)):null!==a&&(a.childLanes&t)!==t&&(a.childLanes|=t),e===n)break;e=e.return}}function _o(e,t){vo=e,xo=wo=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(wl=!0),e.firstContext=null)}function Co(e){var t=e._currentValue;if(xo!==e)if(e={context:e,memoizedValue:t,next:null},null===wo){if(null===vo)throw Error(o(308));wo=e,vo.dependencies={lanes:0,firstContext:e}}else wo=wo.next=e;return t}var Po=null;function Ao(e){null===Po?Po=[e]:Po.push(e)}function Do(e,t,n,a){var r=t.interleaved;return null===r?(n.next=n,Ao(t)):(n.next=r.next,r.next=n),t.interleaved=n,jo(e,a)}function jo(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Eo=!1;function Io(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function To(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Ro(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function No(e,t,n){var a=e.updateQueue;if(null===a)return null;if(a=a.shared,0!=(2&Ds)){var r=a.pending;return null===r?t.next=t:(t.next=r.next,r.next=t),a.pending=t,jo(e,n)}return null===(r=a.interleaved)?(t.next=t,Ao(a)):(t.next=r.next,r.next=t),a.interleaved=t,jo(e,n)}function Oo(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,0!=(4194240&n))){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}function Mo(e,t){var n=e.updateQueue,a=e.alternate;if(null!==a&&n===(a=a.updateQueue)){var r=null,o=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===o?r=o=i:o=o.next=i,n=n.next}while(null!==n);null===o?r=o=t:o=o.next=t}else r=o=t;return n={baseState:a.baseState,firstBaseUpdate:r,lastBaseUpdate:o,shared:a.shared,effects:a.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Fo(e,t,n,a){var r=e.updateQueue;Eo=!1;var o=r.firstBaseUpdate,i=r.lastBaseUpdate,l=r.shared.pending;if(null!==l){r.shared.pending=null;var s=l,c=s.next;s.next=null,null===i?o=c:i.next=c,i=s;var u=e.alternate;null!==u&&((l=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===l?u.firstBaseUpdate=c:l.next=c,u.lastBaseUpdate=s))}if(null!==o){var d=r.baseState;for(i=0,u=c=s=null,l=o;;){var p=l.lane,f=l.eventTime;if((a&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:l.tag,payload:l.payload,callback:l.callback,next:null});e:{var g=e,m=l;switch(p=t,f=n,m.tag){case 1:if("function"==typeof(g=m.payload)){d=g.call(f,d,p);break e}d=g;break e;case 3:g.flags=-65537&g.flags|128;case 0:if(null==(p="function"==typeof(g=m.payload)?g.call(f,d,p):g))break e;d=M({},d,p);break e;case 2:Eo=!0}}null!==l.callback&&0!==l.lane&&(e.flags|=64,null===(p=r.effects)?r.effects=[l]:p.push(l))}else f={eventTime:f,lane:p,tag:l.tag,payload:l.payload,callback:l.callback,next:null},null===u?(c=u=f,s=d):u=u.next=f,i|=p;if(null===(l=l.next)){if(null===(l=r.shared.pending))break;l=(p=l).next,p.next=null,r.lastBaseUpdate=p,r.shared.pending=null}}if(null===u&&(s=d),r.baseState=s,r.firstBaseUpdate=c,r.lastBaseUpdate=u,null!==(t=r.shared.interleaved)){r=t;do{i|=r.lane,r=r.next}while(r!==t)}else null===o&&(r.shared.lanes=0);Ms|=i,e.lanes=i,e.memoizedState=d}}function Bo(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var a=e[t],r=a.callback;if(null!==r){if(a.callback=null,a=n,"function"!=typeof r)throw Error(o(191,r));r.call(a)}}}var zo=(new a.Component).refs;function Uo(e,t,n,a){n=null==(n=n(a,t=e.memoizedState))?t:M({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var $o={isMounted:function(e){return!!(e=e._reactInternals)&&$e(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var a=tc(),r=nc(e),o=Ro(a,r);o.payload=t,null!=n&&(o.callback=n),null!==(t=No(e,o,r))&&(ac(t,e,r,a),Oo(t,e,r))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var a=tc(),r=nc(e),o=Ro(a,r);o.tag=1,o.payload=t,null!=n&&(o.callback=n),null!==(t=No(e,o,r))&&(ac(t,e,r,a),Oo(t,e,r))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=tc(),a=nc(e),r=Ro(n,a);r.tag=2,null!=t&&(r.callback=t),null!==(t=No(e,r,a))&&(ac(t,e,a,n),Oo(t,e,a))}};function qo(e,t,n,a,r,o,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(a,o,i):!t.prototype||!t.prototype.isPureReactComponent||(!sa(n,a)||!sa(r,o))}function Ho(e,t,n){var a=!1,r=Pr,o=t.contextType;return"object"==typeof o&&null!==o?o=Co(o):(r=Ir(t)?jr:Ar.current,o=(a=null!=(a=t.contextTypes))?Er(e,r):Pr),t=new t(n,o),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=$o,e.stateNode=t,t._reactInternals=e,a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=r,e.__reactInternalMemoizedMaskedChildContext=o),t}function Go(e,t,n,a){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,a),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,a),t.state!==e&&$o.enqueueReplaceState(t,t.state,null)}function Zo(e,t,n,a){var r=e.stateNode;r.props=n,r.state=e.memoizedState,r.refs=zo,Io(e);var o=t.contextType;"object"==typeof o&&null!==o?r.context=Co(o):(o=Ir(t)?jr:Ar.current,r.context=Er(e,o)),r.state=e.memoizedState,"function"==typeof(o=t.getDerivedStateFromProps)&&(Uo(e,t,o,n),r.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof r.getSnapshotBeforeUpdate||"function"!=typeof r.UNSAFE_componentWillMount&&"function"!=typeof r.componentWillMount||(t=r.state,"function"==typeof r.componentWillMount&&r.componentWillMount(),"function"==typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount(),t!==r.state&&$o.enqueueReplaceState(r,r.state,null),Fo(e,n,r,a),r.state=e.memoizedState),"function"==typeof r.componentDidMount&&(e.flags|=4194308)}function Vo(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(o(309));var a=n.stateNode}if(!a)throw Error(o(147,e));var r=a,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=r.refs;t===zo&&(t=r.refs={}),null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(o(284));if(!n._owner)throw Error(o(290,e))}return e}function Wo(e,t){throw e=Object.prototype.toString.call(t),Error(o(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Qo(e){return(0,e._init)(e._payload)}function Yo(e){function t(t,n){if(e){var a=t.deletions;null===a?(t.deletions=[n],t.flags|=16):a.push(n)}}function n(n,a){if(!e)return null;for(;null!==a;)t(n,a),a=a.sibling;return null}function a(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function r(e,t){return(e=Rc(e,t)).index=0,e.sibling=null,e}function i(t,n,a){return t.index=a,e?null!==(a=t.alternate)?(a=a.index)<n?(t.flags|=2,n):a:(t.flags|=2,n):(t.flags|=1048576,n)}function l(t){return e&&null===t.alternate&&(t.flags|=2),t}function s(e,t,n,a){return null===t||6!==t.tag?((t=Fc(n,e.mode,a)).return=e,t):((t=r(t,n)).return=e,t)}function c(e,t,n,a){var o=n.type;return o===L?d(e,t,n.props.children,a,n.key):null!==t&&(t.elementType===o||"object"==typeof o&&null!==o&&o.$$typeof===I&&Qo(o)===t.type)?((a=r(t,n.props)).ref=Vo(e,t,n),a.return=e,a):((a=Nc(n.type,n.key,n.props,null,e.mode,a)).ref=Vo(e,t,n),a.return=e,a)}function u(e,t,n,a){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Bc(n,e.mode,a)).return=e,t):((t=r(t,n.children||[])).return=e,t)}function d(e,t,n,a,o){return null===t||7!==t.tag?((t=Oc(n,e.mode,a,o)).return=e,t):((t=r(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Fc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case x:return(n=Nc(t.type,t.key,t.props,null,e.mode,n)).ref=Vo(e,null,t),n.return=e,n;case k:return(t=Bc(t,e.mode,n)).return=e,t;case I:return p(e,(0,t._init)(t._payload),n)}if(te(t)||N(t))return(t=Oc(t,e.mode,n,null)).return=e,t;Wo(e,t)}return null}function f(e,t,n,a){var r=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==r?null:s(e,t,""+n,a);if("object"==typeof n&&null!==n){switch(n.$$typeof){case x:return n.key===r?c(e,t,n,a):null;case k:return n.key===r?u(e,t,n,a):null;case I:return f(e,t,(r=n._init)(n._payload),a)}if(te(n)||N(n))return null!==r?null:d(e,t,n,a,null);Wo(e,n)}return null}function g(e,t,n,a,r){if("string"==typeof a&&""!==a||"number"==typeof a)return s(t,e=e.get(n)||null,""+a,r);if("object"==typeof a&&null!==a){switch(a.$$typeof){case x:return c(t,e=e.get(null===a.key?n:a.key)||null,a,r);case k:return u(t,e=e.get(null===a.key?n:a.key)||null,a,r);case I:return g(e,t,n,(0,a._init)(a._payload),r)}if(te(a)||N(a))return d(t,e=e.get(n)||null,a,r,null);Wo(t,a)}return null}function m(r,o,l,s){for(var c=null,u=null,d=o,m=o=0,h=null;null!==d&&m<l.length;m++){d.index>m?(h=d,d=null):h=d.sibling;var b=f(r,d,l[m],s);if(null===b){null===d&&(d=h);break}e&&d&&null===b.alternate&&t(r,d),o=i(b,o,m),null===u?c=b:u.sibling=b,u=b,d=h}if(m===l.length)return n(r,d),ro&&Xr(r,m),c;if(null===d){for(;m<l.length;m++)null!==(d=p(r,l[m],s))&&(o=i(d,o,m),null===u?c=d:u.sibling=d,u=d);return ro&&Xr(r,m),c}for(d=a(r,d);m<l.length;m++)null!==(h=g(d,r,m,l[m],s))&&(e&&null!==h.alternate&&d.delete(null===h.key?m:h.key),o=i(h,o,m),null===u?c=h:u.sibling=h,u=h);return e&&d.forEach((function(e){return t(r,e)})),ro&&Xr(r,m),c}function h(r,l,s,c){var u=N(s);if("function"!=typeof u)throw Error(o(150));if(null==(s=u.call(s)))throw Error(o(151));for(var d=u=null,m=l,h=l=0,b=null,y=s.next();null!==m&&!y.done;h++,y=s.next()){m.index>h?(b=m,m=null):b=m.sibling;var v=f(r,m,y.value,c);if(null===v){null===m&&(m=b);break}e&&m&&null===v.alternate&&t(r,m),l=i(v,l,h),null===d?u=v:d.sibling=v,d=v,m=b}if(y.done)return n(r,m),ro&&Xr(r,h),u;if(null===m){for(;!y.done;h++,y=s.next())null!==(y=p(r,y.value,c))&&(l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return ro&&Xr(r,h),u}for(m=a(r,m);!y.done;h++,y=s.next())null!==(y=g(m,r,h,y.value,c))&&(e&&null!==y.alternate&&m.delete(null===y.key?h:y.key),l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return e&&m.forEach((function(e){return t(r,e)})),ro&&Xr(r,h),u}return function e(a,o,i,s){if("object"==typeof i&&null!==i&&i.type===L&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case x:e:{for(var c=i.key,u=o;null!==u;){if(u.key===c){if((c=i.type)===L){if(7===u.tag){n(a,u.sibling),(o=r(u,i.props.children)).return=a,a=o;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===I&&Qo(c)===u.type){n(a,u.sibling),(o=r(u,i.props)).ref=Vo(a,u,i),o.return=a,a=o;break e}n(a,u);break}t(a,u),u=u.sibling}i.type===L?((o=Oc(i.props.children,a.mode,s,i.key)).return=a,a=o):((s=Nc(i.type,i.key,i.props,null,a.mode,s)).ref=Vo(a,o,i),s.return=a,a=s)}return l(a);case k:e:{for(u=i.key;null!==o;){if(o.key===u){if(4===o.tag&&o.stateNode.containerInfo===i.containerInfo&&o.stateNode.implementation===i.implementation){n(a,o.sibling),(o=r(o,i.children||[])).return=a,a=o;break e}n(a,o);break}t(a,o),o=o.sibling}(o=Bc(i,a.mode,s)).return=a,a=o}return l(a);case I:return e(a,o,(u=i._init)(i._payload),s)}if(te(i))return m(a,o,i,s);if(N(i))return h(a,o,i,s);Wo(a,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==o&&6===o.tag?(n(a,o.sibling),(o=r(o,i)).return=a,a=o):(n(a,o),(o=Fc(i,a.mode,s)).return=a,a=o),l(a)):n(a,o)}}var Ko=Yo(!0),Xo=Yo(!1),Jo={},ei=Sr(Jo),ti=Sr(Jo),ni=Sr(Jo);function ai(e){if(e===Jo)throw Error(o(174));return e}function ri(e,t){switch(Cr(ni,t),Cr(ti,e),Cr(ei,Jo),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:se(null,"");break;default:t=se(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}_r(ei),Cr(ei,t)}function oi(){_r(ei),_r(ti),_r(ni)}function ii(e){ai(ni.current);var t=ai(ei.current),n=se(t,e.type);t!==n&&(Cr(ti,e),Cr(ei,n))}function li(e){ti.current===e&&(_r(ei),_r(ti))}var si=Sr(0);function ci(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(128&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ui=[];function di(){for(var e=0;e<ui.length;e++)ui[e]._workInProgressVersionPrimary=null;ui.length=0}var pi=w.ReactCurrentDispatcher,fi=w.ReactCurrentBatchConfig,gi=0,mi=null,hi=null,bi=null,yi=!1,vi=!1,wi=0,xi=0;function ki(){throw Error(o(321))}function Li(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!la(e[n],t[n]))return!1;return!0}function Si(e,t,n,a,r,i){if(gi=i,mi=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,pi.current=null===e||null===e.memoizedState?ll:sl,e=n(a,r),vi){i=0;do{if(vi=!1,wi=0,25<=i)throw Error(o(301));i+=1,bi=hi=null,t.updateQueue=null,pi.current=cl,e=n(a,r)}while(vi)}if(pi.current=il,t=null!==hi&&null!==hi.next,gi=0,bi=hi=mi=null,yi=!1,t)throw Error(o(300));return e}function _i(){var e=0!==wi;return wi=0,e}function Ci(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===bi?mi.memoizedState=bi=e:bi=bi.next=e,bi}function Pi(){if(null===hi){var e=mi.alternate;e=null!==e?e.memoizedState:null}else e=hi.next;var t=null===bi?mi.memoizedState:bi.next;if(null!==t)bi=t,hi=e;else{if(null===e)throw Error(o(310));e={memoizedState:(hi=e).memoizedState,baseState:hi.baseState,baseQueue:hi.baseQueue,queue:hi.queue,next:null},null===bi?mi.memoizedState=bi=e:bi=bi.next=e}return bi}function Ai(e,t){return"function"==typeof t?t(e):t}function Di(e){var t=Pi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var a=hi,r=a.baseQueue,i=n.pending;if(null!==i){if(null!==r){var l=r.next;r.next=i.next,i.next=l}a.baseQueue=r=i,n.pending=null}if(null!==r){i=r.next,a=a.baseState;var s=l=null,c=null,u=i;do{var d=u.lane;if((gi&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),a=u.hasEagerState?u.eagerState:e(a,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(s=c=p,l=a):c=c.next=p,mi.lanes|=d,Ms|=d}u=u.next}while(null!==u&&u!==i);null===c?l=a:c.next=s,la(a,t.memoizedState)||(wl=!0),t.memoizedState=a,t.baseState=l,t.baseQueue=c,n.lastRenderedState=a}if(null!==(e=n.interleaved)){r=e;do{i=r.lane,mi.lanes|=i,Ms|=i,r=r.next}while(r!==e)}else null===r&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function ji(e){var t=Pi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var a=n.dispatch,r=n.pending,i=t.memoizedState;if(null!==r){n.pending=null;var l=r=r.next;do{i=e(i,l.action),l=l.next}while(l!==r);la(i,t.memoizedState)||(wl=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,a]}function Ei(){}function Ii(e,t){var n=mi,a=Pi(),r=t(),i=!la(a.memoizedState,r);if(i&&(a.memoizedState=r,wl=!0),a=a.queue,Hi(Ni.bind(null,n,a,e),[e]),a.getSnapshot!==t||i||null!==bi&&1&bi.memoizedState.tag){if(n.flags|=2048,Bi(9,Ri.bind(null,n,a,r,t),void 0,null),null===js)throw Error(o(349));0!=(30&gi)||Ti(n,t,r)}return r}function Ti(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function Ri(e,t,n,a){t.value=n,t.getSnapshot=a,Oi(t)&&Mi(e)}function Ni(e,t,n){return n((function(){Oi(t)&&Mi(e)}))}function Oi(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!la(e,n)}catch(a){return!0}}function Mi(e){var t=jo(e,1);null!==t&&ac(t,e,1,-1)}function Fi(e){var t=Ci();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Ai,lastRenderedState:e},t.queue=e,e=e.dispatch=nl.bind(null,mi,e),[t.memoizedState,e]}function Bi(e,t,n,a){return e={tag:e,create:t,destroy:n,deps:a,next:null},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(a=n.next,n.next=e,e.next=a,t.lastEffect=e),e}function zi(){return Pi().memoizedState}function Ui(e,t,n,a){var r=Ci();mi.flags|=e,r.memoizedState=Bi(1|t,n,void 0,void 0===a?null:a)}function $i(e,t,n,a){var r=Pi();a=void 0===a?null:a;var o=void 0;if(null!==hi){var i=hi.memoizedState;if(o=i.destroy,null!==a&&Li(a,i.deps))return void(r.memoizedState=Bi(t,n,o,a))}mi.flags|=e,r.memoizedState=Bi(1|t,n,o,a)}function qi(e,t){return Ui(8390656,8,e,t)}function Hi(e,t){return $i(2048,8,e,t)}function Gi(e,t){return $i(4,2,e,t)}function Zi(e,t){return $i(4,4,e,t)}function Vi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Wi(e,t,n){return n=null!=n?n.concat([e]):null,$i(4,4,Vi.bind(null,t,e),n)}function Qi(){}function Yi(e,t){var n=Pi();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(n.memoizedState=[e,t],e)}function Ki(e,t){var n=Pi();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(e=e(),n.memoizedState=[e,t],e)}function Xi(e,t,n){return 0==(21&gi)?(e.baseState&&(e.baseState=!1,wl=!0),e.memoizedState=n):(la(n,t)||(n=mt(),mi.lanes|=n,Ms|=n,e.baseState=!0),t)}function Ji(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var a=fi.transition;fi.transition={};try{e(!1),t()}finally{vt=n,fi.transition=a}}function el(){return Pi().memoizedState}function tl(e,t,n){var a=nc(e);if(n={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null},al(e))rl(t,n);else if(null!==(n=Do(e,t,n,a))){ac(n,e,a,tc()),ol(n,t,a)}}function nl(e,t,n){var a=nc(e),r={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null};if(al(e))rl(t,r);else{var o=e.alternate;if(0===e.lanes&&(null===o||0===o.lanes)&&null!==(o=t.lastRenderedReducer))try{var i=t.lastRenderedState,l=o(i,n);if(r.hasEagerState=!0,r.eagerState=l,la(l,i)){var s=t.interleaved;return null===s?(r.next=r,Ao(t)):(r.next=s.next,s.next=r),void(t.interleaved=r)}}catch(c){}null!==(n=Do(e,t,r,a))&&(ac(n,e,a,r=tc()),ol(n,t,a))}}function al(e){var t=e.alternate;return e===mi||null!==t&&t===mi}function rl(e,t){vi=yi=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function ol(e,t,n){if(0!=(4194240&n)){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}var il={readContext:Co,useCallback:ki,useContext:ki,useEffect:ki,useImperativeHandle:ki,useInsertionEffect:ki,useLayoutEffect:ki,useMemo:ki,useReducer:ki,useRef:ki,useState:ki,useDebugValue:ki,useDeferredValue:ki,useTransition:ki,useMutableSource:ki,useSyncExternalStore:ki,useId:ki,unstable_isNewReconciler:!1},ll={readContext:Co,useCallback:function(e,t){return Ci().memoizedState=[e,void 0===t?null:t],e},useContext:Co,useEffect:qi,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ui(4194308,4,Vi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ui(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ui(4,2,e,t)},useMemo:function(e,t){var n=Ci();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var a=Ci();return t=void 0!==n?n(t):t,a.memoizedState=a.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},a.queue=e,e=e.dispatch=tl.bind(null,mi,e),[a.memoizedState,e]},useRef:function(e){return e={current:e},Ci().memoizedState=e},useState:Fi,useDebugValue:Qi,useDeferredValue:function(e){return Ci().memoizedState=e},useTransition:function(){var e=Fi(!1),t=e[0];return e=Ji.bind(null,e[1]),Ci().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var a=mi,r=Ci();if(ro){if(void 0===n)throw Error(o(407));n=n()}else{if(n=t(),null===js)throw Error(o(349));0!=(30&gi)||Ti(a,t,n)}r.memoizedState=n;var i={value:n,getSnapshot:t};return r.queue=i,qi(Ni.bind(null,a,i,e),[e]),a.flags|=2048,Bi(9,Ri.bind(null,a,i,n,t),void 0,null),n},useId:function(){var e=Ci(),t=js.identifierPrefix;if(ro){var n=Kr;t=":"+t+"R"+(n=(Yr&~(1<<32-it(Yr)-1)).toString(32)+n),0<(n=wi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=xi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},sl={readContext:Co,useCallback:Yi,useContext:Co,useEffect:Hi,useImperativeHandle:Wi,useInsertionEffect:Gi,useLayoutEffect:Zi,useMemo:Ki,useReducer:Di,useRef:zi,useState:function(){return Di(Ai)},useDebugValue:Qi,useDeferredValue:function(e){return Xi(Pi(),hi.memoizedState,e)},useTransition:function(){return[Di(Ai)[0],Pi().memoizedState]},useMutableSource:Ei,useSyncExternalStore:Ii,useId:el,unstable_isNewReconciler:!1},cl={readContext:Co,useCallback:Yi,useContext:Co,useEffect:Hi,useImperativeHandle:Wi,useInsertionEffect:Gi,useLayoutEffect:Zi,useMemo:Ki,useReducer:ji,useRef:zi,useState:function(){return ji(Ai)},useDebugValue:Qi,useDeferredValue:function(e){var t=Pi();return null===hi?t.memoizedState=e:Xi(t,hi.memoizedState,e)},useTransition:function(){return[ji(Ai)[0],Pi().memoizedState]},useMutableSource:Ei,useSyncExternalStore:Ii,useId:el,unstable_isNewReconciler:!1};function ul(e,t){try{var n="",a=t;do{n+=U(a),a=a.return}while(a);var r=n}catch(o){r="\nError generating stack: "+o.message+"\n"+o.stack}return{value:e,source:t,stack:r,digest:null}}function dl(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function pl(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var fl="function"==typeof WeakMap?WeakMap:Map;function gl(e,t,n){(n=Ro(-1,n)).tag=3,n.payload={element:null};var a=t.value;return n.callback=function(){Gs||(Gs=!0,Zs=a),pl(0,t)},n}function ml(e,t,n){(n=Ro(-1,n)).tag=3;var a=e.type.getDerivedStateFromError;if("function"==typeof a){var r=t.value;n.payload=function(){return a(r)},n.callback=function(){pl(0,t)}}var o=e.stateNode;return null!==o&&"function"==typeof o.componentDidCatch&&(n.callback=function(){pl(0,t),"function"!=typeof a&&(null===Vs?Vs=new Set([this]):Vs.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hl(e,t,n){var a=e.pingCache;if(null===a){a=e.pingCache=new fl;var r=new Set;a.set(t,r)}else void 0===(r=a.get(t))&&(r=new Set,a.set(t,r));r.has(n)||(r.add(n),e=Cc.bind(null,e,t,n),t.then(e,e))}function bl(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function yl(e,t,n,a,r){return 0==(1&e.mode)?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=Ro(-1,1)).tag=2,No(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=r,e)}var vl=w.ReactCurrentOwner,wl=!1;function xl(e,t,n,a){t.child=null===e?Xo(t,null,n,a):Ko(t,e.child,n,a)}function kl(e,t,n,a,r){n=n.render;var o=t.ref;return _o(t,r),a=Si(e,t,n,a,o,r),n=_i(),null===e||wl?(ro&&n&&eo(t),t.flags|=1,xl(e,t,a,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Gl(e,t,r))}function Ll(e,t,n,a,r){if(null===e){var o=n.type;return"function"!=typeof o||Tc(o)||void 0!==o.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Nc(n.type,null,a,t,t.mode,r)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=o,Sl(e,t,o,a,r))}if(o=e.child,0==(e.lanes&r)){var i=o.memoizedProps;if((n=null!==(n=n.compare)?n:sa)(i,a)&&e.ref===t.ref)return Gl(e,t,r)}return t.flags|=1,(e=Rc(o,a)).ref=t.ref,e.return=t,t.child=e}function Sl(e,t,n,a,r){if(null!==e){var o=e.memoizedProps;if(sa(o,a)&&e.ref===t.ref){if(wl=!1,t.pendingProps=a=o,0==(e.lanes&r))return t.lanes=e.lanes,Gl(e,t,r);0!=(131072&e.flags)&&(wl=!0)}}return Pl(e,t,n,a,r)}function _l(e,t,n){var a=t.pendingProps,r=a.children,o=null!==e?e.memoizedState:null;if("hidden"===a.mode)if(0==(1&t.mode))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Cr(Rs,Ts),Ts|=n;else{if(0==(1073741824&n))return e=null!==o?o.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Cr(Rs,Ts),Ts|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},a=null!==o?o.baseLanes:n,Cr(Rs,Ts),Ts|=a}else null!==o?(a=o.baseLanes|n,t.memoizedState=null):a=n,Cr(Rs,Ts),Ts|=a;return xl(e,t,r,n),t.child}function Cl(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Pl(e,t,n,a,r){var o=Ir(n)?jr:Ar.current;return o=Er(t,o),_o(t,r),n=Si(e,t,n,a,o,r),a=_i(),null===e||wl?(ro&&a&&eo(t),t.flags|=1,xl(e,t,n,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Gl(e,t,r))}function Al(e,t,n,a,r){if(Ir(n)){var o=!0;Or(t)}else o=!1;if(_o(t,r),null===t.stateNode)Hl(e,t),Ho(t,n,a),Zo(t,n,a,r),a=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Co(c):c=Er(t,c=Ir(n)?jr:Ar.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==a||s!==c)&&Go(t,i,a,c),Eo=!1;var p=t.memoizedState;i.state=p,Fo(t,a,i,r),s=t.memoizedState,l!==a||p!==s||Dr.current||Eo?("function"==typeof u&&(Uo(t,n,u,a),s=t.memoizedState),(l=Eo||qo(t,n,l,a,p,s,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=a,t.memoizedState=s),i.props=a,i.state=s,i.context=c,a=l):("function"==typeof i.componentDidMount&&(t.flags|=4194308),a=!1)}else{i=t.stateNode,To(e,t),l=t.memoizedProps,c=t.type===t.elementType?l:bo(t.type,l),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(s=n.contextType)&&null!==s?s=Co(s):s=Er(t,s=Ir(n)?jr:Ar.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==d||p!==s)&&Go(t,i,a,s),Eo=!1,p=t.memoizedState,i.state=p,Fo(t,a,i,r);var g=t.memoizedState;l!==d||p!==g||Dr.current||Eo?("function"==typeof f&&(Uo(t,n,f,a),g=t.memoizedState),(c=Eo||qo(t,n,c,a,p,g,s)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(a,g,s),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(a,g,s)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=a,t.memoizedState=g),i.props=a,i.state=g,i.context=s,a=c):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),a=!1)}return Dl(e,t,n,a,o,r)}function Dl(e,t,n,a,r,o){Cl(e,t);var i=0!=(128&t.flags);if(!a&&!i)return r&&Mr(t,n,!1),Gl(e,t,o);a=t.stateNode,vl.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:a.render();return t.flags|=1,null!==e&&i?(t.child=Ko(t,e.child,null,o),t.child=Ko(t,null,l,o)):xl(e,t,l,o),t.memoizedState=a.state,r&&Mr(t,n,!0),t.child}function jl(e){var t=e.stateNode;t.pendingContext?Rr(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Rr(0,t.context,!1),ri(e,t.containerInfo)}function El(e,t,n,a,r){return go(),mo(r),t.flags|=256,xl(e,t,n,a),t.child}var Il,Tl,Rl,Nl,Ol={dehydrated:null,treeContext:null,retryLane:0};function Ml(e){return{baseLanes:e,cachePool:null,transitions:null}}function Fl(e,t,n){var a,r=t.pendingProps,i=si.current,l=!1,s=0!=(128&t.flags);if((a=s)||(a=(null===e||null!==e.memoizedState)&&0!=(2&i)),a?(l=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),Cr(si,1&i),null===e)return co(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&t.mode)?t.lanes=1:"$!"===e.data?t.lanes=8:t.lanes=1073741824,null):(s=r.children,e=r.fallback,l?(r=t.mode,l=t.child,s={mode:"hidden",children:s},0==(1&r)&&null!==l?(l.childLanes=0,l.pendingProps=s):l=Mc(s,r,0,null),e=Oc(e,r,n,null),l.return=t,e.return=t,l.sibling=e,t.child=l,t.child.memoizedState=Ml(n),t.memoizedState=Ol,e):Bl(t,s));if(null!==(i=e.memoizedState)&&null!==(a=i.dehydrated))return function(e,t,n,a,r,i,l){if(n)return 256&t.flags?(t.flags&=-257,zl(e,t,l,a=dl(Error(o(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=a.fallback,r=t.mode,a=Mc({mode:"visible",children:a.children},r,0,null),(i=Oc(i,r,l,null)).flags|=2,a.return=t,i.return=t,a.sibling=i,t.child=a,0!=(1&t.mode)&&Ko(t,e.child,null,l),t.child.memoizedState=Ml(l),t.memoizedState=Ol,i);if(0==(1&t.mode))return zl(e,t,l,null);if("$!"===r.data){if(a=r.nextSibling&&r.nextSibling.dataset)var s=a.dgst;return a=s,zl(e,t,l,a=dl(i=Error(o(419)),a,void 0))}if(s=0!=(l&e.childLanes),wl||s){if(null!==(a=js)){switch(l&-l){case 4:r=2;break;case 16:r=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:r=32;break;case 536870912:r=268435456;break;default:r=0}0!==(r=0!=(r&(a.suspendedLanes|l))?0:r)&&r!==i.retryLane&&(i.retryLane=r,jo(e,r),ac(a,e,r,-1))}return hc(),zl(e,t,l,a=dl(Error(o(421))))}return"$?"===r.data?(t.flags|=128,t.child=e.child,t=Ac.bind(null,e),r._reactRetry=t,null):(e=i.treeContext,ao=cr(r.nextSibling),no=t,ro=!0,oo=null,null!==e&&(Vr[Wr++]=Yr,Vr[Wr++]=Kr,Vr[Wr++]=Qr,Yr=e.id,Kr=e.overflow,Qr=t),t=Bl(t,a.children),t.flags|=4096,t)}(e,t,s,r,a,i,n);if(l){l=r.fallback,s=t.mode,a=(i=e.child).sibling;var c={mode:"hidden",children:r.children};return 0==(1&s)&&t.child!==i?((r=t.child).childLanes=0,r.pendingProps=c,t.deletions=null):(r=Rc(i,c)).subtreeFlags=14680064&i.subtreeFlags,null!==a?l=Rc(a,l):(l=Oc(l,s,n,null)).flags|=2,l.return=t,r.return=t,r.sibling=l,t.child=r,r=l,l=t.child,s=null===(s=e.child.memoizedState)?Ml(n):{baseLanes:s.baseLanes|n,cachePool:null,transitions:s.transitions},l.memoizedState=s,l.childLanes=e.childLanes&~n,t.memoizedState=Ol,r}return e=(l=e.child).sibling,r=Rc(l,{mode:"visible",children:r.children}),0==(1&t.mode)&&(r.lanes=n),r.return=t,r.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function Bl(e,t){return(t=Mc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function zl(e,t,n,a){return null!==a&&mo(a),Ko(t,e.child,null,n),(e=Bl(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Ul(e,t,n){e.lanes|=t;var a=e.alternate;null!==a&&(a.lanes|=t),So(e.return,t,n)}function $l(e,t,n,a,r){var o=e.memoizedState;null===o?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:r}:(o.isBackwards=t,o.rendering=null,o.renderingStartTime=0,o.last=a,o.tail=n,o.tailMode=r)}function ql(e,t,n){var a=t.pendingProps,r=a.revealOrder,o=a.tail;if(xl(e,t,a.children,n),0!=(2&(a=si.current)))a=1&a|2,t.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Ul(e,n,t);else if(19===e.tag)Ul(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}a&=1}if(Cr(si,a),0==(1&t.mode))t.memoizedState=null;else switch(r){case"forwards":for(n=t.child,r=null;null!==n;)null!==(e=n.alternate)&&null===ci(e)&&(r=n),n=n.sibling;null===(n=r)?(r=t.child,t.child=null):(r=n.sibling,n.sibling=null),$l(t,!1,r,n,o);break;case"backwards":for(n=null,r=t.child,t.child=null;null!==r;){if(null!==(e=r.alternate)&&null===ci(e)){t.child=r;break}e=r.sibling,r.sibling=n,n=r,r=e}$l(t,!0,n,null,o);break;case"together":$l(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Hl(e,t){0==(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Gl(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Ms|=t.lanes,0==(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(o(153));if(null!==t.child){for(n=Rc(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Rc(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Zl(e,t){if(!ro)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var a=null;null!==n;)null!==n.alternate&&(a=n),n=n.sibling;null===a?t||null===e.tail?e.tail=null:e.tail.sibling=null:a.sibling=null}}function Vl(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,a=0;if(t)for(var r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=14680064&r.subtreeFlags,a|=14680064&r.flags,r.return=e,r=r.sibling;else for(r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=r.subtreeFlags,a|=r.flags,r.return=e,r=r.sibling;return e.subtreeFlags|=a,e.childLanes=n,t}function Wl(e,t,n){var a=t.pendingProps;switch(to(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Vl(t),null;case 1:case 17:return Ir(t.type)&&Tr(),Vl(t),null;case 3:return a=t.stateNode,oi(),_r(Dr),_r(Ar),di(),a.pendingContext&&(a.context=a.pendingContext,a.pendingContext=null),null!==e&&null!==e.child||(po(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&t.flags)||(t.flags|=1024,null!==oo&&(lc(oo),oo=null))),Tl(e,t),Vl(t),null;case 5:li(t);var r=ai(ni.current);if(n=t.type,null!==e&&null!=t.stateNode)Rl(e,t,n,a,r),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!a){if(null===t.stateNode)throw Error(o(166));return Vl(t),null}if(e=ai(ei.current),po(t)){a=t.stateNode,n=t.type;var i=t.memoizedProps;switch(a[pr]=t,a[fr]=i,e=0!=(1&t.mode),n){case"dialog":Ba("cancel",a),Ba("close",a);break;case"iframe":case"object":case"embed":Ba("load",a);break;case"video":case"audio":for(r=0;r<Na.length;r++)Ba(Na[r],a);break;case"source":Ba("error",a);break;case"img":case"image":case"link":Ba("error",a),Ba("load",a);break;case"details":Ba("toggle",a);break;case"input":Y(a,i),Ba("invalid",a);break;case"select":a._wrapperState={wasMultiple:!!i.multiple},Ba("invalid",a);break;case"textarea":re(a,i),Ba("invalid",a)}for(var s in ye(n,i),r=null,i)if(i.hasOwnProperty(s)){var c=i[s];"children"===s?"string"==typeof c?a.textContent!==c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),r=["children",c]):"number"==typeof c&&a.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),r=["children",""+c]):l.hasOwnProperty(s)&&null!=c&&"onScroll"===s&&Ba("scroll",a)}switch(n){case"input":Z(a),J(a,i,!0);break;case"textarea":Z(a),ie(a);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(a.onclick=Ja)}a=r,t.updateQueue=a,null!==a&&(t.flags|=4)}else{s=9===r.nodeType?r:r.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=le(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=s.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof a.is?e=s.createElement(n,{is:a.is}):(e=s.createElement(n),"select"===n&&(s=e,a.multiple?s.multiple=!0:a.size&&(s.size=a.size))):e=s.createElementNS(e,n),e[pr]=t,e[fr]=a,Il(e,t,!1,!1),t.stateNode=e;e:{switch(s=ve(n,a),n){case"dialog":Ba("cancel",e),Ba("close",e),r=a;break;case"iframe":case"object":case"embed":Ba("load",e),r=a;break;case"video":case"audio":for(r=0;r<Na.length;r++)Ba(Na[r],e);r=a;break;case"source":Ba("error",e),r=a;break;case"img":case"image":case"link":Ba("error",e),Ba("load",e),r=a;break;case"details":Ba("toggle",e),r=a;break;case"input":Y(e,a),r=Q(e,a),Ba("invalid",e);break;case"option":default:r=a;break;case"select":e._wrapperState={wasMultiple:!!a.multiple},r=M({},a,{value:void 0}),Ba("invalid",e);break;case"textarea":re(e,a),r=ae(e,a),Ba("invalid",e)}for(i in ye(n,r),c=r)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?he(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(l.hasOwnProperty(i)?null!=u&&"onScroll"===i&&Ba("scroll",e):null!=u&&v(e,i,u,s))}switch(n){case"input":Z(e),J(e,a,!1);break;case"textarea":Z(e),ie(e);break;case"option":null!=a.value&&e.setAttribute("value",""+H(a.value));break;case"select":e.multiple=!!a.multiple,null!=(i=a.value)?ne(e,!!a.multiple,i,!1):null!=a.defaultValue&&ne(e,!!a.multiple,a.defaultValue,!0);break;default:"function"==typeof r.onClick&&(e.onclick=Ja)}switch(n){case"button":case"input":case"select":case"textarea":a=!!a.autoFocus;break e;case"img":a=!0;break e;default:a=!1}}a&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Vl(t),null;case 6:if(e&&null!=t.stateNode)Nl(e,t,e.memoizedProps,a);else{if("string"!=typeof a&&null===t.stateNode)throw Error(o(166));if(n=ai(ni.current),ai(ei.current),po(t)){if(a=t.stateNode,n=t.memoizedProps,a[pr]=t,(i=a.nodeValue!==n)&&null!==(e=no))switch(e.tag){case 3:Xa(a.nodeValue,n,0!=(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Xa(a.nodeValue,n,0!=(1&e.mode))}i&&(t.flags|=4)}else(a=(9===n.nodeType?n:n.ownerDocument).createTextNode(a))[pr]=t,t.stateNode=a}return Vl(t),null;case 13:if(_r(si),a=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(ro&&null!==ao&&0!=(1&t.mode)&&0==(128&t.flags))fo(),go(),t.flags|=98560,i=!1;else if(i=po(t),null!==a&&null!==a.dehydrated){if(null===e){if(!i)throw Error(o(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(o(317));i[pr]=t}else go(),0==(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Vl(t),i=!1}else null!==oo&&(lc(oo),oo=null),i=!0;if(!i)return 65536&t.flags?t:null}return 0!=(128&t.flags)?(t.lanes=n,t):((a=null!==a)!==(null!==e&&null!==e.memoizedState)&&a&&(t.child.flags|=8192,0!=(1&t.mode)&&(null===e||0!=(1&si.current)?0===Ns&&(Ns=3):hc())),null!==t.updateQueue&&(t.flags|=4),Vl(t),null);case 4:return oi(),Tl(e,t),null===e&&$a(t.stateNode.containerInfo),Vl(t),null;case 10:return Lo(t.type._context),Vl(t),null;case 19:if(_r(si),null===(i=t.memoizedState))return Vl(t),null;if(a=0!=(128&t.flags),null===(s=i.rendering))if(a)Zl(i,!1);else{if(0!==Ns||null!==e&&0!=(128&e.flags))for(e=t.child;null!==e;){if(null!==(s=ci(e))){for(t.flags|=128,Zl(i,!1),null!==(a=s.updateQueue)&&(t.updateQueue=a,t.flags|=4),t.subtreeFlags=0,a=n,n=t.child;null!==n;)e=a,(i=n).flags&=14680066,null===(s=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=s.childLanes,i.lanes=s.lanes,i.child=s.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=s.memoizedProps,i.memoizedState=s.memoizedState,i.updateQueue=s.updateQueue,i.type=s.type,e=s.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Cr(si,1&si.current|2),t.child}e=e.sibling}null!==i.tail&&Ke()>qs&&(t.flags|=128,a=!0,Zl(i,!1),t.lanes=4194304)}else{if(!a)if(null!==(e=ci(s))){if(t.flags|=128,a=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Zl(i,!0),null===i.tail&&"hidden"===i.tailMode&&!s.alternate&&!ro)return Vl(t),null}else 2*Ke()-i.renderingStartTime>qs&&1073741824!==n&&(t.flags|=128,a=!0,Zl(i,!1),t.lanes=4194304);i.isBackwards?(s.sibling=t.child,t.child=s):(null!==(n=i.last)?n.sibling=s:t.child=s,i.last=s)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ke(),t.sibling=null,n=si.current,Cr(si,a?1&n|2:1&n),t):(Vl(t),null);case 22:case 23:return pc(),a=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==a&&(t.flags|=8192),a&&0!=(1&t.mode)?0!=(1073741824&Ts)&&(Vl(t),6&t.subtreeFlags&&(t.flags|=8192)):Vl(t),null;case 24:case 25:return null}throw Error(o(156,t.tag))}function Ql(e,t){switch(to(t),t.tag){case 1:return Ir(t.type)&&Tr(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return oi(),_r(Dr),_r(Ar),di(),0!=(65536&(e=t.flags))&&0==(128&e)?(t.flags=-65537&e|128,t):null;case 5:return li(t),null;case 13:if(_r(si),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(o(340));go()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return _r(si),null;case 4:return oi(),null;case 10:return Lo(t.type._context),null;case 22:case 23:return pc(),null;default:return null}}Il=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Tl=function(){},Rl=function(e,t,n,a){var r=e.memoizedProps;if(r!==a){e=t.stateNode,ai(ei.current);var o,i=null;switch(n){case"input":r=Q(e,r),a=Q(e,a),i=[];break;case"select":r=M({},r,{value:void 0}),a=M({},a,{value:void 0}),i=[];break;case"textarea":r=ae(e,r),a=ae(e,a),i=[];break;default:"function"!=typeof r.onClick&&"function"==typeof a.onClick&&(e.onclick=Ja)}for(u in ye(n,a),n=null,r)if(!a.hasOwnProperty(u)&&r.hasOwnProperty(u)&&null!=r[u])if("style"===u){var s=r[u];for(o in s)s.hasOwnProperty(o)&&(n||(n={}),n[o]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(l.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in a){var c=a[u];if(s=null!=r?r[u]:void 0,a.hasOwnProperty(u)&&c!==s&&(null!=c||null!=s))if("style"===u)if(s){for(o in s)!s.hasOwnProperty(o)||c&&c.hasOwnProperty(o)||(n||(n={}),n[o]="");for(o in c)c.hasOwnProperty(o)&&s[o]!==c[o]&&(n||(n={}),n[o]=c[o])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,s=s?s.__html:void 0,null!=c&&s!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(l.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Ba("scroll",e),i||s===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Nl=function(e,t,n,a){n!==a&&(t.flags|=4)};var Yl=!1,Kl=!1,Xl="function"==typeof WeakSet?WeakSet:Set,Jl=null;function es(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(a){_c(e,t,a)}else n.current=null}function ts(e,t,n){try{n()}catch(a){_c(e,t,a)}}var ns=!1;function as(e,t,n){var a=t.updateQueue;if(null!==(a=null!==a?a.lastEffect:null)){var r=a=a.next;do{if((r.tag&e)===e){var o=r.destroy;r.destroy=void 0,void 0!==o&&ts(t,n,o)}r=r.next}while(r!==a)}}function rs(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var a=n.create;n.destroy=a()}n=n.next}while(n!==t)}}function os(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function is(e){var t=e.alternate;null!==t&&(e.alternate=null,is(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[pr],delete t[fr],delete t[mr],delete t[hr],delete t[br])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ls(e){return 5===e.tag||3===e.tag||4===e.tag}function ss(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||ls(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cs(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Ja));else if(4!==a&&null!==(e=e.child))for(cs(e,t,n),e=e.sibling;null!==e;)cs(e,t,n),e=e.sibling}function us(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==a&&null!==(e=e.child))for(us(e,t,n),e=e.sibling;null!==e;)us(e,t,n),e=e.sibling}var ds=null,ps=!1;function fs(e,t,n){for(n=n.child;null!==n;)gs(e,t,n),n=n.sibling}function gs(e,t,n){if(ot&&"function"==typeof ot.onCommitFiberUnmount)try{ot.onCommitFiberUnmount(rt,n)}catch(l){}switch(n.tag){case 5:Kl||es(n,t);case 6:var a=ds,r=ps;ds=null,fs(e,t,n),ps=r,null!==(ds=a)&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ds.removeChild(n.stateNode));break;case 18:null!==ds&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?sr(e.parentNode,n):1===e.nodeType&&sr(e,n),$t(e)):sr(ds,n.stateNode));break;case 4:a=ds,r=ps,ds=n.stateNode.containerInfo,ps=!0,fs(e,t,n),ds=a,ps=r;break;case 0:case 11:case 14:case 15:if(!Kl&&(null!==(a=n.updateQueue)&&null!==(a=a.lastEffect))){r=a=a.next;do{var o=r,i=o.destroy;o=o.tag,void 0!==i&&(0!=(2&o)||0!=(4&o))&&ts(n,t,i),r=r.next}while(r!==a)}fs(e,t,n);break;case 1:if(!Kl&&(es(n,t),"function"==typeof(a=n.stateNode).componentWillUnmount))try{a.props=n.memoizedProps,a.state=n.memoizedState,a.componentWillUnmount()}catch(l){_c(n,t,l)}fs(e,t,n);break;case 21:fs(e,t,n);break;case 22:1&n.mode?(Kl=(a=Kl)||null!==n.memoizedState,fs(e,t,n),Kl=a):fs(e,t,n);break;default:fs(e,t,n)}}function ms(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Xl),t.forEach((function(t){var a=Dc.bind(null,e,t);n.has(t)||(n.add(t),t.then(a,a))}))}}function hs(e,t){var n=t.deletions;if(null!==n)for(var a=0;a<n.length;a++){var r=n[a];try{var i=e,l=t,s=l;e:for(;null!==s;){switch(s.tag){case 5:ds=s.stateNode,ps=!1;break e;case 3:case 4:ds=s.stateNode.containerInfo,ps=!0;break e}s=s.return}if(null===ds)throw Error(o(160));gs(i,l,r),ds=null,ps=!1;var c=r.alternate;null!==c&&(c.return=null),r.return=null}catch(u){_c(r,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)bs(t,e),t=t.sibling}function bs(e,t){var n=e.alternate,a=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hs(t,e),ys(e),4&a){try{as(3,e,e.return),rs(3,e)}catch(h){_c(e,e.return,h)}try{as(5,e,e.return)}catch(h){_c(e,e.return,h)}}break;case 1:hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return);break;case 5:if(hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return),32&e.flags){var r=e.stateNode;try{pe(r,"")}catch(h){_c(e,e.return,h)}}if(4&a&&null!=(r=e.stateNode)){var i=e.memoizedProps,l=null!==n?n.memoizedProps:i,s=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===s&&"radio"===i.type&&null!=i.name&&K(r,i),ve(s,l);var u=ve(s,i);for(l=0;l<c.length;l+=2){var d=c[l],p=c[l+1];"style"===d?he(r,p):"dangerouslySetInnerHTML"===d?de(r,p):"children"===d?pe(r,p):v(r,d,p,u)}switch(s){case"input":X(r,i);break;case"textarea":oe(r,i);break;case"select":var f=r._wrapperState.wasMultiple;r._wrapperState.wasMultiple=!!i.multiple;var g=i.value;null!=g?ne(r,!!i.multiple,g,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(r,!!i.multiple,i.defaultValue,!0):ne(r,!!i.multiple,i.multiple?[]:"",!1))}r[fr]=i}catch(h){_c(e,e.return,h)}}break;case 6:if(hs(t,e),ys(e),4&a){if(null===e.stateNode)throw Error(o(162));r=e.stateNode,i=e.memoizedProps;try{r.nodeValue=i}catch(h){_c(e,e.return,h)}}break;case 3:if(hs(t,e),ys(e),4&a&&null!==n&&n.memoizedState.isDehydrated)try{$t(t.containerInfo)}catch(h){_c(e,e.return,h)}break;case 4:default:hs(t,e),ys(e);break;case 13:hs(t,e),ys(e),8192&(r=e.child).flags&&(i=null!==r.memoizedState,r.stateNode.isHidden=i,!i||null!==r.alternate&&null!==r.alternate.memoizedState||($s=Ke())),4&a&&ms(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Kl=(u=Kl)||d,hs(t,e),Kl=u):hs(t,e),ys(e),8192&a){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&0!=(1&e.mode))for(Jl=e,d=e.child;null!==d;){for(p=Jl=d;null!==Jl;){switch(g=(f=Jl).child,f.tag){case 0:case 11:case 14:case 15:as(4,f,f.return);break;case 1:es(f,f.return);var m=f.stateNode;if("function"==typeof m.componentWillUnmount){a=f,n=f.return;try{t=a,m.props=t.memoizedProps,m.state=t.memoizedState,m.componentWillUnmount()}catch(h){_c(a,n,h)}}break;case 5:es(f,f.return);break;case 22:if(null!==f.memoizedState){ks(p);continue}}null!==g?(g.return=f,Jl=g):ks(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{r=p.stateNode,u?"function"==typeof(i=r.style).setProperty?i.setProperty("display","none","important"):i.display="none":(s=p.stateNode,l=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,s.style.display=me("display",l))}catch(h){_c(e,e.return,h)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(h){_c(e,e.return,h)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hs(t,e),ys(e),4&a&&ms(e);case 21:}}function ys(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(ls(n)){var a=n;break e}n=n.return}throw Error(o(160))}switch(a.tag){case 5:var r=a.stateNode;32&a.flags&&(pe(r,""),a.flags&=-33),us(e,ss(e),r);break;case 3:case 4:var i=a.stateNode.containerInfo;cs(e,ss(e),i);break;default:throw Error(o(161))}}catch(l){_c(e,e.return,l)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function vs(e,t,n){Jl=e,ws(e,t,n)}function ws(e,t,n){for(var a=0!=(1&e.mode);null!==Jl;){var r=Jl,o=r.child;if(22===r.tag&&a){var i=null!==r.memoizedState||Yl;if(!i){var l=r.alternate,s=null!==l&&null!==l.memoizedState||Kl;l=Yl;var c=Kl;if(Yl=i,(Kl=s)&&!c)for(Jl=r;null!==Jl;)s=(i=Jl).child,22===i.tag&&null!==i.memoizedState?Ls(r):null!==s?(s.return=i,Jl=s):Ls(r);for(;null!==o;)Jl=o,ws(o,t,n),o=o.sibling;Jl=r,Yl=l,Kl=c}xs(e)}else 0!=(8772&r.subtreeFlags)&&null!==o?(o.return=r,Jl=o):xs(e)}}function xs(e){for(;null!==Jl;){var t=Jl;if(0!=(8772&t.flags)){var n=t.alternate;try{if(0!=(8772&t.flags))switch(t.tag){case 0:case 11:case 15:Kl||rs(5,t);break;case 1:var a=t.stateNode;if(4&t.flags&&!Kl)if(null===n)a.componentDidMount();else{var r=t.elementType===t.type?n.memoizedProps:bo(t.type,n.memoizedProps);a.componentDidUpdate(r,n.memoizedState,a.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Bo(t,i,a);break;case 3:var l=t.updateQueue;if(null!==l){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Bo(t,l,n)}break;case 5:var s=t.stateNode;if(null===n&&4&t.flags){n=s;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&$t(p)}}}break;default:throw Error(o(163))}Kl||512&t.flags&&os(t)}catch(f){_c(t,t.return,f)}}if(t===e){Jl=null;break}if(null!==(n=t.sibling)){n.return=t.return,Jl=n;break}Jl=t.return}}function ks(e){for(;null!==Jl;){var t=Jl;if(t===e){Jl=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Jl=n;break}Jl=t.return}}function Ls(e){for(;null!==Jl;){var t=Jl;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rs(4,t)}catch(s){_c(t,n,s)}break;case 1:var a=t.stateNode;if("function"==typeof a.componentDidMount){var r=t.return;try{a.componentDidMount()}catch(s){_c(t,r,s)}}var o=t.return;try{os(t)}catch(s){_c(t,o,s)}break;case 5:var i=t.return;try{os(t)}catch(s){_c(t,i,s)}}}catch(s){_c(t,t.return,s)}if(t===e){Jl=null;break}var l=t.sibling;if(null!==l){l.return=t.return,Jl=l;break}Jl=t.return}}var Ss,_s=Math.ceil,Cs=w.ReactCurrentDispatcher,Ps=w.ReactCurrentOwner,As=w.ReactCurrentBatchConfig,Ds=0,js=null,Es=null,Is=0,Ts=0,Rs=Sr(0),Ns=0,Os=null,Ms=0,Fs=0,Bs=0,zs=null,Us=null,$s=0,qs=1/0,Hs=null,Gs=!1,Zs=null,Vs=null,Ws=!1,Qs=null,Ys=0,Ks=0,Xs=null,Js=-1,ec=0;function tc(){return 0!=(6&Ds)?Ke():-1!==Js?Js:Js=Ke()}function nc(e){return 0==(1&e.mode)?1:0!=(2&Ds)&&0!==Is?Is&-Is:null!==ho.transition?(0===ec&&(ec=mt()),ec):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type)}function ac(e,t,n,a){if(50<Ks)throw Ks=0,Xs=null,Error(o(185));bt(e,n,a),0!=(2&Ds)&&e===js||(e===js&&(0==(2&Ds)&&(Fs|=n),4===Ns&&sc(e,Is)),rc(e,a),1===n&&0===Ds&&0==(1&t.mode)&&(qs=Ke()+500,Br&&$r()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,a=e.pingedLanes,r=e.expirationTimes,o=e.pendingLanes;0<o;){var i=31-it(o),l=1<<i,s=r[i];-1===s?0!=(l&n)&&0==(l&a)||(r[i]=ft(l,t)):s<=t&&(e.expiredLanes|=l),o&=~l}}(e,t);var a=pt(e,e===js?Is:0);if(0===a)null!==n&&We(n),e.callbackNode=null,e.callbackPriority=0;else if(t=a&-a,e.callbackPriority!==t){if(null!=n&&We(n),1===t)0===e.tag?function(e){Br=!0,Ur(e)}(cc.bind(null,e)):Ur(cc.bind(null,e)),ir((function(){0==(6&Ds)&&$r()})),n=null;else{switch(wt(a)){case 1:n=Je;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=at}n=jc(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Js=-1,ec=0,0!=(6&Ds))throw Error(o(327));var n=e.callbackNode;if(Lc()&&e.callbackNode!==n)return null;var a=pt(e,e===js?Is:0);if(0===a)return null;if(0!=(30&a)||0!=(a&e.expiredLanes)||t)t=bc(e,a);else{t=a;var r=Ds;Ds|=2;var i=mc();for(js===e&&Is===t||(Hs=null,qs=Ke()+500,fc(e,t));;)try{vc();break}catch(s){gc(e,s)}ko(),Cs.current=i,Ds=r,null!==Es?t=0:(js=null,Is=0,t=Ns)}if(0!==t){if(2===t&&(0!==(r=gt(e))&&(a=r,t=ic(e,r))),1===t)throw n=Os,fc(e,0),sc(e,a),rc(e,Ke()),n;if(6===t)sc(e,a);else{if(r=e.current.alternate,0==(30&a)&&!function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var a=0;a<n.length;a++){var r=n[a],o=r.getSnapshot;r=r.value;try{if(!la(o(),r))return!1}catch(l){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(r)&&(2===(t=bc(e,a))&&(0!==(i=gt(e))&&(a=i,t=ic(e,i))),1===t))throw n=Os,fc(e,0),sc(e,a),rc(e,Ke()),n;switch(e.finishedWork=r,e.finishedLanes=a,t){case 0:case 1:throw Error(o(345));case 2:case 5:kc(e,Us,Hs);break;case 3:if(sc(e,a),(130023424&a)===a&&10<(t=$s+500-Ke())){if(0!==pt(e,0))break;if(((r=e.suspendedLanes)&a)!==a){tc(),e.pingedLanes|=e.suspendedLanes&r;break}e.timeoutHandle=ar(kc.bind(null,e,Us,Hs),t);break}kc(e,Us,Hs);break;case 4:if(sc(e,a),(4194240&a)===a)break;for(t=e.eventTimes,r=-1;0<a;){var l=31-it(a);i=1<<l,(l=t[l])>r&&(r=l),a&=~i}if(a=r,10<(a=(120>(a=Ke()-a)?120:480>a?480:1080>a?1080:1920>a?1920:3e3>a?3e3:4320>a?4320:1960*_s(a/1960))-a)){e.timeoutHandle=ar(kc.bind(null,e,Us,Hs),a);break}kc(e,Us,Hs);break;default:throw Error(o(329))}}}return rc(e,Ke()),e.callbackNode===n?oc.bind(null,e):null}function ic(e,t){var n=zs;return e.current.memoizedState.isDehydrated&&(fc(e,t).flags|=256),2!==(e=bc(e,t))&&(t=Us,Us=n,null!==t&&lc(t)),e}function lc(e){null===Us?Us=e:Us.push.apply(Us,e)}function sc(e,t){for(t&=~Bs,t&=~Fs,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),a=1<<n;e[n]=-1,t&=~a}}function cc(e){if(0!=(6&Ds))throw Error(o(327));Lc();var t=pt(e,0);if(0==(1&t))return rc(e,Ke()),null;var n=bc(e,t);if(0!==e.tag&&2===n){var a=gt(e);0!==a&&(t=a,n=ic(e,a))}if(1===n)throw n=Os,fc(e,0),sc(e,t),rc(e,Ke()),n;if(6===n)throw Error(o(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,kc(e,Us,Hs),rc(e,Ke()),null}function uc(e,t){var n=Ds;Ds|=1;try{return e(t)}finally{0===(Ds=n)&&(qs=Ke()+500,Br&&$r())}}function dc(e){null!==Qs&&0===Qs.tag&&0==(6&Ds)&&Lc();var t=Ds;Ds|=1;var n=As.transition,a=vt;try{if(As.transition=null,vt=1,e)return e()}finally{vt=a,As.transition=n,0==(6&(Ds=t))&&$r()}}function pc(){Ts=Rs.current,_r(Rs)}function fc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,rr(n)),null!==Es)for(n=Es.return;null!==n;){var a=n;switch(to(a),a.tag){case 1:null!=(a=a.type.childContextTypes)&&Tr();break;case 3:oi(),_r(Dr),_r(Ar),di();break;case 5:li(a);break;case 4:oi();break;case 13:case 19:_r(si);break;case 10:Lo(a.type._context);break;case 22:case 23:pc()}n=n.return}if(js=e,Es=e=Rc(e.current,null),Is=Ts=t,Ns=0,Os=null,Bs=Fs=Ms=0,Us=zs=null,null!==Po){for(t=0;t<Po.length;t++)if(null!==(a=(n=Po[t]).interleaved)){n.interleaved=null;var r=a.next,o=n.pending;if(null!==o){var i=o.next;o.next=r,a.next=i}n.pending=a}Po=null}return e}function gc(e,t){for(;;){var n=Es;try{if(ko(),pi.current=il,yi){for(var a=mi.memoizedState;null!==a;){var r=a.queue;null!==r&&(r.pending=null),a=a.next}yi=!1}if(gi=0,bi=hi=mi=null,vi=!1,wi=0,Ps.current=null,null===n||null===n.return){Ns=1,Os=t,Es=null;break}e:{var i=e,l=n.return,s=n,c=t;if(t=Is,s.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=s,p=d.tag;if(0==(1&d.mode)&&(0===p||11===p||15===p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var g=bl(l);if(null!==g){g.flags&=-257,yl(g,l,s,0,t),1&g.mode&&hl(i,u,t),c=u;var m=(t=g).updateQueue;if(null===m){var h=new Set;h.add(c),t.updateQueue=h}else m.add(c);break e}if(0==(1&t)){hl(i,u,t),hc();break e}c=Error(o(426))}else if(ro&&1&s.mode){var b=bl(l);if(null!==b){0==(65536&b.flags)&&(b.flags|=256),yl(b,l,s,0,t),mo(ul(c,s));break e}}i=c=ul(c,s),4!==Ns&&(Ns=2),null===zs?zs=[i]:zs.push(i),i=l;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,Mo(i,gl(0,c,t));break e;case 1:s=c;var y=i.type,v=i.stateNode;if(0==(128&i.flags)&&("function"==typeof y.getDerivedStateFromError||null!==v&&"function"==typeof v.componentDidCatch&&(null===Vs||!Vs.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,Mo(i,ml(i,s,t));break e}}i=i.return}while(null!==i)}xc(n)}catch(w){t=w,Es===n&&null!==n&&(Es=n=n.return);continue}break}}function mc(){var e=Cs.current;return Cs.current=il,null===e?il:e}function hc(){0!==Ns&&3!==Ns&&2!==Ns||(Ns=4),null===js||0==(268435455&Ms)&&0==(268435455&Fs)||sc(js,Is)}function bc(e,t){var n=Ds;Ds|=2;var a=mc();for(js===e&&Is===t||(Hs=null,fc(e,t));;)try{yc();break}catch(r){gc(e,r)}if(ko(),Ds=n,Cs.current=a,null!==Es)throw Error(o(261));return js=null,Is=0,Ns}function yc(){for(;null!==Es;)wc(Es)}function vc(){for(;null!==Es&&!Qe();)wc(Es)}function wc(e){var t=Ss(e.alternate,e,Ts);e.memoizedProps=e.pendingProps,null===t?xc(e):Es=t,Ps.current=null}function xc(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(32768&t.flags)){if(null!==(n=Wl(n,t,Ts)))return void(Es=n)}else{if(null!==(n=Ql(n,t)))return n.flags&=32767,void(Es=n);if(null===e)return Ns=6,void(Es=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}if(null!==(t=t.sibling))return void(Es=t);Es=t=e}while(null!==t);0===Ns&&(Ns=5)}function kc(e,t,n){var a=vt,r=As.transition;try{As.transition=null,vt=1,function(e,t,n,a){do{Lc()}while(null!==Qs);if(0!=(6&Ds))throw Error(o(327));n=e.finishedWork;var r=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(o(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var a=e.eventTimes;for(e=e.expirationTimes;0<n;){var r=31-it(n),o=1<<r;t[r]=0,a[r]=-1,e[r]=-1,n&=~o}}(e,i),e===js&&(Es=js=null,Is=0),0==(2064&n.subtreeFlags)&&0==(2064&n.flags)||Ws||(Ws=!0,jc(tt,(function(){return Lc(),null}))),i=0!=(15990&n.flags),0!=(15990&n.subtreeFlags)||i){i=As.transition,As.transition=null;var l=vt;vt=1;var s=Ds;Ds|=4,Ps.current=null,function(e,t){if(er=Ht,fa(e=pa())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var a=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(a&&0!==a.rangeCount){n=a.anchorNode;var r=a.anchorOffset,i=a.focusNode;a=a.focusOffset;try{n.nodeType,i.nodeType}catch(x){n=null;break e}var l=0,s=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var g;p!==n||0!==r&&3!==p.nodeType||(s=l+r),p!==i||0!==a&&3!==p.nodeType||(c=l+a),3===p.nodeType&&(l+=p.nodeValue.length),null!==(g=p.firstChild);)f=p,p=g;for(;;){if(p===e)break t;if(f===n&&++u===r&&(s=l),f===i&&++d===a&&(c=l),null!==(g=p.nextSibling))break;f=(p=f).parentNode}p=g}n=-1===s||-1===c?null:{start:s,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(tr={focusedElem:e,selectionRange:n},Ht=!1,Jl=t;null!==Jl;)if(e=(t=Jl).child,0!=(1028&t.subtreeFlags)&&null!==e)e.return=t,Jl=e;else for(;null!==Jl;){t=Jl;try{var m=t.alternate;if(0!=(1024&t.flags))switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==m){var h=m.memoizedProps,b=m.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?h:bo(t.type,h),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(o(163))}}catch(x){_c(t,t.return,x)}if(null!==(e=t.sibling)){e.return=t.return,Jl=e;break}Jl=t.return}m=ns,ns=!1}(e,n),bs(n,e),ga(tr),Ht=!!er,tr=er=null,e.current=n,vs(n,e,r),Ye(),Ds=s,vt=l,As.transition=i}else e.current=n;if(Ws&&(Ws=!1,Qs=e,Ys=r),i=e.pendingLanes,0===i&&(Vs=null),function(e){if(ot&&"function"==typeof ot.onCommitFiberRoot)try{ot.onCommitFiberRoot(rt,e,void 0,128==(128&e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ke()),null!==t)for(a=e.onRecoverableError,n=0;n<t.length;n++)r=t[n],a(r.value,{componentStack:r.stack,digest:r.digest});if(Gs)throw Gs=!1,e=Zs,Zs=null,e;0!=(1&Ys)&&0!==e.tag&&Lc(),i=e.pendingLanes,0!=(1&i)?e===Xs?Ks++:(Ks=0,Xs=e):Ks=0,$r()}(e,t,n,a)}finally{As.transition=r,vt=a}return null}function Lc(){if(null!==Qs){var e=wt(Ys),t=As.transition,n=vt;try{if(As.transition=null,vt=16>e?16:e,null===Qs)var a=!1;else{if(e=Qs,Qs=null,Ys=0,0!=(6&Ds))throw Error(o(331));var r=Ds;for(Ds|=4,Jl=e.current;null!==Jl;){var i=Jl,l=i.child;if(0!=(16&Jl.flags)){var s=i.deletions;if(null!==s){for(var c=0;c<s.length;c++){var u=s[c];for(Jl=u;null!==Jl;){var d=Jl;switch(d.tag){case 0:case 11:case 15:as(8,d,i)}var p=d.child;if(null!==p)p.return=d,Jl=p;else for(;null!==Jl;){var f=(d=Jl).sibling,g=d.return;if(is(d),d===u){Jl=null;break}if(null!==f){f.return=g,Jl=f;break}Jl=g}}}var m=i.alternate;if(null!==m){var h=m.child;if(null!==h){m.child=null;do{var b=h.sibling;h.sibling=null,h=b}while(null!==h)}}Jl=i}}if(0!=(2064&i.subtreeFlags)&&null!==l)l.return=i,Jl=l;else e:for(;null!==Jl;){if(0!=(2048&(i=Jl).flags))switch(i.tag){case 0:case 11:case 15:as(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Jl=y;break e}Jl=i.return}}var v=e.current;for(Jl=v;null!==Jl;){var w=(l=Jl).child;if(0!=(2064&l.subtreeFlags)&&null!==w)w.return=l,Jl=w;else e:for(l=v;null!==Jl;){if(0!=(2048&(s=Jl).flags))try{switch(s.tag){case 0:case 11:case 15:rs(9,s)}}catch(k){_c(s,s.return,k)}if(s===l){Jl=null;break e}var x=s.sibling;if(null!==x){x.return=s.return,Jl=x;break e}Jl=s.return}}if(Ds=r,$r(),ot&&"function"==typeof ot.onPostCommitFiberRoot)try{ot.onPostCommitFiberRoot(rt,e)}catch(k){}a=!0}return a}finally{vt=n,As.transition=t}}return!1}function Sc(e,t,n){e=No(e,t=gl(0,t=ul(n,t),1),1),t=tc(),null!==e&&(bt(e,1,t),rc(e,t))}function _c(e,t,n){if(3===e.tag)Sc(e,e,n);else for(;null!==t;){if(3===t.tag){Sc(t,e,n);break}if(1===t.tag){var a=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof a.componentDidCatch&&(null===Vs||!Vs.has(a))){t=No(t,e=ml(t,e=ul(n,e),1),1),e=tc(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function Cc(e,t,n){var a=e.pingCache;null!==a&&a.delete(t),t=tc(),e.pingedLanes|=e.suspendedLanes&n,js===e&&(Is&n)===n&&(4===Ns||3===Ns&&(130023424&Is)===Is&&500>Ke()-$s?fc(e,0):Bs|=n),rc(e,t)}function Pc(e,t){0===t&&(0==(1&e.mode)?t=1:(t=ut,0==(130023424&(ut<<=1))&&(ut=4194304)));var n=tc();null!==(e=jo(e,t))&&(bt(e,t,n),rc(e,n))}function Ac(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Pc(e,n)}function Dc(e,t){var n=0;switch(e.tag){case 13:var a=e.stateNode,r=e.memoizedState;null!==r&&(n=r.retryLane);break;case 19:a=e.stateNode;break;default:throw Error(o(314))}null!==a&&a.delete(t),Pc(e,n)}function jc(e,t){return Ve(e,t)}function Ec(e,t,n,a){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ic(e,t,n,a){return new Ec(e,t,n,a)}function Tc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Rc(e,t){var n=e.alternate;return null===n?((n=Ic(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Nc(e,t,n,a,r,i){var l=2;if(a=e,"function"==typeof e)Tc(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case L:return Oc(n.children,r,i,t);case S:l=8,r|=8;break;case _:return(e=Ic(12,n,t,2|r)).elementType=_,e.lanes=i,e;case D:return(e=Ic(13,n,t,r)).elementType=D,e.lanes=i,e;case j:return(e=Ic(19,n,t,r)).elementType=j,e.lanes=i,e;case T:return Mc(n,r,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:l=10;break e;case P:l=9;break e;case A:l=11;break e;case E:l=14;break e;case I:l=16,a=null;break e}throw Error(o(130,null==e?e:typeof e,""))}return(t=Ic(l,n,t,r)).elementType=e,t.type=a,t.lanes=i,t}function Oc(e,t,n,a){return(e=Ic(7,e,a,t)).lanes=n,e}function Mc(e,t,n,a){return(e=Ic(22,e,a,t)).elementType=T,e.lanes=n,e.stateNode={isHidden:!1},e}function Fc(e,t,n){return(e=Ic(6,e,null,t)).lanes=n,e}function Bc(e,t,n){return(t=Ic(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zc(e,t,n,a,r){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ht(0),this.expirationTimes=ht(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ht(0),this.identifierPrefix=a,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Uc(e,t,n,a,r,o,i,l,s){return e=new zc(e,t,n,l,s),1===t?(t=1,!0===o&&(t|=8)):t=0,o=Ic(3,null,null,t),e.current=o,o.stateNode=e,o.memoizedState={element:a,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Io(o),e}function $c(e){if(!e)return Pr;e:{if($e(e=e._reactInternals)!==e||1!==e.tag)throw Error(o(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Ir(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(o(171))}if(1===e.tag){var n=e.type;if(Ir(n))return Nr(e,n,t)}return t}function qc(e,t,n,a,r,o,i,l,s){return(e=Uc(n,a,!0,e,0,o,0,l,s)).context=$c(null),n=e.current,(o=Ro(a=tc(),r=nc(n))).callback=null!=t?t:null,No(n,o,r),e.current.lanes=r,bt(e,r,a),rc(e,a),e}function Hc(e,t,n,a){var r=t.current,o=tc(),i=nc(r);return n=$c(n),null===t.context?t.context=n:t.pendingContext=n,(t=Ro(o,i)).payload={element:e},null!==(a=void 0===a?null:a)&&(t.callback=a),null!==(e=No(r,t,i))&&(ac(e,r,i,o),Oo(e,r,i)),i}function Gc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Zc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Vc(e,t){Zc(e,t),(e=e.alternate)&&Zc(e,t)}Ss=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||Dr.current)wl=!0;else{if(0==(e.lanes&n)&&0==(128&t.flags))return wl=!1,function(e,t,n){switch(t.tag){case 3:jl(t),go();break;case 5:ii(t);break;case 1:Ir(t.type)&&Or(t);break;case 4:ri(t,t.stateNode.containerInfo);break;case 10:var a=t.type._context,r=t.memoizedProps.value;Cr(yo,a._currentValue),a._currentValue=r;break;case 13:if(null!==(a=t.memoizedState))return null!==a.dehydrated?(Cr(si,1&si.current),t.flags|=128,null):0!=(n&t.child.childLanes)?Fl(e,t,n):(Cr(si,1&si.current),null!==(e=Gl(e,t,n))?e.sibling:null);Cr(si,1&si.current);break;case 19:if(a=0!=(n&t.childLanes),0!=(128&e.flags)){if(a)return ql(e,t,n);t.flags|=128}if(null!==(r=t.memoizedState)&&(r.rendering=null,r.tail=null,r.lastEffect=null),Cr(si,si.current),a)break;return null;case 22:case 23:return t.lanes=0,_l(e,t,n)}return Gl(e,t,n)}(e,t,n);wl=0!=(131072&e.flags)}else wl=!1,ro&&0!=(1048576&t.flags)&&Jr(t,Zr,t.index);switch(t.lanes=0,t.tag){case 2:var a=t.type;Hl(e,t),e=t.pendingProps;var r=Er(t,Ar.current);_o(t,n),r=Si(null,t,a,e,r,n);var i=_i();return t.flags|=1,"object"==typeof r&&null!==r&&"function"==typeof r.render&&void 0===r.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Ir(a)?(i=!0,Or(t)):i=!1,t.memoizedState=null!==r.state&&void 0!==r.state?r.state:null,Io(t),r.updater=$o,t.stateNode=r,r._reactInternals=t,Zo(t,a,e,n),t=Dl(null,t,a,!0,i,n)):(t.tag=0,ro&&i&&eo(t),xl(null,t,r,n),t=t.child),t;case 16:a=t.elementType;e:{switch(Hl(e,t),e=t.pendingProps,a=(r=a._init)(a._payload),t.type=a,r=t.tag=function(e){if("function"==typeof e)return Tc(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===E)return 14}return 2}(a),e=bo(a,e),r){case 0:t=Pl(null,t,a,e,n);break e;case 1:t=Al(null,t,a,e,n);break e;case 11:t=kl(null,t,a,e,n);break e;case 14:t=Ll(null,t,a,bo(a.type,e),n);break e}throw Error(o(306,a,""))}return t;case 0:return a=t.type,r=t.pendingProps,Pl(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 1:return a=t.type,r=t.pendingProps,Al(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 3:e:{if(jl(t),null===e)throw Error(o(387));a=t.pendingProps,r=(i=t.memoizedState).element,To(e,t),Fo(t,a,null,n);var l=t.memoizedState;if(a=l.element,i.isDehydrated){if(i={element:a,isDehydrated:!1,cache:l.cache,pendingSuspenseBoundaries:l.pendingSuspenseBoundaries,transitions:l.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=El(e,t,a,n,r=ul(Error(o(423)),t));break e}if(a!==r){t=El(e,t,a,n,r=ul(Error(o(424)),t));break e}for(ao=cr(t.stateNode.containerInfo.firstChild),no=t,ro=!0,oo=null,n=Xo(t,null,a,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(go(),a===r){t=Gl(e,t,n);break e}xl(e,t,a,n)}t=t.child}return t;case 5:return ii(t),null===e&&co(t),a=t.type,r=t.pendingProps,i=null!==e?e.memoizedProps:null,l=r.children,nr(a,r)?l=null:null!==i&&nr(a,i)&&(t.flags|=32),Cl(e,t),xl(e,t,l,n),t.child;case 6:return null===e&&co(t),null;case 13:return Fl(e,t,n);case 4:return ri(t,t.stateNode.containerInfo),a=t.pendingProps,null===e?t.child=Ko(t,null,a,n):xl(e,t,a,n),t.child;case 11:return a=t.type,r=t.pendingProps,kl(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 7:return xl(e,t,t.pendingProps,n),t.child;case 8:case 12:return xl(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(a=t.type._context,r=t.pendingProps,i=t.memoizedProps,l=r.value,Cr(yo,a._currentValue),a._currentValue=l,null!==i)if(la(i.value,l)){if(i.children===r.children&&!Dr.current){t=Gl(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var s=i.dependencies;if(null!==s){l=i.child;for(var c=s.firstContext;null!==c;){if(c.context===a){if(1===i.tag){(c=Ro(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),So(i.return,n,t),s.lanes|=n;break}c=c.next}}else if(10===i.tag)l=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(l=i.return))throw Error(o(341));l.lanes|=n,null!==(s=l.alternate)&&(s.lanes|=n),So(l,n,t),l=i.sibling}else l=i.child;if(null!==l)l.return=i;else for(l=i;null!==l;){if(l===t){l=null;break}if(null!==(i=l.sibling)){i.return=l.return,l=i;break}l=l.return}i=l}xl(e,t,r.children,n),t=t.child}return t;case 9:return r=t.type,a=t.pendingProps.children,_o(t,n),a=a(r=Co(r)),t.flags|=1,xl(e,t,a,n),t.child;case 14:return r=bo(a=t.type,t.pendingProps),Ll(e,t,a,r=bo(a.type,r),n);case 15:return Sl(e,t,t.type,t.pendingProps,n);case 17:return a=t.type,r=t.pendingProps,r=t.elementType===a?r:bo(a,r),Hl(e,t),t.tag=1,Ir(a)?(e=!0,Or(t)):e=!1,_o(t,n),Ho(t,a,r),Zo(t,a,r,n),Dl(null,t,a,!0,e,n);case 19:return ql(e,t,n);case 22:return _l(e,t,n)}throw Error(o(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Qc(e){this._internalRoot=e}function Yc(e){this._internalRoot=e}function Kc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Xc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function eu(e,t,n,a,r){var o=n._reactRootContainer;if(o){var i=o;if("function"==typeof r){var l=r;r=function(){var e=Gc(i);l.call(e)}}Hc(t,i,e,r)}else i=function(e,t,n,a,r){if(r){if("function"==typeof a){var o=a;a=function(){var e=Gc(i);o.call(e)}}var i=qc(t,a,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[gr]=i.current,$a(8===e.nodeType?e.parentNode:e),dc(),i}for(;r=e.lastChild;)e.removeChild(r);if("function"==typeof a){var l=a;a=function(){var e=Gc(s);l.call(e)}}var s=Uc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=s,e[gr]=s.current,$a(8===e.nodeType?e.parentNode:e),dc((function(){Hc(t,s,n,a)})),s}(n,t,e,r,a);return Gc(i)}Yc.prototype.render=Qc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(o(409));Hc(e,t,null,null)},Yc.prototype.unmount=Qc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;dc((function(){Hc(null,e,null,null)})),t[gr]=null}},Yc.prototype.unstable_scheduleHydration=function(e){if(e){var t=St();e={blockedOn:null,target:e,priority:t};for(var n=0;n<Tt.length&&0!==t&&t<Tt[n].priority;n++);Tt.splice(n,0,e),0===n&&Mt(e)}},xt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ke()),0==(6&Ds)&&(qs=Ke()+500,$r()))}break;case 13:dc((function(){var t=jo(e,1);if(null!==t){var n=tc();ac(t,e,1,n)}})),Vc(e,1)}},kt=function(e){if(13===e.tag){var t=jo(e,134217728);if(null!==t)ac(t,e,134217728,tc());Vc(e,134217728)}},Lt=function(e){if(13===e.tag){var t=nc(e),n=jo(e,t);if(null!==n)ac(n,e,t,tc());Vc(e,t)}},St=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},ke=function(e,t,n){switch(t){case"input":if(X(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var a=n[t];if(a!==e&&a.form===e.form){var r=xr(a);if(!r)throw Error(o(90));V(a),X(a,r)}}}break;case"textarea":oe(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Ae=uc,De=dc;var tu={usingClientEntryPoint:!1,Events:[vr,wr,xr,Ce,Pe,uc]},nu={findFiberByHostInstance:yr,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},au={bundleType:nu.bundleType,version:nu.version,rendererPackageName:nu.rendererPackageName,rendererConfig:nu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ge(e))?null:e.stateNode},findFiberByHostInstance:nu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0-next-9e3b772b8-20220608"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{rt=ru.inject(au),ot=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=tu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Kc(t))throw Error(o(200));return function(e,t,n){var a=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:k,key:null==a?null:""+a,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Kc(e))throw Error(o(299));var n=!1,a="",r=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(a=t.identifierPrefix),void 0!==t.onRecoverableError&&(r=t.onRecoverableError)),t=Uc(e,1,!1,null,0,n,0,a,r),e[gr]=t.current,$a(8===e.nodeType?e.parentNode:e),new Qc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(o(188));throw e=Object.keys(e).join(","),Error(o(268,e))}return e=null===(e=Ge(t))?null:e.stateNode},t.flushSync=function(e){return dc(e)},t.hydrate=function(e,t,n){if(!Xc(t))throw Error(o(200));return eu(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Kc(e))throw Error(o(405));var a=null!=n&&n.hydratedSources||null,r=!1,i="",l=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(r=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(l=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,r,0,i,l),e[gr]=t.current,$a(e),a)for(e=0;e<a.length;e++)r=(r=(n=a[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,r]:t.mutableSourceEagerHydrationData.push(n,r);return new Yc(t)},t.render=function(e,t,n){if(!Xc(t))throw Error(o(200));return eu(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Xc(e))throw Error(o(40));return!!e._reactRootContainer&&(dc((function(){eu(null,null,e,!1,(function(){e._reactRootContainer=null,e[gr]=null}))})),!0)},t.unstable_batchedUpdates=uc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,a){if(!Xc(n))throw Error(o(200));if(null==e||void 0===e._reactInternals)throw Error(o(38));return eu(e,t,n,!1,a)},t.version="18.2.0-next-9e3b772b8-20220608"},4478:(e,t,n)=>{"use strict";var a=n(422);t.createRoot=a.createRoot,t.hydrateRoot=a.hydrateRoot},422:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(3746)},5154:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,a="function"==typeof Set,r="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function o(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var l,s,c,u;if(Array.isArray(e)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(!o(e[s],i[s]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;for(u=e.entries();!(s=u.next()).done;)if(!o(s.value[1],i.get(s.value[0])))return!1;return!0}if(a&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;return!0}if(r&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(e[s]!==i[s])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((l=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(i,c[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==c[s]&&"__v"!==c[s]&&"__o"!==c[s]||!e.$$typeof)&&!o(e[c[s]],i[c[s]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return o(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},387:(e,t,n)=>{"use strict";n.d(t,{B6:()=>G,ql:()=>J});var a=n(959),r=n(507),o=n.n(r),i=n(5154),l=n.n(i),s=n(3670),c=n.n(s),u=n(631),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,g(e,t)}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function m(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)t.indexOf(n=o[a])>=0||(r[n]=e[n]);return r}var h={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(h).map((function(e){return h[e]})),x={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},k=Object.keys(x).reduce((function(e,t){return e[x[t]]=t,e}),{}),L=function(e,t){for(var n=e.length-1;n>=0;n-=1){var a=e[n];if(Object.prototype.hasOwnProperty.call(a,t))return a[t]}return null},S=function(e){var t=L(e,h.TITLE),n=L(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var a=L(e,"defaultTitle");return t||a||void 0},_=function(e){return L(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},P=function(e,t){return t.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var a=Object.keys(n),r=0;r<a.length;r+=1){var o=a[r].toLowerCase();if(-1!==e.indexOf(o)&&n[o])return t.concat(n)}return t}),[])},A=function(e,t,n){var a={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var r={};n.filter((function(e){for(var n,o=Object.keys(e),i=0;i<o.length;i+=1){var l=o[i],s=l.toLowerCase();-1===t.indexOf(s)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===s&&"stylesheet"===e[s].toLowerCase()||(n=s),-1===t.indexOf(l)||"innerHTML"!==l&&"cssText"!==l&&"itemprop"!==l||(n=l)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return a[n]||(a[n]={}),r[n]||(r[n]={}),!a[n][c]&&(r[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var o=Object.keys(r),i=0;i<o.length;i+=1){var l=o[i],s=p({},a[l],r[l]);a[l]=s}return e}),[]).reverse()},D=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},j=function(e){return Array.isArray(e)?e.join(""):e},E=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),a=0;a<n.length;a+=1)if(t[n[a]]&&t[n[a]].includes(e[n[a]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},I=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},T=[h.NOSCRIPT,h.SCRIPT,h.STYLE],R=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},N=function(e){return Object.keys(e).reduce((function(t,n){var a=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+a:a}),"")},O=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[x[n]||n]=e[n],t}),t)},M=function(e,t){return t.map((function(t,n){var r,o=((r={key:n})["data-rh"]=!0,r);return Object.keys(t).forEach((function(e){var n=x[e]||e;"innerHTML"===n||"cssText"===n?o.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:o[n]=t[e]})),a.createElement(e,o)}))},F=function(e,t,n){switch(e){case h.TITLE:return{toComponent:function(){return n=t.titleAttributes,(r={key:e=t.title})["data-rh"]=!0,o=O(n,r),[a.createElement(h.TITLE,o,e)];var e,n,r,o},toString:function(){return function(e,t,n,a){var r=N(n),o=j(t);return r?"<"+e+' data-rh="true" '+r+">"+R(o,a)+"</"+e+">":"<"+e+' data-rh="true">'+R(o,a)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return O(t)},toString:function(){return N(t)}};default:return{toComponent:function(){return M(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,a){var r=Object.keys(a).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var r=void 0===a[t]?t:t+'="'+R(a[t],n)+'"';return e?e+" "+r:r}),""),o=a.innerHTML||a.cssText||"",i=-1===T.indexOf(e);return t+"<"+e+' data-rh="true" '+r+(i?"/>":">"+o+"</"+e+">")}),"")}(e,t,n)}}}},B=function(e){var t=e.baseTag,n=e.bodyAttributes,a=e.encode,r=e.htmlAttributes,o=e.noscriptTags,i=e.styleTags,l=e.title,s=void 0===l?"":l,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var g=function(e){var t=e.linkTags,n=e.scriptTags,a=e.encode,r=E(e.metaTags,v),o=E(t,b),i=E(n,y);return{priorityMethods:{toComponent:function(){return[].concat(M(h.META,r.priority),M(h.LINK,o.priority),M(h.SCRIPT,i.priority))},toString:function(){return F(h.META,r.priority,a)+" "+F(h.LINK,o.priority,a)+" "+F(h.SCRIPT,i.priority,a)}},metaTags:r.default,linkTags:o.default,scriptTags:i.default}}(e);f=g.priorityMethods,u=g.linkTags,d=g.metaTags,p=g.scriptTags}return{priority:f,base:F(h.BASE,t,a),bodyAttributes:F("bodyAttributes",n,a),htmlAttributes:F("htmlAttributes",r,a),link:F(h.LINK,u,a),meta:F(h.META,d,a),noscript:F(h.NOSCRIPT,o,a),script:F(h.SCRIPT,p,a),style:F(h.STYLE,i,a),title:F(h.TITLE,{title:s,titleAttributes:c},a)}},z=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?z:n.instances},add:function(e){(n.canUseDOM?z:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?z:n.instances).indexOf(e);(n.canUseDOM?z:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=B({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},$=a.createContext({}),q=o().shape({setHelmet:o().func,helmetInstances:o().shape({get:o().func,add:o().func,remove:o().func})}),H="undefined"!=typeof document,G=function(e){function t(n){var a;return(a=e.call(this,n)||this).helmetData=new U(a.props.context,t.canUseDOM),a}return f(t,e),t.prototype.render=function(){return a.createElement($.Provider,{value:this.helmetData.value},this.props.children)},t}(a.Component);G.canUseDOM=H,G.propTypes={context:o().shape({helmet:o().shape()}),children:o().node.isRequired},G.defaultProps={context:{}},G.displayName="HelmetProvider";var Z=function(e,t){var n,a=document.head||document.querySelector(h.HEAD),r=a.querySelectorAll(e+"[data-rh]"),o=[].slice.call(r),i=[];return t&&t.length&&t.forEach((function(t){var a=document.createElement(e);for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&("innerHTML"===r?a.innerHTML=t.innerHTML:"cssText"===r?a.styleSheet?a.styleSheet.cssText=t.cssText:a.appendChild(document.createTextNode(t.cssText)):a.setAttribute(r,void 0===t[r]?"":t[r]));a.setAttribute("data-rh","true"),o.some((function(e,t){return n=t,a.isEqualNode(e)}))?o.splice(n,1):i.push(a)})),o.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return a.appendChild(e)})),{oldTags:o,newTags:i}},V=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var a=n.getAttribute("data-rh"),r=a?a.split(","):[],o=[].concat(r),i=Object.keys(t),l=0;l<i.length;l+=1){var s=i[l],c=t[s]||"";n.getAttribute(s)!==c&&n.setAttribute(s,c),-1===r.indexOf(s)&&r.push(s);var u=o.indexOf(s);-1!==u&&o.splice(u,1)}for(var d=o.length-1;d>=0;d-=1)n.removeAttribute(o[d]);r.length===o.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},W=function(e,t){var n=e.baseTag,a=e.htmlAttributes,r=e.linkTags,o=e.metaTags,i=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;V(h.BODY,e.bodyAttributes),V(h.HTML,a),function(e,t){void 0!==e&&document.title!==e&&(document.title=j(e)),V(h.TITLE,t)}(u,d);var p={baseTag:Z(h.BASE,n),linkTags:Z(h.LINK,r),metaTags:Z(h.META,o),noscriptTags:Z(h.NOSCRIPT,i),scriptTags:Z(h.SCRIPT,s),styleTags:Z(h.STYLE,c)},f={},g={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,a=t.oldTags;n.length&&(f[e]=n),a.length&&(g[e]=p[e].oldTags)})),t&&t(),l(e,f,g)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(t=e.call.apply(e,[this].concat(a))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,a=n.setHelmet,r=null,o=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:P(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:L(e,"defer"),encode:L(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:A(h.LINK,["rel","href"],e),metaTags:A(h.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:A(h.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:A(h.SCRIPT,["src","innerHTML"],e),styleTags:A(h.STYLE,["cssText"],e),title:S(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:D(e,"prioritizeSeoTags")});G.canUseDOM?(t=o,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){W(t,(function(){Q=null}))})):(W(t),Q=null)):B&&(r=B(o)),a(r)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(a.Component);Y.propTypes={context:q.isRequired},Y.displayName="HelmetDispatcher";var K=["children"],X=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!l()(I(this.props,"helmetData"),I(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case h.SCRIPT:case h.NOSCRIPT:return{innerHTML:t};case h.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,a=e.arrayTypeChildren;return p({},a,((t={})[n.type]=[].concat(a[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,a=e.child,r=e.newProps,o=e.newChildProps,i=e.nestedChildren;switch(a.type){case h.TITLE:return p({},r,((t={})[a.type]=i,t.titleAttributes=p({},o),t));case h.BODY:return p({},r,{bodyAttributes:p({},o)});case h.HTML:return p({},r,{htmlAttributes:p({},o)});default:return p({},r,((n={})[a.type]=p({},o),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var a;n=p({},n,((a={})[t]=e[t],a))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,r={};return a.Children.forEach(e,(function(e){if(e&&e.props){var a=e.props,o=a.children,i=m(a,K),l=Object.keys(i).reduce((function(e,t){return e[k[t]||t]=i[t],e}),{}),s=e.type;switch("symbol"==typeof s?s=s.toString():n.warnOnInvalidChildren(e,o),s){case h.FRAGMENT:t=n.mapChildrenToProps(o,t);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:r=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:l,nestedChildren:o});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:l,nestedChildren:o})}}})),this.mapArrayTypeChildrenToProps(r,t)},n.render=function(){var e=this.props,t=e.children,n=m(e,X),r=p({},n),o=n.helmetData;return t&&(r=this.mapChildrenToProps(t,r)),!o||o instanceof U||(o=new U(o.context,o.instances)),o?a.createElement(Y,p({},r,{context:o.value,helmetData:void 0})):a.createElement($.Consumer,null,(function(e){return a.createElement(Y,p({},r,{context:e}))}))},t}(a.Component);J.propTypes={base:o().object,bodyAttributes:o().object,children:o().oneOfType([o().arrayOf(o().node),o().node]),defaultTitle:o().string,defer:o().bool,encodeSpecialCharacters:o().bool,htmlAttributes:o().object,link:o().arrayOf(o().object),meta:o().arrayOf(o().object),noscript:o().arrayOf(o().object),onChangeClientState:o().func,script:o().arrayOf(o().object),style:o().arrayOf(o().object),title:o().string,titleAttributes:o().object,titleTemplate:o().string,prioritizeSeoTags:o().bool,helmetData:o().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},198:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,a=n?Symbol.for("react.element"):60103,r=n?Symbol.for("react.portal"):60106,o=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,g=n?Symbol.for("react.suspense_list"):60120,m=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function x(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case u:case d:case o:case l:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case m:case s:return e;default:return t}}case r:return t}}}function k(e){return x(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=s,t.Element=a,t.ForwardRef=p,t.Fragment=o,t.Lazy=h,t.Memo=m,t.Portal=r,t.Profiler=l,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return k(e)||x(e)===u},t.isConcurrentMode=k,t.isContextConsumer=function(e){return x(e)===c},t.isContextProvider=function(e){return x(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return x(e)===p},t.isFragment=function(e){return x(e)===o},t.isLazy=function(e){return x(e)===h},t.isMemo=function(e){return x(e)===m},t.isPortal=function(e){return x(e)===r},t.isProfiler=function(e){return x(e)===l},t.isStrictMode=function(e){return x(e)===i},t.isSuspense=function(e){return x(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===d||e===l||e===i||e===f||e===g||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=x},6237:(e,t,n)=>{"use strict";e.exports=n(198)},9500:(e,t,n)=>{"use strict";n.d(t,{OL:()=>v,VK:()=>u,rU:()=>h});var a=n(8903),r=n(2666),o=n(959),i=n(4047),l=n(6920),s=n(3804),c=n(8624),u=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(t=e.call.apply(e,[this].concat(a))||this).history=(0,i.lX)(t.props),t}return(0,r.Z)(t,e),t.prototype.render=function(){return o.createElement(a.F0,{history:this.history,children:this.props.children})},t}(o.Component);o.Component;var d=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},f=function(e){return e},g=o.forwardRef;void 0===g&&(g=f);var m=g((function(e,t){var n=e.innerRef,a=e.navigate,r=e.onClick,i=(0,s.Z)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,l.Z)({},i,{onClick:function(e){try{r&&r(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),a())}});return u.ref=f!==g&&t||n,o.createElement("a",u)}));var h=g((function(e,t){var n=e.component,r=void 0===n?m:n,u=e.replace,h=e.to,b=e.innerRef,y=(0,s.Z)(e,["component","replace","to","innerRef"]);return o.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=e.history,a=p(d(h,e.location),e.location),s=a?n.createHref(a):"",m=(0,l.Z)({},y,{href:s,navigate:function(){var t=d(h,e.location),a=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(u||a?n.replace:n.push)(t)}});return f!==g?m.ref=t||b:m.innerRef=b,o.createElement(r,m)}))})),b=function(e){return e},y=o.forwardRef;void 0===y&&(y=b);var v=y((function(e,t){var n=e["aria-current"],r=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,g=e.className,m=e.exact,v=e.isActive,w=e.location,x=e.sensitive,k=e.strict,L=e.style,S=e.to,_=e.innerRef,C=(0,s.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return o.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=w||e.location,i=p(d(S,n),n),s=i.pathname,P=s&&s.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=P?(0,a.LX)(n.pathname,{path:P,exact:m,sensitive:x,strict:k}):null,D=!!(v?v(A,n):A),j="function"==typeof g?g(D):g,E="function"==typeof L?L(D):L;D&&(j=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(j,u),E=(0,l.Z)({},E,f));var I=(0,l.Z)({"aria-current":D&&r||null,className:j,style:E,to:i},C);return b!==y?I.ref=t||_:I.innerRef=_,o.createElement(h,I)}))}))},8903:(e,t,n)=>{"use strict";n.d(t,{AW:()=>S,F0:()=>v,LX:()=>L,TH:()=>T,k6:()=>I,rs:()=>j,s6:()=>y});var a=n(2666),r=n(959),o=n(507),i=n.n(o),l=n(4047),s=n(8624),c=n(6920),u=n(7720),d=n.n(u),p=(n(6237),n(3804)),f=(n(2535),1073741823),g="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var m=r.createContext||function(e,t){var n,o,l="__create-react-context-"+function(){var e="__global_unique_id__";return g[e]=(g[e]||0)+1}()+"__",s=function(e){function n(){for(var t,n,a,r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];return(t=e.call.apply(e,[this].concat(o))||this).emitter=(n=t.props.value,a=[],{on:function(e){a.push(e)},off:function(e){a=a.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,a.forEach((function(e){return e(n,t)}))}}),t}(0,a.Z)(n,e);var r=n.prototype;return r.getChildContext=function(){var e;return(e={})[l]=this.emitter,e},r.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,a=this.props.value,r=e.value;((o=a)===(i=r)?0!==o||1/o==1/i:o!=o&&i!=i)?n=0:(n="function"==typeof t?t(a,r):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var o,i},r.render=function(){return this.props.children},n}(r.Component);s.childContextTypes=((n={})[l]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(e=t.call.apply(t,[this].concat(a))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,a.Z)(n,t);var r=n.prototype;return r.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},r.componentDidMount=function(){this.context[l]&&this.context[l].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},r.componentWillUnmount=function(){this.context[l]&&this.context[l].off(this.onUpdate)},r.getValue=function(){return this.context[l]?this.context[l].get():e},r.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(r.Component);return c.contextTypes=((o={})[l]=i().object,o),{Provider:s,Consumer:c}},h=function(e){var t=m();return t.displayName=e,t},b=h("Router-History"),y=h("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,a.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return r.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},r.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(r.Component);r.Component;r.Component;var w={},x=1e4,k=0;function L(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,a=n.path,r=n.exact,o=void 0!==r&&r,i=n.strict,l=void 0!==i&&i,s=n.sensitive,c=void 0!==s&&s;return[].concat(a).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var a=function(e,t){var n=""+t.end+t.strict+t.sensitive,a=w[n]||(w[n]={});if(a[e])return a[e];var r=[],o={regexp:d()(e,r,t),keys:r};return k<x&&(a[e]=o,k++),o}(n,{end:o,strict:l,sensitive:c}),r=a.regexp,i=a.keys,s=r.exec(e);if(!s)return null;var u=s[0],p=s.slice(1),f=e===u;return o&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var S=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n=e.props.location||t.location,a=e.props.computedMatch?e.props.computedMatch:e.props.path?L(n.pathname,e.props):t.match,o=(0,c.Z)({},t,{location:n,match:a}),i=e.props,l=i.children,u=i.component,d=i.render;return Array.isArray(l)&&function(e){return 0===r.Children.count(e)}(l)&&(l=null),r.createElement(y.Provider,{value:o},o.match?l?"function"==typeof l?l(o):l:u?r.createElement(u,o):d?d(o):null:"function"==typeof l?l(o):null)}))},t}(r.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.Z)({},t,{pathname:t.pathname.substr(n.length)})}function P(e){return"string"==typeof e?e:(0,l.Ep)(e)}function A(e){return function(){(0,s.Z)(!1)}}function D(){}r.Component;var j=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n,a,o=e.props.location||t.location;return r.Children.forEach(e.props.children,(function(e){if(null==a&&r.isValidElement(e)){n=e;var i=e.props.path||e.props.from;a=i?L(o.pathname,(0,c.Z)({},e.props,{path:i})):t.match}})),a?r.cloneElement(n,{location:o,computedMatch:a}):null}))},t}(r.Component);var E=r.useContext;function I(){return E(b)}function T(){return E(y).location}},3354:(e,t,n)=>{"use strict";var a=n(959),r=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var a,o={},c=null,u=null;for(a in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,a)&&!s.hasOwnProperty(a)&&(o[a]=t[a]);if(e&&e.defaultProps)for(a in t=e.defaultProps)void 0===o[a]&&(o[a]=t[a]);return{$$typeof:r,type:e,key:c,ref:u,props:o,_owner:l.current}}t.Fragment=o,t.jsx=c,t.jsxs=c},5257:(e,t)=>{"use strict";var n=Symbol.for("react.element"),a=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),s=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var g={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,h={};function b(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,m(w,b.prototype),w.isPureReactComponent=!0;var x=Array.isArray,k=Object.prototype.hasOwnProperty,L={current:null},S={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,a){var r,o={},i=null,l=null;if(null!=t)for(r in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)k.call(t,r)&&!S.hasOwnProperty(r)&&(o[r]=t[r]);var s=arguments.length-2;if(1===s)o.children=a;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];o.children=c}if(e&&e.defaultProps)for(r in s=e.defaultProps)void 0===o[r]&&(o[r]=s[r]);return{$$typeof:n,type:e,key:i,ref:l,props:o,_owner:L.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var P=/\/+/g;function A(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function D(e,t,r,o,i){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case n:case a:s=!0}}if(s)return i=i(s=e),e=""===o?"."+A(s,0):o,x(i)?(r="",null!=e&&(r=e.replace(P,"$&/")+"/"),D(i,t,r,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,r+(!i.key||s&&s.key===i.key?"":(""+i.key).replace(P,"$&/")+"/")+e)),t.push(i)),1;if(s=0,o=""===o?".":o+":",x(e))for(var c=0;c<e.length;c++){var u=o+A(l=e[c],c);s+=D(l,t,r,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(l=e.next()).done;)s+=D(l=l.value,t,r,u=o+A(l,c++),i);else if("object"===l)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return s}function j(e,t,n){if(null==e)return e;var a=[],r=0;return D(e,a,"","",(function(e){return t.call(n,e,r++)})),a}function E(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var I={current:null},T={transition:null},R={ReactCurrentDispatcher:I,ReactCurrentBatchConfig:T,ReactCurrentOwner:L};t.Children={map:j,forEach:function(e,t,n){j(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return j(e,(function(){t++})),t},toArray:function(e){return j(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=r,t.Profiler=i,t.PureComponent=v,t.StrictMode=o,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=R,t.cloneElement=function(e,t,a){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=m({},e.props),o=e.key,i=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,l=L.current),void 0!==t.key&&(o=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(c in t)k.call(t,c)&&!S.hasOwnProperty(c)&&(r[c]=void 0===t[c]&&void 0!==s?s[c]:t[c])}var c=arguments.length-2;if(1===c)r.children=a;else if(1<c){s=Array(c);for(var u=0;u<c;u++)s[u]=arguments[u+2];r.children=s}return{$$typeof:n,type:e.type,key:o,ref:i,props:r,_owner:l}},t.createContext=function(e){return(e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:l,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:E}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=T.transition;T.transition={};try{e()}finally{T.transition=t}},t.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},t.useCallback=function(e,t){return I.current.useCallback(e,t)},t.useContext=function(e){return I.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return I.current.useDeferredValue(e)},t.useEffect=function(e,t){return I.current.useEffect(e,t)},t.useId=function(){return I.current.useId()},t.useImperativeHandle=function(e,t,n){return I.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return I.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return I.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return I.current.useMemo(e,t)},t.useReducer=function(e,t,n){return I.current.useReducer(e,t,n)},t.useRef=function(e){return I.current.useRef(e)},t.useState=function(e){return I.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return I.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return I.current.useTransition()},t.version="18.2.0"},959:(e,t,n)=>{"use strict";e.exports=n(5257)},1527:(e,t,n)=>{"use strict";e.exports=n(3354)},5568:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var a=n-1>>>1,r=e[a];if(!(0<o(r,t)))break e;e[a]=t,e[n]=r,n=a}}function a(e){return 0===e.length?null:e[0]}function r(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var a=0,r=e.length,i=r>>>1;a<i;){var l=2*(a+1)-1,s=e[l],c=l+1,u=e[c];if(0>o(s,n))c<r&&0>o(u,s)?(e[a]=u,e[c]=n,a=c):(e[a]=s,e[l]=n,a=l);else{if(!(c<r&&0>o(u,n)))break e;e[a]=u,e[c]=n,a=c}}}return t}function o(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var l=Date,s=l.now();t.unstable_now=function(){return l.now()-s}}var c=[],u=[],d=1,p=null,f=3,g=!1,m=!1,h=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=a(u);null!==t;){if(null===t.callback)r(u);else{if(!(t.startTime<=e))break;r(u),t.sortIndex=t.expirationTime,n(c,t)}t=a(u)}}function x(e){if(h=!1,w(e),!m)if(null!==a(c))m=!0,T(k);else{var t=a(u);null!==t&&R(x,t.startTime-e)}}function k(e,n){m=!1,h&&(h=!1,y(C),C=-1),g=!0;var o=f;try{for(w(n),p=a(c);null!==p&&(!(p.expirationTime>n)||e&&!D());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var l=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof l?p.callback=l:p===a(c)&&r(c),w(n)}else r(c);p=a(c)}if(null!==p)var s=!0;else{var d=a(u);null!==d&&R(x,d.startTime-n),s=!1}return s}finally{p=null,f=o,g=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var L,S=!1,_=null,C=-1,P=5,A=-1;function D(){return!(t.unstable_now()-A<P)}function j(){if(null!==_){var e=t.unstable_now();A=e;var n=!0;try{n=_(!0,e)}finally{n?L():(S=!1,_=null)}}else S=!1}if("function"==typeof v)L=function(){v(j)};else if("undefined"!=typeof MessageChannel){var E=new MessageChannel,I=E.port2;E.port1.onmessage=j,L=function(){I.postMessage(null)}}else L=function(){b(j,0)};function T(e){_=e,S||(S=!0,L())}function R(e,n){C=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){m||g||(m=!0,T(k))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):P=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return a(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,r,o){var i=t.unstable_now();switch("object"==typeof o&&null!==o?o="number"==typeof(o=o.delay)&&0<o?i+o:i:o=i,e){case 1:var l=-1;break;case 2:l=250;break;case 5:l=1073741823;break;case 4:l=1e4;break;default:l=5e3}return e={id:d++,callback:r,priorityLevel:e,startTime:o,expirationTime:l=o+l,sortIndex:-1},o>i?(e.sortIndex=o,n(u,e),null===a(c)&&e===a(u)&&(h?(y(C),C=-1):h=!0,R(x,o-i))):(e.sortIndex=l,n(c,e),m||g||(m=!0,T(k))),e},t.unstable_shouldYield=D,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},2962:(e,t,n)=>{"use strict";e.exports=n(5568)},631:e=>{e.exports=function(e,t,n,a){var r=n?n.call(a,e,t):void 0;if(void 0!==r)return!!r;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var o=Object.keys(e),i=Object.keys(t);if(o.length!==i.length)return!1;for(var l=Object.prototype.hasOwnProperty.bind(t),s=0;s<o.length;s++){var c=o[s];if(!l(c))return!1;var u=e[c],d=t[c];if(!1===(r=n?n.call(a,u,d,c):void 0)||void 0===r&&u!==d)return!1}return!0}},6809:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={title:"ILLA Cloud",tagline:"Dinosaurs are cool",favicon:"img/public/favicon.ico",url:"https://illacloud.github.io",baseUrl:"/illa-website/ja/",organizationName:"illacloud",projectName:"illa-website",staticDirectories:["public","static"],onBrokenLinks:"warn",onBrokenMarkdownLinks:"warn",i18n:{defaultLocale:"en",locales:["en","zh","ja","de"],path:"i18n",localeConfigs:{}},presets:[["classic",{docs:!1,blog:!1,pages:!1,theme:{customCss:["./src/ILLATheme/css/custom.css","./src/css/custom.css"]},gtag:{trackingID:"G-QW745VE33W"}}]],themeConfig:{image:"img/social-card-large.png",colorMode:{defaultMode:"dark",disableSwitch:!1,respectPrefersColorScheme:!1},metadata:[{name:"og:type",content:"website"},{name:"twitter:card",content:"summary_large_image"},{name:"twitter:site",content:"@illaCloudHQ"},{name:"twitter:creator",content:"@illaCloudHQ"},{name:"keywords",content:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"}],prism:{theme:{plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},docs:{versionPersistence:"localStorage",sidebar:{hideable:!1,autoCollapseCategories:!1}},navbar:{hideOnScroll:!1,items:[]},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},plugins:[null,null,["./plugins/blog-plugin.js",{blogTitle:"Blog",blogDescription:"A resource for ILLA, front-end ecosystem, and web development",routeBasePath:"/blog",postsPerPage:12,blogSidebarTitle:"All posts",blogSidebarCount:0,feedOptions:{type:"all",copyright:"Copyright \xa9 2024 ILLA."}}],"./plugins/solution-plugin.js","./plugins/linkedin.js","./plugins/twitter.js","./plugins/chatwoot.js"],baseUrlIssueBanner:!0,onDuplicateRoutes:"warn",customFields:{},themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0}}}},6920:(e,t,n)=>{"use strict";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},a.apply(this,arguments)}n.d(t,{Z:()=>a})},2666:(e,t,n)=>{"use strict";function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,a(e,t)}n.d(t,{Z:()=>r})},3804:(e,t,n)=>{"use strict";function a(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}n.d(t,{Z:()=>a})},5341:(e,t,n)=>{"use strict";function a(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=a(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}n.d(t,{Z:()=>r});const r=function(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=a(e))&&(r&&(r+=" "),r+=t);return r}},2425:(e,t,n)=>{"use strict";n.d(t,{p1:()=>P,y$:()=>ee});var a,r,o,i,l,s,c,u=n(959),d=n(5341),p=Object.create,f=Object.defineProperty,g=Object.defineProperties,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertyNames,y=Object.getOwnPropertySymbols,v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,k=(e,t,n)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,L=(e,t)=>{for(var n in t||(t={}))w.call(t,n)&&k(e,n,t[n]);if(y)for(var n of y(t))x.call(t,n)&&k(e,n,t[n]);return e},S=(e,t)=>g(e,h(t)),_=(e,t)=>{var n={};for(var a in e)w.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&y)for(var a of y(e))t.indexOf(a)<0&&x.call(e,a)&&(n[a]=e[a]);return n},C=(a={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},a={util:{encode:function e(t){return t instanceof r?new r(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var r,o;switch(n=n||{},a.util.type(t)){case"Object":if(o=a.util.objId(t),n[o])return n[o];for(var i in r={},n[o]=r,t)t.hasOwnProperty(i)&&(r[i]=e(t[i],n));return r;case"Array":return o=a.util.objId(t),n[o]?n[o]:(r=[],n[o]=r,t.forEach((function(t,a){r[a]=e(t,n)})),r);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var a="no-"+t;e;){var r=e.classList;if(r.contains(t))return!0;if(r.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=a.util.clone(a.languages[e]);for(var r in t)n[r]=t[r];return n},insertBefore:function(e,t,n,r){var o=(r=r||a.languages)[e],i={};for(var l in o)if(o.hasOwnProperty(l)){if(l==t)for(var s in n)n.hasOwnProperty(s)&&(i[s]=n[s]);n.hasOwnProperty(l)||(i[l]=o[l])}var c=r[e];return r[e]=i,a.languages.DFS(a.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,r,o){o=o||{};var i=a.util.objId;for(var l in t)if(t.hasOwnProperty(l)){n.call(t,l,t[l],r||l);var s=t[l],c=a.util.type(s);"Object"!==c||o[i(s)]?"Array"!==c||o[i(s)]||(o[i(s)]=!0,e(s,n,l,o)):(o[i(s)]=!0,e(s,n,null,o))}}},plugins:{},highlight:function(e,t,n){var o={code:e,grammar:t,language:n};if(a.hooks.run("before-tokenize",o),!o.grammar)throw new Error('The language "'+o.language+'" has no grammar.');return o.tokens=a.tokenize(o.code,o.grammar),a.hooks.run("after-tokenize",o),r.stringify(a.util.encode(o.tokens),o.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var r=new l;return s(r,r.head,e),i(e,r,t,r.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(r)},hooks:{all:{},add:function(e,t){var n=a.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=a.hooks.all[e];if(n&&n.length)for(var r,o=0;r=n[o++];)r(t)}},Token:r};function r(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function o(e,t,n,a){e.lastIndex=t;var r=e.exec(n);if(r&&a&&r[1]){var o=r[1].length;r.index+=o,r[0]=r[0].slice(o)}return r}function i(e,t,n,l,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var g=0;g<f.length;++g){if(d&&d.cause==p+","+g)return;var m=f[g],h=m.inside,b=!!m.lookbehind,y=!!m.greedy,v=m.alias;if(y&&!m.pattern.global){var w=m.pattern.toString().match(/[imsuy]*$/)[0];m.pattern=RegExp(m.pattern.source,w+"g")}for(var x=m.pattern||m,k=l.next,L=u;k!==t.tail&&!(d&&L>=d.reach);L+=k.value.length,k=k.next){var S=k.value;if(t.length>e.length)return;if(!(S instanceof r)){var _,C=1;if(y){if(!(_=o(x,L,e,b))||_.index>=e.length)break;var P=_.index,A=_.index+_[0].length,D=L;for(D+=k.value.length;P>=D;)D+=(k=k.next).value.length;if(L=D-=k.value.length,k.value instanceof r)continue;for(var j=k;j!==t.tail&&(D<A||"string"==typeof j.value);j=j.next)C++,D+=j.value.length;C--,S=e.slice(L,D),_.index-=L}else if(!(_=o(x,0,S,b)))continue;P=_.index;var E=_[0],I=S.slice(0,P),T=S.slice(P+E.length),R=L+S.length;d&&R>d.reach&&(d.reach=R);var N=k.prev;if(I&&(N=s(t,N,I),L+=I.length),c(t,N,C),k=s(t,N,new r(p,h?a.tokenize(E,h):E,v,E)),T&&s(t,k,T),C>1){var O={cause:p+","+g,reach:R};i(e,t,n,k.prev,L,O),d&&O.reach>d.reach&&(d.reach=O.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var a=t.next,r={value:n,prev:t,next:a};return t.next=r,a.prev=r,e.length++,r}function c(e,t,n){for(var a=t.next,r=0;r<n&&a!==e.tail;r++)a=a.next;t.next=a,a.prev=t,e.length-=r}return r.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var r="";return t.forEach((function(t){r+=e(t,n)})),r}var o={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(o.classes,i):o.classes.push(i)),a.hooks.run("wrap",o);var l="";for(var s in o.attributes)l+=" "+s+'="'+(o.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+o.tag+' class="'+o.classes.join(" ")+'"'+l+">"+o.content+"</"+o.tag+">"},a}();t.exports=n,n.default=n}},function(){return r||(0,a[b(a)[0]])((r={exports:{}}).exports,r),r.exports}),P=((e,t,n)=>(n=null!=e?p(v(e)):{},((e,t,n,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let r of b(t))w.call(e,r)||r===n||f(e,r,{get:()=>t[r],enumerable:!(a=m(t,r))||a.enumerable});return e})(!t&&e&&e.__esModule?n:f(n,"default",{value:e,enumerable:!0}),e)))(C());P.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},P.languages.markup.tag.inside["attr-value"].inside.entity=P.languages.markup.entity,P.languages.markup.doctype.inside["internal-subset"].inside=P.languages.markup,P.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(P.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:P.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:P.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},P.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(P.languages.markup.tag,"addAttribute",{value:function(e,t){P.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:P.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),P.languages.html=P.languages.markup,P.languages.mathml=P.languages.markup,P.languages.svg=P.languages.markup,P.languages.xml=P.languages.extend("markup",{}),P.languages.ssml=P.languages.xml,P.languages.atom=P.languages.xml,P.languages.rss=P.languages.xml,o=P,i={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},s="(?:[^\\\\-]|"+(l=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/).source+")",s=RegExp(s+"-"+s),c={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"},o.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:s,inside:{escape:l,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":i,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:l}},"special-escape":i,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":c}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:l,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":c}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}},P.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},P.languages.javascript=P.languages.extend("clike",{"class-name":[P.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),P.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,P.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:P.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:P.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:P.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:P.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:P.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),P.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:P.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),P.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),P.languages.markup&&(P.languages.markup.tag.addInlined("script","javascript"),P.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),P.languages.js=P.languages.javascript,P.languages.actionscript=P.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),P.languages.actionscript["class-name"].alias="function",delete P.languages.actionscript.parameter,delete P.languages.actionscript["literal-property"],P.languages.markup&&P.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:P.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(P),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var a=function(e){e.inside||(e.inside={}),e.inside.rest=n},r="doc-comment";if(o=e.languages[t]){var o,i=o[r];if((i=i||(o=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[r])instanceof RegExp&&(i=o[r]={pattern:i}),Array.isArray(i))for(var l=0,s=i.length;l<s;l++)i[l]instanceof RegExp&&(i[l]={pattern:i[l]}),a(i[l]);else a(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(P),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(P),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(P),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,a="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),o=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return a}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<key>>/g,(function(){return"(?:"+r+"|"+o+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(o),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(P),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var a=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,r=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return a})),o=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+r+o+"(?:"+r+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+r+o+")(?:"+r+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(a),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+r+")"+o+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+r+"$"),inside:{"table-header":{pattern:RegExp(a),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,a=t.length;n<a;n++){var r,o=t[n];"code"!==o.type?e(o.content):(r=o.content[1],o=o.content[3],r&&o&&"code-language"===r.type&&"code-block"===o.type&&"string"==typeof r.content&&(r=r.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),r="language-"+(r=(/[a-z][\w-]*/i.exec(r)||[""])[0].toLowerCase()),o.alias?"string"==typeof o.alias?o.alias=[o.alias,r]:o.alias.push(r):o.alias=[r]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",a=0,r=t.classes.length;a<r;a++){var o=t.classes[a];if(o=/language-(.+)/.exec(o)){n=o[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),s(n)):l[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),l={amp:"&",lt:"<",gt:">",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(P),P.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:P.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},P.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var a=t[n++];if("keyword"===a.type&&"mutation"===a.content){var r=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var o=p(/^\($/,/^\)$/);if(-1===o)continue;for(;n<o;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),r.push(i.content))}n=o+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<r.length)){var l=p(/^\{$/,/^\}$/);if(-1!==l)for(var s=n;s<l;s++){var c=t[s];"variable"===c.type&&0<=r.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var a=u(n+t);if(!a||a.type!==e[n])return}return 1}function p(e,a){for(var r=1,o=n;o<t.length;o++){var i=t[o],l=i.content;if("punctuation"===i.type&&"string"==typeof l)if(e.test(l))r++;else if(a.test(l)&&0==--r)return o}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),P.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,a=t.inside.interpolation,r=a.inside["interpolation-punctuation"],o=a.pattern.source;function i(t,a){if(e.languages[t])return{pattern:RegExp("((?:"+a+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(t,n,a){return t={code:t,grammar:n,language:a},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function s(t,n,i){var s=e.tokenize(t,{interpolation:{pattern:RegExp(o),lookbehind:!0}}),c=0,u={},d=(s=l(s.map((function(e){if("string"==typeof e)return e;var n,a;for(e=e.content;-1!==t.indexOf((a=c++,n="___"+i.toUpperCase()+"_"+a+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var o=0;o<n.length;o++){if(c>=d.length)return;var i,s,p,f,g,m,h,b=n[o];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(h=(m="string"==typeof b?b:b.content).indexOf(i))&&(++c,s=m.substring(0,h),g=u[i],p=void 0,(f={})["interpolation-punctuation"]=r,3===(f=e.tokenize(g,f)).length&&((p=[1,1]).push.apply(p,l(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,a.alias,g),f=m.substring(h+i.length),g=[],s&&g.push(s),g.push(p),f&&(t(m=[f]),g.push.apply(g,m)),"string"==typeof b?(n.splice.apply(n,[o,1].concat(g)),o+=g.length-1):b.content=g)):(h=b.content,Array.isArray(h)?t(h):t([h]))}}(s),new e.Token(i,s,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var a=0,r=n.length;a<r;a++){var o,i,l,c=n[a];"string"!=typeof c&&(o=c.content,Array.isArray(o)?"template-string"===c.type?(c=o[1],3===o.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,l=e.languages[c])&&(o[1]=s(i,l,c))):t(o):"string"!=typeof o&&t([o]))}}(t.tokens)}))}(P),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(P),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,a="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(a+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(a+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(P),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(P),P.languages.n4js=P.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),P.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),P.languages.n4jsd=P.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],a=0;a<n.length;a++){var r=n[a],o=e.languages.javascript[r];r=(o="RegExp"===e.util.type(o)?e.languages.javascript[r]={pattern:o}:o).inside||{};(o.inside=r)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(P),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,a=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,r=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function o(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return a})).replace(/<SPREAD>/g,(function(){return r})),RegExp(e,t)}function i(t){for(var n=[],a=0;a<t.length;a++){var r=t[a],o=!1;"string"!=typeof r&&("tag"===r.type&&r.content[0]&&"tag"===r.content[0].type?"</"===r.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===l(r.content[0].content[1])&&n.pop():"/>"!==r.content[r.content.length-1].content&&n.push({tagName:l(r.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===r.type&&"{"===r.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===r.type&&"}"===r.content?n[n.length-1].openedBraces--:o=!0),(o||"string"==typeof r)&&0<n.length&&0===n[n.length-1].openedBraces&&(o=l(r),a<t.length-1&&("string"==typeof t[a+1]||"plain-text"===t[a+1].type)&&(o+=l(t[a+1]),t.splice(a+1,1)),0<a&&("string"==typeof t[a-1]||"plain-text"===t[a-1].type)&&(o=l(t[a-1])+o,t.splice(a-1,1),a--),t[a]=new e.Token("plain-text",o,null,o)),r.content&&"string"!=typeof r.content&&i(r.content)}}r=o(r).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=o(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:o(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:o(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var l=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(l).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(P),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(P),P.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},P.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=P.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(P),P.languages.c=P.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),P.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),P.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},P.languages.c.string],char:P.languages.c.char,comment:P.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:P.languages.c}}}}),P.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete P.languages.c.boolean,P.languages.objectivec=P.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete P.languages.objectivec["class-name"],P.languages.objc=P.languages.objectivec,P.languages.reason=P.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),P.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete P.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(P),P.languages.go=P.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),P.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete P.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(P),P.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},P.languages.python["string-interpolation"].inside.interpolation.inside.rest=P.languages.python,P.languages.py=P.languages.python;((e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>A,duotoneDark:()=>D,duotoneLight:()=>j,github:()=>E,jettwaveDark:()=>H,jettwaveLight:()=>G,nightOwl:()=>I,nightOwlLight:()=>T,oceanicNext:()=>O,okaidia:()=>M,oneDark:()=>Z,oneLight:()=>V,palenight:()=>F,shadesOfPurple:()=>B,synthwave84:()=>z,ultramin:()=>U,vsDark:()=>$,vsLight:()=>q});var A={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},D={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},j={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},E={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},I={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},T={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},R="#c5a5c5",N="#8dc891",O={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:R}},{types:["attr-value"],style:{color:N}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:N}},{types:["punctuation"],style:{color:N}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:R}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},M={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},F={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},B={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},z={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},U={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},$={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},q={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},H={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},G={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},Z={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},V={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},W=(e,t)=>{const{plain:n}=e,a=e.styles.reduce(((e,n)=>{const{languages:a,style:r}=n;return a&&!a.includes(t)||n.types.forEach((t=>{const n=L(L({},e[t]),r);e[t]=n})),e}),{});return a.root=n,a.plain=S(L({},n),{backgroundColor:void 0}),a},Q=/\r\n|\r|\n/,Y=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},K=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},X=e=>{const t=[[]],n=[e],a=[0],r=[e.length];let o=0,i=0,l=[];const s=[l];for(;i>-1;){for(;(o=a[i]++)<r[i];){let e,c=t[i];const u=n[i][o];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=K(c,u.type),u.alias&&(c=K(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),a.push(0),r.push(e.length);continue}const d=e.split(Q),p=d.length;l.push({types:c,content:d[0]});for(let t=1;t<p;t++)Y(l),s.push(l=[]),l.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),a.pop(),r.pop()}return Y(l),s},J=({children:e,language:t,code:n,theme:a,prism:r})=>{const o=t.toLowerCase(),i=((e,t)=>{const[n,a]=(0,u.useState)(W(t,e)),r=(0,u.useRef)(),o=(0,u.useRef)();return(0,u.useEffect)((()=>{t===r.current&&e===o.current||(r.current=t,o.current=e,a(W(t,e)))}),[e,t]),n})(o,a),l=(e=>(0,u.useCallback)((t=>{var n=t,{className:a,style:r,line:o}=n,i=_(n,["className","style","line"]);const l=S(L({},i),{className:(0,d.Z)("token-line",a)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof r&&(l.style=L(L({},l.style||{}),r)),l}),[e]))(i),s=(e=>{const t=(0,u.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,u.useCallback)((e=>{var n=e,{token:a,className:r,style:o}=n,i=_(n,["token","className","style"]);const l=S(L({},i),{className:(0,d.Z)("token",...a.types,r),children:a.content,style:t(a)});return null!=o&&(l.style=L(L({},l.style||{}),o)),l}),[t])})(i),c=(({prism:e,code:t,grammar:n,language:a})=>{const r=(0,u.useRef)(e);return(0,u.useMemo)((()=>{if(null==n)return X([t]);const e={code:t,grammar:n,language:a,tokens:[]};return r.current.hooks.run("before-tokenize",e),e.tokens=r.current.tokenize(t,n),r.current.hooks.run("after-tokenize",e),X(e.tokens)}),[t,n,a])})({prism:r,language:o,code:n,grammar:r.languages[o]});return e({tokens:c,className:`prism-code language-${o}`,style:null!=i?i.root:{},getLineProps:l,getTokenProps:s})},ee=e=>(0,u.createElement)(J,S(L({},e),{prism:e.prism||P,theme:e.theme||$,code:e.code,language:e.language}))},8624:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=!0,r="Invariant failed";function o(e,t){if(!e){if(a)throw new Error(r);var n="function"==typeof t?t():t,o=n?"".concat(r,": ").concat(n):r;throw new Error(o)}}},7529:e=>{"use strict";e.exports=JSON.parse('{"theme.AnnouncementBar.closeButtonAriaLabel":"\u9589\u3058\u308b","theme.BackToTopButton.buttonAriaLabel":"\u30c8\u30c3\u30d7\u306b\u623b\u308b","theme.CodeBlock.copied":"\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f","theme.CodeBlock.copy":"\u30b3\u30d4\u30fc","theme.CodeBlock.copyButtonAriaLabel":"\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc","theme.CodeBlock.wordWrapToggle":"\u30ef\u30fc\u30c9\u30e9\u30c3\u30d7\u306e\u5207\u308a\u66ff\u3048","theme.DocSidebarItem.collapseCategoryAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u30ab\u30c6\u30b4\u30ea\u300c{label}\u300d\u3092\u9589\u3058\u308b","theme.DocSidebarItem.expandCategoryAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u30ab\u30c6\u30b4\u30ea \'{label} \' \u3092\u5c55\u958b","theme.ErrorPageContent.title":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u30af\u30e9\u30c3\u30b7\u30e5\u3057\u307e\u3057\u305f\u3002","theme.ErrorPageContent.tryAgain":"\u3082\u3046\u4e00\u5ea6\u3084\u308a\u76f4\u3057\u3066\u304f\u3060\u3055\u3044","theme.NavBar.navAriaLabel":"\u30e1\u30a4\u30f3","theme.NotFound.p1":"\u304a\u63a2\u3057\u306e\u3082\u306e\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002","theme.NotFound.p2":"\u5143\u306eURL\u306b\u30ea\u30f3\u30af\u3057\u305f\u30b5\u30a4\u30c8\u306e\u6240\u6709\u8005\u306b\u9023\u7d61\u3057\u3001\u30ea\u30f3\u30af\u304c\u5207\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u77e5\u3089\u305b\u3066\u304f\u3060\u3055\u3044\u3002","theme.NotFound.title":"\u30da\u30fc\u30b8\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093","theme.TOCCollapsible.toggleButtonLabel":"\u3053\u306e\u30da\u30fc\u30b8","theme.admonition.caution":"\u6ce8\u610f","theme.admonition.danger":"\u5371\u967a","theme.admonition.info":"\u60c5\u5831","theme.admonition.note":"\u30e1\u30e2","theme.admonition.tip":"tip","theme.admonition.warning":"\u8b66\u544a","theme.blog.archive.description":"\u30a2\u30fc\u30ab\u30a4\u30d6","theme.blog.archive.title":"\u30a2\u30fc\u30ab\u30a4\u30d6","theme.blog.paginator.navAriaLabel":"\u30d6\u30ed\u30b0\u4e00\u89a7\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.paginator.newerEntries":"\u65b0\u3057\u3044\u9805\u76ee","theme.blog.paginator.olderEntries":"\u53e4\u3044\u9805\u76ee","theme.blog.post.paginator.navAriaLabel":"\u30d6\u30ed\u30b0\u6295\u7a3f\u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.post.paginator.newerPost":"\u65b0\u3057\u3044\u6295\u7a3f","theme.blog.post.paginator.olderPost":"\u4ee5\u524d\u306e\u6295\u7a3f","theme.blog.post.plurals":"1 \u3064\u306e\u6295\u7a3f|{count} \u6295\u7a3f","theme.blog.post.readMore":"\u7d9a\u304d\u3092\u8aad\u3080","theme.blog.post.readMoreLabel":"{title} \u306b\u3064\u3044\u3066\u3082\u3063\u3068\u8aad\u3080","theme.blog.post.readingTime.plurals":"1\u5206\u9593\u306e\u8aad\u307f\u53d6\u308a|{readingTime} \u5206\u9593\u306e\u8aad\u307f\u53d6\u308a","theme.blog.sidebar.navAriaLabel":"\u30d6\u30ed\u30b0\u306e\u6700\u8fd1\u306e\u6295\u7a3f\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3","theme.blog.tagTitle":"{nPosts} \u306f \\"{tagName} \\" \u3067\u30bf\u30b0\u4ed8\u3051\u3055\u308c\u3066\u3044\u307e\u3059","theme.colorToggle.ariaLabel":"\u30c0\u30fc\u30af\u30e2\u30fc\u30c9\u3068\u30e9\u30a4\u30c8\u30e2\u30fc\u30c9\u3092\u5207\u308a\u66ff\u3048\u308b (\u73fe\u5728\u306e {mode})","theme.colorToggle.ariaLabel.mode.dark":"\u30c0\u30fc\u30af\u30e2\u30fc\u30c9","theme.colorToggle.ariaLabel.mode.light":"\u30e9\u30a4\u30c8\u30e2\u30fc\u30c9","theme.common.editThisPage":"\u3053\u306e\u30da\u30fc\u30b8\u3092\u7de8\u96c6","theme.common.headingLinkTitle":"{heading} \u3078\u306e\u76f4\u63a5\u30ea\u30f3\u30af","theme.common.skipToMainContent":"\u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u30b9\u30ad\u30c3\u30d7","theme.docs.DocCard.categoryDescription":"{count} \u30a2\u30a4\u30c6\u30e0","theme.docs.breadcrumbs.home":"\u30db\u30fc\u30e0\u30da\u30fc\u30b8","theme.docs.breadcrumbs.navAriaLabel":"\u30d1\u30f3\u304f\u305a\u30ea\u30b9\u30c8","theme.docs.paginator.navAriaLabel":"\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u30da\u30fc\u30b8","theme.docs.paginator.next":"\u6b21\u3078","theme.docs.paginator.previous":"\u524d","theme.docs.sidebar.closeSidebarButtonAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.collapseButtonAriaLabel":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.collapseButtonTitle":"\u30b5\u30a4\u30c9\u30d0\u30fc\u3092\u9589\u3058\u308b","theme.docs.sidebar.expandButtonAriaLabel":"Expand sidebar","theme.docs.sidebar.expandButtonTitle":"Expand sidebar","theme.docs.sidebar.navAriaLabel":"Docs sidebar","theme.docs.sidebar.toggleSidebarButtonAriaLabel":"\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u306e\u5207\u308a\u66ff\u3048","theme.docs.tagDocListPageTitle":"\u300c{nDocsTagged} \u300d\u306e{tagName}","theme.docs.tagDocListPageTitle.nDocsTagged":"\u30bf\u30b0\u4ed8\u3051\u3055\u308c\u305f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8|{count} \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8","theme.docs.versionBadge.label":"\u30d0\u30fc\u30b8\u30e7\u30f3: {versionLabel}","theme.docs.versions.latestVersionLinkLabel":"\u6700\u65b0\u30d0\u30fc\u30b8\u30e7\u30f3","theme.docs.versions.latestVersionSuggestionLabel":"\u6700\u65b0\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u3064\u3044\u3066\u306f\u3001 {latestVersionLink} ({versionLabel} ) \u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002","theme.docs.versions.unmaintainedVersionLabel":"\u3053\u308c\u306f {siteTitle} {versionLabel}\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u3042\u308a\u3001\u73fe\u5728\u30a2\u30af\u30c6\u30a3\u30d6\u306b\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002","theme.docs.versions.unreleasedVersionLabel":"\u3053\u308c\u306f\u3001 {siteTitle} {versionLabel} \u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u672a\u30ea\u30ea\u30fc\u30b9\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u3059\u3002","theme.lastUpdated.atDate":" {date}","theme.lastUpdated.byUser":" \u4f5c\u6210\u8005\uff1a {user}","theme.lastUpdated.lastUpdatedAtBy":"\u6700\u7d42\u66f4\u65b0{atDate}{byUser}","theme.navbar.mobileLanguageDropdown.label":"\u8a00\u8a9e","theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel":"\u2192 \u30e1\u30a4\u30f3\u30e1\u30cb\u30e5\u30fc\u306b\u623b\u308b","theme.navbar.mobileVersionsDropdown.label":"\u30d0\u30fc\u30b8\u30e7\u30f3","theme.tags.tagsListLabel":"\u30bf\u30b0:","theme.tags.tagsPageLink":"\u3059\u3079\u3066\u306e\u30bf\u30b0\u3092\u8868\u793a","theme.tags.tagsPageTitle":"\u30bf\u30b0","theme.unlistedContent.message":"\u3053\u306e\u30da\u30fc\u30b8\u306f\u30ea\u30b9\u30c8\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u306f\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u4f5c\u6210\u305b\u305a\u3001\u30c0\u30a4\u30ec\u30af\u30c8\u30ea\u30f3\u30af\u3092\u6301\u3064\u30e6\u30fc\u30b6\u30fc\u306e\u307f\u304c\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002","theme.unlistedContent.title":"\u30ea\u30b9\u30c8\u3055\u308c\u3066\u3044\u306a\u3044\u30da\u30fc\u30b8","footer.status":"\u30b9\u30c6\u30fc\u30bf\u30b9","footer.roadmap":"\u30ed\u30fc\u30c9\u30de\u30c3\u30d7","footer.changelog":"\u66f4\u65b0\u5c65\u6b74","footer.media":"\u30e1\u30c7\u30a3\u30a2\u30ad\u30c3\u30c8","ai_header.solutions_title.image_generator":"AI Image Generator","ai_header.solutions_title.ai_voice_generator":"AI\u97f3\u58f0\u751f\u6210\u30c4\u30fc\u30eb","ai_header.solutions_title.dashboard":"\u30c7\u30fc\u30bf\u5206\u6790\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9","ai_header.solutions_title.cms":"\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406","ai_header.solutions_title.crm":"\u30bb\u30fc\u30eb\u30b9CRM","ai_header.solutions_title.admin_panel":"\u7ba1\u7406\u30d1\u30cd\u30eb","footer.table":"\u8868","footer.chart":"\u30b0\u30e9\u30d5","footer.upload":"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","footer.switch":"\u5207\u308a\u66ff\u3048","footer.select":"\u9078\u629e","footer.radio_group":"\u7121\u7dda\u30b0\u30eb\u30fc\u30d7","footer.checkbox_group":"\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30b0\u30eb\u30fc\u30d7","footer.pdf":"PDF","footer.video":"\u30d3\u30c7\u30aa","footer.mysql":"MySQL","footer.postgre":"PostgreSQL","footer.mongodb":"MongoDB","footer.firebase":"Firebase","footer.elasticsearch":"Elastic Search","footer.mssql":"Microsoft SQL Server","footer.supabase":"Supabase","footer.dynamo":"DynamoDB","footer.hf":"\u9854\u63a8\u8ad6API \u3092\u30cf\u30b0\u3059\u308b","footer.components":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","footer.integrations":"\u7d71\u5408","ai_header.solutions_title.solutions":"\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3","footer.company":"\u4f1a\u793e\u540d","footer.community":"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3","slogan-1":"AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","footer.privacy-policy":"\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc","footer.terms-of-service":"\u5229\u7528\u898f\u7d04","ai_header.solutions_sub_title.solutions_by_use_case":"\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u5225\u306e\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3","ai_header.solutions_description.image_generator":"AI\u3092\u4f7f\u7528\u3057\u3066\u753b\u50cf\u3092\u751f\u6210\u3057\u307e\u3059\u3002\u30a2\u30a4\u30c7\u30a2\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u3088\u308a\u52b9\u7387\u7684\u306b\u884c\u3044\u307e\u3059\u3002","ai_header.solutions_description.ai_voice_generator":"\u7ffb\u8a33\u3068\u8d64\u5b57\u5316\u306b\u3088\u308a\u3001\u3055\u307e\u3056\u307e\u306a\u8a00\u8a9e\u9818\u57df\u306e\u52d5\u753b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u52b9\u7387\u7684\u306b\u5236\u4f5c\u3067\u304d\u307e\u3059\u3002","ai_header.solutions_description.dashboard":"\u5305\u62ec\u7684\u306a\u30c7\u30fc\u30bf\u5206\u6790\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u69cb\u7bc9\u3057\u3001\u6700\u5c0f\u9650\u306e\u6295\u8cc7\u3067\u30d3\u30b8\u30cd\u30b9\u6210\u9577\u3092\u63a8\u9032\u3057\u307e\u3059\u3002","ai_header.solutions_description.cms":"\u3069\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001\u30a6\u30a7\u30d6\u3001\u307e\u305f\u306f\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u3067\u3082\u4e00\u8cab\u3057\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u4f53\u9a13\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","ai_header.solutions_description.crm":"\u3088\u308a\u901f\u304f\u53d6\u5f15\u3092\u30af\u30ed\u30fc\u30ba\u3059\u308b\u305f\u3081\u306e\u512a\u308c\u305f\u55b6\u696dCRM\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3","ai_header.solutions_description.admin_panel":"\u30c7\u30fc\u30bf\u306e\u7ba1\u7406\u3084\u64cd\u4f5c\u3092\u884c\u3046\u305f\u3081\u306e\u7ba1\u7406\u30d1\u30cd\u30eb\u309210\u500d\u306e\u901f\u5ea6\u3067\u69cb\u7bc9\u3057\u307e\u3059\u3002","nav.resource":"\u30ea\u30bd\u30fc\u30b9","sub_nav.resource.integrations":"\u7d71\u5408","sub_nav.resource.components":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","nav.pricing":"\u4fa1\u683c","nav.doc":"Doc","nav.blog":"\u30d6\u30ed\u30b0","nav.login":"\u30ed\u30b0\u30a4\u30f3","nav.signup":"\u7121\u6599\u3067\u59cb\u3081\u308b","blog.scroll_down":"ILLA \u30af\u30e9\u30a6\u30c9\u3092\u4f7f\u3063\u3066AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","blog.blog_desc_left_title":"\u5185\u90e8\u30c4\u30fc\u30eb\u3067\u82e6\u52b4\u3057\u3066\u3044\u307e\u3059\u304b\uff1f","blog.blog_desc_left_desc":"ILLA Cloud\u3092\u4f7f\u3063\u3066CRUD\u30a2\u30d7\u30ea\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u7ba1\u7406\u30d1\u30cd\u30eb\u3001\u30bb\u30fc\u30eb\u30b9CRM\u3001AI\u753b\u50cf\u30b8\u30a7\u30cd\u30ec\u30fc\u30bf\u30fc\u306a\u3069\u306e\u69cb\u7bc9\u3092\u6570\u5206\u3067\u958b\u59cb\u3057\u307e\u3057\u3087\u3046\uff01","pricing.sub-title":"AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","pricing.title":"\u4fa1\u683c","pricing.page-desc":"ILLA Cloud Billing \u306e\u5c0e\u5165\u306b\u3088\u308a\u3001\u76e3\u67fb\u30ed\u30b0\u3084\u516c\u958b\u30a2\u30d7\u30ea\u306a\u3069\u306e\u7279\u5225\u306a\u6a5f\u80fd\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002 \u8acb\u6c42\u30b7\u30b9\u30c6\u30e0\u306f\u3001\u30aa\u30fc\u30ca\u30fc\u3001\u7ba1\u7406\u8005\u3001\u7de8\u96c6\u8005\u306e\u5f79\u5272\u3092\u542b\u3080\u7de8\u96c6\u6a29\u9650\u3092\u6301\u3064\u30e1\u30f3\u30d0\u30fc\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002 \u8cfc\u8aad\u3059\u308b\u3068\u3001\u7121\u5236\u9650\u306e\u8996\u8074\u8005\u3092\u8ffd\u52a0\u6599\u91d1\u306a\u3057\u3067\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002","blog.meta.title":"ILLA\u30d6\u30ed\u30b0","blog.meta.description":"\u958b\u767a\u8005\u306e\u305f\u3081\u306e\u77e5\u8b58\u306e\u6052\u4f8b\u306e\u30ea\u30dd\u30b8\u30c8\u30ea\u3067\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3084\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u958b\u767a\u3001AI\u3001\u30ed\u30fc\u30b3\u30fc\u30c9\u3001ILLA Cloud\u306a\u3069\u306e\u5e45\u5e83\u3044\u5206\u91ce\u3092\u7db2\u7f85\u3057\u3066\u3044\u307e\u3059\u3002 \u3053\u3053\u3067\u306f\u3001\u6700\u5148\u7aef\u306e\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306b\u6ca1\u982d\u3057\u3001\u65b0\u305f\u306a\u30c8\u30ec\u30f3\u30c9\u3092\u6398\u308a\u4e0b\u3052\u3001\u6d3b\u6c17\u306e\u3042\u308b\u7d4c\u9a13\u306e\u4ea4\u63db\u306b\u53d6\u308a\u7d44\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","meta.title":"ILLA Cloud | AI\u99c6\u52d5\u578b\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9","meta.description":"AI Agent \u3068\u9ad8\u5ea6\u306a\u30ed\u30fc\u30b3\u30fc\u30c9\u30c4\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059","faq.title":"\u3088\u304f\u5bc4\u305b\u3089\u308c\u308b\u8cea\u554f","faq.content.0.question":"ILLA AI\u3067\u306f\u3069\u306e\u3088\u3046\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u304b?","faq.content.0.answer":"\u5fc5\u8981\u306a\u3042\u3089\u3086\u308b\u5185\u90e8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3084AI\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001AI\u3092\u5185\u90e8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u7d71\u5408\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u7ba1\u7406\u30d1\u30cd\u30eb\u3001\u30d5\u30a1\u30a4\u30eb\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\u3001\u9867\u5ba2\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3001\u30c6\u30ad\u30b9\u30c8\u751f\u6210\u30c4\u30fc\u30eb\u3001\u753b\u50cf\u751f\u6210\u30c4\u30fc\u30eb\u3001\u96fb\u5b50\u30e1\u30fc\u30eb\u751f\u6210\u30c4\u30fc\u30eb\u306a\u3069\u3067\u3059\u3002","faq.content.1.question":"\u8ab0\u304cILLA\u30af\u30e9\u30a6\u30c9\u3092\u5229\u7528\u3067\u304d\u307e\u3059\u304b?","faq.content.1.answer":"\u30d7\u30ed\u30c0\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3001\u30d5\u30eb\u30b9\u30bf\u30c3\u30af\u958b\u767a\u8005\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3001\u30c7\u30fc\u30bf\u30a2\u30ca\u30ea\u30b9\u30c8\u306e\u3044\u305a\u308c\u3067\u3082... nynone \u306f ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059: \u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308b\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u8a2d\u8a08\u304b\u3089\u3001\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3068\u306e\u7d71\u5408\u3001\u304a\u3088\u3073 AI \u30a2\u30b7\u30b9\u30bf\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u305f\u30af\u30a8\u30ea\u306e\u751f\u6210\u307e\u3067\u3002 ILLA\u306f\u3001\u4e0d\u5fc5\u8981\u306a\u8907\u96d1\u6027\u3092\u6392\u9664\u3059\u308b\u5408\u7406\u5316\u3055\u308c\u305f\u7d4c\u9a13\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u72ec\u81ea\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b\u3001\u6280\u8853\u306e\u5c02\u9580\u5bb6\u3067\u3042\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002","faq.content.2.question":"ILLA \u30af\u30e9\u30a6\u30c9\u304b\u3089\u3069\u306e\u3088\u3046\u306b\u5229\u76ca\u3092\u5f97\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u304b?","faq.content.2.answer":"ILLA AI\u306f\u3001\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u30b3\u30b9\u30c8\u3092\u524a\u6e1b\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u5e0c\u671b\u3059\u308b\u3042\u3089\u3086\u308bAI\u6a5f\u80fd\u3092\u7d71\u5408\u3057\u307e\u3059\u3002 \u4ed5\u4e8b\u3092\u52b9\u7387\u5316\u3057\u8cb4\u91cd\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u77ed\u6642\u9593\u3067\u751f\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059","faq.content.3.question":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u7279\u5b9a\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b?","faq.content.3.answer":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306f\u5927\u898f\u6a21\u306a\u8a00\u8a9e\u30e2\u30c7\u30eb\u306b\u57fa\u3065\u3044\u3066\u304a\u308a\u3001\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u3092\u5b9f\u884c\u3059\u308b\u3088\u3046\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002 \u30d3\u30b8\u30cd\u30b9\u8981\u4ef6\u306b\u57fa\u3065\u3044\u3066\u3001AI Agent \u306e\u52d5\u4f5c\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002 ILLA Builder\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306b\u30c7\u30fc\u30bf\u3092\u5165\u529b\u3057\u3001\u30c6\u30ad\u30b9\u30c8\u51e6\u7406\u306a\u3069\u306e\u6307\u5b9a\u3055\u308c\u305f\u30bf\u30b9\u30af\u3092\u9054\u6210\u3059\u308b\u305f\u3081\u306b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u753b\u50cf\u8a8d\u8b58\u3068\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u3067\u3059","faq.content.4.question":"ILLA\u306f\u3069\u306e\u3088\u3046\u306a\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u304b?","faq.content.4.answer":"ILLA\u306f\u3001PostgreSQL\u3001MongoDB\u3001REST API\u3001GraphQL\u3001Google Sheet\u306a\u3069\u3001\u3055\u307e\u3056\u307e\u306a\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3068\u306e\u7d71\u5408\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002 \u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u4efb\u610f\u306e\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u63a5\u7d9a\u3067\u304d\u308b\u305f\u3081\u3001\u76ee\u7684\u306e\u30c7\u30fc\u30bf\u306b\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002","faq.content.5.question":"ILLA \u30af\u30e9\u30a6\u30c9\u30e6\u30fc\u30b6\u30fc\u306e\u6280\u8853\u30b5\u30dd\u30fc\u30c8\u306f\u3042\u308a\u307e\u3059\u304b?","faq.content.5.answer":"\u306f\u3044\u3001ILLA \u30af\u30e9\u30a6\u30c9\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u6280\u8853\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u6a5f\u80fd\u306b\u95a2\u3059\u308b\u554f\u984c\u3084\u8cea\u554f\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30b5\u30dd\u30fc\u30c8\u30c1\u30fc\u30e0\u307e\u3067\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002 ILLA Cloud\u3067\u30b7\u30fc\u30e0\u30ec\u30b9\u306a\u4f53\u9a13\u3092\u304a\u5c4a\u3051\u3059\u308b\u3053\u3068\u306b\u5c02\u5ff5\u3057\u3066\u3044\u307e\u3059\u3002","pricing.meta-desc":"\u3059\u3079\u3066\u306e\u500b\u3005\u306e\u958b\u767a\u8005\u3084\u5c0f\u898f\u6a21\u30c1\u30fc\u30e0\u304c\u5185\u90e8\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u306e\u306b\u5fc5\u8981\u306a\u3059\u3079\u3066\u306e\u6a5f\u80fd\u3092\u5099\u3048\u305f\u7121\u6599\u7248\u3067\u958b\u59cb\u3067\u304d\u307e\u3059\u3002","pricing.billing.pricing.premium.feature.builder.viewer":"\u7121\u5236\u9650\u306e\u30d3\u30e5\u30fc\u30a2\u30fc\u3067\u7121\u6599","pricing.billing.pricing.premium.feature.builder.audit_log":"\u76e3\u67fb\u30ed\u30b0","pricing.billing.pricing.premium.feature.builder.public":"\u30a2\u30d7\u30ea\u306e\u516c\u958b","pricing.billing.pricing.premium.feature.builder.sql":"AI SQL\u751f\u6210","pricing.billing.pricing.premium.feature.builder.history":"\u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u7de8\u96c6\u5c65\u6b74\u3068\u5fa9\u5143","pricing.billing.pricing.premium.feature.builder.theme":"\u30ab\u30b9\u30bf\u30e0\u30c6\u30fc\u30de\uff08\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a\uff09","pricing.billing.pricing.premium.feature.builder.multi_environment":"\u8907\u6570\u74b0\u5883\uff08\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a\uff09","pricing.billing.pricing.premium.feature.builder.deployed_version":"\u30c7\u30d7\u30ed\u30a4\u3055\u308c\u305f\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u4fdd\u6301\u3057\u3066\u5fa9\u5143\uff08\u8fd1\u65e5\u516c\u958b\u4e88\u5b9a\uff09","pricing.billing.pricing.premium.feature.agent.gpt":"GPT-4\u3084GPT-3.5-turbo-16k\u306a\u3069\u3001\u3055\u307e\u3056\u307e\u306a\u30e2\u30c7\u30eb\u306b\u30a2\u30af\u30bb\u30b9","pricing.billing.pricing.colla.feature.storage":"\u30b9\u30c8\u30ec\u30fc\u30b8","pricing.billing.pricing.colla.feature.traffic":"\u30c8\u30e9\u30d5\u30a3\u30c3\u30af","pricing.billing.pricing.colla.feature.token":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8","pricing.faq.title":"\u3088\u304f\u3042\u308b\u8cea\u554f","pricing.faq.content.0.question":"\u8ab2\u91d1\u5bfe\u8c61\u3068\u306a\u308b\u30e6\u30fc\u30b6\u30fc\u306f\u8ab0\u3067\u3059\u304b\uff1f","pricing.faq.content.0.answer":"\u7de8\u96c6\u6a29\u9650\uff08\u30a8\u30c7\u30a3\u30bf\u30fc\uff09\u3092\u6301\u3064\u30e6\u30fc\u30b6\u30fc\u304c\u8ab2\u91d1\u5bfe\u8c61\u3067\u3059\u3002","pricing.faq.content.1.question":"\u7570\u306a\u308b\u30bf\u30a4\u30d7\u306e\u30a8\u30c7\u30a3\u30bf\u30fc\u306f\u3042\u308a\u307e\u3059\u304b\uff1f","pricing.faq.content.1.answer":"\u7570\u306a\u308b\u30bf\u30a4\u30d7\u306e\u30a8\u30c7\u30a3\u30bf\u30fc\u306b\u306f\u30aa\u30fc\u30ca\u30fc\u3001\u7ba1\u7406\u8005\u3001\u30a8\u30c7\u30a3\u30bf\u30fc\u304c\u3042\u308a\u307e\u3059\u3002","pricing.faq.content.2.question":"\u30d3\u30e5\u30fc\u30a2\u30fc\u306f\u88fd\u54c1\u306e\u4f7f\u7528\u6599\u91d1\u304c\u304b\u304b\u308a\u307e\u3059\u304b\uff1f","pricing.faq.content.2.answer":"\u3044\u3044\u3048\u3001\u30d3\u30e5\u30fc\u30a2\u30fc\u306f\u88fd\u54c1\u306e\u4f7f\u7528\u6599\u91d1\u306f\u304b\u304b\u308a\u307e\u305b\u3093\u3002","pricing.faq.content.3.question":"\u30d3\u30e5\u30fc\u30a2\u30fc\u3092\u62db\u5f85\u3059\u308b\u306b\u306f\u3069\u3046\u3059\u308c\u3070\u3088\u3044\u3067\u3059\u304b\uff1f","pricing.faq.content.3.answer":"\u30d3\u30e5\u30fc\u30a2\u30fc\u3092\u62db\u5f85\u3059\u308b\u306b\u306f\u3001\u30c1\u30fc\u30e0\u3092\u30d7\u30e9\u30b9\u3001\u30d7\u30ec\u30df\u30a2\u30e0\u3001\u307e\u305f\u306f\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30d7\u30e9\u30f3\u306b\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3057\u3001\u30e1\u30fc\u30eb\u307e\u305f\u306f\u30ea\u30f3\u30af\u3092\u4ecb\u3057\u3066\u30e6\u30fc\u30b6\u30fc\u3092\u62db\u5f85\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002","pricing.faq.content.4.question":"ILLA Cloud\u306f\u3069\u306e\u3088\u3046\u306a\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u304b\uff1f","pricing.faq.content.4.answer":"ILLA Builder\u3001ILLA Drive\u3001AI Agent\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002","pricing.faq.content.5.question":"ILLA Drive\u3068\u306f\u4f55\u3067\u3059\u304b\uff1f","pricing.faq.content.5.answer":"ILLA Drive\u306f\u3001\u4f1a\u793e\u306e\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3084\u4ed6\u306e\u88fd\u54c1\u3092\u901a\u3058\u3066\u4efb\u610f\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u4fdd\u5b58\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u914d\u4fe1\u3059\u308b\u305f\u3081\u306eCDN\uff08\u30b3\u30f3\u30c6\u30f3\u30c4\u30c7\u30ea\u30d0\u30ea\u30fc\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\uff09\u3067\u3059\u3002\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u306e\u5229\u7528\u6599\u91d1\u306f\u5225\u9014\u8acb\u6c42\u3055\u308c\u307e\u3059\u3002","pricing.faq.content.6.question":"AI Agent\u3068\u306f\u4f55\u3067\u3059\u304b\uff1f","pricing.faq.content.6.answer":"\u6211\u3005\u306f\u3001\u30d7\u30ed\u30f3\u30d7\u30c8\u306e\u5c02\u9580\u5bb6\u3084\u611b\u597d\u5bb6\u306b\u3088\u3063\u3066\u63d0\u4f9b\u3055\u308c\u308b\u6570\u5343\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u5099\u3048\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\u8ab0\u3067\u3082\u3053\u308c\u3089\u306eAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u5b9f\u884c\u307e\u305f\u306f\u4fee\u6b63\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","pricing.faq.content.7.question":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u4f7f\u7528\u6599\u91d1\u306f\u3069\u306e\u3088\u3046\u306b\u8acb\u6c42\u3055\u308c\u307e\u3059\u304b\uff1f","pricing.faq.content.7.answer":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u4f7f\u7528\u6599\u91d1\u306b\u95a2\u3057\u3066\u306f\u3001ILLA\u5185\u306e\u8ab2\u91d1\u6982\u5ff5\u3067\u3042\u308bColla\u306b\u57fa\u3065\u3044\u3066\u8acb\u6c42\u3055\u308c\u307e\u3059\u3002Colla\u306f\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u30e9\u30f3\u30bf\u30a4\u30e0\u4e2d\u306b\u6d88\u8cbb\u3055\u308c\u308b\u30ea\u30bd\u30fc\u30b9\u3092\u8a08\u6e2c\u3057\u307e\u3059\u3002","landingPage.components.meta.title":"ILLA \u30af\u30e9\u30a6\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPage.components.meta.description":"\u4e8b\u524d\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001ILLA Cloud \u3067\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPage.components.headerContent.title":"\u7d44\u307f\u8fbc\u307f\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u30e9\u30a4\u30d6\u30e9\u30ea","landingPage.components.headerContent.description":"ILLA\u306f\u3001\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u7bc4\u56f2\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u7c21\u5358\u306b\u69cb\u7bc9\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a2\u30af\u30b7\u30e7\u30f3\u306b\u5fdc\u7b54\u3057\u3001\u7c21\u5358\u306a\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u64cd\u4f5c\u3067\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002 ILLA\u3067\u306f\u3001\u30c6\u30fc\u30d6\u30eb\u3001\u30b0\u30e9\u30d5\u3001\u30d5\u30a9\u30fc\u30e0\u3001\u30ea\u30b9\u30c8\u306a\u3069\u306e\u8907\u96d1\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPage.components.headerContent.btnText":"\u7121\u6599\u3067\u8a66\u3059","landingPage.components.classify.inputs.title":"Inputs","landingPage.components.classify.inputs.upload.title":"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","landingPage.components.classify.inputs.upload.description":"ILLA Cloud\u306e\u300c\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u4efb\u610f\u306e\u7a2e\u985e\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPage.components.classify.inputs.switch.title":"\u5207\u308a\u66ff\u3048","landingPage.components.classify.inputs.switch.description":"ILLA Cloud\u306e\u300c\u30b9\u30a4\u30c3\u30c1\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u8a2d\u5b9a\u3084\u6a5f\u80fd\u3092\u30aa\u30f3\u307e\u305f\u306f\u30aa\u30d5\u306b\u3067\u304d\u308b\u30c8\u30b0\u30eb\u30b9\u30a4\u30c3\u30c1\u304c\u3042\u308a\u307e\u3059\u3002","landingPage.components.classify.inputs.select.title":"\u9078\u629e","landingPage.components.classify.inputs.select.description":"ILLA Cloud\u306e\u300c\u9078\u629e\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30ea\u30b9\u30c8\u304b\u3089\u9078\u629e\u3067\u304d\u308b\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002 \u30c7\u30fc\u30bf\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306e\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u3067\u30b9\u30da\u30fc\u30b9\u52b9\u7387\u306e\u826f\u3044\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059","landingPage.components.classify.inputs.radioGroup.title":"\u7121\u7dda\u30b0\u30eb\u30fc\u30d7","landingPage.components.classify.inputs.radioGroup.description":"ILLA Cloud\u306e\u300cRadio Group\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u304c\u9078\u629e\u80a2\u306e\u30ea\u30b9\u30c8\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u7121\u7dda\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002 \u30c7\u30fc\u30bf\u306e\u5165\u529b\u3068\u7ba1\u7406\u306e\u7c21\u5358\u3067\u660e\u78ba\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059","landingPage.components.classify.inputs.checkboxGroup.title":"CheckboxGroup","landingPage.components.classify.inputs.checkboxGroup.description":"ILLA Cloud\u306e\u300cCheckbox Group\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u304c\u30ea\u30b9\u30c8\u304b\u3089\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30bb\u30ec\u30af\u30bf\u3067\u3059\u3002 \u30c7\u30fc\u30bf\u3092\u7c21\u5358\u304b\u3064\u52b9\u7387\u7684\u306b\u7ba1\u7406\u3059\u308b\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059","landingPage.components.classify.data.title":"\u30c7\u30fc\u30bf","landingPage.components.classify.inputs.chart.title":"\u30b0\u30e9\u30d5","landingPage.components.classify.inputs.chart.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30c1\u30e3\u30fc\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30f3\u30af\u3055\u308c\u305f\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u3066\u8907\u6570\u306e\u7a2e\u985e\u306e\u30c1\u30e3\u30fc\u30c8\u3092\u8868\u793a\u3057\u307e\u3059\u3002 \u8907\u96d1\u306a\u30c7\u30fc\u30bf\u306e\u660e\u78ba\u3067\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u306a\u8868\u73fe\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPage.components.classify.inputs.tables.title":"\u30c6\u30fc\u30d6\u30eb","landingPage.components.classify.inputs.tables.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u8868\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u8868\u5f62\u5f0f\u3067\u8868\u793a\u3057\u307e\u3059\u3002 \u5927\u91cf\u306e\u60c5\u5831\u3092\u4e00\u76ee\u3067\u8868\u793a\u3001\u4e26\u3079\u66ff\u3048\u3001\u5206\u6790\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPage.components.classify.Presentation.title":"\u30d7\u30ec\u30bc\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3","landingPage.components.classify.inputs.pdf.title":"PDF","landingPage.components.classify.inputs.pdf.description":"ILLA Cloud\u306e\u300cPDF\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306ePDF\u30d5\u30a1\u30a4\u30eb\u3092\u8868\u793a\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u8868\u793a\u8981\u7d20\u3067\u3059\u3002","landingPage.components.classify.inputs.video.title":"\u30d3\u30c7\u30aa","landingPage.components.classify.inputs.video.description":"ILLA Cloud\u306e\u300cVideo\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d3\u30c7\u30aa\u3092\u518d\u751f\u3057\u3001\u5bfe\u8a71\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3059\u308b\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u8981\u7d20\u3067\u3059\u3002","landingPage.integrations.meta.title":"ILLA \u30af\u30e9\u30a6\u30c9\u7d71\u5408","landingPage.integrations.meta.description":"\u7d71\u5408\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c7\u30fc\u30bf\u30ea\u30bd\u30fc\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u4f5c\u696d\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPage.integrations.headerContent.title":"\u4efb\u610f\u306e\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a","landingPage.integrations.headerContent.description":"\u30e1\u30a4\u30f3\u30b9\u30c8\u30ea\u30fc\u30e0\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3084API\u7d4c\u7531\u3067\u63a5\u7d9a\u3055\u308c\u305f\u3042\u3089\u3086\u308b\u30c7\u30fc\u30bf\u306b\u63a5\u7d9a\u3059\u308b\u6a5f\u80fd\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002 ILLA Cloud \u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u958b\u767a\u8005\u306f\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u304b\u3089\u53d6\u5f97\u3057\u305f\u30c7\u30fc\u30bf\u3092\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u7dca\u5bc6\u306b\u7d71\u5408\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u958b\u767a\u8005\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u30a4\u30d9\u30f3\u30c8\u306b\u5fdc\u7b54\u3059\u308b\u30ea\u30bd\u30fc\u30b9\u3084\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u547c\u3073\u51fa\u3057\u3092\u8a18\u8ff0\u3057\u3001\u5e83\u7bc4\u306a\u60c5\u5831\u64cd\u4f5c\u3092\u5b9f\u73fe\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPage.integrations.headerContent.btnText":"\u7121\u6599\u3067\u8a66\u3059","landingPage.integrations.classify.database.title":"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7d71\u5408","landingPage.integrations.classify.database.mysql.description":"\u52b9\u7387\u7684\u306a\u30c7\u30fc\u30bf\u306e\u4fdd\u5b58\u3068\u53d6\u5f97\u3092\u53ef\u80fd\u306b\u3059\u308b\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.postgreSQL.description":"\u5b89\u5b9a\u6027\u3068\u4fe1\u983c\u6027\u3067\u77e5\u3089\u308c\u308b\u9ad8\u5ea6\u306a\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.mariadb.description":"\u5f37\u5316\u3055\u308c\u305f\u6a5f\u80fd\u3068\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u6539\u5584\u3092\u5099\u3048\u305fMySQL\u306e\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u4e3b\u5c0e\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u30d5\u30a9\u30fc\u30af\u3002","landingPage.integrations.classify.database.tidb.description":"\u6c34\u5e73\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3\u3068\u30d5\u30a9\u30eb\u30c8\u30c8\u30ec\u30e9\u30f3\u30b9\u3092\u5099\u3048\u305fSQL\u3068NoSQL\u306e\u4e21\u65b9\u306e\u30ef\u30fc\u30af\u30ed\u30fc\u30c9\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u5206\u6563SQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3002","landingPage.integrations.classify.database.redis.description":"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u3001\u304a\u3088\u3073\u30e1\u30c3\u30bb\u30fc\u30b8\u30d6\u30ed\u30fc\u30ab\u30fc\u3068\u3057\u3066\u3088\u304f\u4f7f\u7528\u3055\u308c\u308b\u30a4\u30f3\u30e1\u30e2\u30ea\u30c7\u30fc\u30bf\u69cb\u9020\u30b9\u30c8\u30a2\u3002","landingPage.integrations.classify.database.appwrite.description":"Web\u304a\u3088\u3073\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8a8d\u8a3c\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u304a\u3088\u3073\u30b9\u30c8\u30ec\u30fc\u30b8\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d0\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPage.integrations.classify.database.mongodb.description":"JSON\u306b\u4f3c\u305f\u67d4\u8edf\u306a\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u30c7\u30fc\u30bf\u3092\u683c\u7d0d\u3059\u308bNoSQL\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3002","landingPage.integrations.classify.database.oracleDB.description":"\u9ad8\u6027\u80fd\u3067\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u306a\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3067\u3001\u5305\u62ec\u7684\u306a\u6a5f\u80fd\u3068\u30c4\u30fc\u30eb\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPage.integrations.classify.database.elasticSearch.description":"\u5927\u91cf\u306e\u30c7\u30fc\u30bf\u3092\u6271\u3048\u308b\u5206\u6563\u578b\u306eRESTful\u691c\u7d22\u3068\u5206\u6790\u30a8\u30f3\u30b8\u30f3\u3002","landingPage.integrations.classify.database.couchDB.description":"\u5897\u5206\u30ec\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u7af6\u5408\u691c\u51fa\u3092\u5099\u3048\u305f\u5206\u6563\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u63d0\u4f9b\u3059\u308b NoSQL \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u6307\u5411\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3002","landingPage.integrations.classify.database.firebase.description":"\u30e2\u30d0\u30a4\u30eb\u304a\u3088\u3073Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u8a8d\u8a3c\u3001\u30af\u30e9\u30a6\u30c9\u30e1\u30c3\u30bb\u30fc\u30b8\u30f3\u30b0\u306a\u3069\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPage.integrations.classify.database.mssql.description":"\u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3\u51e6\u7406\u3001\u30d3\u30b8\u30cd\u30b9\u30a4\u30f3\u30c6\u30ea\u30b8\u30a7\u30f3\u30b9\u3001\u5206\u6790\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308bMicrosoft\u306b\u3088\u3063\u3066\u958b\u767a\u3055\u308c\u305f\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.supabaseDB.description":"\u30aa\u30f3\u30e9\u30a4\u30f3\u5206\u6790\u51e6\u7406(OLAP)\u30ef\u30fc\u30af\u30ed\u30fc\u30c9\u7528\u306b\u8a2d\u8a08\u3055\u308c\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u5217\u6307\u5411\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3002","landingPage.integrations.classify.database.neon.description":"\u5b8c\u5168\u306b\u7ba1\u7406\u3055\u308c\u305f\u30de\u30eb\u30c1\u30af\u30e9\u30a6\u30c9Postgres\u306f\u3001\u5bdb\u5927\u306a\u7121\u6599\u306e\u968e\u5c64\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002\u79c1\u305f\u3061\u306f\u3001\u81ea\u52d5\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3001\u5206\u5c90\u3001\u304a\u3088\u3073\u5e95\u306a\u3057\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306b\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u8a08\u7b97\u3092\u5206\u96e2\u3057\u307e\u3057\u305f\u3002","landingPage.integrations.classify.database.hydra.description":"Postgres\u4e0a\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u5217\u6307\u5411\u306eRDBMS","landingPage.integrations.classify.database.dynamoDB.description":"\u9ad8\u6027\u80fd\u3001\u62e1\u5f35\u6027\u3001\u4fe1\u983c\u6027\u3092\u63d0\u4f9b\u3059\u308b\u5b8c\u5168\u306b\u7ba1\u7406\u3055\u308c\u305fNoSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30b5\u30fc\u30d3\u30b9\u3002","landingPage.integrations.classify.database.snowflake.description":"\u5927\u898f\u6a21\u306a\u30c7\u30fc\u30bf\u306e\u4fdd\u5b58\u3068\u5206\u6790\u306e\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30c7\u30fc\u30bf\u30a6\u30a7\u30a2\u30cf\u30a6\u30b8\u30f3\u30b0\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPage.integrations.classify.api.title":"API\u9023\u643a","landingPage.integrations.classify.api.hfAPI.description":"\u63a8\u8ad6\u30bf\u30b9\u30af\u306e\u305f\u3081\u306e\u4f7f\u3044\u3084\u3059\u3044\u4e8b\u524d\u8a13\u7df4\u6e08\u307f\u306e\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u3092\u63d0\u4f9b\u3059\u308bAPI\u3002","landingPage.integrations.classify.api.hfEndpoint.description":"\u63a8\u8ad6\u30bf\u30b9\u30af\u7528\u306e Hug Face \u30e2\u30c7\u30eb\u306e\u5c55\u958b\u3068\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3092\u5bb9\u6613\u306b\u3059\u308b\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3002","landingPage.integrations.classify.api.restAPI.description":"HTTP\u30d7\u30ed\u30c8\u30b3\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3068\u30b5\u30fc\u30d0\u30fc\u9593\u3067\u30c7\u30fc\u30bf\u3092\u4ea4\u63db\u3059\u308bWeb\u30b5\u30fc\u30d3\u30b9\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306eWeb\u30d9\u30fc\u30b9\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u30b9\u30bf\u30a4\u30eb\u3002","landingPage.integrations.classify.api.s3.description":"\u3055\u307e\u3056\u307e\u306a\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u306b\u5408\u308f\u305b\u3066\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb\u3067\u5b89\u5168\u3067\u8010\u4e45\u6027\u306e\u3042\u308b\u30c7\u30fc\u30bf\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u63d0\u4f9b\u3059\u308b\u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30b9\u30c8\u30ec\u30fc\u30b8\u30b5\u30fc\u30d3\u30b9\u3002","landingPage.integrations.classify.api.smtp.description":"\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u4e0a\u3067\u96fb\u5b50\u30e1\u30fc\u30eb\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u53d7\u4fe1\u3059\u308b\u305f\u3081\u306e\u30d7\u30ed\u30c8\u30b3\u30eb\u3002","landingPage.integrations.classify.api.graphQL.description":"\u5f93\u6765\u306eREST API\u306b\u4ee3\u308f\u308b\u3001\u3088\u308a\u52b9\u7387\u7684\u3067\u5f37\u529b\u3067\u67d4\u8edf\u306aAPI\u306e\u30af\u30a8\u30ea\u8a00\u8a9e\u3002","landingPage.integrations.classify.api.googleSheets.description":"\u30af\u30e9\u30a6\u30c9\u30d9\u30fc\u30b9\u306e\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u3002\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u4ed6\u306e\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u3001\u7de8\u96c6\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPage.integrations.classify.api.airtable.description":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u30c7\u30fc\u30bf\u3001\u30c1\u30fc\u30e0\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u67d4\u8edf\u3067\u5354\u8abf\u7684\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","blog.all_posts":"\u3059\u3079\u3066\u306e\u6295\u7a3f","blog.all_posts_desc_bold":"ILLA\u30d6\u30ed\u30b0","blog.all_posts_desc":"|\u958b\u767a\u8005\u5411\u3051\u306e\u6052\u661f\u578b\u77e5\u8b58\u30ea\u30dd\u30b8\u30c8\u30ea\u3067\u306f\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3084\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u958b\u767a\u3001AI\u3001\u30ed\u30fc\u30b3\u30fc\u30c9\u3001ILLA Cloud\u306a\u3069\u306e\u5e45\u5e83\u3044\u5206\u91ce\u3092\u7db2\u7f85\u3057\u3066\u3044\u307e\u3059\u3002 \u3053\u3053\u3067\u306f\u3001\u6700\u5148\u7aef\u306e\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306b\u6ca1\u982d\u3057\u3001\u65b0\u305f\u306a\u30c8\u30ec\u30f3\u30c9\u3092\u6398\u308a\u4e0b\u3052\u3001\u6d3b\u6c17\u306e\u3042\u308b\u7d4c\u9a13\u306e\u4ea4\u63db\u306b\u53d6\u308a\u7d44\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","theme.blog.posts_tagged_with":"\u30bf\u30b0\u4ed8\u3051\u3055\u308c\u305f\u6295\u7a3f","footer.less":"\u8868\u793a\u3092\u6e1b\u3089\u3059","footer.more":"\u8a73\u7d30\u3092\u8868\u793a","nav.contact":"\u30c7\u30e2\u3092\u4e88\u7d04\u3059\u308b","website_4.solution.use_this_template":"\u4eca\u3059\u3050\u8a66\u3059","call-to-action.title":"ILLA \u30af\u30e9\u30a6\u30c9\u3092\u4f7f\u3063\u305f\u30a2\u30d7\u30ea\u306e\u69cb\u7bc9\u3092\u958b\u59cb","call-to-action.desc":"\u5fc5\u8981\u306a\u3042\u3089\u3086\u308b\u5185\u90e8\u30c4\u30fc\u30eb\u306f\u3001ILLA Cloud \u3092\u4f7f\u7528\u3057\u30661\u5206\u3067\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","call-to-action.button-1":"\u7121\u6599\u3067\u30af\u30e9\u30a6\u30c9\u3092\u8a66\u3059","call-to-action.button-2":"GitHub \u3067\u30b5\u30a4\u30f3\u30a4\u30f3","title.github":"Github","title.stars":"\u661f","title.star-us":"\u661f\u5370\u3092\u4ed8\u3051\u308b","learn_more":"\u3082\u3063\u3068\u8a73\u3057\u304f","pricing.billing.pricing.premium.desc":"\u30c1\u30fc\u30e0\u3092\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3057\u3066\u9ad8\u5ea6\u306a\u6a5f\u80fd\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b","pricing.billing.pricing.premium.price":"/month/editor","pricing.billing.pricing.colla.desc":"ILLA Cloud \u306e\u4ed8\u52a0\u4fa1\u5024\u30b5\u30fc\u30d3\u30b9\u306e\u652f\u6255\u3044\u306b\u4f7f\u7528","pricing.billing.pricing.colla.price":"/month/5k Colla","pricing.billing.plus-btn":"\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3059\u308b","landingPageDetail.audio.name":"\u30aa\u30fc\u30c7\u30a3\u30aa","landingPageDetail.audio.title":"ILLA Cloud\u306e\u30aa\u30fc\u30c7\u30a3\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.audio.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30d3\u30c7\u30aa\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d3\u30c7\u30aa\u3084\u30aa\u30fc\u30c7\u30a3\u30aa\u3092\u518d\u751f\u3057\u3001\u5bfe\u8a71\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30de\u30eb\u30c1\u30e1\u30c7\u30a3\u30a2\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u52b9\u7387\u7684\u3067\u4fbf\u5229\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059 \u307e\u305f\u306f\u3001\u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f Video \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u696d\u4e2d\u306b\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u30d3\u30c7\u30aa\u3092\u898b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u3067\u5fc5\u8981\u306a\u3059\u3079\u3066\u306e\u60c5\u5831\u3092\u7c21\u5358\u306b\u5165\u624b\u3067\u304d\u308b\u305f\u3081\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.audio.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|\u30aa\u30fc\u30c7\u30a3\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.audio.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Audio \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.barProgress.name":"\u30d0\u30fc\u306e\u9032\u884c\u72b6\u6cc1","landingPageDetail.barProgress.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300cBar Progress Component\u300d\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.barProgress.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300cBar Progress\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001100%\u30b9\u30b1\u30fc\u30eb\u306e\u30d0\u30fc\u306e\u9032\u884c\u72b6\u6cc1\u3092\u8996\u899a\u7684\u306b\u8868\u3057\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u304c\u81ea\u5206\u306e\u9032\u6357\u72b6\u6cc1\u3092\u8fc5\u901f\u304b\u3064\u52b9\u7387\u7684\u306b\u8ffd\u8de1\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002 \u9032\u6b69\u306e\u660e\u78ba\u304b\u3064\u7c21\u6f54\u306a\u8996\u899a\u7684\u306a\u8868\u73fe\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u3001\u5b8c\u4e86\u7387\u3092\u8a08\u7b97\u3059\u308b\u6642\u9593\u3092\u8cbb\u3084\u3059\u3053\u3068\u306a\u304f\u3001\u7279\u5b9a\u306e\u30bf\u30b9\u30af\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u6cbf\u3063\u3066\u3069\u308c\u304f\u3089\u3044\u9032\u3093\u3067\u3044\u308b\u304b\u3092\u7c21\u5358\u306b\u7406\u89e3\u3067\u304d\u307e\u3059\u3002 \u8cb4\u91cd\u306a\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u3088\u308a\u91cd\u8981\u306a\u4ed5\u4e8b\u306b\u96c6\u4e2d\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002","landingPageDetail.barProgress.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30d0\u30fc\u306e\u9032\u6357\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30c7\u30fc\u30bf\u306e\u9032\u6357\u72b6\u6cc1\u3092\u53ef\u8996\u5316\u3059\u308b","landingPageDetail.barProgress.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u306b\u306f\u3001Bar \u9032\u884c\u72b6\u6cc1\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.button.name":"\u30dc\u30bf\u30f3","landingPageDetail.button.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.button.description":"ILLA Cloud\u306e\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u3084\u308a\u53d6\u308a\u3059\u308b\u305f\u3081\u306e\u660e\u78ba\u304b\u3064\u76f4\u611f\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u30a2\u30af\u30b7\u30e7\u30f3\u306e\u30c8\u30ea\u30ac\u30fc\u3084\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u306b\u4f7f\u7528\u3067\u304d\u308b\u6c4e\u7528\u6027\u306e\u9ad8\u3044\u30c4\u30fc\u30eb\u3067\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30af\u30ea\u30c3\u30af\u3055\u308c\u305f\u3068\u304d\u306b\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u66f4\u65b0\u3092\u30c8\u30ea\u30ac\u30fc\u3059\u308b\u300c\u4fdd\u5b58\u300d\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3057\u3001\u624b\u52d5\u3067\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u66f4\u65b0\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u6642\u9593\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002","landingPageDetail.button.metaTitle":"ILLA Cloud | \u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.button.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3067\u306e\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.carousel.name":"Carousel","landingPageDetail.carousel.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30ab\u30eb\u30fc\u30bb\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.carousel.description":"ILLA Cloud\u306e\u300c\u30ab\u30eb\u30fc\u30bb\u30eb\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u30011\u3064\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306b\u8907\u6570\u306e\u753b\u50cf\u3084\u30e1\u30c7\u30a3\u30a2\u3092\u8868\u793a\u3057\u307e\u3059\u3002 \u5225\u3005\u306e\u30da\u30fc\u30b8\u3084\u30a6\u30a3\u30f3\u30c9\u30a6\u3092\u30ca\u30d3\u30b2\u30fc\u30c8\u3059\u308b\u5fc5\u8981\u304c\u306a\u304f\u306a\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u30ab\u30eb\u30fc\u30bb\u30eb\u3068\u5bfe\u8a71\u3057\u3001\u753b\u50cf\u3084\u52d5\u753b\u306a\u3069\u306e\u8868\u793a\u3055\u308c\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8868\u793a\u304a\u3088\u3073\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3059\u3079\u3066\u540c\u3058\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u5185\u3067\u30b7\u30fc\u30e0\u30ec\u30b9\u3067\u52b9\u7387\u7684\u306a\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPageDetail.carousel.metaTitle":"ILLA Cloud | \u30ab\u30eb\u30fc\u30bb\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.carousel.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306e\u30ab\u30eb\u30fc\u30bb\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.cascader.name":"Cascader","landingPageDetail.cascader.title":"ILLA Cloud \u306e Cascader \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.cascader.description":"ILLA Cloud\u306eCascader\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u9078\u629e\u80a2\u306e\u8907\u6570\u30ec\u30a4\u30e4\u30fc\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5165\u529b\u3068\u7ba1\u7406\u306b\u5bfe\u3059\u308b\u968e\u5c64\u7684\u3067\u52b9\u7387\u7684\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u88fd\u54c1\u9078\u629e\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Cascader\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u597d\u307f\u306e\u88fd\u54c1\u30ab\u30c6\u30b4\u30ea\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u53ce\u96c6\u306e\u7cbe\u5ea6\u3068\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059","landingPageDetail.cascader.metaTitle":"ILLA\u30af\u30e9\u30a6\u30c9\u30ab\u30b9\u30b1\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 | ILLA Cloud","landingPageDetail.cascader.metaDescription":"ILLA Cloud \u3067 Cascader \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ab\u30b9\u30b1\u30fc\u30c9\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.chart.name":"\u30b0\u30e9\u30d5","landingPageDetail.chart.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.chart.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30c1\u30e3\u30fc\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30f3\u30af\u3055\u308c\u305f\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u3066\u3055\u307e\u3056\u307e\u306a\u30c1\u30e3\u30fc\u30c8\u30bf\u30a4\u30d7\u3092\u8868\u793a\u3057\u3001\u8907\u96d1\u306a\u60c5\u5831\u3092\u660e\u78ba\u304b\u3064\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u306a\u65b9\u6cd5\u3067\u5206\u6790\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306f\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u30dd\u30a4\u30f3\u30c8\u3092\u6bd4\u8f03\u3057\u3001\u50be\u5411\u3092\u7279\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u610f\u601d\u6c7a\u5b9a\u306e\u305f\u3081\u306e\u52b9\u7387\u7684\u306a\u30c4\u30fc\u30eb\u3068\u306a\u308a\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u55b6\u696d\u30c1\u30fc\u30e0\u306f\u30b0\u30e9\u30d5\u3092\u4f7f\u7528\u3057\u3066\u53ce\u76ca\u3092\u8996\u899a\u5316\u3057\u3001\u6539\u5584\u306e\u305f\u3081\u306e\u9818\u57df\u3092\u7279\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u300c\u30b0\u30e9\u30d5\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u5206\u6790\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3001\u60c5\u5831\u3092\u308f\u304b\u308a\u3084\u3059\u3044\u5f62\u5f0f\u3067\u8868\u793a\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.chart.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30b0\u30e9\u30d5\u3084\u30b0\u30e9\u30d5\u3068\u3057\u3066\u30c7\u30fc\u30bf\u3092\u53ef\u8996\u5316\u3059\u308b","landingPageDetail.chart.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u30c1\u30e3\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.checkboxGroup.name":"\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u30b0\u30eb\u30fc\u30d7","landingPageDetail.checkboxGroup.title":"ILLA Cloud\u306eCheckbox Group Component\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.checkboxGroup.description":"ILLA Cloud\u306eCheckbox Group\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30b9\u30c8\u304b\u3089\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u4fbf\u5229\u3067\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u88fd\u54c1\u8a2d\u5b9a\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Checkbox Group\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u8272\u3084\u30b5\u30a4\u30ba\u306a\u3069\u3001\u30c7\u30fc\u30bf\u53ce\u96c6\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059\u3002","landingPageDetail.checkboxGroup.metaTitle":"ILLA Cloud | Checkbox Group Component","landingPageDetail.checkboxGroup.metaDescription":"ILLA Cloud \u306eCheckbox Group\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.circleProgress.name":"\u5186\u306e\u9032\u6357\u72b6\u6cc1","landingPageDetail.circleProgress.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30b5\u30fc\u30af\u30eb\u9032\u884c\u72b6\u6cc1\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.circleProgress.description":"\u5186\u306e\u9032\u884c\u72b6\u6cc1\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8ILLA\u30af\u30e9\u30a6\u30c9\u306f\u3001\u5186\u5f62\u306e\u9032\u6357\u72b6\u6cc1\u3092\u8868\u793a\u3059\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u306a\u9032\u6b69\u3092\u8ffd\u8de1\u3059\u308b\u65b9\u6cd5\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059 \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u624b\u52d5\u3067\u30d1\u30fc\u30bb\u30f3\u30c6\u30fc\u30b8\u3092\u8a08\u7b97\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u30bf\u30b9\u30af\u3084\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u6357\u72b6\u6cc1\u3092\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u78ba\u8a8d\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u8ffd\u52a0\u306e\u6ce8\u610f\u3084\u30ea\u30bd\u30fc\u30b9\u304c\u5fc5\u8981\u306a\u9818\u57df\u3092\u7279\u5b9a\u3057\u3001\u660e\u78ba\u304b\u3064\u7c21\u6f54\u306a\u65b9\u6cd5\u3067\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u3084\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u306b\u9032\u6b69\u3092\u4f1d\u3048\u308b\u624b\u52a9\u3051\u3092\u3057\u307e\u3059","landingPageDetail.circleProgress.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30b5\u30fc\u30af\u30eb\u306e\u9032\u6357\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u5186\u5f62\u30d0\u30fc\u3067\u306e\u30c7\u30fc\u30bf\u306e\u9032\u6357\u306e\u8868\u793a\u3068\u7ba1\u7406","landingPageDetail.circleProgress.metaDescription":"ILLA Cloud \u306eCircular progress \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u5186\u5f62\u30d0\u30fc\u306b\u30c7\u30fc\u30bf\u306e\u9032\u884c\u72b6\u6cc1\u3092\u8868\u793a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.container.name":"\u30b3\u30f3\u30c6\u30ca","landingPageDetail.container.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30b3\u30f3\u30c6\u30ca\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.container.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30b3\u30f3\u30c6\u30ca\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u8907\u6570\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u307e\u3068\u3081\u3066\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u6574\u7406\u3068\u7ba1\u7406\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30b3\u30f3\u30c6\u30ca\u5185\u306e\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u306e\u30bb\u30c3\u30c8\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u306e\u53ce\u96c6\u3068\u9001\u4fe1\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3057\u3001\u5168\u4f53\u7684\u306a\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.container.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | \u30b3\u30f3\u30c6\u30ca\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.container.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u300cILLA Cloud\u300d\u3067\u30b3\u30f3\u30c6\u30ca\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.date.name":"\u65e5\u4ed8","landingPageDetail.date.title":"ILLA Cloud\u306e\u65e5\u4ed8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.date.description":"ILLA Cloud \u306e Date \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u65e5\u4ed8\u9078\u629e\u3092\u7c21\u7d20\u5316\u3057\u3001\u65e5\u4ed8\u95a2\u9023\u30c7\u30fc\u30bf\u7ba1\u7406\u306e\u52b9\u7387\u3068\u7cbe\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a4\u30d9\u30f3\u30c8\u767b\u9332\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001Date \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a4\u30d9\u30f3\u30c8\u65e5\u4ed8\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u65e5\u4ed8\u95a2\u9023\u306e\u30a8\u30e9\u30fc\u306e\u53ef\u80fd\u6027\u3092\u6e1b\u3089\u3057\u3001\u767b\u9332\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059\u3002","landingPageDetail.date.metaTitle":"ILLA Cloud | \u65e5\u4ed8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.date.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Date \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.dateRange.name":"Date Range","landingPageDetail.dateRange.title":"ILLA Cloud\u306e\u65e5\u4ed8\u7bc4\u56f2\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.dateRange.description":"ILLA Cloud\u306e\u300c\u65e5\u4ed8\u7bc4\u56f2\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u65e5\u4ed8\u7bc4\u56f2\u306e\u9078\u629e\u3092\u5408\u7406\u5316\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f\u30ec\u30dd\u30fc\u30c8\u3092\u4f5c\u6210\u3057\u3001\u300c\u65e5\u4ed8\u7bc4\u56f2\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u304c\u30c7\u30fc\u30bf\u5206\u6790\u306e\u305f\u3081\u306e\u65e5\u4ed8\u7bc4\u56f2\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u52b9\u7387\u3092\u9ad8\u3081\u307e\u3059","landingPageDetail.dateRange.metaTitle":"ILLA Cloud | \u65e5\u4ed8\u7bc4\u56f2\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.dateRange.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Date Range \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.dateTime.name":"\u65e5\u4ed8\u6642\u523b","landingPageDetail.dateTime.title":"ILLA Cloud \u306e\u65e5\u4ed8\u6642\u523b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.dateTime.description":"ILLA Cloud\u306eDate Time\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u30d9\u30fc\u30b9\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u65e5\u4ed8\u3068\u6642\u523b\u306e\u9078\u629e\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u306e\u52b9\u7387\u3068\u7cbe\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u30fc\u306f\u4e88\u7d04\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\u300c\u65e5\u4ed8\u6642\u523b\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u65e5\u4ed8\u3068\u6642\u523b\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30b9\u30b1\u30b8\u30e5\u30fc\u30ea\u30f3\u30b0\u30a8\u30e9\u30fc\u306e\u53ef\u80fd\u6027\u3092\u6e1b\u3089\u3057\u3001\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059\u3002","landingPageDetail.dateTime.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u65e5\u4ed8\u6642\u523b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u65e5\u4ed8\u3068\u6642\u523b\u306e\u9078\u629e\u3068\u8868\u793a","landingPageDetail.dateTime.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a9\u30fc\u30e0\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u65e5\u4ed8\u6642\u523b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.divider.name":"Divider","landingPageDetail.divider.title":"ILLA Cloud \u306e Divider Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.divider.description":"ILLA Cloud \u306e\u300cDivider\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u7570\u306a\u308b\u30bb\u30af\u30b7\u30e7\u30f3\u9593\u306e\u660e\u78ba\u306a\u533a\u5225\u3092\u4f5c\u6210\u3057\u3001\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3068\u7d44\u7e54\u3092\u6539\u5584\u3059\u308b\u8996\u899a\u7684\u306a\u8981\u7d20\u3067\u3059\u3002 \u5206\u5272\u7dda\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u96d1\u7136\u3068\u3057\u305f\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u691c\u7d22\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u5fc5\u8981\u306a\u60c5\u5831\u3092\u3059\u3070\u3084\u304f\u898b\u3064\u3051\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u3092\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002","landingPageDetail.divider.metaTitle":"ILLA Cloud | Divider Component","landingPageDetail.divider.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306eDivider\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.editableText.name":"\u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8","landingPageDetail.editableText.title":"ILLA Cloud \u306e\u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.editableText.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30c6\u30ad\u30b9\u30c8\u7de8\u96c6\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f1\u884c\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30dc\u30c3\u30af\u30b9\u306b\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u304a\u3088\u3073\u7de8\u96c6\u3067\u304d\u307e\u3059\u3002 \u5165\u529b\u3055\u308c\u305f\u30c6\u30ad\u30b9\u30c8\u306f\u30db\u30d0\u30fc\u3067\u8868\u793a\u3067\u304d\u307e\u3059 \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u3092\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u7de8\u96c6\u3059\u308b\u65b9\u6cd5\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u306f\u3001\u30e6\u30fc\u30b6\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u53ce\u96c6\u3059\u308b\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\u300c\u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u304c\u6295\u7a3f\u3059\u308b\u524d\u306b\u30b3\u30e1\u30f3\u30c8\u3092\u7de8\u96c6\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u4f01\u696d\u306f\u524d\u5f8c\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5fc5\u8981\u6027\u3092\u6e1b\u3089\u3059\u3053\u3068\u3067\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.editableText.metaTitle":"ILLA Cloud | \u7de8\u96c6\u53ef\u80fd\u306a\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.editableText.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Editable Text \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.form.name":"\u30d5\u30a9\u30fc\u30e0","landingPageDetail.form.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.form.description":"ILLA Cloud\u306e\u300c\u30d5\u30a9\u30fc\u30e0\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u5fc5\u8981\u306a\u60c5\u5831\u3092\u5165\u529b\u304a\u3088\u3073\u9001\u4fe1\u3067\u304d\u3001\u30c7\u30fc\u30bf\u3092\u53ce\u96c6\u304a\u3088\u3073\u51e6\u7406\u3059\u308b\u305f\u3081\u306e\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5165\u529b\u30d7\u30ed\u30bb\u30b9\u3092\u6a19\u6e96\u5316\u3059\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30a8\u30e9\u30fc\u3092\u524a\u6e1b\u3057\u3001\u30c7\u30fc\u30bf\u306e\u6574\u7406\u3068\u5206\u6790\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u4f1a\u793e\u306f\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u5f93\u696d\u54e1\u60c5\u5831\u3092\u53ce\u96c6\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u9023\u7d61\u5148\u3084\u8077\u4f4d\u306a\u3069\u306e\u60c5\u5831\u3092\u7c21\u5358\u306b\u6574\u7406\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.form.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | \u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.form.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306e\u30d5\u30a9\u30fc\u30e0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.icon.name":"\u30a2\u30a4\u30b3\u30f3","landingPageDetail.icon.title":"ILLA Cloud \u306e Icon Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.icon.description":"ILLA Cloud\u306e\u30a2\u30a4\u30b3\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u69cb\u7bc9\u6e08\u307f\u30a2\u30a4\u30b3\u30f3\u3092\u633f\u5165\u3059\u308b\u305f\u3081\u306e\u8fc5\u901f\u304b\u3064\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u8996\u899a\u7684\u306a\u9b45\u529b\u3068\u4f7f\u3044\u3084\u3059\u3055\u3092\u5411\u4e0a\u3055\u305b\u3066\u3044\u307e\u3059 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306fE\u30b3\u30de\u30fc\u30b9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u30ab\u30fc\u30c8\u6a5f\u80fd\u3092\u8868\u3059\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u30ab\u30fc\u30c8\u30a2\u30a4\u30b3\u30f3\u3092\u633f\u5165\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30ab\u30b9\u30bf\u30e0\u30a2\u30a4\u30b3\u30f3\u306e\u4f5c\u6210\u3068\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306e\u5411\u4e0a\u306b\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.icon.metaTitle":"ILLA Cloud | \u30a2\u30a4\u30b3\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.icon.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3067\u306eIcon \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.image.name":"\u753b\u50cf","landingPageDetail.image.title":"ILLA Cloud \u306e\u753b\u50cf\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.image.description":"ILLA Cloud\u306eImage\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u753b\u50cf\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u8996\u899a\u7684\u306a\u9b45\u529b\u3068\u60c5\u5831\u306e\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f \'Image\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u96fb\u5b50\u5546\u53d6\u5f15\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u88fd\u54c1\u753b\u50cf\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u88fd\u54c1\u306e\u660e\u78ba\u3067\u9b45\u529b\u7684\u306a\u8868\u73fe\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306e\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002","landingPageDetail.image.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u753b\u50cf\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30a2\u30d7\u30ea\u5185\u306e\u753b\u50cf\u306e\u8868\u793a\u3068\u7ba1\u7406","landingPageDetail.image.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u3001\u30ae\u30e3\u30e9\u30ea\u30fc\u3001\u30b9\u30e9\u30a4\u30c0\u30fc\u3001\u30b5\u30e0\u30cd\u30a4\u30eb\u306a\u3069\u306e\u4f5c\u6210\u306b\u753b\u50cf\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.input.name":"Input","landingPageDetail.input.title":"ILLA Cloud \u306e Input Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.input.description":"ILLA Cloud \u3067\u306f\u3001\u5de6\u30e9\u30d9\u30eb\u306e Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u3063\u3066\u624b\u52d5\u30c7\u30fc\u30bf\u5165\u529b\u304c\u4e0d\u8981\u306b\u306a\u308a\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u3055\u3089\u306a\u308b\u51e6\u7406\u306b\u5fc5\u8981\u306a\u60c5\u5831\u3092\u7c21\u5358\u306b\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u9867\u5ba2\u306e\u9023\u7d61\u5148\u60c5\u5831\u3092\u53ce\u96c6\u3057\u3001\u30c7\u30fc\u30bf\u306e\u53ce\u96c6\u3068\u51e6\u7406\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u53ce\u96c6\u3055\u308c\u305f\u30c7\u30fc\u30bf\u306f\u3001\u9867\u5ba2\u30bb\u30b0\u30e1\u30f3\u30c6\u30fc\u30b7\u30e7\u30f3\u3001\u30bf\u30fc\u30b2\u30c3\u30c8\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30ad\u30e3\u30f3\u30da\u30fc\u30f3\u3001\u304a\u3088\u3073\u9867\u5ba2\u30b5\u30dd\u30fc\u30c8\u306b\u6d3b\u7528\u3067\u304d\u3001\u52b9\u7387\u7684\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3059\u308b\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPageDetail.input.metaTitle":"ILLA Cloud | Input Component ","landingPageDetail.input.metaDescription":"ILLA Cloud \u3067\u306e Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.list.name":"\u30ea\u30b9\u30c8","landingPageDetail.list.title":"ILLA Cloud\u306e\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.list.description":"\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u3092\u8868\u793a\u304a\u3088\u3073\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u7d44\u7e54\u7684\u304b\u3064\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u304c\u60c5\u5831\u306b\u3059\u3070\u3084\u304f\u30a2\u30af\u30bb\u30b9\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u55b6\u696d\u30de\u30cd\u30fc\u30b8\u30e3\u306f\u3001format@@0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u9867\u5ba2\u306e\u6ce8\u6587\u3092\u8868\u793a\u304a\u3088\u3073\u8ffd\u8de1\u3057\u3001\u30c8\u30ec\u30f3\u30c9\u3092\u8fc5\u901f\u306b\u7279\u5b9a\u3057\u3001\u30c7\u30fc\u30bf\u99c6\u52d5\u578b\u306e\u610f\u601d\u6c7a\u5b9a\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5168\u4f53\u3068\u3057\u3066\u3001List \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u3001\u30c7\u30fc\u30bf\u5206\u6790\u3092\u5f37\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.list.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30c7\u30fc\u30bf\u306e\u7e70\u308a\u8fd4\u3057\u884c\u3092\u4f5c\u6210","landingPageDetail.list.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u3001\u30ae\u30e3\u30e9\u30ea\u30fc\u3001\u30b9\u30e9\u30a4\u30c0\u30fc\u3001\u30c6\u30fc\u30d6\u30eb\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u30ea\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.menu.name":"\u30e1\u30cb\u30e5\u30fc","landingPageDetail.menu.title":"ILLA Cloud\u306e\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.menu.description":"\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u3001\u8907\u6570\u306e\u30da\u30fc\u30b8\u3092\u79fb\u52d5\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u306a\u304f\u3001\u3055\u307e\u3056\u307e\u306a\u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u3059\u3070\u3084\u304f\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u3055\u307e\u3056\u307e\u306a\u6a5f\u80fd\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u305f\u3081\u306b\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u983b\u7e41\u306b\u4f7f\u7528\u3055\u308c\u308b\u6a5f\u80fd\u306b\u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.menu.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30da\u30fc\u30b8\u69cb\u9020\u306e\u8868\u793a\u3068\u7ba1\u7406","landingPageDetail.menu.metaDescription":"\u30e1\u30cb\u30e5\u30fc\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d0\u30fc\u3001\u30b5\u30a4\u30c9\u30d0\u30fc\u3001\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u30e1\u30cb\u30e5\u30fc\u306a\u3069\u3092ILLA Cloud\u3067\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.modal.name":"\u30e2\u30fc\u30c0\u30eb\u8a9e","landingPageDetail.modal.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.modal.description":"ILLA Cloud\u306e\u300cModal\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u73fe\u5728\u306e\u30da\u30fc\u30b8\u304b\u3089\u79fb\u52d5\u3057\u305f\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u4e2d\u65ad\u3057\u305f\u308a\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u8868\u793a\u3084\u30e6\u30fc\u30b6\u64cd\u4f5c\u306e\u30d7\u30ed\u30f3\u30d7\u30c8\u3092\u8868\u793a\u3067\u304d\u308b\u30e6\u30fc\u30b6\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u8981\u7d20\u3067\u3059\u3002 \u65e2\u5b58\u306e\u30da\u30fc\u30b8\u306e\u4e0a\u90e8\u306b\u30d5\u30ed\u30fc\u30c6\u30a3\u30f3\u30b0\u30ec\u30a4\u30e4\u30fc\u3092\u4f5c\u6210\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u53ce\u96c6\u3057\u305f\u308a\u3001\u60c5\u5831\u3092\u8868\u793a\u3057\u305f\u308a\u3001\u5165\u529b\u3092\u4fc3\u3057\u305f\u308a\u3057\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u3088\u308a\u30b7\u30fc\u30e0\u30ec\u30b9\u3067\u5408\u7406\u5316\u3055\u308c\u305f\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002 \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u3084\u308a\u53d6\u308a\u3057\u306a\u304c\u3089\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u540c\u3058\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u5185\u306b\u3068\u3069\u307e\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.modal.metaTitle":"ILLA Cloud | \u30e2\u30fc\u30c0\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.modal.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Modal \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.multiselect.name":"\u8907\u6570\u9078\u629e","landingPageDetail.multiselect.title":"ILLA Cloud \u306e MultiSelect \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.multiselect.description":"ILLA Cloud\u306eMulti Select\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30ea\u30b9\u30c8\u304b\u3089\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u4fbf\u5229\u3067\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a2\u30f3\u30b1\u30fc\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Multi Select\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u597d\u307f\u306e\u88fd\u54c1\u3084\u30b5\u30fc\u30d3\u30b9\u306a\u3069\u30c7\u30fc\u30bf\u53ce\u96c6\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059","landingPageDetail.multiselect.metaTitle":"ILLA Cloud | \u30de\u30eb\u30c1\u30bb\u30ec\u30af\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.multiselect.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3067\u306e\u30de\u30eb\u30c1\u30bb\u30ec\u30af\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.numberInput.name":"Number input","landingPageDetail.numberInput.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u6570\u5024\u5165\u529b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.numberInput.description":"ILLA Cloud \u3067\u306f\u3001\u5de6\u30e9\u30d9\u30eb\u306e Number Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u6570\u5024\u3092\u5165\u529b\u3067\u304d\u307e\u3059\u3002 \u8fc5\u901f\u304b\u3064\u5bb9\u6613\u306a\u5165\u529b\u306e\u305f\u3081\u306e\u5408\u7406\u5316\u3055\u308c\u305f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u624b\u52d5\u30c7\u30fc\u30bf\u5165\u529b\u306e\u5fc5\u8981\u6027\u3092\u6392\u9664\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u5404\u9805\u76ee\u306e\u6570\u91cf\u3068\u4fa1\u683c\u3092\u53ce\u96c6\u3059\u308b\u305f\u3081\u306b\u300cNumber Input\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u542b\u3080\u6ce8\u6587\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306f\u3001\u4f01\u696d\u304c\u6ce8\u6587\u3092\u51e6\u7406\u3059\u308b\u969b\u306b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30a8\u30e9\u30fc\u3092\u6e1b\u3089\u3059\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002","landingPageDetail.numberInput.metaTitle":"ILLA Cloud | \u6570\u5024\u5165\u529b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.numberInput.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306eNumber Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.pdf.name":"PDF","landingPageDetail.pdf.title":"ILLA Cloud\u306ePDF\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.pdf.description":"ILLA Cloud\u306e\u300cPDF\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a2\u30d7\u30ea\u5185\u306ePDF\u30d5\u30a1\u30a4\u30eb\u3092\u8868\u793a\u304a\u3088\u3073\u64cd\u4f5c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u7ba1\u7406\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u7570\u306a\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u3084\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u306a\u304f\u3001PDF\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u6ce8\u91c8\u3092\u4ed8\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u751f\u7523\u6027\u3068\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002","landingPageDetail.pdf.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | PDF\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.pdf.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 PDF \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.radioButton.name":"Radio Button","landingPageDetail.radioButton.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u7121\u7dda\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.radioButton.description":"Radio Button\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8907\u6570\u306e\u9078\u629e\u80a2\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u8fc5\u901f\u304b\u3064\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3067\u3059\u3002 \u6df7\u4e71\u3092\u907f\u3051\u610f\u601d\u6c7a\u5b9a\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059 \u305f\u3068\u3048\u3070\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u306f\u3001\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u81ea\u5206\u306e\u5e74\u9f62\u30b0\u30eb\u30fc\u30d7\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5165\u529b\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3059\u308b\u3053\u3068\u3067\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.radioButton.metaTitle":"ILLA Cloud | \u7121\u7dda\u30dc\u30bf\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.radioButton.metaDescription":" \u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u306eRadio Button\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.radioGroup.name":"\u7121\u7dda\u30b0\u30eb\u30fc\u30d7","landingPageDetail.radioGroup.title":"ILLA Cloud \u306e\u7121\u7dda\u30b0\u30eb\u30fc\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.radioGroup.description":"ILLA Cloud\u306eRadio Group\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30ea\u30b9\u30c8\u304b\u30891\u3064\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u7c21\u5358\u3067\u52b9\u7387\u7684\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30a8\u30e9\u30fc\u3092\u6e1b\u3089\u3057\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f\u30a4\u30d9\u30f3\u30c8\u767b\u9332\u7528\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Radio Group\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u304c\u5e0c\u671b\u3059\u308b\u30a4\u30d9\u30f3\u30c8\u3092\u9078\u629e\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u767b\u9332\u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3002","landingPageDetail.radioGroup.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u7121\u7dda\u30b0\u30eb\u30fc\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u7c21\u5358\u306b\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9","landingPageDetail.radioGroup.metaDescription":"\u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30d5\u30a9\u30fc\u30e0\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306a\u3069\u3092ILLA Cloud\u3067\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.rate.name":"\u5229\u7387","landingPageDetail.rate.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30ec\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.rate.description":"ILLA Cloud\u306e\u300c\u30ec\u30fc\u30c8\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u88fd\u54c1\u3001\u30b5\u30fc\u30d3\u30b9\u3001\u307e\u305f\u306f\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u8a55\u4fa1\u3059\u308b\u305f\u3081\u306e\u8fc5\u901f\u304b\u3064\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u63d0\u4f9b\u3059\u308b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u3001format@@0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6700\u8fd1\u306e\u8cfc\u5165\u307e\u305f\u306f\u4f53\u9a13\u3092\u8a55\u4fa1\u3067\u304d\u307e\u3059\u3002 \u4f01\u696d\u304c\u9867\u5ba2\u304b\u3089\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u306b\u57fa\u3065\u3044\u3066\u88fd\u54c1\u3084\u30b5\u30fc\u30d3\u30b9\u3092\u6539\u5584\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002","landingPageDetail.rate.metaTitle":"ILLA Cloud | \u30ec\u30fc\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.rate.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Rate \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.select.name":"\u9078\u629e","landingPageDetail.select.title":"ILLA Cloud\u306e\u300c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u9078\u629e\u300d\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.select.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e Select \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u306f\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30ea\u30b9\u30c8\u304b\u3089\u9078\u629e\u3067\u304d\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u30c7\u30fc\u30bf\u3092\u5165\u529b\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u3067\u30b9\u30da\u30fc\u30b9\u52b9\u7387\u306e\u9ad8\u3044\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30a2\u30f3\u30b1\u30fc\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Select\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u9078\u629e\u3067\u304d\u308b\u5e45\u5e83\u3044\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002 \u30d7\u30ed\u30bb\u30b9\u3092\u7c21\u7d20\u5316\u3057\u3001\u6b63\u78ba\u306a\u30c7\u30fc\u30bf\u53ce\u96c6\u3092\u78ba\u4fdd\u3057\u307e\u3059\u3002","landingPageDetail.select.metaTitle":"ILLA Cloud Select Component - Select One Option from a List of Choices with ease","landingPageDetail.select.metaDescription":"ILLA Cloud \u3067\u9078\u629e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u30ea\u30b9\u30c8\u304b\u3089\u9078\u629e\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.statistics.name":"\u7d71\u8a08\u60c5\u5831","landingPageDetail.statistics.title":"ILLA Cloud \u306e\u7d71\u8a08\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.statistics.description":"ILLA Cloud\u306e\u300cStatistics\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u3067\u308f\u304b\u308a\u3084\u3059\u3044\u65b9\u6cd5\u3067\u6570\u5024\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3067\u304d\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u5206\u6790\u3084\u610f\u601d\u6c7a\u5b9a\u3092\u6539\u5584\u3059\u308b\u3053\u3068\u3067\u3059 \u305f\u3068\u3048\u3070\u3001format@@0 \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u68d2\u30b0\u30e9\u30d5\u306a\u3069\u306e\u3055\u307e\u3056\u307e\u306a\u8996\u899a\u7684\u5f62\u5f0f\u3067\u58f2\u4e0a\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3059\u308b\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u5186\u30b0\u30e9\u30d5\u3001\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u3001\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f\u30d3\u30b8\u30e5\u30a2\u30e9\u30a4\u30bc\u30fc\u30b7\u30e7\u30f3\u306e\u4f5c\u6210\u306b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30c7\u30fc\u30bf\u306e\u8fc5\u901f\u304b\u3064\u660e\u78ba\u306a\u6982\u8981\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002","landingPageDetail.statistics.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|\u7d71\u8a08\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.statistics.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Statistics \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.switch.name":"\u5207\u308a\u66ff\u3048","landingPageDetail.switch.title":"ILLA Cloud\u306eSwitch\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.switch.description":"ILLA Cloud\u306eSwitch\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u8a2d\u5b9a\u3084\u6a5f\u80fd\u3092\u30aa\u30f3\u307e\u305f\u306f\u30aa\u30d5\u306b\u3059\u308b\u305f\u3081\u306e\u76f4\u611f\u7684\u3067\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u6642\u9593\u306e\u7bc0\u7d04\u3068\u52b9\u7387\u306e\u5411\u4e0a \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u30fc\u306f\u901a\u77e5\u30b7\u30b9\u30c6\u30e0\u3092\u4f5c\u6210\u3057\u3001\'Switch\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7279\u5b9a\u306e\u30a4\u30d9\u30f3\u30c8\u306e\u901a\u77e5\u3092\u30aa\u30f3\u307e\u305f\u306f\u30aa\u30d5\u306b\u3067\u304d\u308b\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002 \u65b0\u3057\u3044\u30e1\u30c3\u30bb\u30fc\u30b8\u3084\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u306a\u3069\u3001\u4e0d\u5fc5\u8981\u306a\u4e2d\u65ad\u3092\u6e1b\u3089\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059","landingPageDetail.switch.metaTitle":"ILLA Cloud | \u90e8\u54c1\u306e\u5207\u308a\u66ff\u3048","landingPageDetail.switch.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3067Switch\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.tables.name":"\u30c6\u30fc\u30d6\u30eb","landingPageDetail.tables.title":"ILLA Cloud \u306e\u30c6\u30fc\u30d6\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.tables.description":"ILLA Cloud\u306e\u300cTable\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30fb\u30c7\u30fc\u30bf\u3092\u8868\u5f62\u5f0f\u3067\u8868\u793a\u3057\u3001\u5927\u91cf\u306e\u60c5\u5831\u3092\u3059\u3070\u3084\u304f\u5206\u6790\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30bd\u30fc\u30c8\u3001\u691c\u7d22\u3001\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u306a\u3069\u306e\u6a5f\u80fd\u304c\u3042\u308a\u307e\u3059 \u30c6\u30fc\u30d6\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u5fc5\u8981\u306a\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u898b\u3064\u3051\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u3001\u7570\u306a\u308b\u5217\u30bf\u30a4\u30d7\u3001\u8272\u3001\u66f8\u5f0f\u8a2d\u5b9a\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u3066\u30c6\u30fc\u30d6\u30eb\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002 \u8907\u96d1\u306a\u30c7\u30fc\u30bf\u306e\u8996\u899a\u7684\u306b\u9b45\u529b\u7684\u3067\u308f\u304b\u308a\u3084\u3059\u3044\u8868\u73fe\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002","landingPageDetail.tables.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | \u30c6\u30fc\u30d6\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.tables.metaDescription":"ILLA Cloud \u306e Tables \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u4f4e\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.tabs.name":"Tabs","landingPageDetail.tabs.title":"ILLA Cloud\u306eformat@@0\u30bf\u30d6\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.tabs.description":"ILLA Cloud\u306e\u300cTab\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u5e45\u5e83\u3044\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u5fc5\u8981\u3068\u305b\u305a\u306b\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u3055\u307e\u3056\u307e\u306a\u30bb\u30af\u30b7\u30e7\u30f3\u3092\u7c21\u5358\u306b\u5207\u308a\u66ff\u3048\u3089\u308c\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001Tabs\u3092\u4f7f\u7528\u3057\u3066\u3001\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u7570\u306a\u308b\u30d3\u30e5\u30fc\u3084\u30e2\u30fc\u30c9\u3092\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u30e6\u30fc\u30b6\u30d3\u30ea\u30c6\u30a3\u3068\u751f\u7523\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002","landingPageDetail.tabs.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u30bf\u30d6\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u30ab\u30c6\u30b4\u30ea\u5316\u3068\u8868\u793a","landingPageDetail.tabs.metaDescription":"\u30bf\u30d6\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30d5\u30a9\u30fc\u30e0\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.text.name":"\u30c6\u30ad\u30b9\u30c8","landingPageDetail.text.title":"ILLA Cloud \u306e\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.text.description":"ILLA Cloud\u306eText\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30c6\u30ad\u30b9\u30c8\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u7c21\u5358\u306a\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u3001\u60c5\u5831\u306e\u8aad\u307f\u3084\u3059\u3055\u3068\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u306f \'Text\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u91cd\u8981\u306a\u547d\u4ee4\u3084\u60c5\u5831\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u9023\u7d61\u5148\u3084\u88fd\u54c1\u8aac\u660e\u306a\u3069\u3001\u91cd\u8981\u306a\u60c5\u5831\u3092\u4f1d\u3048\u308b\u305f\u3081\u306e\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002","landingPageDetail.text.metaTitle":"ILLA Cloud | \u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.text.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 Text \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.textareaInput.name":"Textarea input","landingPageDetail.textareaInput.title":"ILLA Cloud \u306e Textarea Input Component \u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.textareaInput.description":"ILLA Cloud \u306e Textarea Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7c21\u5358\u306b\u8907\u6570\u884c\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u304a\u3088\u3073\u7de8\u96c6\u3067\u304d\u308b\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u30c4\u30fc\u30eb\u3067\u3059\u3002 \u4f8b\u3048\u3070\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u300cTextarea Input\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u542b\u3080\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8a73\u7d30\u306a\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u5165\u529b\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u6642\u9593\u3092\u7bc0\u7d04\u3057\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u307e\u3059","landingPageDetail.textareaInput.metaTitle":"ILLA Cloud | Textarea Input Component","landingPageDetail.textareaInput.metaDescription":"ILLA Cloud \u306eTextarea Input \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002","landingPageDetail.timeline.name":"\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3","landingPageDetail.timeline.title":"ILLA Cloud \u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.timeline.description":"ILLA Cloud\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u6357\u307e\u305f\u306f\u5c65\u6b74\u3092\u660e\u78ba\u304b\u3064\u7d44\u7e54\u7684\u306b\u8996\u899a\u7684\u306b\u8868\u73fe\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u306f\u3001format@@0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30de\u30a4\u30eb\u30b9\u30c8\u30fc\u30f3\u3092\u8996\u899a\u7684\u306b\u8868\u793a\u3067\u304d\u307e\u3059\u3002 \u7de0\u3081\u5207\u308a\u3084\u6210\u679c\u7269\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u4f5c\u6210\u306b\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30c1\u30fc\u30e0\u30e1\u30f3\u30d0\u30fc\u3084\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u306b\u4f1d\u3048\u307e\u3059\u3002","landingPageDetail.timeline.metaTitle":"ILLA Cloud | \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8","landingPageDetail.timeline.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.upload.name":"\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","landingPageDetail.upload.title":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.upload.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u3042\u3089\u3086\u308b\u7a2e\u985e\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u81ea\u5206\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u7c21\u5358\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u7ba1\u7406\u306b\u4fbf\u5229\u3067\u5408\u7406\u5316\u3055\u308c\u305f\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u63d0\u4f9b\u3057\u307e\u3059 \u4f8b\u3048\u3070\u3001 \u30e6\u30fc\u30b6\u30fc\u306f\u30aa\u30f3\u30e9\u30a4\u30f3\u30b9\u30c8\u30a2\u3092\u4f5c\u6210\u3057\u3001\'\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\' \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u6ce8\u6587\u306e\u9001\u4fe1\u6642\u306b\u9867\u5ba2\u304c\u753b\u50cf\u3084\u305d\u306e\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u6642\u9593\u306e\u7bc0\u7d04\u3068\u52b9\u7387\u306e\u5411\u4e0a","landingPageDetail.upload.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9","landingPageDetail.upload.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u4f7f\u7528\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.video.name":"\u30d3\u30c7\u30aa","landingPageDetail.video.title":"ILLA Cloud \u306e\u30d3\u30c7\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.video.description":"ILLA \u30af\u30e9\u30a6\u30c9\u306e\u300c\u30d3\u30c7\u30aa\u300d\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u306e\u30d3\u30c7\u30aa\u3092\u518d\u751f\u3057\u3001\u5bfe\u8a71\u3057\u307e\u3059\u3002 \u5916\u90e8\u306e\u30d3\u30c7\u30aa\u30d7\u30ec\u30fc\u30e4\u30fc\u306b\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u306a\u304f\u3001\u52d5\u753b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u7c21\u5358\u306b\u8868\u793a\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u6642\u9593\u3092\u7bc0\u7d04\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u30d3\u30c7\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5185\u3067\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30d3\u30c7\u30aa\u3084\u88fd\u54c1\u30c7\u30e2\u3092\u898b\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u751f\u7523\u6027\u3068\u52b9\u7387\u6027\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002","landingPageDetail.video.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9\u52d5\u753b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 - \u30a2\u30d7\u30ea\u5185\u306e\u52d5\u753b\u3068\u306e\u76f8\u4e92\u4f5c\u7528","landingPageDetail.video.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u30d3\u30c7\u30aa\u3001\u88fd\u54c1\u30c7\u30e2\u3001\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306a\u3069\u306e\u4f5c\u6210\u306b\u30d3\u30c7\u30aa\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.airtable.name":"Airtable","landingPageDetail.airtable.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Airtable \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.airtable.description":"\u300cILLA Cloud\u306eAirable\u7d71\u5408\u306b\u3088\u308a\u3001 \u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d0\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u7d71\u5408\u306b\u3088\u308a\u3001Airtable\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001Airtable\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001Airtable \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud \u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Airtable \u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.airtable.metaTitle":"Airtable","landingPageDetail.airtable.metaDescription":"\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u30c7\u30fc\u30bf\u3001\u30c1\u30fc\u30e0\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7ba1\u7406\u3059\u308b\u305f\u3081\u306e\u67d4\u8edf\u3067\u5354\u8abf\u7684\u306a\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","landingPageDetail.appwrite.name":"Appwrite","landingPageDetail.appwrite.title":"ILLA Cloud\u3067Appwrite\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.appwrite.description":"ILLA Cloud\u306eAppwrite\u7d71\u5408\u3067\u3002 \u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d0\u30fc\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u3068\u306e\u9023\u643a\u306b\u3088\u308a\u3001Appwrite\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001Appwrite\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u30b9\u30c8\u30ec\u30fc\u30b8\u3001\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u304b\u3089\u306e\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Appwrite\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eAppwrite\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Appwrite\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.appwrite.metaTitle":"ILLA Cloud Appwrite Integration - Appwrite\u30c7\u30fc\u30bf\u306e\u63a5\u7d9a\u3068\u7ba1\u7406","landingPageDetail.appwrite.metaDescription":"Appwrite\u7d71\u5408\u3092\u4f7f\u7528\u3057\u3066\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Appwrite\u306e\u529b\u3092\u6d3b\u7528\u3057\u305f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.clickhouse.name":"Clickhouse","landingPageDetail.clickhouse.title":"ILLA Cloud\u3067Clickhouse\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.clickhouse.description":"ILLA Cloud\u306eClickHouse\u3068\u306e\u7d71\u5408\u306b\u3088\u308a\u3001ClickHouse\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 ClickHouse\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001ClickHouse\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eClickHouse\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001ClickHouse\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.clickhouse.metaTitle":"ILLA Cloud | ClickHouse Integration","landingPageDetail.clickhouse.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001ClickHouse\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u64cd\u4f5c\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.couchdb.name":"CouchDB","landingPageDetail.couchdb.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 CouchDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.couchdb.description":"ILLA Cloud\u306eCouchDB\u7d71\u5408\u306b\u3088\u308a\u3001\u8fc5\u901f\u306b\u8a2d\u5b9a\u304a\u3088\u3073CouchDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 CouchDB\u306e\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001CouchDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eCouchDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001CouchDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.couchdb.metaTitle":"ILLA Cloud | CouchDB \u7d71\u5408","landingPageDetail.couchdb.metaDescription":"CouchDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002","landingPageDetail.dynamodb.name":"Amazon DynamoDB","landingPageDetail.dynamodb.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Amazon DynamoDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.dynamodb.description":"ILLA Cloud \u306e Amazon DynamoDB \u7d71\u5408\u306b\u3088\u308a\u3001DynamoDB \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 DynamoDB\u306e\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001DynamoDB\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eAmazon DynamoDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001DynamoDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.dynamodb.metaTitle":"ILLA Cloud | Amazon DynamoDB Integration","landingPageDetail.dynamodb.metaDescription":"Amazon DynamoDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.elasticsearch.name":"Elastic Search","landingPageDetail.elasticsearch.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Elastic Search \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.elasticsearch.description":"ILLA Cloud \u306e Elastic Search \u3068\u306e\u7d71\u5408 Elastic Search \u30af\u30e9\u30b9\u30bf\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3057\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u3001Elastic Search\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u691c\u7d22\u304a\u3088\u3073\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u4f8b\u3048\u3070\u3001Elastic Search \u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eElastic Search\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Elastic Search\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.elasticsearch.metaTitle":"ILLA Cloud | Elastic Search Integration","landingPageDetail.elasticsearch.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001Elastic Search\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.firebase.name":"Firebase","landingPageDetail.firebase.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Firebase\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.firebase.description":"ILLA Cloud\u306eFirebase\u7d71\u5408\u306b\u3088\u308a\u3001Firebase\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Firebase\u30af\u30a8\u30ea\u3068API\u547c\u3073\u51fa\u3057\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u64cd\u4f5c\u3092\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u4f8b\u3048\u3070\u3001Firebase \u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eFirebase\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Firebase\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.firebase.metaTitle":"ILLA Cloud | Firebase Integration","landingPageDetail.firebase.metaDescription":"Firebase\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.googlesheets.name":"Google \u30b7\u30fc\u30c8","landingPageDetail.googlesheets.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.googlesheets.description":"ILLA Cloud \u306eGoogle Sheets\u3068\u306e\u7d71\u5408 Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001Google Sheets API\u3092\u4f7f\u7528\u3057\u3066Google\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u66f8\u304d\u3001\u64cd\u4f5c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u7d20\u5316\u3055\u308c\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud \u306e Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Google \u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.googlesheets.metaTitle":"ILLA Cloud Google Sheets Integration - Google Sheets \u30c7\u30fc\u30bf\u306e\u63a5\u7d9a\u3068\u7ba1\u7406","landingPageDetail.googlesheets.metaDescription":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30d5\u30a9\u30fc\u30e0\u306a\u3069\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b Google \u30b7\u30fc\u30c8\u306e\u7d71\u5408\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.graphql.name":"GraphQL","landingPageDetail.graphql.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066GraphQL\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.graphql.description":"ILLA Cloud\u306eGraphQL\u7d71\u5408\u306b\u3088\u308a\u3001 GraphQL API \u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3067\u304d\u308b\u305f\u3081\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306e\u7d71\u5408\u306b\u3088\u308a\u3001GraphQL API \u304b\u3089\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u53d6\u5f97\u3057\u3066\u64cd\u4f5c\u3067\u304d\u308b\u305f\u3081\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u307e\u3059\u3002 \u5fc5\u8981\u306aGraphQL\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u306e\u8ffd\u52a0\u3084\u66f8\u304d\u8fbc\u307f\u3092\u5b89\u5168\u306b\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001GraphQL API \u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eGraphQL\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001GraphQL\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.graphql.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | GraphQL \u7d71\u5408","landingPageDetail.graphql.metaDescription":"GraphQL API \u3092 ILLA Cloud \u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u4f4e\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002 ","landingPageDetail.huggingface.name":"\u9854\u63a8\u8ad6API \u3092\u30cf\u30b0\u3059\u308b","landingPageDetail.huggingface.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Hugging Face Inference API \u306b\u63a5\u7d9a\u3057\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.huggingface.description":"ILLA Cloud\u306eHugging Face Inference API\u306e\u7d71\u5408\u306b\u3088\u308a\u3001 Hugging Face\u306e\u5f37\u529b\u306a\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u306b\u3059\u3070\u3084\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Hugging Face\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u5358\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u308b\u3044\u306f\u4f8b\u3048\u3070... \u5916\u90e8\u30bd\u30fc\u30b9\u304b\u3089\u30c6\u30ad\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001Hug Face API\u547c\u3073\u51fa\u3057\u3092\u4ecb\u3057\u3066\u30bb\u30f3\u30c1\u30e1\u30f3\u30c8\u5206\u6790\u3084\u8a00\u8a9e\u7ffb\u8a33\u3092\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306eHugging Face Inference API\u306e\u7d71\u5408\u306b\u3088\u308a\u3001 Hugging Face\u306e\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.huggingface.metaTitle":"ILLA Cloud Hugging Face Inferation API Integration - ML\u30e2\u30c7\u30eb\u306e\u63a5\u7d9a\u3068\u4f7f\u7528","landingPageDetail.huggingface.metaDescription":"ILLA Cloud\u3067\u306eHugging Face Inferation API\u7d71\u5408\u306b\u3088\u308a\u300113\u4e07\u4ee5\u4e0a\u306e\u6a5f\u68b0\u5b66\u7fd2\u30e2\u30c7\u30eb\u306b\u63a5\u7d9a\u3057\u3066\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ","landingPageDetail.huggingfaceendpoint.name":"\u9854\u63a8\u8ad6\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8","landingPageDetail.huggingfaceendpoint.title":"Hugging Face Inference Endpoint\u306bILLA Cloud\u3067\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.huggingfaceendpoint.description":"ILLA\u30af\u30e9\u30a6\u30c9\u306eHugging Face Endpoint\u7d71\u5408\u3067 Hugging Face\u306e\u5f37\u529b\u306a\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u3092\u7d20\u65e9\u304f\u7c21\u5358\u306b\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Hugging Face\u306eAPI\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u5358\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u308b\u3044\u306f\u4f8b\u3048\u3070... \u5916\u90e8\u30bd\u30fc\u30b9\u304b\u3089\u30c6\u30ad\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001Hug Face\u63a8\u8ad6\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u901a\u3058\u3066\u305d\u308c\u3092\u6e21\u3059\u3053\u3068\u3067\u3001\u30bb\u30f3\u30c1\u30e1\u30f3\u30c8\u5206\u6790\u3084\u8a00\u8a9e\u7ffb\u8a33\u3092\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002 ILLA\u30af\u30e9\u30a6\u30c9\u306eHugging Face Endpoint\u7d71\u5408\u3067 Hugging Face\u306e\u81ea\u7136\u8a00\u8a9e\u51e6\u7406\u30e2\u30c7\u30eb\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.huggingfaceendpoint.metaTitle":"ILLA Cloud | Hugging Face Inference Endpoint Integration","landingPageDetail.huggingfaceendpoint.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u3042\u3089\u3086\u308bHugging Face Inferation Endpoint\u3068\u63a5\u7d9a\u3057\u3066\u3084\u308a\u53d6\u308a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.hydra.name":"\u30d2\u30c9\u30e9\u8a9e","landingPageDetail.hydra.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Hydra\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.hydra.description":"\\"With ILLA Cloud\'s Hydra integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows.\\r\\nThe integration simplifies data management by leveraging Hydra\'s API endpoints, allowing you to easily manipulate data from your Hydra databases, storage and authentication services. You can safely add or write data by providing input, including necessary API calls, and incorporating app-based validation checks.\\r\\nFor example, you can retrieve data from an Hydra database and add a button that, when clicked, performs an API call to update the data or approve a request. With ILLA Cloud\'s Hydra integration, you can streamline your data management process and leverage the powerful capabilities of Hydra to enhance your productivity.\\"","landingPageDetail.hydra.metaTitle":"\u30d2\u30c9\u30e9\u8a9e","landingPageDetail.hydra.metaDescription":"Postgres\u4e0a\u306b\u69cb\u7bc9\u3055\u308c\u305f\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u5217\u6307\u5411\u306eRDBMS","landingPageDetail.mariadb.name":"MariaDB","landingPageDetail.mariadb.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 MariaDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mariadb.description":"ILLA Cloud\u306eMariaDB\u7d71\u5408\u3067\u3002 \u8fc5\u901f\u304b\u3064\u7c21\u5358\u306bMariaDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fSQL\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c6\u30fc\u30d6\u30eb\u3092\u64cd\u4f5c\u3057\u305f\u308a\u3001\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u30af\u30a8\u30ea\u3092\u7c21\u5358\u306b\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001\u4f8b\u3048\u3070\u3001MariaDB \u30c6\u30fc\u30d6\u30eb\u304b\u3089\u5f93\u696d\u54e1\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001SQL\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u5f93\u696d\u54e1\u306e\u60c5\u5831\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u307e\u3059\u3002 ILLA Cloud\u306eMariaDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306e\u53ef\u80fd\u6027\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u6700\u5c0f\u9650\u306e\u52b4\u529b\u3067\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mariadb.metaTitle":"ILLA Cloud | MariaDB Integration","landingPageDetail.mariadb.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001MariaDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3068\u63a5\u7d9a\u3057\u3066\u3084\u308a\u53d6\u308a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.mongodb.name":"MongoDB","landingPageDetail.mongodb.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066MongoDB\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mongodb.description":"ILLA Cloud\u306eMongoDB\u7d71\u5408\u306b\u3088\u308a\u3001MongoDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u7d20\u65e9\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fMongoDB\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u5358\u306b\u7d71\u5408\u3057\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001MongoDB\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eMongoDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001MongoDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mongodb.metaTitle":"ILLA Cloud | MongoDB Integration","landingPageDetail.mongodb.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001MongoDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.mssql.name":"Microsoft SQL Server","landingPageDetail.mssql.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Microsoft SQL Server \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mssql.description":"ILLA Cloud\u306eMicrosoft SQL Server\u7d71\u5408\u306b\u3088\u308a\u307e\u3059\u3002 SQL Server \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001SQL\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001SQL Server \u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eMicrosoft SQL Server\u7d71\u5408\u306b\u3088\u308a\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001SQL Server \u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mssql.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | Microsoft SQL Server \u306e\u7d71\u5408","landingPageDetail.mssql.metaDescription":"Microsoft SQL Server\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.mysql.name":"MySQL","landingPageDetail.mysql.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066MySQL\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.mysql.description":"ILLA Cloud\u3068MySQL\u3092\u7d71\u5408\u3059\u308b\u3068\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5927\u5e45\u306b\u5f37\u5316\u3057\u3001\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u3044\u304f\u3064\u304b\u306e\u7c21\u5358\u306a\u624b\u9806\u3067\u3001ILLA Cloud\u3092MySQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3067\u304d\u307e\u3059\u3002 \u30c7\u30fc\u30bf\u3068\u3084\u308a\u53d6\u308a\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5f37\u529b\u306a\u65b0\u3057\u3044\u65b9\u6cd5\u3067\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002 \u30c6\u30fc\u30d6\u30eb\u30b0\u30ea\u30c3\u30c9\u306b\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u8fbc\u3080\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 \u307e\u305f\u306fSQL\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u66f8\u304d\u8fbc\u3080\u30ab\u30b9\u30bf\u30e0\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3068\u3001ILLA\u30af\u30e9\u30a6\u30c9\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u5b89\u5168\u304b\u3064\u52b9\u7387\u7684\u306b\u7c21\u5358\u306b\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066MySQL\u30c7\u30fc\u30bf\u306b\u63a5\u7d9a\u3059\u308b\u3068\u3001\u610f\u56f3\u3057\u306a\u3044\u524a\u9664\u3084\u305d\u306e\u4ed6\u306e\u9ad8\u4fa1\u306a\u30a8\u30e9\u30fc\u3092\u907f\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001MySQL\u30c6\u30fc\u30d6\u30eb\u3092\u4f7f\u7528\u3057\u3066\u5f93\u696d\u54e1\u306e\u7d4c\u8cbb\u3092\u7ba1\u7406\u3057\u3066\u3044\u308b\u5834\u5408\u3002 ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c7\u30fc\u30bf\u3092\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306b\u8aad\u307f\u8fbc\u3093\u3060\u308a\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u66f8\u304d\u623b\u3057\u3066\u5404\u8cbb\u7528\u306e\u627f\u8a8d\u72b6\u6cc1\u3092\u66f4\u65b0\u3059\u308b\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u3001ILLA Cloud\u306e\u30b7\u30f3\u30d7\u30eb\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u660e\u78ba\u3067\u4f53\u7cfb\u7684\u306a\u65b9\u6cd5\u3067\u884c\u3044\u305f\u3044\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002 \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306e\u6700\u9069\u5316\u3068\u30d7\u30ed\u30bb\u30b9\u306e\u5408\u7406\u5316\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002","landingPageDetail.mysql.metaTitle":"ILLA Cloud | MySQL\u306e\u7d71\u5408","landingPageDetail.mysql.metaDescription":"MySQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092ILLA Cloud\u306b\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u306f\u3001\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002 ","landingPageDetail.neon.name":"Neon","landingPageDetail.neon.title":"ILLA Cloud\u3067\u30cd\u30aa\u30f3\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.neon.description":"\u5b8c\u5168\u306b\u7ba1\u7406\u3055\u308c\u305f\u30de\u30eb\u30c1\u30af\u30e9\u30a6\u30c9Postgres\u306f\u3001\u5bdb\u5927\u306a\u7121\u6599\u306e\u968e\u5c64\u3092\u5099\u3048\u3066\u3044\u307e\u3059\u3002\u79c1\u305f\u3061\u306f\u3001\u81ea\u52d5\u30b9\u30b1\u30fc\u30ea\u30f3\u30b0\u3001\u5206\u5c90\u3001\u304a\u3088\u3073\u5e95\u306a\u3057\u306e\u30b9\u30c8\u30ec\u30fc\u30b8\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306b\u30b9\u30c8\u30ec\u30fc\u30b8\u3068\u8a08\u7b97\u3092\u5206\u96e2\u3057\u307e\u3057\u305f\u3002","landingPageDetail.neon.metaTitle":"ILLA Cloud Neon Integration - \u30de\u30eb\u30c1\u30af\u30e9\u30a6\u30c9Postgres\u306b\u63a5\u7d9a","landingPageDetail.neon.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u306b\u30cd\u30aa\u30f3\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.oracledb.name":"Oracle DB","landingPageDetail.oracledb.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Oracle DB\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.oracledb.description":"ILLA Cloud\u306eOracle DB\u7d71\u5408\u306b\u3088\u308a\u3001Oracle\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u3059\u3070\u3084\u304f\u69cb\u6210\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001SQL\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Oracle\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eOracle DB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Oracle DB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.oracledb.metaTitle":"ILLA Cloud | Oracle DB \u7d71\u5408","landingPageDetail.oracledb.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3067Oracle DB\u7d71\u5408\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.postgresql.name":"PostgreSQL","landingPageDetail.postgresql.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066PostgreSQL\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.postgresql.description":"ILLA Cloud\u306ePostgreSQL\u7d71\u5408\u306b\u3088\u308a\u3001PostgreSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u7d20\u65e9\u304f\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3057\u3001\u4fe1\u983c\u6027\u306e\u9ad8\u3044\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3067\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3092\u6700\u9069\u5316\u3067\u304d\u307e\u3059\u3002 \u7d71\u5408\u306b\u3088\u308a\u3001SQL\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u30c6\u30fc\u30d6\u30eb\u3092\u64cd\u4f5c\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070PostgreSQL\u306e\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u5f93\u696d\u54e1\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u30011\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u4f11\u6687\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3059\u308b\u3068\u3057\u307e\u3059\u3002 \u3053\u306e\u5834\u5408\u3001SQL \u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3059\u308b\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3057\u3001\u5f93\u696d\u54e1\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u6e08\u307f\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306ePostgreSQL\u7d71\u5408\u306b\u3088\u308a\u3001\u7c21\u5358\u304b\u3064\u81ea\u4fe1\u3092\u6301\u3063\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002","landingPageDetail.postgresql.metaTitle":"ILLA Cloud | PostgreSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u7d71\u5408","landingPageDetail.postgresql.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001PostgreSQL\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3068\u63a5\u7d9a\u3057\u3066\u64cd\u4f5c\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002 ","landingPageDetail.redis.name":"Redis","landingPageDetail.redis.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Redis\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.redis.description":"ILLA Cloud\u306eRedis\u7d71\u5408\u306b\u3088\u308a\u3001\u8fc5\u901f\u306bRedis\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u7d71\u5408\u306b\u3088\u308a\u3001Redis\u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30b3\u30de\u30f3\u30c9\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u308b\u3044\u306f\u3001Redis\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068Redis\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u3092\u884c\u3044\u307e\u3059\u3002 ILLA Cloud\u306eRedis\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Redis\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.redis.metaTitle":"ILLA Cloud Redis\u306e\u7d71\u5408 - Redis\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u63a5\u7d9a\u3068\u7ba1\u7406","landingPageDetail.redis.metaDescription":"Redis \u3068\u306e\u7d71\u5408\u3092\u4f7f\u7528\u3057\u3066\u3001Redis \u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u64cd\u4f5c\u3001\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3001\u30ec\u30dd\u30fc\u30c8\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u4f5c\u6210\u306a\u3069\u3092ILLA Cloud \u3067\u884c\u3046\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.restapi.name":"REST API","landingPageDetail.restapi.title":"\u4efb\u610f\u306eRESTful API\u306b\u63a5\u7d9a\u3057\u3001\u5206\u5358\u4f4d\u3067ILLA\u30af\u30e9\u30a6\u30c9\u3067\u30ab\u30b9\u30bf\u30e0\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059","landingPageDetail.restapi.description":"ILLA Cloud\u306eREST API\u7d71\u5408\u306b\u3088\u308a\u3001\u3042\u3089\u3086\u308bRESTful API\u306b\u7d20\u65e9\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fRESTful API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u306e\u53d6\u5f97\u3068\u64cd\u4f5c\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001\u5916\u90e8\u306eRESTful API\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306e\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u3092\u884c\u3044\u307e\u3059\u3002 ILLA Cloud \u306e REST API \u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001RESTful API \u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.restapi.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9|REST API \u7d71\u5408","landingPageDetail.restapi.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u4efb\u610f\u306eREST API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u306b\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.s3.name":"S3","landingPageDetail.s3.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066Amazon S3\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.s3.description":"ILLA Cloud\u306eAmazon S3\u7d71\u5408\u3067\u3002 \u3059\u3070\u3084\u304f\u7c21\u5358\u306bAmazon S3\u30b9\u30c8\u30ec\u30fc\u30b8\u306b\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 S3 API\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001S3\u30d0\u30b1\u30c3\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u8aad\u307f\u66f8\u304d\u3001\u64cd\u4f5c\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306aAPI\u30b3\u30fc\u30eb\u3092\u542b\u3080\u5165\u529b\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001S3\u30d0\u30b1\u30c3\u30c8\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eAmazon S3\u7d71\u5408\u3067\u3002 \u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Amazon S3 \u30b9\u30c8\u30ec\u30fc\u30b8\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.s3.metaTitle":"ILLA Cloud | S3 \u3068\u306e\u7d71\u5408","landingPageDetail.s3.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud \u3067 S3 \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.smtp.name":"SMTP","landingPageDetail.smtp.title":"ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066SMTP\u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.smtp.description":"ILLA Cloud \u306e SMTP \u7d71\u5408\u306b\u3088\u308a\u307e\u3059\u3002 SMTP\u30b5\u30fc\u30d0\u30fc\u306b\u7d20\u65e9\u304f\u7c21\u5358\u306b\u63a5\u7d9a\u3057\u3066\u30e1\u30fc\u30eb\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u3068\u306e\u7d71\u5408\u306b\u3088\u308a\u3001\u30e1\u30fc\u30eb\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u307e\u3059\u3002ILLA \u30af\u30e9\u30a6\u30c9\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304b\u3089\u76f4\u63a5\u30e1\u30fc\u30eb\u3092\u9001\u53d7\u4fe1\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002 \u5fc5\u8981\u306aSMTP\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u542b\u3080\u5165\u529b\u3092\u63d0\u4f9b\u3057\u3001\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u691c\u8a3c\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u96fb\u5b50\u30e1\u30fc\u30eb\u3092\u9001\u4fe1\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u7279\u5b9a\u306e\u30a4\u30d9\u30f3\u30c8\u304c\u30c8\u30ea\u30ac\u30fc\u3055\u308c\u305f\u3068\u304d\u306b\u3001\u81ea\u52d5\u30e1\u30fc\u30eb\u3092\u30e6\u30fc\u30b6\u30fc\u306b\u9001\u4fe1\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306eSMTP\u7d71\u5408\u306b\u3088\u308a\u3001\u30e1\u30fc\u30eb\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001SMTP\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.smtp.metaTitle":"ILLA Cloud | SMTP\u7d71\u5408","landingPageDetail.smtp.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001\u3042\u3089\u3086\u308bSMTP\u30b5\u30fc\u30d0\u30fc\u3068\u63a5\u7d9a\u3057\u3066\u3084\u308a\u53d6\u308a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.snowflake.name":"\u30b9\u30ce\u30fc\u30d5\u30ec\u30fc\u30af","landingPageDetail.snowflake.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 Snowflake \u306b\u63a5\u7d9a\u3057\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.snowflake.description":"ILLA Cloud\u306eSnowflake\u306e\u7d71\u5408\u306b\u3088\u308a\u3001Snowflake\u306e\u30c7\u30fc\u30bf\u30a6\u30a7\u30a2\u30cf\u30a6\u30b9\u306b\u3059\u3070\u3084\u304f\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 Snowflake SQL \u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001Snowflake \u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30c7\u30fc\u30bf\u306e\u66f4\u65b0\u3084\u30ea\u30af\u30a8\u30b9\u30c8\u306e\u627f\u8a8d\u306e\u305f\u3081\u306b\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002 ILLA Cloud\u306eSnowflake\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001Snowflake\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.snowflake.metaTitle":"ILLA Cloud | Snowflake Integration","landingPageDetail.snowflake.metaDescription":"\u793e\u5185\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001Snowflake\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u63a5\u7d9a\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.supabaseDB.name":"Supabase DB","landingPageDetail.supabaseDB.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 SupabaseDB \u306b\u63a5\u7d9a\u3057\u3001\u307b\u3093\u306e\u6570\u56de\u306e\u30af\u30ea\u30c3\u30af\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3057\u307e\u3059\u3002","landingPageDetail.supabaseDB.description":"ILLA Cloud\u306eSupabaseDB\u7d71\u5408\u306b\u3088\u308a\u3001\u3059\u3070\u3084\u304fSupabaseDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5408\u7406\u5316\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306e\u7d71\u5408\u306b\u3088\u308a\u3001SupabaseDB\u30af\u30a8\u30ea\u3068API\u30b3\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u305f\u30c7\u30fc\u30bf\u7ba1\u7406\u304c\u7c21\u5358\u306b\u306a\u308a\u3001\u30c7\u30fc\u30bf\u3092\u7c21\u5358\u306b\u64cd\u4f5c\u3057\u3066\u8907\u96d1\u306a\u64cd\u4f5c\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u307e\u305f\u306f\u3001SupabaseDB\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001API \u30b3\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u3066\u30c7\u30fc\u30bf\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3057\u307e\u3059\u3002 ILLA Cloud\u306eSupabaseDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001SupabaseDB\u306e\u5f37\u529b\u306a\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u751f\u7523\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.supabaseDB.metaTitle":"ILLA Cloud | Supabase DB Integration","landingPageDetail.supabaseDB.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3042\u308bILLA Cloud\u3092\u4f7f\u7528\u3057\u3066\u3001Supabase DB\u3068\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPageDetail.tiDB.name":"TiDB","landingPageDetail.tiDB.title":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066 TiDB \u306b\u63a5\u7d9a\u3057\u3001\u6570\u56de\u30af\u30ea\u30c3\u30af\u3059\u308b\u3060\u3051\u3067\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","landingPageDetail.tiDB.description":"ILLA Cloud\u306eTiDB\u7d71\u5408\u306b\u3088\u308a\u3001TiDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u8a2d\u5b9a\u304a\u3088\u3073\u63a5\u7d9a\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u6700\u9069\u5316\u3057\u3001\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u5f37\u5316\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u5f7c\u306fSQL\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u7ba1\u7406\u3092\u7c21\u7d20\u5316\u3057\u3001\u30c6\u30fc\u30d6\u30eb\u3092\u64cd\u4f5c\u3057\u305f\u308a\u3001\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u305f\u308a\u3001\u8907\u96d1\u306a\u30af\u30a8\u30ea\u3092\u7c21\u5358\u306b\u5b9f\u884c\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002 \u5fc5\u8981\u306a\u30af\u30a8\u30ea\u3084\u30a2\u30d7\u30ea\u30d9\u30fc\u30b9\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\u3092\u7d44\u307f\u8fbc\u3080\u3053\u3068\u3067\u3001\u5b89\u5168\u306b\u30c7\u30fc\u30bf\u3092\u8ffd\u52a0\u307e\u305f\u306f\u66f8\u304d\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070... TiDB\u30c6\u30fc\u30d6\u30eb\u304b\u3089\u5f93\u696d\u54e1\u306e\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3001SQL\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u5f93\u696d\u54e1\u306e\u60c5\u5831\u3092\u66f4\u65b0\u3057\u305f\u308a\u3001\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u627f\u8a8d\u3057\u305f\u308a\u3059\u308b\u30dc\u30bf\u30f3\u3092\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002 ILLA Cloud\u306eTiDB\u7d71\u5408\u306b\u3088\u308a\u3001\u30c7\u30fc\u30bf\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9\u3092\u5408\u7406\u5316\u3057\u3001\u81ea\u4fe1\u3092\u6301\u3063\u3066\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306e\u53ef\u80fd\u6027\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","landingPageDetail.tiDB.metaTitle":"ILLA \u30af\u30e9\u30a6\u30c9 | TiDB \u7d71\u5408","landingPageDetail.tiDB.metaDescription":"\u5185\u90e8\u30c4\u30fc\u30eb\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30ed\u30fc\u30b3\u30fc\u30c9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001ILLA Cloud\u3092\u4f7f\u7528\u3057\u3066TiDB\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3066\u5bfe\u8a71\u3059\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002","landingPage.build_with":"{name} \u3067\u30d3\u30eb\u30c9","landingPage.back_to_components":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u623b\u308b","content.all.title":"ILLA Cloud \u306f\u3059\u3079\u3066\u3092\u7d71\u5408\u3057\u307e\u3057\u305f","how_to_use.title.3_steps_to_customize":"\u3064\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u3001\u30d3\u30b8\u30cd\u30b9\u30a2\u30d7\u30ea\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b","how_to_use.description.build_tools_through":"\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3067\u30c4\u30fc\u30eb\u3092\u30d3\u30eb\u30c9\u3057\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u3001\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u3001AI\u3092\u30cb\u30fc\u30ba\u3068\u30c7\u30fc\u30bf\u306b\u9069\u3057\u305f\u30b9\u30de\u30fc\u30c8\u30c4\u30fc\u30eb\u3068\u3057\u3001\u4ed5\u4e8b\u3092\u3088\u308a\u52b9\u7387\u7684\u306b\u3057\u307e\u3059\u3002","how_to_use.step1_title.create_ai_agent_for":"UI\u3092\u8a2d\u8a08\u3059\u308b\u305f\u3081\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u3059\u308b","how_to_use.step1_description.you_can_create_an_ai":"\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7\u3059\u308b\u3053\u3068\u3067\u3001\u8fc5\u901f\u306b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306eUI\u3092\u69cb\u7bc9\u3057\u3001\u4efb\u610f\u306e\u6a5f\u80fd\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002","how_to_use.step1_button.ai_agent_marketplace":"ILLA\u3092\u4f7f\u7528\u3057\u3066UI\u3092\u69cb\u7bc9\u3092\u958b\u59cb\u3059\u308b","how_to_use.step2_title.build_the_frontend_p":"\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a\u3059\u308b","how_to_use.step2_description.by_dragging_and_drop":"MySQL\u3001PostgreSQL\u306a\u3069\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001REST API\u3001GraphQL\u306a\u3069\u3001\u81ea\u5206\u306e\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u306b\u63a5\u7d9a\u3057\u307e\u3059\u3002CRUD\u30a2\u30d7\u30ea\u3092\u308f\u305a\u304b1\u5206\u3067\u69cb\u7bc9\u3067\u304d\u307e\u3059\u3002","how_to_use.step2_button.illa_app_marketplace":"\u30c7\u30fc\u30bf\u30bd\u30fc\u30b9\u3092\u4f7f\u7528\u3057\u3066\u30a2\u30d7\u30ea\u3092\u69cb\u7bc9\u3092\u958b\u59cb\u3059\u308b","how_to_use.step3_title.connect_to_your_data":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u8a2d\u5b9a\u3057\u3066\u63a5\u7d9a\u3059\u308b","how_to_use.step3_description.enable_data_integrat":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u30a2\u30d7\u30ea\u306b\u7d71\u5408\u3057\u3001\u77e5\u7684\u5206\u6790\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u306a\u3069\u306eAI\u6a5f\u80fd\u3092AI\u958b\u767a\u30b9\u30ad\u30eb\u4e0d\u8981\u3067\u6d3b\u7528\u3067\u304d\u307e\u3059\u3002","how_to_use.step3_button.supported_data_sourc":"AI\u99c6\u52d5\u578b\u30a2\u30d7\u30ea\u306e\u69cb\u7bc9\u3092\u958b\u59cb\u3059\u308b","testimonial.title.user_testimonials":"\u30e6\u30fc\u30b6\u30fc\u306e\u58f0","testimonial.testimonial1_content.illa_cloud_has_been":"ILLA Cloud \u306f\u79c1\u306b\u3068\u3063\u3066\u30b2\u30fc\u30e0\u30c1\u30a7\u30f3\u30b8\u30e3\u30fc\u3067\u3042\u308a\u3001\u52b9\u7387\u7684\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u77ed\u6642\u9593\u3067\u751f\u6210\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002 \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305fAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u30a2\u30d7\u30ea\u306f\u3001\u79c1\u306e\u30d3\u30b8\u30cd\u30b9\u30cb\u30fc\u30ba\u306b\u5b8c\u5168\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002","testimonial.testimonial1_username.christopher":"\u30af\u30ea\u30b9\u30c8\u30d5\u30a1\u30fc","testimonial.testimonial1_usertitle.seo_specialist":"SEO \u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8","testimonial.testimonial2_content.i_think_i_become_a_b":"\u79c1\u306f\u4eca BlogMaster \u306b\u306a\u3063\u305f\u3068\u601d\u3044\u307e\u3059\uff01 \u3053\u306e\u30c4\u30fc\u30eb\u306f\u79c1\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u751f\u6210\u30d7\u30ed\u30bb\u30b9\u306b\u9769\u547d\u3092\u3082\u305f\u3089\u3057\u3001\u79c1\u306b\u8cb4\u91cd\u306a\u6642\u9593\u3092\u7bc0\u7d04\u3057\u307e\u3057\u305f\u3002 \u30d6\u30ed\u30b0\u306e\u30a2\u30a4\u30c7\u30a2\u3092\u751f\u307f\u51fa\u3057\u3066\u3044\u308b\u306e\u304b\u3001\u8a18\u4e8b\u3092\u69cb\u6210\u3057\u3066\u3044\u308b\u306e\u304b\u306b\u95a2\u308f\u3089\u305a\u3001AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306f\u79c1\u3068\u79c1\u306e\u30c1\u30fc\u30e0\u306b\u3068\u3063\u3066\u5927\u304d\u306a\u8cc7\u7523\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002","testimonial.testimonial2_username.lucas":"\u30eb\u30fc\u30ab\u30b9","testimonial.testimonial2_usertitle.content_strategist":"\u30b3\u30f3\u30c6\u30f3\u30c4\u6226\u7565\u5bb6","testimonial.testimonial3_content.it_empowers_me_to_pr":"\u6700\u5c0f\u9650\u306e\u52b4\u529b\u3067\u512a\u308c\u305f\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3042\u3089\u304b\u3058\u3081\u69cb\u7bc9\u3055\u308c\u305fAI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u30a2\u30d7\u30ea\u306f\u3001\u7279\u5b9a\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u6a5f\u80fd\u3068\u3068\u3082\u306b\u3001\u30c1\u30fc\u30e0\u306e\u52b9\u7387\u6027\u3092\u5927\u5e45\u306b\u5411\u4e0a\u3055\u305b\u307e\u3057\u305f\u3002","testimonial.testimonial3_username.harper":"\u30cf\u30fc\u30d1\u30fc","testimonial.testimonial3_usertitle.customer_service_man":"\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30fc\u30d3\u30b9\u30de\u30cd\u30fc\u30b8\u30e3\u30fc","testimonial.testimonial4_content.ai_agent_low_code":"AI\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3068\u30ed\u30fc\u30b3\u30fc\u30c9\u306f\u3001\u96fb\u5b50\u30e1\u30fc\u30eb\u306e\u66f8\u304d\u8fbc\u307f\u30d7\u30ed\u30bb\u30b9\u3092\u5909\u63db\u3057\u307e\u3057\u305f\u3002 \u30a4\u30f3\u30d1\u30af\u30c8\u306e\u3042\u308b\u96fb\u5b50\u30e1\u30fc\u30eb\u306e\u4f5c\u6210\u3092\u5408\u7406\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u79c1\u306f\u9b45\u529b\u7684\u3067\u8aac\u5f97\u529b\u306e\u3042\u308b\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u7c21\u5358\u306b\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 ILLA \u30af\u30e9\u30a6\u30c9\u306f\u3001\u5f53\u793e\u306e\u96fb\u5b50\u30e1\u30fc\u30eb\u901a\u4fe1\u3092\u65b0\u305f\u306a\u9ad8\u307f\u306b\u9ad8\u3081\u307e\u3057\u305f\u3002","testimonial.testimonial4_username.abigail":"\u30a2\u30d3\u30b2\u30a4\u30eb","testimonial.testimonial4_usertitle.communication_specia":"\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8","testimonial.testimonial5_content.i_need_to_oversee_va":"\u4f1a\u793e\u306e\u69d8\u3005\u306a\u5074\u9762\u3092\u76e3\u7763\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 ILLA Cloud \u306f\u79c1\u306b\u5305\u62ec\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u3066\u304f\u308c\u307e\u3059\u3002 \u958b\u767a\u3068\u8a2d\u8a08\u306b\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u81ea\u5206\u306e\u30d3\u30b8\u30cd\u30b9\u3092\u3088\u308a\u826f\u304f\u7ba1\u7406\u3057\u3001\u76e3\u8996\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002","testimonial.testimonial5_username.matthew":"\u30de\u30b7\u30e5\u30fc","testimonial.testimonial5_usertitle.business_founder":"\u30d3\u30b8\u30cd\u30b9\u5275\u696d\u8005","testimonial.testimonial6_content.using_illa_cloud_to":"ILLA Cloud \u3092\u4f7f\u7528\u3057\u3066\u7ba1\u7406\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u69cb\u7bc9\u3059\u308b\u306e\u306f\u975e\u5e38\u306b\u7c21\u5358\u3067\u3057\u305f\u3002 \u305f\u3063\u305f1\u65e5\u3067\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u9032\u6357\u3092\u76e3\u8996\u3057\u305f\u308a\u3001\u3053\u306e\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u5185\u3067\u30ea\u30bd\u30fc\u30b9\u3092\u5272\u308a\u5f53\u3066\u305f\u308a\u3068\u3044\u3063\u305f\u30bf\u30b9\u30af\u3092\u9054\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002","testimonial.testimonial6_username.samuel":"\u30b5\u30df\u30e5\u30a8\u30eb","testimonial.testimonial6_usertitle.website_administrato":"\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u7ba1\u7406\u8005","customer.title":"\u4f55\u5343\u3082\u306e\u30c1\u30fc\u30e0\u306b\u4fe1\u983c\u3055\u308c\u3066\u3044\u307e\u3059","description":"\u4f4e\u30b3\u30fc\u30c9\u3067 {businessApp} \u3092\u30d3\u30eb\u30c9\u3057\u3001 {flow}\u3092\u81ea\u52d5\u5316\u3057\u3001 {AIAgent} \u3092\u7c21\u5358\u306b\u4f5c\u6210","website_4.description.ai_agent":"AI Agent","website_4.description.business_app":"Web\u30b5\u30a4\u30c8&\u30a2\u30d7\u30ea","website_4.description.flow":"\u30d7\u30ed\u30bb\u30b9","first_button":"\u59cb\u3081\u3088\u3046","join-community":"Discord \u306b\u53c2\u52a0"}')},6887:e=>{"use strict";e.exports=JSON.parse('{"/illa-website/ja/admin-panel-b6f":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"6f04e546"},"/illa-website/ja/ai-voice-generator-0f8":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"a8ec4dfb"},"/illa-website/ja/blog-783":{"__comp":"a6aa9e1f","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"},{"content":"4a83e123"},{"content":"354dfbd1"},{"content":"e20c763e"},{"content":"bb85b74d"},{"content":"5cd65baf"}],"metadata":"15579acf","tags":"2fed4b30"},"/illa-website/ja/blog/backend-create-web-ui-c35":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"e765f05a"},"/illa-website/ja/blog/build-dashboard-d8f":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"96447363"},"/illa-website/ja/blog/lowcode-vs-traditional-7fb":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"72d3bf7a"},"/illa-website/ja/blog/mui-2024-a1b":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"1842627e"},"/illa-website/ja/blog/nvm-use-2024-5a9":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"5f78ec6a"},"/illa-website/ja/blog/shadcn-ui-2024-79d":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"4a61f11b"},"/illa-website/ja/blog/shadcn-vs-mui-105":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"31eafaf9"},"/illa-website/ja/blog/tags-deb":{"__comp":"01a85c17","__context":{"plugin":"fc0df049"},"tags":"2fed4b30"},"/illa-website/ja/blog/tags/admin-panel-dee":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"32e0062a","tags":"2fed4b30","listMetadata":"7bafbfd4"},"/illa-website/ja/blog/tags/data-dashboard-d6c":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"},{"content":"bb85b74d"}],"tag":"4b61f448","tags":"2fed4b30","listMetadata":"767884c3"},"/illa-website/ja/blog/tags/internal-tools-2bd":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"8104b43a","tags":"2fed4b30","listMetadata":"bfd7a058"},"/illa-website/ja/blog/tags/javascript-912":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"}],"tag":"f706147f","tags":"2fed4b30","listMetadata":"e318c3d1"},"/illa-website/ja/blog/tags/low-code-6c7":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"354dfbd1"}],"tag":"4c1cafaf","tags":"2fed4b30","listMetadata":"e8901644"},"/illa-website/ja/blog/tags/mac-2f1":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"3e9365cc","tags":"2fed4b30","listMetadata":"84e5c644"},"/illa-website/ja/blog/tags/nodejs-8ec":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"adc5b515","tags":"2fed4b30","listMetadata":"6927a6f7"},"/illa-website/ja/blog/tags/nvm-3ba":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"8323cfc4","tags":"2fed4b30","listMetadata":"ec6317df"},"/illa-website/ja/blog/tags/open-source-9fc":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"354dfbd1"}],"tag":"b51640b3","tags":"2fed4b30","listMetadata":"8da008fe"},"/illa-website/ja/blog/tags/react-fa9":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"f9908f12","tags":"2fed4b30","listMetadata":"459412d8"},"/illa-website/ja/blog/tags/shadcn-ui-376":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"351f368f","tags":"2fed4b30","listMetadata":"09752374"},"/illa-website/ja/blog/tags/traditional-development-0e0":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"}],"tag":"efb304c7","tags":"2fed4b30","listMetadata":"4ac09675"},"/illa-website/ja/blog/tags/ui-library-1ef":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"4a83e123"}],"tag":"ca20a7d4","tags":"2fed4b30","listMetadata":"9cfae2f1"},"/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024-e55":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"3dca0203"},"/illa-website/ja/cms-0f1":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"5b9cf134"},"/illa-website/ja/components/-5a2":{"__comp":"188c27a7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Audio/-a8f":{"__comp":"83d2f18d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/BarProgress/-064":{"__comp":"50cfa8ab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Button/-9f4":{"__comp":"49586834","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Carousel/-ce2":{"__comp":"a6b4f45f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Cascader/-fe6":{"__comp":"86953be1","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Chart/-82d":{"__comp":"4c3a04f4","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/CheckboxGroup/-128":{"__comp":"7f0a0f20","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/CircleProgress/-7fd":{"__comp":"46a49447","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Container/-de4":{"__comp":"bb9e3f22","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Date/-d0a":{"__comp":"deb5faec","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/DateRange/-20e":{"__comp":"25ffa5da","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/DateTime/-a46":{"__comp":"9f91eb4c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Divider/-e30":{"__comp":"03d60dda","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/EditableText/-313":{"__comp":"5758dffb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Form/-dc5":{"__comp":"3fee51a2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Icon/-e6f":{"__comp":"6632b8cf","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Image/-4d3":{"__comp":"c133d0bc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Input/-2cc":{"__comp":"1b97b52f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/List/-e62":{"__comp":"0104b3a5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Menu/-3f2":{"__comp":"53015dc5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Modal/-419":{"__comp":"25bbf118","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Multiselect/-c74":{"__comp":"da1593ee","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/NumberInput/-033":{"__comp":"6b7903a8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/PDF/-93d":{"__comp":"474ec535","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/RadioButton/-f37":{"__comp":"8d9a9c02","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/RadioGroup/-1bb":{"__comp":"837d095b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Rate/-475":{"__comp":"be1d629d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Select/-1e4":{"__comp":"56cbb393","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Statistics/-772":{"__comp":"03598c98","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Switch/-648":{"__comp":"01bd692b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Tables/-ee9":{"__comp":"ca96679e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Tabs/-b95":{"__comp":"30834002","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Text/-d23":{"__comp":"a9372106","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Textarea%20Input/-8f2":{"__comp":"5ca6070c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Timeline/-0e5":{"__comp":"7213c8c2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Upload/-541":{"__comp":"e0cd9918","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/components/Video/-561":{"__comp":"3d6ccfd0","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/crm-eb7":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"3371227b"},"/illa-website/ja/dashboard-991":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"8a295c3c"},"/illa-website/ja/image-generator-5be":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"5175bdc6"},"/illa-website/ja/integrations/-6e8":{"__comp":"d8096fab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Airtable/-9e0":{"__comp":"e4e1a4b6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/AmazonDynamoDB/-af4":{"__comp":"589eda2e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Appwrite/-3d4":{"__comp":"733df29f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Clickhouse/-d61":{"__comp":"30da2238","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/CouchDB/-3af":{"__comp":"4ac275c7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/ElasticSearch/-abf":{"__comp":"7d02bed8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Firebase/-656":{"__comp":"f3cf1707","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/GoogleSheets/-38e":{"__comp":"ca19ac91","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/GraphQL/-2cb":{"__comp":"927b8026","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/HuggingFaceInferenceAPI/-c1b":{"__comp":"a828f322","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/HuggingFaceInferenceEndpoint/-b39":{"__comp":"2937fddb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Hydra/-566":{"__comp":"451bfe05","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/MariaDB/-ad8":{"__comp":"7b91dc2c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/MicrosoftSQLServer/-118":{"__comp":"2d1ec1f7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/MongoDB/-d1f":{"__comp":"e015af33","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/MySQL/-693":{"__comp":"45267849","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Neon/-bc8":{"__comp":"68c10dd5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/OracleDB/-86f":{"__comp":"17fb53e2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/PostgreSQL/-518":{"__comp":"38806fe8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Redis/-17f":{"__comp":"890684bb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/RESTAPI/-f03":{"__comp":"921028f2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/S3/-366":{"__comp":"6e91fee9","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/SMTP/-5f2":{"__comp":"ac92cbdc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/Snowflake/-30a":{"__comp":"94161ec7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/SupabaseDB/-155":{"__comp":"9de45a08","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/integrations/TiDB/-d85":{"__comp":"41685197","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/pricing/-c19":{"__comp":"279770d6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/ja/-f13":{"__comp":"1df93b7f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[532],(()=>{return t=1136,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/ja/assets/js/main.c91ede21.js.LICENSE.txt b/ja/assets/js/main.7288e62e.js.LICENSE.txt
similarity index 100%
rename from ja/assets/js/main.c91ede21.js.LICENSE.txt
rename to ja/assets/js/main.7288e62e.js.LICENSE.txt
diff --git a/ja/assets/js/runtime~main.2124305a.js b/ja/assets/js/runtime~main.106910cc.js
similarity index 89%
rename from ja/assets/js/runtime~main.2124305a.js
rename to ja/assets/js/runtime~main.106910cc.js
index d366cabd7e..1346ea96d5 100644
--- a/ja/assets/js/runtime~main.2124305a.js
+++ b/ja/assets/js/runtime~main.106910cc.js
@@ -1 +1 @@
-(()=>{"use strict";var e,f,a,c,d,b={},t={};function r(e){var f=t[e];if(void 0!==f)return f.exports;var a=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(a.exports,a,a.exports,r),a.loaded=!0,a.exports}r.m=b,r.c=t,e=[],r.O=(f,a,c,d)=>{if(!a){var b=1/0;for(i=0;i<e.length;i++){a=e[i][0],c=e[i][1],d=e[i][2];for(var t=!0,o=0;o<a.length;o++)(!1&d||b>=d)&&Object.keys(r.O).every((e=>r.O[e](a[o])))?a.splice(o--,1):(t=!1,d<b&&(b=d));if(t){e.splice(i--,1);var n=c();void 0!==n&&(f=n)}}return f}d=d||0;for(var i=e.length;i>0&&e[i-1][2]>d;i--)e[i]=e[i-1];e[i]=[a,c,d]},r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},a=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var d=Object.create(null);r.r(d);var b={};f=f||[null,a({}),a([]),a(a)];for(var t=2&c&&e;"object"==typeof t&&!~f.indexOf(t);t=a(t))Object.getOwnPropertyNames(t).forEach((f=>b[f]=()=>e[f]));return b.default=()=>e,r.d(d,b),d},r.d=(e,f)=>{for(var a in f)r.o(f,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:f[a]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((f,a)=>(r.f[a](e,f),f)),[])),r.u=e=>"assets/js/"+({38:"8323cfc4",545:"be1d629d",557:"ca20a7d4",852:"49586834",856:"6e91fee9",1055:"474ec535",1066:"e8901644",1103:"767884c3",1205:"0104b3a5",1315:"f706147f",1361:"5b9cf134",1414:"927b8026",1543:"4b61f448",1618:"03d60dda",1679:"4ac275c7",1777:"a9372106",1845:"94161ec7",2031:"ca96679e",2056:"5ca6070c",2136:"45267849",2224:"deb5faec",2377:"7f0a0f20",2408:"ec6317df",2578:"4c3a04f4",2714:"68c10dd5",2734:"adc5b515",2833:"1b97b52f",3045:"7213c8c2",3072:"f3cf1707",3085:"8104b43a",3089:"a6aa9e1f",3093:"3371227b",3096:"5f78ec6a",3102:"a6b4f45f",3204:"8da008fe",3237:"1df93b7f",3265:"8d9a9c02",3581:"31eafaf9",3807:"2864c10f",3883:"890684bb",3935:"efb304c7",4013:"01a85c17",4103:"4ac09675",4417:"25ffa5da",4530:"03598c98",4556:"589eda2e",4610:"41685197",4638:"83d2f18d",4640:"9de45a08",4664:"2d1ec1f7",4771:"46a49447",4808:"72d3bf7a",4823:"3e9365cc",4893:"17fb53e2",4938:"e318c3d1",5037:"1842627e",5038:"88d8af9f",5089:"4c1cafaf",5118:"bb9e3f22",5162:"451bfe05",5191:"b6eb34d2",5298:"a8ec4dfb",5315:"fc0df049",5378:"ac92cbdc",5385:"34d0e50f",5563:"84e5c644",5694:"3dca0203",5872:"09752374",5885:"8a295c3c",5938:"bb85b74d",6103:"ccc49370",6137:"4a83e123",6175:"32e0062a",6290:"9f91eb4c",6510:"86953be1",6573:"15579acf",6649:"9cfae2f1",6828:"d8096fab",6921:"188c27a7",7004:"f9908f12",7050:"56cbb393",7122:"6927a6f7",7147:"351f368f",7155:"3fee51a2",7235:"b51640b3",7272:"e765f05a",7277:"25bbf118",7371:"459412d8",7448:"7b91dc2c",7543:"3d6ccfd0",7559:"2937fddb",7599:"e20c763e",7612:"ca19ac91",7654:"279770d6",7746:"c133d0bc",7832:"7d02bed8",7906:"30da2238",7922:"bfd7a058",7949:"30834002",8151:"733df29f",8155:"e0cd9918",8248:"354dfbd1",8252:"6f04e546",8296:"e4e1a4b6",8550:"01bd692b",8582:"7bafbfd4",8592:"common",8595:"e015af33",8610:"6875c492",8876:"6d69edbe",8891:"a828f322",8922:"921028f2",8962:"53015dc5",9087:"5175bdc6",9090:"6632b8cf",9211:"837d095b",9239:"5cd65baf",9248:"38806fe8",9321:"da1593ee",9324:"6b7903a8",9634:"2fed4b30",9699:"4a61f11b",9713:"96447363",9788:"50cfa8ab",9982:"5758dffb"}[e]||e)+"."+{38:"e83a5de4",545:"0dcf7230",557:"16bf7aa6",852:"57893a4a",856:"2c38ad3f",1055:"f03eb78d",1066:"d8eb8e64",1103:"fdcdddef",1205:"4fe0804b",1315:"f9024b87",1361:"314521f7",1414:"3d828868",1543:"650509fd",1618:"2a1822d7",1679:"f75e42f8",1777:"ddbb9d71",1845:"5b042e49",2031:"b54f8412",2056:"4077deea",2136:"4a74bb7a",2224:"bf7eadb3",2316:"4d0753c2",2377:"4ae9ba40",2408:"8efc6bb4",2578:"c108fdcb",2714:"e0a04229",2734:"47393161",2833:"c17fab30",3045:"8f0a263b",3072:"50287036",3085:"7f5d4cc6",3089:"26036a53",3093:"b340f470",3096:"0f2c3a59",3102:"7655a481",3204:"e0628c0e",3237:"93c94f4a",3265:"2a716dac",3581:"a0cdd077",3807:"3fc31d71",3883:"d4ddeb7a",3935:"eec78ac3",4013:"f555b488",4103:"4220205c",4417:"4350f255",4530:"0f557c42",4556:"e3ca6d32",4610:"4ad0d5c3",4638:"9ff688ff",4640:"c4d1dfea",4664:"98ea5404",4771:"80e577ee",4808:"aa1a9de1",4809:"d13605fe",4823:"d95748e9",4893:"aea31d62",4938:"4263b58d",5037:"deda726c",5038:"bbcda779",5089:"968d137f",5118:"5bbb8fc7",5162:"6e8370da",5191:"458b1e25",5298:"dae4bf37",5315:"2578f0a2",5378:"7814fc7a",5385:"c2f411d1",5563:"eafccca3",5694:"0c12c321",5708:"7058f982",5872:"2233ded5",5885:"2d01d17f",5923:"9f51e245",5938:"3804da13",6103:"46cd294b",6137:"b0217b08",6175:"4c01d895",6290:"bafbf3db",6510:"3b2e4091",6573:"c62c2dd1",6649:"4c71ae6c",6828:"56636d4a",6921:"d0edd3ea",7004:"e464469f",7050:"bc8a112b",7122:"cb6fd601",7147:"f9a4a42e",7155:"dfa0fa3b",7235:"58c64f30",7272:"1f9a64fc",7277:"9cf1b92c",7371:"c4fb2591",7448:"bd30287b",7543:"7e3bbafa",7559:"8c52ed57",7599:"431fdc49",7612:"4d6fe84f",7654:"577140a0",7746:"db594304",7832:"a664d9cb",7906:"5ca42ce0",7922:"30ddcac1",7949:"222b8dac",8151:"85d55213",8155:"3161a0c6",8245:"e086c9e2",8248:"9fe06c27",8252:"7a11f5d4",8296:"0bbb57cf",8550:"26b85716",8582:"b78f94fd",8592:"ca6eba82",8595:"f0277acd",8610:"658128f2",8876:"26542af8",8891:"0f61d4c1",8922:"dea75cd7",8962:"25243f1c",9087:"52522a4e",9090:"25daba64",9211:"94e91532",9239:"9614bf49",9248:"392e9e24",9321:"81a8309a",9324:"2d97293d",9634:"c49cc314",9699:"fb2cf724",9713:"7e8b716f",9788:"f79b41d2",9982:"6c3766dc"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),c={},d="illa-website:",r.l=(e,f,a,b)=>{if(c[e])c[e].push(f);else{var t,o;if(void 0!==a)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var l=n[i];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==d+a){t=l;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",d+a),t.src=e),c[e]=[f];var u=(f,a)=>{t.onerror=t.onload=null,clearTimeout(s);var d=c[e];if(delete c[e],t.parentNode&&t.parentNode.removeChild(t),d&&d.forEach((e=>e(a))),f)return f(a)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=u.bind(null,t.onerror),t.onload=u.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/illa-website/ja/",r.gca=function(e){return e={30834002:"7949",41685197:"4610",45267849:"2136",49586834:"852",96447363:"9713","8323cfc4":"38",be1d629d:"545",ca20a7d4:"557","6e91fee9":"856","474ec535":"1055",e8901644:"1066","767884c3":"1103","0104b3a5":"1205",f706147f:"1315","5b9cf134":"1361","927b8026":"1414","4b61f448":"1543","03d60dda":"1618","4ac275c7":"1679",a9372106:"1777","94161ec7":"1845",ca96679e:"2031","5ca6070c":"2056",deb5faec:"2224","7f0a0f20":"2377",ec6317df:"2408","4c3a04f4":"2578","68c10dd5":"2714",adc5b515:"2734","1b97b52f":"2833","7213c8c2":"3045",f3cf1707:"3072","8104b43a":"3085",a6aa9e1f:"3089","3371227b":"3093","5f78ec6a":"3096",a6b4f45f:"3102","8da008fe":"3204","1df93b7f":"3237","8d9a9c02":"3265","31eafaf9":"3581","2864c10f":"3807","890684bb":"3883",efb304c7:"3935","01a85c17":"4013","4ac09675":"4103","25ffa5da":"4417","03598c98":"4530","589eda2e":"4556","83d2f18d":"4638","9de45a08":"4640","2d1ec1f7":"4664","46a49447":"4771","72d3bf7a":"4808","3e9365cc":"4823","17fb53e2":"4893",e318c3d1:"4938","1842627e":"5037","88d8af9f":"5038","4c1cafaf":"5089",bb9e3f22:"5118","451bfe05":"5162",b6eb34d2:"5191",a8ec4dfb:"5298",fc0df049:"5315",ac92cbdc:"5378","34d0e50f":"5385","84e5c644":"5563","3dca0203":"5694","09752374":"5872","8a295c3c":"5885",bb85b74d:"5938",ccc49370:"6103","4a83e123":"6137","32e0062a":"6175","9f91eb4c":"6290","86953be1":"6510","15579acf":"6573","9cfae2f1":"6649",d8096fab:"6828","188c27a7":"6921",f9908f12:"7004","56cbb393":"7050","6927a6f7":"7122","351f368f":"7147","3fee51a2":"7155",b51640b3:"7235",e765f05a:"7272","25bbf118":"7277","459412d8":"7371","7b91dc2c":"7448","3d6ccfd0":"7543","2937fddb":"7559",e20c763e:"7599",ca19ac91:"7612","279770d6":"7654",c133d0bc:"7746","7d02bed8":"7832","30da2238":"7906",bfd7a058:"7922","733df29f":"8151",e0cd9918:"8155","354dfbd1":"8248","6f04e546":"8252",e4e1a4b6:"8296","01bd692b":"8550","7bafbfd4":"8582",common:"8592",e015af33:"8595","6875c492":"8610","6d69edbe":"8876",a828f322:"8891","921028f2":"8922","53015dc5":"8962","5175bdc6":"9087","6632b8cf":"9090","837d095b":"9211","5cd65baf":"9239","38806fe8":"9248",da1593ee:"9321","6b7903a8":"9324","2fed4b30":"9634","4a61f11b":"9699","50cfa8ab":"9788","5758dffb":"9982"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(f,a)=>{var c=r.o(e,f)?e[f]:void 0;if(0!==c)if(c)a.push(c[2]);else if(/^(1303|532)$/.test(f))e[f]=0;else{var d=new Promise(((a,d)=>c=e[f]=[a,d]));a.push(c[2]=d);var b=r.p+r.u(f),t=new Error;r.l(b,(a=>{if(r.o(e,f)&&(0!==(c=e[f])&&(e[f]=void 0),c)){var d=a&&("load"===a.type?"missing":a.type),b=a&&a.target&&a.target.src;t.message="Loading chunk "+f+" failed.\n("+d+": "+b+")",t.name="ChunkLoadError",t.type=d,t.request=b,c[1](t)}}),"chunk-"+f,f)}},r.O.j=f=>0===e[f];var f=(f,a)=>{var c,d,b=a[0],t=a[1],o=a[2],n=0;if(b.some((f=>0!==e[f]))){for(c in t)r.o(t,c)&&(r.m[c]=t[c]);if(o)var i=o(r)}for(f&&f(a);n<b.length;n++)d=b[n],r.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return r.O(i)},a=self.webpackChunkilla_website=self.webpackChunkilla_website||[];a.forEach(f.bind(null,0)),a.push=f.bind(null,a.push.bind(a))})()})();
\ No newline at end of file
+(()=>{"use strict";var e,f,a,c,d,b={},t={};function r(e){var f=t[e];if(void 0!==f)return f.exports;var a=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(a.exports,a,a.exports,r),a.loaded=!0,a.exports}r.m=b,r.c=t,e=[],r.O=(f,a,c,d)=>{if(!a){var b=1/0;for(i=0;i<e.length;i++){a=e[i][0],c=e[i][1],d=e[i][2];for(var t=!0,o=0;o<a.length;o++)(!1&d||b>=d)&&Object.keys(r.O).every((e=>r.O[e](a[o])))?a.splice(o--,1):(t=!1,d<b&&(b=d));if(t){e.splice(i--,1);var n=c();void 0!==n&&(f=n)}}return f}d=d||0;for(var i=e.length;i>0&&e[i-1][2]>d;i--)e[i]=e[i-1];e[i]=[a,c,d]},r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},a=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var d=Object.create(null);r.r(d);var b={};f=f||[null,a({}),a([]),a(a)];for(var t=2&c&&e;"object"==typeof t&&!~f.indexOf(t);t=a(t))Object.getOwnPropertyNames(t).forEach((f=>b[f]=()=>e[f]));return b.default=()=>e,r.d(d,b),d},r.d=(e,f)=>{for(var a in f)r.o(f,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:f[a]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((f,a)=>(r.f[a](e,f),f)),[])),r.u=e=>"assets/js/"+({38:"8323cfc4",545:"be1d629d",557:"ca20a7d4",852:"49586834",856:"6e91fee9",1055:"474ec535",1066:"e8901644",1103:"767884c3",1205:"0104b3a5",1315:"f706147f",1361:"5b9cf134",1414:"927b8026",1543:"4b61f448",1618:"03d60dda",1679:"4ac275c7",1777:"a9372106",1845:"94161ec7",2031:"ca96679e",2056:"5ca6070c",2136:"45267849",2224:"deb5faec",2377:"7f0a0f20",2408:"ec6317df",2578:"4c3a04f4",2714:"68c10dd5",2734:"adc5b515",2833:"1b97b52f",3045:"7213c8c2",3072:"f3cf1707",3085:"8104b43a",3089:"a6aa9e1f",3093:"3371227b",3096:"5f78ec6a",3102:"a6b4f45f",3204:"8da008fe",3237:"1df93b7f",3265:"8d9a9c02",3581:"31eafaf9",3807:"2864c10f",3883:"890684bb",3935:"efb304c7",4013:"01a85c17",4103:"4ac09675",4417:"25ffa5da",4530:"03598c98",4556:"589eda2e",4610:"41685197",4638:"83d2f18d",4640:"9de45a08",4664:"2d1ec1f7",4771:"46a49447",4808:"72d3bf7a",4823:"3e9365cc",4893:"17fb53e2",4938:"e318c3d1",5037:"1842627e",5038:"88d8af9f",5089:"4c1cafaf",5118:"bb9e3f22",5162:"451bfe05",5191:"b6eb34d2",5298:"a8ec4dfb",5315:"fc0df049",5378:"ac92cbdc",5385:"34d0e50f",5563:"84e5c644",5694:"3dca0203",5872:"09752374",5885:"8a295c3c",5938:"bb85b74d",6103:"ccc49370",6137:"4a83e123",6175:"32e0062a",6290:"9f91eb4c",6510:"86953be1",6573:"15579acf",6649:"9cfae2f1",6828:"d8096fab",6921:"188c27a7",7004:"f9908f12",7050:"56cbb393",7122:"6927a6f7",7147:"351f368f",7155:"3fee51a2",7235:"b51640b3",7272:"e765f05a",7277:"25bbf118",7371:"459412d8",7448:"7b91dc2c",7543:"3d6ccfd0",7559:"2937fddb",7599:"e20c763e",7612:"ca19ac91",7654:"279770d6",7746:"c133d0bc",7832:"7d02bed8",7906:"30da2238",7922:"bfd7a058",7949:"30834002",8151:"733df29f",8155:"e0cd9918",8248:"354dfbd1",8252:"6f04e546",8296:"e4e1a4b6",8550:"01bd692b",8582:"7bafbfd4",8592:"common",8595:"e015af33",8610:"6875c492",8876:"6d69edbe",8891:"a828f322",8922:"921028f2",8962:"53015dc5",9087:"5175bdc6",9090:"6632b8cf",9211:"837d095b",9239:"5cd65baf",9248:"38806fe8",9321:"da1593ee",9324:"6b7903a8",9634:"2fed4b30",9699:"4a61f11b",9713:"96447363",9788:"50cfa8ab",9982:"5758dffb"}[e]||e)+"."+{38:"e83a5de4",545:"0dcf7230",557:"16bf7aa6",852:"57893a4a",856:"2c38ad3f",1055:"f03eb78d",1066:"d8eb8e64",1103:"fdcdddef",1205:"4fe0804b",1315:"f9024b87",1361:"314521f7",1414:"3d828868",1543:"650509fd",1618:"2a1822d7",1679:"f75e42f8",1777:"ddbb9d71",1845:"5b042e49",2031:"b54f8412",2056:"4077deea",2136:"4a74bb7a",2224:"bf7eadb3",2316:"4d0753c2",2377:"4ae9ba40",2408:"8efc6bb4",2578:"c108fdcb",2714:"e0a04229",2734:"47393161",2833:"c17fab30",3045:"8f0a263b",3072:"50287036",3085:"7f5d4cc6",3089:"26036a53",3093:"b340f470",3096:"21f557b8",3102:"7655a481",3204:"e0628c0e",3237:"c6a8adb1",3265:"2a716dac",3581:"e8785c7b",3807:"3fc31d71",3883:"d4ddeb7a",3935:"eec78ac3",4013:"f555b488",4103:"4220205c",4417:"4350f255",4530:"0f557c42",4556:"e3ca6d32",4610:"4ad0d5c3",4638:"9ff688ff",4640:"c4d1dfea",4664:"98ea5404",4771:"80e577ee",4808:"1e793f19",4809:"d13605fe",4823:"d95748e9",4893:"aea31d62",4938:"4263b58d",5037:"7511c2ff",5038:"2ce97f00",5089:"968d137f",5118:"5bbb8fc7",5162:"6e8370da",5191:"87ea1bbf",5298:"dae4bf37",5315:"2578f0a2",5378:"7814fc7a",5385:"c2f411d1",5563:"eafccca3",5694:"82332347",5708:"7058f982",5872:"2233ded5",5885:"2d01d17f",5923:"9f51e245",5938:"33fe1a0e",6103:"46cd294b",6137:"ab6b9b15",6175:"4c01d895",6290:"bafbf3db",6510:"3b2e4091",6573:"c62c2dd1",6649:"4c71ae6c",6828:"56636d4a",6921:"d0edd3ea",7004:"e464469f",7050:"bc8a112b",7122:"cb6fd601",7147:"f9a4a42e",7155:"dfa0fa3b",7235:"58c64f30",7272:"bc5cec9c",7277:"9cf1b92c",7371:"c4fb2591",7448:"bd30287b",7543:"7e3bbafa",7559:"8c52ed57",7599:"842e4bf1",7612:"4d6fe84f",7654:"577140a0",7746:"db594304",7832:"a664d9cb",7906:"5ca42ce0",7922:"30ddcac1",7949:"222b8dac",8151:"85d55213",8155:"3161a0c6",8245:"e086c9e2",8248:"91887c8a",8252:"7a11f5d4",8296:"0bbb57cf",8550:"26b85716",8582:"b78f94fd",8592:"ca6eba82",8595:"f0277acd",8610:"658128f2",8876:"5fe8d533",8891:"0f61d4c1",8922:"dea75cd7",8962:"25243f1c",9087:"52522a4e",9090:"25daba64",9211:"94e91532",9239:"2290cac6",9248:"392e9e24",9321:"81a8309a",9324:"2d97293d",9634:"c49cc314",9699:"0dea53c0",9713:"e38d70b3",9788:"f79b41d2",9982:"6c3766dc"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),c={},d="illa-website:",r.l=(e,f,a,b)=>{if(c[e])c[e].push(f);else{var t,o;if(void 0!==a)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var l=n[i];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==d+a){t=l;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",d+a),t.src=e),c[e]=[f];var u=(f,a)=>{t.onerror=t.onload=null,clearTimeout(s);var d=c[e];if(delete c[e],t.parentNode&&t.parentNode.removeChild(t),d&&d.forEach((e=>e(a))),f)return f(a)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=u.bind(null,t.onerror),t.onload=u.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/illa-website/ja/",r.gca=function(e){return e={30834002:"7949",41685197:"4610",45267849:"2136",49586834:"852",96447363:"9713","8323cfc4":"38",be1d629d:"545",ca20a7d4:"557","6e91fee9":"856","474ec535":"1055",e8901644:"1066","767884c3":"1103","0104b3a5":"1205",f706147f:"1315","5b9cf134":"1361","927b8026":"1414","4b61f448":"1543","03d60dda":"1618","4ac275c7":"1679",a9372106:"1777","94161ec7":"1845",ca96679e:"2031","5ca6070c":"2056",deb5faec:"2224","7f0a0f20":"2377",ec6317df:"2408","4c3a04f4":"2578","68c10dd5":"2714",adc5b515:"2734","1b97b52f":"2833","7213c8c2":"3045",f3cf1707:"3072","8104b43a":"3085",a6aa9e1f:"3089","3371227b":"3093","5f78ec6a":"3096",a6b4f45f:"3102","8da008fe":"3204","1df93b7f":"3237","8d9a9c02":"3265","31eafaf9":"3581","2864c10f":"3807","890684bb":"3883",efb304c7:"3935","01a85c17":"4013","4ac09675":"4103","25ffa5da":"4417","03598c98":"4530","589eda2e":"4556","83d2f18d":"4638","9de45a08":"4640","2d1ec1f7":"4664","46a49447":"4771","72d3bf7a":"4808","3e9365cc":"4823","17fb53e2":"4893",e318c3d1:"4938","1842627e":"5037","88d8af9f":"5038","4c1cafaf":"5089",bb9e3f22:"5118","451bfe05":"5162",b6eb34d2:"5191",a8ec4dfb:"5298",fc0df049:"5315",ac92cbdc:"5378","34d0e50f":"5385","84e5c644":"5563","3dca0203":"5694","09752374":"5872","8a295c3c":"5885",bb85b74d:"5938",ccc49370:"6103","4a83e123":"6137","32e0062a":"6175","9f91eb4c":"6290","86953be1":"6510","15579acf":"6573","9cfae2f1":"6649",d8096fab:"6828","188c27a7":"6921",f9908f12:"7004","56cbb393":"7050","6927a6f7":"7122","351f368f":"7147","3fee51a2":"7155",b51640b3:"7235",e765f05a:"7272","25bbf118":"7277","459412d8":"7371","7b91dc2c":"7448","3d6ccfd0":"7543","2937fddb":"7559",e20c763e:"7599",ca19ac91:"7612","279770d6":"7654",c133d0bc:"7746","7d02bed8":"7832","30da2238":"7906",bfd7a058:"7922","733df29f":"8151",e0cd9918:"8155","354dfbd1":"8248","6f04e546":"8252",e4e1a4b6:"8296","01bd692b":"8550","7bafbfd4":"8582",common:"8592",e015af33:"8595","6875c492":"8610","6d69edbe":"8876",a828f322:"8891","921028f2":"8922","53015dc5":"8962","5175bdc6":"9087","6632b8cf":"9090","837d095b":"9211","5cd65baf":"9239","38806fe8":"9248",da1593ee:"9321","6b7903a8":"9324","2fed4b30":"9634","4a61f11b":"9699","50cfa8ab":"9788","5758dffb":"9982"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(f,a)=>{var c=r.o(e,f)?e[f]:void 0;if(0!==c)if(c)a.push(c[2]);else if(/^(1303|532)$/.test(f))e[f]=0;else{var d=new Promise(((a,d)=>c=e[f]=[a,d]));a.push(c[2]=d);var b=r.p+r.u(f),t=new Error;r.l(b,(a=>{if(r.o(e,f)&&(0!==(c=e[f])&&(e[f]=void 0),c)){var d=a&&("load"===a.type?"missing":a.type),b=a&&a.target&&a.target.src;t.message="Loading chunk "+f+" failed.\n("+d+": "+b+")",t.name="ChunkLoadError",t.type=d,t.request=b,c[1](t)}}),"chunk-"+f,f)}},r.O.j=f=>0===e[f];var f=(f,a)=>{var c,d,b=a[0],t=a[1],o=a[2],n=0;if(b.some((f=>0!==e[f]))){for(c in t)r.o(t,c)&&(r.m[c]=t[c]);if(o)var i=o(r)}for(f&&f(a);n<b.length;n++)d=b[n],r.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return r.O(i)},a=self.webpackChunkilla_website=self.webpackChunkilla_website||[];a.forEach(f.bind(null,0)),a.push=f.bind(null,a.push.bind(a))})()})();
\ No newline at end of file
diff --git a/ja/blog/atom.xml b/ja/blog/atom.xml
index fe53425253..3c1e79cf4b 100644
--- a/ja/blog/atom.xml
+++ b/ja/blog/atom.xml
@@ -2,7 +2,7 @@
 <feed xmlns="http://www.w3.org/2005/Atom">
     <id>https://illacloud.github.io/illa-website/ja/blog</id>
     <title>ILLA Cloud Blog</title>
-    <updated>2024-01-03T15:08:52.000Z</updated>
+    <updated>2024-01-03T15:28:24.000Z</updated>
     <generator>https://github.com/jpmonette/feed</generator>
     <link rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog"/>
     <subtitle>ILLA Cloud Blog</subtitle>
@@ -12,7 +12,7 @@
         <title type="html"><![CDATA[I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.]]></title>
         <id>https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui</id>
         <link href="https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.]]></summary>
         <content type="html"><![CDATA[<p>Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
 <p>Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p>
@@ -39,7 +39,7 @@
         <title type="html"><![CDATA[Quickly create a personalized data dashboard for your boss]]></title>
         <id>https://illacloud.github.io/illa-website/ja/blog/build-dashboard</id>
         <link href="https://illacloud.github.io/illa-website/ja/blog/build-dashboard"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></summary>
         <content type="html"><![CDATA[<p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
 <p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>
@@ -123,7 +123,7 @@
         <title type="html"><![CDATA[Low Code vs Traditional Development: Optimal Efficiency in Choice]]></title>
         <id>https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional</id>
         <link href="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.]]></summary>
         <content type="html"><![CDATA[<p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional#when-launching-a-transient-business-initiative" class="hash-link" aria-label="When Launching a Transient Business Initiative への直接リンク" title="When Launching a Transient Business Initiative への直接リンク">​</a></h2>
@@ -164,7 +164,7 @@
         <title type="html"><![CDATA[2024 has arrived, should I choose MUI?]]></title>
         <id>https://illacloud.github.io/illa-website/ja/blog/mui-2024</id>
         <link href="https://illacloud.github.io/illa-website/ja/blog/mui-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/ja/blog/mui-2024#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
@@ -235,7 +235,7 @@
         <title type="html"><![CDATA[Elegant Use of nvm for Node.js Management on Mac in 2024]]></title>
         <id>https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024</id>
         <link href="https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.]]></summary>
         <content type="html"><![CDATA[<p>Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
 <p>The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.</p>
@@ -302,7 +302,7 @@
         <title type="html"><![CDATA[2024 has arrived, should I choose Shadcn UI?]]></title>
         <id>https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024</id>
         <link href="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
@@ -371,7 +371,7 @@
         <title type="html"><![CDATA[Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses]]></title>
         <id>https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui</id>
         <link href="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
@@ -453,7 +453,7 @@
         <title type="html"><![CDATA[Best Open-Source Low-Code Platforms in 2024]]></title>
         <id>https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024</id>
         <link href="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-low-code-tools">Why Choose Low-Code Tools?<a href="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024#why-choose-low-code-tools" class="hash-link" aria-label="Why Choose Low-Code Tools? への直接リンク" title="Why Choose Low-Code Tools? への直接リンク">​</a></h2>
diff --git a/ja/blog/backend-create-web-ui/index.html b/ja/blog/backend-create-web-ui/index.html
index 3253ae161c..7937ca0042 100644
--- a/ja/blog/backend-create-web-ui/index.html
+++ b/ja/blog/backend-create-web-ui/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud"><meta data-rh="true" name="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="internal tools,data dashboard,admin panel"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud"><meta data-rh="true" name="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="internal tools,data dashboard,admin panel"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?w=800" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs."></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Hello everyone, I&#x27;m Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?w=800" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs."></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Hello everyone, I&#x27;m Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
 <p>Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p>
 <p>This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier.</p>
 <p>Check out the project:</p>
@@ -30,7 +30,7 @@
 <p>ILLA is an innovative open-source, low-code tool that I&#x27;ve both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It&#x27;s a myth that server engineers can&#x27;t craft UIs – with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs.</p>
 <p>Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation.</p>
 <p>Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it&#x27;s swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it&#x27;s all simplified.</p>
-<p>I encourage you to try it out. Join me in becoming a more content and efficient engineer.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/build-dashboard">Quickly create a personalized data dashboard for your boss</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100 invisible"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/admin-panel">admin panel</a></div><ul class="list-none m-0 p-0"></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>I encourage you to try it out. Join me in becoming a more content and efficient engineer.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/build-dashboard">Quickly create a personalized data dashboard for your boss</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100 invisible"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/admin-panel">admin panel</a></div><ul class="list-none m-0 p-0"></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/build-dashboard/index.html b/ja/blog/build-dashboard/index.html
index 6a8514b8ed..4169f7540f 100644
--- a/ja/blog/build-dashboard/index.html
+++ b/ja/blog/build-dashboard/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Quickly create a personalized data dashboard for your boss | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/build-dashboard"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Quickly create a personalized data dashboard for your boss | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="data dashboard"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/build-dashboard"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/build-dashboard" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/build-dashboard" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/build-dashboard" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Quickly create a personalized data dashboard for your boss | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/build-dashboard"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Quickly create a personalized data dashboard for your boss | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="data dashboard"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/build-dashboard"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/build-dashboard" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/build-dashboard" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/build-dashboard" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?w=800" alt="Quickly create a personalized data dashboard for your boss"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Quickly create a personalized data dashboard for your boss</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?w=800" alt="Quickly create a personalized data dashboard for your boss"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Quickly create a personalized data dashboard for your boss</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
 <p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>
 <p>Using efficient tools to leave work early every day.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="some-issues-in-the-construction">Some issues in the construction<a href="#some-issues-in-the-construction" class="hash-link" aria-label="Some issues in the construction への直接リンク" title="Some issues in the construction への直接リンク">​</a></h2>
@@ -89,7 +89,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="advantages">Advantages<a href
 <p>As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together.</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png" alt="collaboration" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Conclusion への直接リンク" title="Conclusion への直接リンク">​</a></h2>
-<p>After using ILLA Cloud, there&#x27;s no need to worry about the boss&#x27;s personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/backend-create-web-ui">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</a><p class="font-sm text-gray-700 dark:text-white-04">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a></div><ul class="list-none m-0 p-0"><li><a href="#some-issues-in-the-construction" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Some issues in the construction</a></li><li><a href="#how-to-solve" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to solve</a></li><li><a href="#ai-driven" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">AI-driven</a></li><li><a href="#advantages" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Advantages</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>After using ILLA Cloud, there&#x27;s no need to worry about the boss&#x27;s personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/backend-create-web-ui">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</a><p class="font-sm text-gray-700 dark:text-white-04">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a></div><ul class="list-none m-0 p-0"><li><a href="#some-issues-in-the-construction" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Some issues in the construction</a></li><li><a href="#how-to-solve" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to solve</a></li><li><a href="#ai-driven" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">AI-driven</a></li><li><a href="#advantages" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Advantages</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/feed.json b/ja/blog/feed.json
index f597250e57..6e9183628e 100644
--- a/ja/blog/feed.json
+++ b/ja/blog/feed.json
@@ -10,7 +10,7 @@
             "url": "https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui",
             "title": "I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",
             "summary": "Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -27,7 +27,7 @@
             "url": "https://illacloud.github.io/illa-website/ja/blog/build-dashboard",
             "title": "Quickly create a personalized data dashboard for your boss",
             "summary": "Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -42,7 +42,7 @@
             "url": "https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional",
             "title": "Low Code vs Traditional Development: Optimal Efficiency in Choice",
             "summary": "With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -59,7 +59,7 @@
             "url": "https://illacloud.github.io/illa-website/ja/blog/mui-2024",
             "title": "2024 has arrived, should I choose MUI?",
             "summary": "Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -77,7 +77,7 @@
             "url": "https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024",
             "title": "Elegant Use of nvm for Node.js Management on Mac in 2024",
             "summary": "Node.js, as the foundation of frontend capabilities, is no longer just a \"JS Server Runtime.\" Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -95,7 +95,7 @@
             "url": "https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024",
             "title": "2024 has arrived, should I choose Shadcn UI?",
             "summary": "2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -112,7 +112,7 @@
             "url": "https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui",
             "title": "Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",
             "summary": "2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -129,7 +129,7 @@
             "url": "https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024",
             "title": "Best Open-Source Low-Code Platforms in 2024",
             "summary": "2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
diff --git a/ja/blog/index.html b/ja/blog/index.html
index 8c31b13aa3..7b26668af7 100644
--- a/ja/blog/index.html
+++ b/ja/blog/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-10 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto not-prose"><h2 class="m-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-10 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 px-0 blog-sm:px-6 font-semibold">Featured Posts</h2><div class="grid grid-cols-1 blog-md:grid-cols-2 blog-lg:gap-12 gap-8"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><a itemprop="url" href="/illa-website/ja/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=256" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/backend-create-web-ui"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><a itemprop="url" href="/illa-website/ja/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=256" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/build-dashboard"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Quickly create a personalized data dashboard for your boss</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><a itemprop="url" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=256" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:block hidden"><div class="border-b border-gray-100 dark:border-gray-700"></div></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 blog-sm:pb-16 blog-md:pb-8 blog-2xl:pb-12 pb-10 blog-md:pt-16 blog-2xl:pt-20 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="flex flex-col blog-md:flex-row items-start lg:items-center justify-between mb-4 lg:mb-8 px-0 blog-sm:px-6 not-prose"><h2 class="!m-0 !mt-0 !mb-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-8 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 font-semibold">すべての投稿</h2><p class="text-sm blog-md:text-base blog-lg:text-xl blog-md:max-w-[624px] mt-6 lg:mt-0 text-gray-500 dark:text-gray-200"><b>ILLAブログ</b>|開発者向けの恒星型知識リポジトリでは、フロントエンドやバックエンド開発、AI、ローコード、ILLA Cloudなどの幅広い分野を網羅しています。 ここでは、最先端のテクノロジーに没頭し、新たなトレンドを掘り下げ、活気のある経験の交換に取り組むことができます。</p></div><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-gray-400 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:R6isnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:border-t border-t-gray-200 dark:border-t-gray-700 blog-sm:mb-16 blog-2xl:mb-20 mb-10"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-10 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto not-prose"><h2 class="m-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-10 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 px-0 blog-sm:px-6 font-semibold">Featured Posts</h2><div class="grid grid-cols-1 blog-md:grid-cols-2 blog-lg:gap-12 gap-8"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><a itemprop="url" href="/illa-website/ja/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=256" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/backend-create-web-ui"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><a itemprop="url" href="/illa-website/ja/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=256" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/build-dashboard"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Quickly create a personalized data dashboard for your boss</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><a itemprop="url" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=256" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:block hidden"><div class="border-b border-gray-100 dark:border-gray-700"></div></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 blog-sm:pb-16 blog-md:pb-8 blog-2xl:pb-12 pb-10 blog-md:pt-16 blog-2xl:pt-20 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="flex flex-col blog-md:flex-row items-start lg:items-center justify-between mb-4 lg:mb-8 px-0 blog-sm:px-6 not-prose"><h2 class="!m-0 !mt-0 !mb-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-8 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 font-semibold">すべての投稿</h2><p class="text-sm blog-md:text-base blog-lg:text-xl blog-md:max-w-[624px] mt-6 lg:mt-0 text-gray-500 dark:text-gray-200"><b>ILLAブログ</b>|開発者向けの恒星型知識リポジトリでは、フロントエンドやバックエンド開発、AI、ローコード、ILLA Cloudなどの幅広い分野を網羅しています。 ここでは、最先端のテクノロジーに没頭し、新たなトレンドを掘り下げ、活気のある経験の交換に取り組むことができます。</p></div><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-gray-400 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:R6isnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:border-t border-t-gray-200 dark:border-t-gray-700 blog-sm:mb-16 blog-2xl:mb-20 mb-10"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/lowcode-vs-traditional/index.html b/ja/blog/lowcode-vs-traditional/index.html
index c8e6ab096b..bf810a8319 100644
--- a/ja/blog/lowcode-vs-traditional/index.html
+++ b/ja/blog/lowcode-vs-traditional/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud"><meta data-rh="true" name="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low code,traditional development,javascript"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud"><meta data-rh="true" name="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low code,traditional development,javascript"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?w=800" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Low Code vs Traditional Development: Optimal Efficiency in Choice</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?w=800" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Low Code vs Traditional Development: Optimal Efficiency in Choice</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="#when-launching-a-transient-business-initiative" class="hash-link" aria-label="When Launching a Transient Business Initiative への直接リンク" title="When Launching a Transient Business Initiative への直接リンク">​</a></h2>
 <p>In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution.</p>
 <h3 class="anchor anchorWithStickyNavbar_dXVO" id="addressing-user-facing-components-webflow">Addressing User-Facing Components: Webflow<a href="#addressing-user-facing-components-webflow" class="hash-link" aria-label="Addressing User-Facing Components: Webflow への直接リンク" title="Addressing User-Facing Components: Webflow への直接リンク">​</a></h3>
@@ -44,7 +44,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-initiating-a-novel-busin
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Conclusion への直接リンク" title="Conclusion への直接リンク">​</a></h2>
 <p>In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity.</p>
 <p>For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs.</p>
-<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#when-launching-a-transient-business-initiative" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Launching a Transient Business Initiative</a></li><li><a href="#addressing-user-facing-components-webflow" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Addressing User-Facing Components: Webflow</a></li><li><a href="#managing-business-operations-illa-cloud" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Managing Business Operations: ILLA Cloud</a></li><li><a href="#when-initiating-a-novel-business-venture" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Initiating a Novel Business Venture</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#when-launching-a-transient-business-initiative" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Launching a Transient Business Initiative</a></li><li><a href="#addressing-user-facing-components-webflow" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Addressing User-Facing Components: Webflow</a></li><li><a href="#managing-business-operations-illa-cloud" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Managing Business Operations: ILLA Cloud</a></li><li><a href="#when-initiating-a-novel-business-venture" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Initiating a Novel Business Venture</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/mui-2024/index.html b/ja/blog/mui-2024/index.html
index b6d275a98c..ddefe0cfc8 100644
--- a/ja/blog/mui-2024/index.html
+++ b/ja/blog/mui-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">2024 has arrived, should I choose MUI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/mui-2024"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose MUI? | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React,javascript"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/mui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/mui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/mui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/mui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">2024 has arrived, should I choose MUI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/mui-2024"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose MUI? | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React,javascript"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/mui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/mui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/mui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/mui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?w=800" alt="2024 has arrived, should I choose MUI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose MUI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?w=800" alt="2024 has arrived, should I choose MUI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose MUI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
 <p>In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch.</p>
 <p>To summarize, component libraries are typically used in two scenarios:</p>
@@ -73,7 +73,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="how-to-choose">How to Choose<
 <p>✅ Advantages</p>
 <p>If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements.</p>
 <p>❌ Disadvantages</p>
-<p>If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design&#x27;s aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/shadcn-vs-mui">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/react">React</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design&#x27;s aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/react">React</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/nvm-use-2024/index.html b/ja/blog/nvm-use-2024/index.html
index bcda7e484d..b928eb042d 100644
--- a/ja/blog/nvm-use-2024/index.html
+++ b/ja/blog/nvm-use-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="nvm,nodejs,mac,javascript"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/nvm-use-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="nvm,nodejs,mac,javascript"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/nvm-use-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?w=800" alt="Elegant Use of nvm for Node.js Management on Mac in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Elegant Use of nvm for Node.js Management on Mac in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?w=800" alt="Elegant Use of nvm for Node.js Management on Mac in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Elegant Use of nvm for Node.js Management on Mac in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
 <p>The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.</p>
 <p>Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.</p>
 <p>The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p>
@@ -69,7 +69,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="using-nvm">Using nvm<a href="
 <p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png" alt="nvm-use" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Conclusion への直接リンク" title="Conclusion への直接リンク">​</a></h2>
 <p>This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions.</p>
-<p>Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects—that&#x27;s the mission of open-source enthusiasts!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/nvm">nvm</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/nodejs">nodejs</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/mac">mac</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#recommending-an-open-source-project-for-backend-development" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Recommending an Open Source Project for Backend Development</a></li><li><a href="#introduction-to-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Introduction to nvm</a></li><li><a href="#installing-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Installing nvm</a></li><li><a href="#using-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Using nvm</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects—that&#x27;s the mission of open-source enthusiasts!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/nvm">nvm</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/nodejs">nodejs</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/mac">mac</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#recommending-an-open-source-project-for-backend-development" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Recommending an Open Source Project for Backend Development</a></li><li><a href="#introduction-to-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Introduction to nvm</a></li><li><a href="#installing-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Installing nvm</a></li><li><a href="#using-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Using nvm</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/rss.xml b/ja/blog/rss.xml
index dd5ce8bea4..7be47d7a63 100644
--- a/ja/blog/rss.xml
+++ b/ja/blog/rss.xml
@@ -4,7 +4,7 @@
         <title>ILLA Cloud Blog</title>
         <link>https://illacloud.github.io/illa-website/ja/blog</link>
         <description>ILLA Cloud Blog</description>
-        <lastBuildDate>Wed, 03 Jan 2024 15:08:52 GMT</lastBuildDate>
+        <lastBuildDate>Wed, 03 Jan 2024 15:28:24 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>ja</language>
@@ -13,7 +13,7 @@
             <title><![CDATA[I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.]]></title>
             <link>https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui</link>
             <guid>https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.]]></description>
             <content:encoded><![CDATA[<p>Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
 <p>Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p>
@@ -36,7 +36,7 @@
             <title><![CDATA[Quickly create a personalized data dashboard for your boss]]></title>
             <link>https://illacloud.github.io/illa-website/ja/blog/build-dashboard</link>
             <guid>https://illacloud.github.io/illa-website/ja/blog/build-dashboard</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></description>
             <content:encoded><![CDATA[<p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
 <p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>
@@ -116,7 +116,7 @@
             <title><![CDATA[Low Code vs Traditional Development: Optimal Efficiency in Choice]]></title>
             <link>https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional</link>
             <guid>https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.]]></description>
             <content:encoded><![CDATA[<p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional#when-launching-a-transient-business-initiative" class="hash-link" aria-label="When Launching a Transient Business Initiative への直接リンク" title="When Launching a Transient Business Initiative への直接リンク">​</a></h2>
@@ -153,7 +153,7 @@
             <title><![CDATA[2024 has arrived, should I choose MUI?]]></title>
             <link>https://illacloud.github.io/illa-website/ja/blog/mui-2024</link>
             <guid>https://illacloud.github.io/illa-website/ja/blog/mui-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/ja/blog/mui-2024#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
@@ -220,7 +220,7 @@
             <title><![CDATA[Elegant Use of nvm for Node.js Management on Mac in 2024]]></title>
             <link>https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024</link>
             <guid>https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.]]></description>
             <content:encoded><![CDATA[<p>Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
 <p>The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.</p>
@@ -283,7 +283,7 @@
             <title><![CDATA[2024 has arrived, should I choose Shadcn UI?]]></title>
             <link>https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024</link>
             <guid>https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
@@ -348,7 +348,7 @@
             <title><![CDATA[Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses]]></title>
             <link>https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui</link>
             <guid>https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
@@ -426,7 +426,7 @@
             <title><![CDATA[Best Open-Source Low-Code Platforms in 2024]]></title>
             <link>https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024</link>
             <guid>https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-low-code-tools">Why Choose Low-Code Tools?<a href="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024#why-choose-low-code-tools" class="hash-link" aria-label="Why Choose Low-Code Tools? への直接リンク" title="Why Choose Low-Code Tools? への直接リンク">​</a></h2>
diff --git a/ja/blog/shadcn-ui-2024/index.html b/ja/blog/shadcn-ui-2024/index.html
index 404530fa92..734b6b158d 100644
--- a/ja/blog/shadcn-ui-2024/index.html
+++ b/ja/blog/shadcn-ui-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">2024 has arrived, should I choose Shadcn UI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose Shadcn UI? | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="shadcn-ui,react,javascript"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">2024 has arrived, should I choose Shadcn UI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose Shadcn UI? | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="shadcn-ui,react,javascript"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?w=800" alt="2024 has arrived, should I choose Shadcn UI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose Shadcn UI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?w=800" alt="2024 has arrived, should I choose Shadcn UI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose Shadcn UI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
 <p>In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch.</p>
 <p>In summary, we typically use component libraries in two scenarios:</p>
@@ -72,7 +72,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="how-to-choose">How to Choose<
 <p>✅ Advantages</p>
 <p>If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details.</p>
 <p>❌ Disadvantages</p>
-<p>If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI&#x27;s customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/shadcn-ui">shadcn-ui</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/react">react</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI&#x27;s customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/shadcn-ui">shadcn-ui</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/react">react</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/shadcn-vs-mui/index.html b/ja/blog/shadcn-vs-mui/index.html
index 5ed94adb2f..d74dc8ada4 100644
--- a/ja/blog/shadcn-vs-mui/index.html
+++ b/ja/blog/shadcn-vs-mui/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?w=800" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?w=800" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="#why-choose-a-component-library" class="hash-link" aria-label="Why Choose a Component Library? への直接リンク" title="Why Choose a Component Library? への直接リンク">​</a></h2>
 <p>In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch.</p>
 <p>To summarize, component libraries are typically used in two scenarios:</p>
@@ -85,7 +85,7 @@ <h3 class="anchor anchorWithStickyNavbar_dXVO" id="richness-of-features-1">Richn
 <p>MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="how-to-choose">How to Choose<a href="#how-to-choose" class="hash-link" aria-label="How to Choose への直接リンク" title="How to Choose への直接リンク">​</a></h2>
 <p>If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios.</p>
-<p>If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/react">React</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-options-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Options for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<p>If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/ja/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/ja/blog/tags/react">React</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-options-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Options for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/tags/admin-panel/index.html b/ja/blog/tags/admin-panel/index.html
index 58c00435b6..a6cd69b552 100644
--- a/ja/blog/tags/admin-panel/index.html
+++ b/ja/blog/tags/admin-panel/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">admin panel</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">admin panel</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/tags/data-dashboard/index.html b/ja/blog/tags/data-dashboard/index.html
index 04e97325aa..7ce6afd8e6 100644
--- a/ja/blog/tags/data-dashboard/index.html
+++ b/ja/blog/tags/data-dashboard/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">data dashboard</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=160" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/build-dashboard"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Quickly create a personalized data dashboard for your boss</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">data dashboard</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=160" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/build-dashboard"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Quickly create a personalized data dashboard for your boss</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/tags/index.html b/ja/blog/tags/index.html
index f0ec5055e8..6c48a431f4 100644
--- a/ja/blog/tags/index.html
+++ b/ja/blog/tags/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfeh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfeh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2feh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552feh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><h1>タグ</h1><section class="margin-vert--lg"><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="A">A<a href="#A" class="hash-link" aria-label="A への直接リンク" title="A への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">admin panel</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="D">D<a href="#D" class="hash-link" aria-label="D への直接リンク" title="D への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="I">I<a href="#I" class="hash-link" aria-label="I への直接リンク" title="I への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">internal tools</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="J">J<a href="#J" class="hash-link" aria-label="J への直接リンク" title="J への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">javascript</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="L">L<a href="#L" class="hash-link" aria-label="L への直接リンク" title="L への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">low code</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="M">M<a href="#M" class="hash-link" aria-label="M への直接リンク" title="M への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">mac</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="N">N<a href="#N" class="hash-link" aria-label="N への直接リンク" title="N への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">nodejs</a></li><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">nvm</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="O">O<a href="#O" class="hash-link" aria-label="O への直接リンク" title="O への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">open-source</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="R">R<a href="#R" class="hash-link" aria-label="R への直接リンク" title="R への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="S">S<a href="#S" class="hash-link" aria-label="S への直接リンク" title="S への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="T">T<a href="#T" class="hash-link" aria-label="T への直接リンク" title="T への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">traditional development</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="U">U<a href="#U" class="hash-link" aria-label="U への直接リンク" title="U への直接リンク">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li></ul><hr></article></section></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/blog/tags/internal-tools/index.html b/ja/blog/tags/internal-tools/index.html
index 28dbec9404..7f0830bc21 100644
--- a/ja/blog/tags/internal-tools/index.html
+++ b/ja/blog/tags/internal-tools/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">internal tools</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">internal tools</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/tags/javascript/index.html b/ja/blog/tags/javascript/index.html
index a4f52f963c..6952127188 100644
--- a/ja/blog/tags/javascript/index.html
+++ b/ja/blog/tags/javascript/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">javascript</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">javascript</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/tags/low-code/index.html b/ja/blog/tags/low-code/index.html
index 573568e66c..6acb31f19b 100644
--- a/ja/blog/tags/low-code/index.html
+++ b/ja/blog/tags/low-code/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">low code</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">low code</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/tags/mac/index.html b/ja/blog/tags/mac/index.html
index 470c433c02..d29813fef7 100644
--- a/ja/blog/tags/mac/index.html
+++ b/ja/blog/tags/mac/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">mac</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">mac</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/tags/nodejs/index.html b/ja/blog/tags/nodejs/index.html
index 4799f3ee51..f020408cfa 100644
--- a/ja/blog/tags/nodejs/index.html
+++ b/ja/blog/tags/nodejs/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">nodejs</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">nodejs</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/tags/nvm/index.html b/ja/blog/tags/nvm/index.html
index f0e5db29b3..552b39aa0f 100644
--- a/ja/blog/tags/nvm/index.html
+++ b/ja/blog/tags/nvm/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">nvm</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">nvm</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/tags/open-source/index.html b/ja/blog/tags/open-source/index.html
index 70cf732a79..c1541c7786 100644
--- a/ja/blog/tags/open-source/index.html
+++ b/ja/blog/tags/open-source/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">open-source</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">open-source</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/tags/react/index.html b/ja/blog/tags/react/index.html
index 607d524189..231ae81539 100644
--- a/ja/blog/tags/react/index.html
+++ b/ja/blog/tags/react/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">React</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">React</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/tags/shadcn-ui/index.html b/ja/blog/tags/shadcn-ui/index.html
index 5f0fb63161..8b07c1e56f 100644
--- a/ja/blog/tags/shadcn-ui/index.html
+++ b/ja/blog/tags/shadcn-ui/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">Shadcn UI</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">Shadcn UI</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/tags/traditional-development/index.html b/ja/blog/tags/traditional-development/index.html
index 93d4bd0ea0..d5b92743f2 100644
--- a/ja/blog/tags/traditional-development/index.html
+++ b/ja/blog/tags/traditional-development/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">traditional development</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">traditional development</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/tags/ui-library/index.html b/ja/blog/tags/ui-library/index.html
index 038bf8f399..89f7ee7ddd 100644
--- a/ja/blog/tags/ui-library/index.html
+++ b/ja/blog/tags/ui-library/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">UI Library</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/ja/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">タグ付けされた投稿</div><h1 class="!mb-0">UI Library</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/ja/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/ja/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="ブログ一覧ページのナビゲーション"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html b/ja/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html
index 680698eb49..62dff26343 100644
--- a/ja/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html
+++ b/ja/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low-code,open-source"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="zh"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low-code,open-source"><link data-rh="true" rel="icon" href="/illa-website/ja/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?w=800" alt="Best Open-Source Low-Code Platforms in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Best Open-Source Low-Code Platforms in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="内部ツールで苦労していますか？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">内部ツールで苦労していますか？</h2><p class="text-base text-gray-100">ILLA Cloudを使ってCRUDアプリ、ダッシュボード、管理パネル、セールスCRM、AI画像ジェネレーターなどの構築を数分で開始しましょう！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/ja/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?w=800" alt="Best Open-Source Low-Code Platforms in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>1分間の読み取り</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Best Open-Source Low-Code Platforms in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-low-code-tools">Why Choose Low-Code Tools?<a href="#why-choose-low-code-tools" class="hash-link" aria-label="Why Choose Low-Code Tools? への直接リンク" title="Why Choose Low-Code Tools? への直接リンク">​</a></h2>
 <p>The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-open-source">Why Choose Open Source?<a href="#why-choose-open-source" class="hash-link" aria-label="Why Choose Open Source? への直接リンク" title="Why Choose Open Source? への直接リンク">​</a></h2>
diff --git a/ja/cms/index.html b/ja/cms/index.html
index 5e580ac5dc..ced8ec3621 100644
--- a/ja/cms/index.html
+++ b/ja/cms/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/ja/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2"><span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">CMS</span> を構築し、より効率的に操作する</h1><span class="descStyle_uxY4">効率的な操作のための内蔵コンテンツ管理システム。 AIを活用し、AI機能と統合することで、ビジュアルコンテンツとテキストコンテンツの両方を効率的に作成できます。 ファイル管理、ファイルストレージのサポート、配信、コンテンツ管理ワークフローの簡素化。</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" width="100%" alt="効率的な操作のための内蔵コンテンツ管理システム。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" alt="効率的な操作のための内蔵コンテンツ管理システム。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C72G%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>私たちができること</h1>
diff --git a/ja/components/Audio/index.html b/ja/components/Audio/index.html
index fe3c505358..3588dae637 100644
--- a/ja/components/Audio/index.html
+++ b/ja/components/Audio/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudのオーディオコンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA クラウドの「ビデオ」コンポーネントは、ユーザーがアプリケーション内のビデオやオーディオを再生し、対話することができます。 マルチメディアコンテンツに効率的で便利な方法を提供します または、例えば、ユーザは Video コンポーネントを使用して、プロジェクトの作業中にチュートリアルビデオを見ることができます。 アプリケーション内で必要なすべての情報を簡単に入手できるため、時間を節約し、生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">オーディオ でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/BarProgress/index.html b/ja/components/BarProgress/index.html
index 9a50520dd7..15ff6b2ac0 100644
--- a/ja/components/BarProgress/index.html
+++ b/ja/components/BarProgress/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドの「Bar Progress Component」を使用して、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA クラウドの「Bar Progress」コンポーネントは、100%スケールのバーの進行状況を視覚的に表します。 ユーザーが自分の進捗状況を迅速かつ効率的に追跡できるようにします。 進歩の明確かつ簡潔な視覚的な表現を提供することによって。 ユーザーは、完了率を計算する時間を費やすことなく、特定のタスクやプロジェクトに沿ってどれくらい進んでいるかを簡単に理解できます。 貴重な時間を節約し、より重要な仕事に集中できるようにします。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">バーの進行状況 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Button/index.html b/ja/components/Button/index.html
index eb3a8ccf87..0f3a7649de 100644
--- a/ja/components/Button/index.html
+++ b/ja/components/Button/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのボタンコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudのボタンコンポーネントは、アプリケーションとやり取りするための明確かつ直感的な方法を提供することで、アクションのトリガーやユーザーエクスペリエンスの向上に使用できる汎用性の高いツールです。 たとえば、クリックされたときにデータベースの更新をトリガーする「保存」ボタンを作成できます。 ワークフローを合理化し、手動でデータベースを更新するユーザー時間を節約します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">ボタン でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Carousel/index.html b/ja/components/Carousel/index.html
index 46c1e54e69..180b488202 100644
--- a/ja/components/Carousel/index.html
+++ b/ja/components/Carousel/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのカルーセルコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「カルーセル」コンポーネントは、1つのインターフェイスに複数の画像やメディアを表示します。 別々のページやウィンドウをナビゲートする必要がなくなることで、ユーザーの時間を節約できます。 ユーザーはカルーセルと対話し、画像や動画などの表示されるコンテンツを表示およびエンゲージメントすることができます。 すべて同じインターフェース内でシームレスで効率的なユーザーエクスペリエンスを提供します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Carousel でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Cascader/index.html b/ja/components/Cascader/index.html
index 7bac20415c..74a7f13c20 100644
--- a/ja/components/Cascader/index.html
+++ b/ja/components/Cascader/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の Cascader コンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのCascaderコンポーネントにより、ユーザーは選択肢の複数レイヤーから1つのオプションを選択できます。 データ入力と管理に対する階層的で効率的なアプローチを提供します。 例えば、ユーザーは製品選択用のフォームを作成し、&#x27;Cascader&#x27; コンポーネントを使用して、ユーザーが好みの製品カテゴリを選択できるようにすることができます。 データ収集の精度と効率を向上させます</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Cascader でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Chart/index.html b/ja/components/Chart/index.html
index 9b128970d5..a050bbfd89 100644
--- a/ja/components/Chart/index.html
+++ b/ja/components/Chart/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのチャートコンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA クラウドの「チャート」コンポーネントは、リンクされたデータに基づいてさまざまなチャートタイプを表示し、複雑な情報を明確かつ視覚的に魅力的な方法で分析できます。 ユーザーは簡単にデータポイントを比較し、傾向を特定することができ、意思決定のための効率的なツールとなります。 たとえば、営業チームはグラフを使用して収益を視覚化し、改善のための領域を特定することができます。 「グラフ」コンポーネントは、データ分析のプロセスを簡素化し、情報をわかりやすい形式で表示することで、ユーザーの時間を節約できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">グラフ でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/CheckboxGroup/index.html b/ja/components/CheckboxGroup/index.html
index 97cddc65d6..8c32f5998a 100644
--- a/ja/components/CheckboxGroup/index.html
+++ b/ja/components/CheckboxGroup/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA CloudのCheckbox Group Componentを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのCheckbox Groupコンポーネントは、リストから複数のオプションを選択するための便利で効率的な方法をユーザーに提供します。 時間と労力を節約できます たとえば、ユーザーは製品設定用のフォームを作成し、&#x27;Checkbox Group&#x27; コンポーネントを使用して、ユーザーが複数のオプションを選択できるようにできます。 例えば、色やサイズなど、データ収集プロセスを合理化します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">チェックボックスグループ でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/CircleProgress/index.html b/ja/components/CircleProgress/index.html
index e548a96aa5..44152e73e2 100644
--- a/ja/components/CircleProgress/index.html
+++ b/ja/components/CircleProgress/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのサークル進行状況コンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">円の進行状況コンポーネントILLAクラウドは、円形の進捗状況を表示するように設計されています。 視覚的に魅力的な進歩を追跡する方法をユーザーに提供します このコンポーネントは、手動でパーセンテージを計算することなく、タスクやプロジェクトの進捗状況をすばやく簡単に確認できるようにすることで、ユーザーの時間を節約できます。 追加の注意やリソースが必要な領域を特定し、明確かつ簡潔な方法でチームメンバーやステークホルダーに進歩を伝える手助けをします</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">円の進捗状況 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Container/index.html b/ja/components/Container/index.html
index ec305b9ec3..4a7bb053c4 100644
--- a/ja/components/Container/index.html
+++ b/ja/components/Container/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのコンテナコンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA クラウドの「コンテナ」コンポーネントは複数のコンポーネントをまとめてグループ化し、コンテンツの整理と管理を容易にします。 例えば、ユーザーはコンテナ内の入力フィールドのセットをグループ化することで、データの収集と送信のプロセスを簡素化することができます。 これにより、ワークフローを合理化し、全体的な効率を向上させることで時間を節約できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">コンテナ でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Date/index.html b/ja/components/Date/index.html
index 08006d0f47..da2ca809c4 100644
--- a/ja/components/Date/index.html
+++ b/ja/components/Date/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudの日付コンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloud の Date コンポーネントは、カレンダーベースのインターフェイスを提供することで、日付選択を簡素化し、日付関連データ管理の効率と精度を向上させます。 たとえば、ユーザーはイベント登録用のフォームを作成し、Date コンポーネントを使用して、ユーザーがイベント日付を選択できるようにできます。 日付関連のエラーの可能性を減らし、登録プロセスを合理化します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">日付 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/DateRange/index.html b/ja/components/DateRange/index.html
index 8d0ad70193..259506a131 100644
--- a/ja/components/DateRange/index.html
+++ b/ja/components/DateRange/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudの日付範囲コンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「日付範囲」コンポーネントは、カレンダーベースのインターフェイスを提供することで、日付範囲の選択を合理化し、ユーザーの時間と労力を節約します。 たとえば、ユーザはレポートを作成し、「日付範囲」コンポーネントを使用して、ユーザがデータ分析のための日付範囲を選択できるようにすることができます。 プロセスを簡素化し効率を高めます</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Date Range でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/DateTime/index.html b/ja/components/DateTime/index.html
index 2d9f8fdd2c..0e549054ca 100644
--- a/ja/components/DateTime/index.html
+++ b/ja/components/DateTime/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の日付時刻コンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのDate Timeコンポーネントは、カレンダーベースのインターフェイスを提供することで日付と時刻の選択を簡素化し、データ管理の効率と精度を向上させます。 例えば、 ユーザーは予約スケジュールのフォームを作成し、「日付時刻」コンポーネントを使用して、ユーザーが特定の日付と時刻を選択できるようにすることができます。 スケジューリングエラーの可能性を減らし、プロセスを合理化します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">日付時刻 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Divider/index.html b/ja/components/Divider/index.html
index 89557f7df3..4857a43f49 100644
--- a/ja/components/Divider/index.html
+++ b/ja/components/Divider/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の Divider Component を使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloud の「Divider」コンポーネントは、コンテンツの異なるセクション間の明確な区別を作成し、ナビゲーションと組織を改善する視覚的な要素です。 分割線を使用することで、ユーザーは雑然としたコンテンツを検索することなく、必要な情報をすばやく見つけることで時間を節約できます。 ユーザーエクスペリエンスの向上を実現しました。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Divider でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/EditableText/index.html b/ja/components/EditableText/index.html
index 88a32d20b0..c714126432 100644
--- a/ja/components/EditableText/index.html
+++ b/ja/components/EditableText/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の編集可能なテキストコンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA クラウドのテキスト編集コンポーネントにより、ユーザーは1行テキスト入力ボックスにテキストを入力および編集できます。 入力されたテキストはホバーで表示できます このコンポーネントは、テキストをすばやく簡単に編集する方法を提供することで、ユーザーの時間を節約できます。 例えば、 ユーザは、ユーザのフィードバックを収集するフォームを作成し、「編集可能なテキスト」コンポーネントを使用して、ユーザが投稿する前にコメントを編集できるようにできます。 これにより、企業は前後のコミュニケーションの必要性を減らすことで効率を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">編集可能なテキスト でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Form/index.html b/ja/components/Form/index.html
index 356ce82632..106328956c 100644
--- a/ja/components/Form/index.html
+++ b/ja/components/Form/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのフォームコンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「フォーム」コンポーネントにより、ユーザーは必要な情報を入力および送信でき、データを収集および処理するための効率的な方法を提供できます。 データ入力プロセスを標準化することで時間を節約し、エラーを削減し、データの整理と分析を容易にします。 たとえば、会社はフォームコンポーネントを使用して従業員情報を収集することができます。 連絡先や職位などの情報を簡単に整理することができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">フォーム でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Icon/index.html b/ja/components/Icon/index.html
index 150d2a5ba1..9fa3615dac 100644
--- a/ja/components/Icon/index.html
+++ b/ja/components/Icon/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の Icon Component を使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloudのアイコンコンポーネントは、ユーザーが構築済みアイコンを挿入するための迅速かつ簡単な方法を提供します。 アプリケーションの視覚的な魅力と使いやすさを向上させています 例えば、ユーザーはEコマースアプリケーションでショッピングカート機能を表すショッピングカートアイコンを挿入することができます。 カスタムアイコンの作成とユーザーエクスペリエンスの向上に時間と労力を節約できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">アイコン でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Image/index.html b/ja/components/Image/index.html
index 3fde2835e2..d4fad87463 100644
--- a/ja/components/Image/index.html
+++ b/ja/components/Image/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の画像コンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのImageコンポーネントは、ユーザーが画像を表示するための簡単な方法を提供し、視覚的な魅力と情報のアクセシビリティを向上させます。 例えば、ユーザは &#x27;Image&#x27; コンポーネントを使用して、電子商取引アプリケーションで製品画像を表示できます。 製品の明確で魅力的な表現を提供するための時間と労力を節約します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">画像 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Input/index.html b/ja/components/Input/index.html
index 5ab7ae809a..0fb7f7d990 100644
--- a/ja/components/Input/index.html
+++ b/ja/components/Input/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の Input Component を使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloud では、左ラベルの Input コンポーネントによって手動データ入力が不要になり、時間を節約し、効率を向上させます。 さらなる処理に必要な情報を簡単に提供することができます。 たとえば、顧客の連絡先情報を収集し、データの収集と処理のワークフローを合理化するために使用できます。 収集されたデータは、顧客セグメンテーション、ターゲットマーケティングキャンペーン、および顧客サポートに活用でき、効率的で時間を節約するソリューションを提供します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Input でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/List/index.html b/ja/components/List/index.html
index 6088e369eb..8bda4f8a38 100644
--- a/ja/components/List/index.html
+++ b/ja/components/List/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudのリストコンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">リストコンポーネントは、データを表示および管理するための組織的かつ効率的な方法を提供します。 ユーザーが情報にすばやくアクセスして操作できるようにすることで、時間を節約できます。 たとえば、営業マネージャは、format@@0コンポーネントを使用して、顧客の注文を表示および追跡し、トレンドを迅速に特定し、データ駆動型の意思決定を行うことができます。 全体として、List コンポーネントは生産性を向上させ、データ分析を強化することができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">リスト でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Menu/index.html b/ja/components/Menu/index.html
index 33f2a9d6c3..715b0a3f8e 100644
--- a/ja/components/Menu/index.html
+++ b/ja/components/Menu/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudのメニューコンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">メニューコンポーネントを利用することで、ユーザーは、複数のページを移動することなく、時間を節約し、効率を向上させることなく、さまざまなオプションにすばやくアクセスできます。 たとえば、ユーザーはソフトウェアアプリケーションのさまざまな機能にアクセスするためにメニューコンポーネントを使用できます。 頻繁に使用される機能に簡単にアクセスし、ワークフローを合理化することができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">メニュー でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Modal/index.html b/ja/components/Modal/index.html
index 1be3b07f48..02fe781087 100644
--- a/ja/components/Modal/index.html
+++ b/ja/components/Modal/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのモーダルコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「Modal」コンポーネントは、現在のページから移動したり、ユーザーのワークフローを中断したりすることなく、コンテンツの表示やユーザ操作のプロンプトを表示できるユーザインターフェース要素です。 既存のページの上部にフローティングレイヤーを作成し、ユーザーのフィードバックを収集したり、情報を表示したり、入力を促したりします。 これにより、よりシームレスで合理化されたユーザーエクスペリエンスが可能になります。 アプリケーションとやり取りしながら、ユーザーは同じコンテキスト内にとどまることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">モーダル語 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Multiselect/index.html b/ja/components/Multiselect/index.html
index d7422ddf22..b66c0819b9 100644
--- a/ja/components/Multiselect/index.html
+++ b/ja/components/Multiselect/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の MultiSelect コンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのMulti Selectコンポーネントは、リストから複数のオプションを選択するための便利で効率的な方法をユーザーに提供します。 時間と労力を節約できます たとえば、ユーザーはアンケートフォームを作成し、&#x27;Multi Select&#x27; コンポーネントを使用して、ユーザーが複数のオプションを選択できるようにすることができます。 好みの製品やサービスなどデータ収集プロセスを合理化します</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">複数選択 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/NumberInput/index.html b/ja/components/NumberInput/index.html
index 45a9bdba7a..db1fa2b30f 100644
--- a/ja/components/NumberInput/index.html
+++ b/ja/components/NumberInput/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドの数値入力コンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloud では、左ラベルの Number Input コンポーネントを使用すると、数値を入力できます。 迅速かつ容易な入力のための合理化されたインターフェイスを提供します。 このコンポーネントは、手動データ入力の必要性を排除することで、ユーザーの時間を節約できます。 例えば、ユーザーは各項目の数量と価格を収集するために「Number Input」コンポーネントを含む注文フォームを作成できます。 これは、企業が注文を処理する際に時間を節約し、エラーを減らすのに役立ちます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Number input でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/PDF/index.html b/ja/components/PDF/index.html
index aaadbd3bf9..3ae5681bde 100644
--- a/ja/components/PDF/index.html
+++ b/ja/components/PDF/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA CloudのPDFコンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「PDF」コンポーネントにより、ユーザーはアプリ内のPDFファイルを表示および操作することができ、時間を節約し、ドキュメント管理を合理化できます。 たとえば、異なるソフトウェアやアプリケーションを切り替えることなく、PDFドキュメントに簡単にアクセスして注釈を付けることができ、生産性とワークフローの効率を向上させます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">PDF でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/RadioButton/index.html b/ja/components/RadioButton/index.html
index db7d7f0c05..4bdf9fa2fc 100644
--- a/ja/components/RadioButton/index.html
+++ b/ja/components/RadioButton/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドの無線ボタンコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">Radio Buttonコンポーネントは、ユーザーが複数の選択肢から1つのオプションを選択するための迅速かつ効率的な方法です。 混乱を避け意思決定プロセスを合理化します たとえば、アンケートフォームでは、ラジオボタンコンポーネントを使用して、ユーザーが自分の年齢グループを選択できるようにすることができます。 データ入力プロセスを簡素化することで時間を節約できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Radio Button でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/RadioGroup/index.html b/ja/components/RadioGroup/index.html
index 99cae80759..e22fc799f8 100644
--- a/ja/components/RadioGroup/index.html
+++ b/ja/components/RadioGroup/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の無線グループコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのRadio Groupコンポーネントは、ユーザーがリストから1つのオプションを選択するための簡単で効率的な方法を提供します。 時間を節約し、エラーを減らします。 例えば、ユーザはイベント登録用のフォームを作成し、&#x27;Radio Group&#x27; コンポーネントを使用して、ユーザが希望するイベントを選択できるようにすることができます。 登録プロセスを簡素化し、効率を向上させる。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">無線グループ でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Rate/index.html b/ja/components/Rate/index.html
index 132fb403e9..271d223be8 100644
--- a/ja/components/Rate/index.html
+++ b/ja/components/Rate/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのレートコンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「レート」コンポーネントは、ユーザーが製品、サービス、またはエクスペリエンスを評価するための迅速かつ簡単な方法を提供し、フィードバックを提供する時間を節約します。 たとえば、ユーザーは、format@@0コンポーネントを使用して、最近の購入または体験を評価できます。 企業が顧客からのフィードバックに基づいて製品やサービスを改善するのに役立ちます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">利率 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Select/index.html b/ja/components/Select/index.html
index 78b7089b84..b26a4c99a5 100644
--- a/ja/components/Select/index.html
+++ b/ja/components/Select/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudの「コンポーネントの選択」を使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA クラウドの Select コンポーネントにより、ユーザはオプションのリストから選択できます。 ユーザーの時間を節約し、効率を向上させることができるデータを入力するユーザーフレンドリーでスペース効率の高い方法を提供します。 たとえば、ユーザーはアンケートフォームを作成し、&#x27;Select&#x27; コンポーネントを使用して、ユーザーが選択できる幅広いオプションを提供できます。 プロセスを簡素化し、正確なデータ収集を確保します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">選択 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Statistics/index.html b/ja/components/Statistics/index.html
index 181f5fab82..ea37e31503 100644
--- a/ja/components/Statistics/index.html
+++ b/ja/components/Statistics/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud の統計コンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「Statistics」コンポーネントは、ユーザーが視覚的に魅力的でわかりやすい方法で数値データを表示できるように設計されています。 データ分析や意思決定を改善することです たとえば、format@@0 コンポーネントを使用して、棒グラフなどのさまざまな視覚的形式で売上データを表示するダッシュボードを作成できます。 円グラフ、折れ線グラフ、カスタマイズされたビジュアライゼーションの作成に時間を節約し、データの迅速かつ明確な概要を提供します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">統計情報 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Switch/index.html b/ja/components/Switch/index.html
index 18f445ced8..ea3fe9a0e5 100644
--- a/ja/components/Switch/index.html
+++ b/ja/components/Switch/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA CloudのSwitchコンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのSwitchコンポーネントは、ユーザーが特定の設定や機能をオンまたはオフにするための直感的でユーザーフレンドリーな方法を提供します。 時間の節約と効率の向上 例えば、 ユーザーは通知システムを作成し、&#x27;Switch&#x27; コンポーネントを使用して、ユーザーが特定のイベントの通知をオンまたはオフにできるようにできます。 新しいメッセージやアップデートなど、不必要な中断を減らすことができます</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">切り替え でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Tables/index.html b/ja/components/Tables/index.html
index 6146ab8b7a..1751ef8f64 100644
--- a/ja/components/Tables/index.html
+++ b/ja/components/Tables/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud のテーブルコンポーネントを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「Table」コンポーネントは、データベース・データを表形式で表示し、大量の情報をすばやく分析することができます。 ソート、検索、フィルタリングなどの機能があります テーブルコンポーネントは、必要なデータを簡単に見つけて操作できるようにすることで、ユーザーの時間を節約できます。 また、異なる列タイプ、色、書式設定オプションを使用してテーブルをカスタマイズできます。 複雑なデータの視覚的に魅力的でわかりやすい表現を可能にします。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">テーブル でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Tabs/index.html b/ja/components/Tabs/index.html
index cf0224d0ab..2a1244ff0f 100644
--- a/ja/components/Tabs/index.html
+++ b/ja/components/Tabs/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudのformat@@0タブを使用して、数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudの「Tab」コンポーネントは、幅広いスクロールを必要とせずに、コンテンツのさまざまなセクションを簡単に切り替えられるようにすることで、ユーザーの時間を節約できます。 たとえば、Tabsを使用して、ソフトウェアアプリケーションで異なるビューやモードを切り替えることができ、ユーザビリティと生産性が向上します。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Tabs でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Text/index.html b/ja/components/Text/index.html
index e57b8acdb6..fd40b64dc9 100644
--- a/ja/components/Text/index.html
+++ b/ja/components/Text/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud のテキストコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのTextコンポーネントは、ユーザーがテキストを表示するための簡単な方法を提供し、情報の読みやすさとアクセシビリティを向上させます。 例えば、ユーザは &#x27;Text&#x27; コンポーネントを使用して重要な命令や情報を表示できます。 連絡先や製品説明など、重要な情報を伝えるための時間と労力を節約できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">テキスト でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Textarea%20Input/index.html b/ja/components/Textarea%20Input/index.html
index bea8416f2f..aa2a84b5cc 100644
--- a/ja/components/Textarea%20Input/index.html
+++ b/ja/components/Textarea%20Input/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] flex flex-col h-screen"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R2lkuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:Rj5kuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R9a4uh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Raa4uh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><main class="container margin-vert--xl h-full"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">ページが見つかりません</h1><p>お探しのものが見つかりませんでした。</p><p>元のURLにリンクしたサイトの所有者に連絡し、リンクが切れていることを知らせてください。</p></div></div></main><div class="commBottomContainer_rcOJ"><div style="height:410px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-white-02">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div></div>
diff --git a/ja/components/Timeline/index.html b/ja/components/Timeline/index.html
index 657fc90e5b..552dfbc643 100644
--- a/ja/components/Timeline/index.html
+++ b/ja/components/Timeline/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud のタイムラインコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA Cloudのタイムラインコンポーネントは、プロジェクトの進捗または履歴を明確かつ組織的に視覚的に表現することで、ユーザーの時間を節約できます。 たとえば、プロジェクトマネージャーは、format@@0コンポーネントを使用してプロジェクトのマイルストーンを視覚的に表示できます。 締め切りや成果物、プロジェクトのスケジュール作成に時間を節約し、チームメンバーやステークホルダーに伝えます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">タイムライン でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Upload/index.html b/ja/components/Upload/index.html
index 0490296eb6..b80c53d3ef 100644
--- a/ja/components/Upload/index.html
+++ b/ja/components/Upload/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA クラウドのアップロードコンポーネントを使用して、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA クラウドのアップロードコンポーネントにより、ユーザーはあらゆる種類のファイルを自分のアプリケーションに簡単にアップロードできます。 データ管理に便利で合理化されたアプローチを提供します 例えば、 ユーザーはオンラインストアを作成し、&#x27;アップロード&#x27; コンポーネントを使用して注文の送信時に顧客が画像やその他のファイルをアップロードできるようにすることができます。 時間の節約と効率の向上</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">アップロード でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/Video/index.html b/ja/components/Video/index.html
index 81022f00ec..04f5c92419 100644
--- a/ja/components/Video/index.html
+++ b/ja/components/Video/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud のビデオコンポーネントを使用して、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA クラウドの「ビデオ」コンポーネントは、アプリケーション内のビデオを再生し、対話します。 外部のビデオプレーヤーに切り替えることなく、動画コンテンツを簡単に表示して操作できるようにすることで、時間を節約できます。 たとえば、ビデオコンポーネントを使用して、アプリケーション内でトレーニングビデオや製品デモを見ることができ、生産性と効率性を向上させます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">ビデオ でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/components/index.html b/ja/components/index.html
index d88232a331..3aa01de8af 100644
--- a/ja/components/index.html
+++ b/ja/components/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_yWoG"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf lg:pt-[48px] lg:w-[570px] w-full"><h1 class="headerTitle_URD5">組み込みコンポーネントのライブラリ</h1><span class="headerDesc_zhHJ">ILLAは、一般的に使用されるフロントエンド開発コンポーネントの範囲を提供しています。 ユーザーは、フロントエンドインターフェイスを簡単に構築し、ユーザーアクションに応答し、簡単なドラッグアンドドロップ操作でデータを表示できます。 ILLAでは、テーブル、グラフ、フォーム、リストなどの複雑なコンポーネントを構築できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">無料で試す</a></div><img src="https://cdn.illacloud.com/official-website/img/official-site/features/componentIndex.svg" alt="" class="w-full lg:w-[550px]"></div><div class="flex flex-col gap-[24px] pb-[60px] lg:pb-[100px]"><h2 class="contentTitle_b3GB">Inputs</h2><div class="itemsContainer_OUc9"><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20upload.svg" alt="アップロード" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">アップロード</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「アップロード」コンポーネントは、ユーザーがアプリケーションに任意の種類のファイルをアップロードする方法を提供します。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/components/Upload"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Switch.svg" alt="切り替え" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">切り替え</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「スイッチ」コンポーネントには、ユーザーが特定の設定や機能をオンまたはオフにできるトグルスイッチがあります。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/components/Switch"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Select.svg" alt="選択" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">選択</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「選択」コンポーネントは、ユーザーがオプションのリストから選択できるドロップダウンセレクタです。 データを入力するためのユーザーフレンドリーでスペース効率の良い方法を提供します</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/components/Select"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Radio%20Group.svg" alt="無線グループ" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">無線グループ</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「Radio Group」コンポーネントは、ユーザが選択肢のリストから1つのオプションを選択できる無線セレクタです。 データの入力と管理の簡単で明確な方法を提供します</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/components/RadioGroup"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Check%20Box.svg" alt="CheckboxGroup" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">CheckboxGroup</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「Checkbox Group」コンポーネントは、ユーザがリストから複数のオプションを選択できるチェックボックスセレクタです。 データを簡単かつ効率的に管理する方法を提供します</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/components/CheckboxGroup"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div><h2 class="contentTitle_b3GB">データ</h2><div class="itemsContainer_OUc9"><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Chart.svg" alt="グラフ" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">グラフ</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA クラウドの「チャート」コンポーネントは、リンクされたデータに基づいて複数の種類のチャートを表示します。 複雑なデータの明確で視覚的に魅力的な表現をユーザーに提供します。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/components/Chart"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Table.svg" alt="テーブル" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">テーブル</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA クラウドの「表」コンポーネントは、データベースからのデータを表形式で表示します。 大量の情報を一目で表示、並べ替え、分析することができます。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/components/Tables"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div><h2 class="contentTitle_b3GB">プレゼンテーション</h2><div class="itemsContainer_OUc9"><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20PDF.svg" alt="PDF" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">PDF</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「PDF」コンポーネントは、ユーザーがアプリケーション内のPDFファイルを表示して操作できる表示要素です。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/components/PDF"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Video.svg" alt="ビデオ" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">ビデオ</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloudの「Video」コンポーネントは、ユーザーがアプリケーション内のビデオを再生し、対話することを可能にするディスプレイ要素です。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/components/Video"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/components/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/crm/index.html b/ja/crm/index.html
index caf484d4b5..a4ad508dfb 100644
--- a/ja/crm/index.html
+++ b/ja/crm/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/ja/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">取引を早く終了するには <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">セールスCRMソリューション</span> が良いです。</h1><span class="descStyle_uxY4">すべてのリード、顧客関係、セールスパイプラインを効率的に管理 1つの場所で作業を行うことができるので、販売プロセスを合理化し、取引を終了することに集中できます。</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" width="100%" alt="ILLA Cloudは低コードのCRMビルディングツールだけでなく、ビジネスツールとAI機能の橋渡しでもあります。AI機能と統合することで、ILLA Cloudは製品の特徴と顧客の特性に基づいてパーソナライズされたマーケティングコンテンツの生成を支援します。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" alt="ILLA Cloudは低コードのCRMビルディングツールだけでなく、ビジネスツールとAI機能の橋渡しでもあります。AI機能と統合することで、ILLA Cloudは製品の特徴と顧客の特性に基づいてパーソナライズされたマーケティングコンテンツの生成を支援します。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7N5%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>私たちは何ができるのか</h1>
diff --git a/ja/dashboard/index.html b/ja/dashboard/index.html
index ed1960118c..01b012e99f 100644
--- a/ja/dashboard/index.html
+++ b/ja/dashboard/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/ja/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">ビジネス用の <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">データ分析ダッシュボード</span> をカスタマイズ</h1><span class="descStyle_uxY4">包括的なデータ分析ダッシュボードを構築し、最小限の投資でビジネスの成長を促進します。</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" width="100%" alt="包括的なデータ分析ダッシュボードを構築し、最小限の投資でビジネスの成長を促進します。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" alt="包括的なデータ分析ダッシュボードを構築し、最小限の投資でビジネスの成長を促進します。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Xz%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>何ができるのか</h1>
diff --git a/ja/image-generator/index.html b/ja/image-generator/index.html
index 268fee6f47..92bca560a0 100644
--- a/ja/image-generator/index.html
+++ b/ja/image-generator/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/ja/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">ビジネス用の <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">AI Image Generator</span> をカスタマイズ</h1><span class="descStyle_uxY4">テキストからイメージへ、想像力豊かなアイデアを素晴らしいビジュアルに変えましょう。 画像を画像に変更するには、芸術的なスタイルを適用したり、説明に基づいて画像コンテンツを変更したりして、画像やドラフトを強化します。</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" width="100%" alt="線画を異なるスタイルの画像にレンダリングします。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" alt="線画を異なるスタイルの画像にレンダリングします。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bc%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>できること</h1>
diff --git a/ja/index.html b/ja/index.html
index eda164ab7a..351a47e2cc 100644
--- a/ja/index.html
+++ b/ja/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] font-sans"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:Ramjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R2cmjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R158jqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R198jqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="bannerContainerStyle__SXx"><div class="canvasContainerStyle_h8pN"><canvas></canvas></div><video class="bgStyle_xQ96" loop="" autoplay="" muted=""><source src="/illa-website/ja/assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4" type="video/mp4"></video><div class="bannerContentContainer_RLp6"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><div class="publicize_vEiD"><span class="publicizeStyle_C7Y6"></span><span class="flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]"><span class="flex flex-row justify-between"><span class="publicIntru_nEWo"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-[24px] w-[24px]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span><span>Github</span><span class="inline-block w-[45px] text-center">0.0k</span><span>星</span></span></span></span><span role="img" aria-label="star us">星印を付ける<!-- --> 👉</span></span></div></a><div class="bannerTextContainerStyle_O5rS"><div class="flex flex-col gap-[16px]"><h1 class="sloganStyle_zysD">AI駆動型ビジネスアプリを構築</h1><span class="descStyle_U78g">低コードで { businessApp } をビルドし、 { flow }を自動化し、 { AIAgent } を簡単に作成</span></div><div class="buttonContainerStyle_ulq9"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK largeSizeStyle_kJWZ lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW largeArrowStyle_sKWX lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">始めよう</span></a></div></div></div><div class="solutionContainerStyle_QwBc"><div class="tabsContainerStyle_DETz"><div class="tabsItemStyle_TXig selectedTabStyle_CyW0"><span class="w-full h-full relative z-[1] text-nowrap">データ分析ダッシュボード</span><div class="splitterItemStyle_gYQ6"></div></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI Image Generator</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI音声生成ツール</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">コンテンツ管理</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">セールスCRM</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">管理パネル</span></div></div><div class="solutionImageContainerStyle_LgpU"><div class="solutionBaseBgStyle_nGRR solutionSelectBgStyle_Xioy"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO solutionSelectImageStyle_GSp1"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Xz%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bc%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bb%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C72G%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7N5%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Oy%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div></div></div></div><div class="bannerContainer_oUHl"><div class="textContainerStyle_j9Qp"><h1 class="sloganStyle_XKtE">AI駆動型ビジネスアプリを構築</h1><span class="descStyle_YqnZ">低コードで { businessApp } をビルドし、 { flow }を自動化し、 { AIAgent } を簡単に作成</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK normalSizeStyle_qzr1 lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW normalArrowStyle_XxGa lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">始めよう</span></a></div><div class="flex items-center gap-[40px]"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="linkGroupItemStyle_KQRV"><svg width="44" height="44" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="-0.001" width="88" height="88" rx="44" fill="url(#linearGithub_svg__a)"></rect><path d="M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z" fill="#fff"></path><defs><linearGradient id="linearGithub_svg__a" x1="44" y1="-0.001" x2="44" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px]">0.0k<!-- -->星</span></div></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="flex flex-col items-center gap-[8px]"><svg width="44" height="44" viewBox="0 0 89 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="-0.001" width="88" height="88" rx="44" fill="url(#linearDiscord_svg__a)"></rect><path d="M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z" fill="#fff"></path><defs><linearGradient id="linearDiscord_svg__a" x1="44.5" y1="-0.001" x2="44.5" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px] align-middle">Discord に参加</span></div></a></div><div class="swiper w-full"><div class="swiper-wrapper"><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">データ分析ダッシュボード</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI Image Generator</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI音声生成ツール</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">コンテンツ管理</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">セールスCRM</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">管理パネル</span></div></div></div></div></div><div class="contentContainer_c9t8"><div class="content_jfit"><div class="wallContainerStyle_Ny01"><span class="logoTitleStyle_hhN_">何千ものチームに信頼されています</span><div class="logoContainerStyle_PeVm"><span class="flex justify-end"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#metaIcon_svg__a)" fill="#fff"><path d="M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"></path><path d="M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"></path><path d="M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"></path></g><defs><clipPath id="metaIcon_svg__a"><path fill="#fff" transform="translate(.1)" d="M0 0h120.8v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="171" height="40" viewBox="0 0 171 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#byteDanceIcon_svg__a)" fill="#fff"><path d="M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"></path></g><defs><clipPath id="byteDanceIcon_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h170v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-start"><svg width="194" height="40" viewBox="0 0 194 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#alibaba_svg__a)"><path d="M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z" fill="#fff"></path></g><defs><clipPath id="alibaba_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h193v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="33" height="40" viewBox="0 0 33 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z" fill="#fff"></path></svg></span></div></div><div class="cardContentContainerStyle_kX6c"><div class="headerContainerStyle_RgD_"><h2 class="textTitleStye_mJAH"><span class="textTitleNumStyle_TEnk">3 </span>つのステップで、ビジネスアプリをカスタマイズする</h2><span class="textDescStyle_NFkj">ドラッグアンドドロップコンポーネントでツールをビルドし、AIエージェントをカスタマイズし、データソースに接続し、AIをニーズとデータに適したスマートツールとし、仕事をより効率的にします。</span></div><div class="cardContainerStyle_Kvlw"><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step1.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>1<!-- -->.</span><br><span>UIを設計するためのコンポーネントをドラッグアンドドロップする</span></h3><span class="textDescStyle_vwoY">コンポーネントをドラッグアンドドロップすることで、迅速にアプリケーションのUIを構築し、任意の機能を実装できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">ILLAを使用してUIを構築を開始する</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemReverseStyle_DHTD"><img src="https://cdn.illacloud.com/illa-website/home/step/step2.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>2<!-- -->.</span><br><span>データソースに接続する</span></h3><span class="textDescStyle_vwoY">MySQL、PostgreSQLなどのデータベース、REST API、GraphQLなど、自分のデータソースに接続します。CRUDアプリをわずか1分で構築できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">データソースを使用してアプリを構築を開始する</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step3.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>3<!-- -->.</span><br><span>AIエージェントを設定して接続する</span></h3><span class="textDescStyle_vwoY">AIエージェントをアプリに統合し、知的分析、コンテンツ生成などのAI機能をAI開発スキル不要で活用できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">AI駆動型アプリの構築を開始する</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commentsContainerStyle_ctEM"><h2 class="commentsTitleStyle_iQ9i">ユーザーの声</h2><div class="commentsItemsContainerStyle_Zw4J"><div class="borderStyle_jCx_ mobileGap_cpxI"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">ILLA Cloud は私にとってゲームチェンジャーであり、効率的なコンテンツを短時間で生成するのに役立ちます。 カスタマイズされたAIエージェントとアプリは、私のビジネスニーズに完全に対応します。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">クリストファー</span><span class="commentUserCompanyStyle_zWSD">SEO スペシャリスト</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">私は今 BlogMaster になったと思います！ このツールは私のコンテンツ生成プロセスに革命をもたらし、私に貴重な時間を節約しました。 ブログのアイデアを生み出しているのか、記事を構成しているのかに関わらず、AIエージェントは私と私のチームにとって大きな資産となっています。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">ルーカス</span><span class="commentUserCompanyStyle_zWSD">コンテンツ戦略家</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">最小限の労力で優れたカスタマーサポートを提供することができます。 あらかじめ構築されたAIエージェントとアプリは、特定のニーズに合わせてカスタマイズする機能とともに、チームの効率性を大幅に向上させました。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">ハーパー</span><span class="commentUserCompanyStyle_zWSD">カスタマーサービスマネージャー</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">AIエージェントとローコードは、電子メールの書き込みプロセスを変換しました。 インパクトのある電子メールの作成を合理化することで、私は魅力的で説得力のあるメッセージを簡単に作成することができます。 ILLA クラウドは、当社の電子メール通信を新たな高みに高めました。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">アビゲイル</span><span class="commentUserCompanyStyle_zWSD">コミュニケーションスペシャリスト</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">会社の様々な側面を監督する必要があります。 ILLA Cloud は私に包括的なソリューションを提供してくれます。 開発と設計に時間と労力を節約するだけでなく、自分のビジネスをより良く管理し、監視することもできます。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">マシュー</span><span class="commentUserCompanyStyle_zWSD">ビジネス創業者</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">ILLA Cloud を使用して管理ダッシュボードを構築するのは非常に簡単でした。 たった1日で、プロジェクトの進捗を監視したり、このダッシュボード内でリソースを割り当てたりといったタスクを達成することができました。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">サミュエル</span><span class="commentUserCompanyStyle_zWSD">ウェブサイト管理者</span></span></div></div></div></div><div class="allContentContainer_nVOG"><h2 class="allContentTitle_K0Y2">ILLA Cloud はすべてを統合しました</h2><img class="w-full h-auto" src="https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp" alt="ILLA Cloud integrates everything"></div><div class="faqContainer_vbEd"><h2 class="faqTitle_s89i">よく寄せられる質問</h2><div class="w-full flex flex-col gap-[8px]"><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rjapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA AIではどのようなコンテンツを作成できますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rlapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>誰がILLAクラウドを利用できますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rnapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA クラウドからどのように利益を得ることができますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rpapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>AIエージェントを特定のビジネスニーズに合わせてカスタマイズすることはできますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rrapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLAはどのようなデータソースをサポートしていますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rtapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA クラウドユーザーの技術サポートはありますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div></div></div></div><div class="commBottomContainerStyle_CDHK"><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-white-02">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] font-sans"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:Ramjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R2cmjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R158jqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R198jqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="bannerContainerStyle__SXx"><div class="canvasContainerStyle_h8pN"><canvas></canvas></div><video class="bgStyle_xQ96" loop="" autoplay="" muted=""><source src="/illa-website/ja/assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4" type="video/mp4"></video><div class="bannerContentContainer_RLp6"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><div class="publicize_vEiD"><span class="publicizeStyle_C7Y6"></span><span class="flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]"><span class="flex flex-row justify-between"><span class="publicIntru_nEWo"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-[24px] w-[24px]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span><span>Github</span><span class="inline-block w-[45px] text-center">0.0k</span><span>星</span></span></span></span><span role="img" aria-label="star us">星印を付ける<!-- --> 👉</span></span></div></a><div class="bannerTextContainerStyle_O5rS"><div class="flex flex-col gap-[16px]"><h1 class="sloganStyle_zysD">AI駆動型ビジネスアプリを構築</h1><span class="descStyle_U78g">低コードで <span class="colorDescAppStyle_qG8r">Webサイト&amp;アプリ</span> をビルドし、 <span class="colorDescFlowStyle_VvqE">プロセス</span>を自動化し、 <span class="colorDescAgentStyle_LHLV">AI Agent</span> を簡単に作成</span></div><div class="buttonContainerStyle_ulq9"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK largeSizeStyle_kJWZ lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW largeArrowStyle_sKWX lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">始めよう</span></a></div></div></div><div class="solutionContainerStyle_QwBc"><div class="tabsContainerStyle_DETz"><div class="tabsItemStyle_TXig selectedTabStyle_CyW0"><span class="w-full h-full relative z-[1] text-nowrap">データ分析ダッシュボード</span><div class="splitterItemStyle_gYQ6"></div></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI Image Generator</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI音声生成ツール</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">コンテンツ管理</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">セールスCRM</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">管理パネル</span></div></div><div class="solutionImageContainerStyle_LgpU"><div class="solutionBaseBgStyle_nGRR solutionSelectBgStyle_Xioy"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO solutionSelectImageStyle_GSp1"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Xz%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bc%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bb%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C72G%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7N5%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Oy%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">今すぐ試す</span></a></div></div></div></div><div class="bannerContainer_oUHl"><div class="textContainerStyle_j9Qp"><h1 class="sloganStyle_XKtE">AI駆動型ビジネスアプリを構築</h1><span class="descStyle_YqnZ">低コードで <span class="colorDescAppStyle_An_L">Webサイト&amp;アプリ</span> をビルドし、 <span class="colorDescFlowStyle_y9g7">プロセス</span>を自動化し、 <span class="colorDescAgentStyle_x5xU">AI Agent</span> を簡単に作成</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK normalSizeStyle_qzr1 lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW normalArrowStyle_XxGa lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">始めよう</span></a></div><div class="flex items-center gap-[40px]"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="linkGroupItemStyle_KQRV"><svg width="44" height="44" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="-0.001" width="88" height="88" rx="44" fill="url(#linearGithub_svg__a)"></rect><path d="M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z" fill="#fff"></path><defs><linearGradient id="linearGithub_svg__a" x1="44" y1="-0.001" x2="44" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px]">0.0k<!-- -->星</span></div></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="flex flex-col items-center gap-[8px]"><svg width="44" height="44" viewBox="0 0 89 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="-0.001" width="88" height="88" rx="44" fill="url(#linearDiscord_svg__a)"></rect><path d="M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z" fill="#fff"></path><defs><linearGradient id="linearDiscord_svg__a" x1="44.5" y1="-0.001" x2="44.5" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px] align-middle">Discord に参加</span></div></a></div><div class="swiper w-full"><div class="swiper-wrapper"><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">データ分析ダッシュボード</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI Image Generator</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI音声生成ツール</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">コンテンツ管理</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">セールスCRM</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">管理パネル</span></div></div></div></div></div><div class="contentContainer_c9t8"><div class="content_jfit"><div class="wallContainerStyle_Ny01"><span class="logoTitleStyle_hhN_">何千ものチームに信頼されています</span><div class="logoContainerStyle_PeVm"><span class="flex justify-end"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#metaIcon_svg__a)" fill="#fff"><path d="M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"></path><path d="M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"></path><path d="M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"></path></g><defs><clipPath id="metaIcon_svg__a"><path fill="#fff" transform="translate(.1)" d="M0 0h120.8v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="171" height="40" viewBox="0 0 171 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#byteDanceIcon_svg__a)" fill="#fff"><path d="M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"></path></g><defs><clipPath id="byteDanceIcon_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h170v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-start"><svg width="194" height="40" viewBox="0 0 194 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#alibaba_svg__a)"><path d="M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z" fill="#fff"></path></g><defs><clipPath id="alibaba_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h193v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="33" height="40" viewBox="0 0 33 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z" fill="#fff"></path></svg></span></div></div><div class="cardContentContainerStyle_kX6c"><div class="headerContainerStyle_RgD_"><h2 class="textTitleStye_mJAH"><span class="textTitleNumStyle_TEnk">3 </span>つのステップで、ビジネスアプリをカスタマイズする</h2><span class="textDescStyle_NFkj">ドラッグアンドドロップコンポーネントでツールをビルドし、AIエージェントをカスタマイズし、データソースに接続し、AIをニーズとデータに適したスマートツールとし、仕事をより効率的にします。</span></div><div class="cardContainerStyle_Kvlw"><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step1.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>1<!-- -->.</span><br><span>UIを設計するためのコンポーネントをドラッグアンドドロップする</span></h3><span class="textDescStyle_vwoY">コンポーネントをドラッグアンドドロップすることで、迅速にアプリケーションのUIを構築し、任意の機能を実装できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">ILLAを使用してUIを構築を開始する</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemReverseStyle_DHTD"><img src="https://cdn.illacloud.com/illa-website/home/step/step2.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>2<!-- -->.</span><br><span>データソースに接続する</span></h3><span class="textDescStyle_vwoY">MySQL、PostgreSQLなどのデータベース、REST API、GraphQLなど、自分のデータソースに接続します。CRUDアプリをわずか1分で構築できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">データソースを使用してアプリを構築を開始する</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step3.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>3<!-- -->.</span><br><span>AIエージェントを設定して接続する</span></h3><span class="textDescStyle_vwoY">AIエージェントをアプリに統合し、知的分析、コンテンツ生成などのAI機能をAI開発スキル不要で活用できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">AI駆動型アプリの構築を開始する</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commentsContainerStyle_ctEM"><h2 class="commentsTitleStyle_iQ9i">ユーザーの声</h2><div class="commentsItemsContainerStyle_Zw4J"><div class="borderStyle_jCx_ mobileGap_cpxI"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">ILLA Cloud は私にとってゲームチェンジャーであり、効率的なコンテンツを短時間で生成するのに役立ちます。 カスタマイズされたAIエージェントとアプリは、私のビジネスニーズに完全に対応します。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">クリストファー</span><span class="commentUserCompanyStyle_zWSD">SEO スペシャリスト</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">私は今 BlogMaster になったと思います！ このツールは私のコンテンツ生成プロセスに革命をもたらし、私に貴重な時間を節約しました。 ブログのアイデアを生み出しているのか、記事を構成しているのかに関わらず、AIエージェントは私と私のチームにとって大きな資産となっています。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">ルーカス</span><span class="commentUserCompanyStyle_zWSD">コンテンツ戦略家</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">最小限の労力で優れたカスタマーサポートを提供することができます。 あらかじめ構築されたAIエージェントとアプリは、特定のニーズに合わせてカスタマイズする機能とともに、チームの効率性を大幅に向上させました。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">ハーパー</span><span class="commentUserCompanyStyle_zWSD">カスタマーサービスマネージャー</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">AIエージェントとローコードは、電子メールの書き込みプロセスを変換しました。 インパクトのある電子メールの作成を合理化することで、私は魅力的で説得力のあるメッセージを簡単に作成することができます。 ILLA クラウドは、当社の電子メール通信を新たな高みに高めました。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">アビゲイル</span><span class="commentUserCompanyStyle_zWSD">コミュニケーションスペシャリスト</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">会社の様々な側面を監督する必要があります。 ILLA Cloud は私に包括的なソリューションを提供してくれます。 開発と設計に時間と労力を節約するだけでなく、自分のビジネスをより良く管理し、監視することもできます。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">マシュー</span><span class="commentUserCompanyStyle_zWSD">ビジネス創業者</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">ILLA Cloud を使用して管理ダッシュボードを構築するのは非常に簡単でした。 たった1日で、プロジェクトの進捗を監視したり、このダッシュボード内でリソースを割り当てたりといったタスクを達成することができました。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">サミュエル</span><span class="commentUserCompanyStyle_zWSD">ウェブサイト管理者</span></span></div></div></div></div><div class="allContentContainer_nVOG"><h2 class="allContentTitle_K0Y2">ILLA Cloud はすべてを統合しました</h2><img class="w-full h-auto" src="https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp" alt="ILLA Cloud integrates everything"></div><div class="faqContainer_vbEd"><h2 class="faqTitle_s89i">よく寄せられる質問</h2><div class="w-full flex flex-col gap-[8px]"><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rjapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA AIではどのようなコンテンツを作成できますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rlapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>誰がILLAクラウドを利用できますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rnapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA クラウドからどのように利益を得ることができますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rpapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>AIエージェントを特定のビジネスニーズに合わせてカスタマイズすることはできますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rrapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLAはどのようなデータソースをサポートしていますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rtapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA クラウドユーザーの技術サポートはありますか?</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div></div></div></div><div class="commBottomContainerStyle_CDHK"><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-white-02">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/ja/integrations/Airtable/index.html b/ja/integrations/Airtable/index.html
index 8ccd6870cc..51d29b4940 100644
--- a/ja/integrations/Airtable/index.html
+++ b/ja/integrations/Airtable/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Airtable に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">「ILLA CloudのAirable統合により、 オープンソースのバックエンドサーバープラットフォームにすばやく簡単に接続して、データ管理を最適化し、ワークフローを合理化できます。 この統合により、AirtableのAPIエンドポイントを活用することで、データ管理が簡単になり、Airtableデータベース、ストレージ、認証サービスからのデータを簡単に操作できます。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 たとえば、Airtable データベースからデータを取得し、ボタンを追加できます。 クリックすると、API コールを実行してデータを更新したり、リクエストを承認したりします。 ILLA Cloud の統合により、データ管理プロセスを合理化し、Airtable の強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Airtable でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/AmazonDynamoDB/index.html b/ja/integrations/AmazonDynamoDB/index.html
index 20d1bb6a3f..6a41d4112d 100644
--- a/ja/integrations/AmazonDynamoDB/index.html
+++ b/ja/integrations/AmazonDynamoDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Amazon DynamoDB に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloud の Amazon DynamoDB 統合により、DynamoDB データベースにすばやく設定および接続してデータ管理を最適化し、ワークフローを合理化できます。 DynamoDBのクエリを使用してデータ管理を簡素化し、簡単にデータを操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、DynamoDBテーブルからデータを取得し、次のボタンを追加することができます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのAmazon DynamoDB統合により、データ管理プロセスを合理化し、DynamoDBの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Amazon DynamoDB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/Appwrite/index.html b/ja/integrations/Appwrite/index.html
index e7efdc65b6..8713b23e1e 100644
--- a/ja/integrations/Appwrite/index.html
+++ b/ja/integrations/Appwrite/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA CloudでAppwriteに接続し、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのAppwrite統合で。 オープンソースのバックエンドサーバープラットフォームにすばやく簡単に接続して、データ管理を最適化し、ワークフローを合理化できます。 彼との連携により、AppwriteのAPIエンドポイントを活用することで、データ管理が簡単になり、Appwriteデータベース、ストレージ、認証サービスからのデータを簡単に操作できます。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、Appwriteデータベースからデータを取得し、次のボタンを追加することができます。 クリックすると、API コールを実行してデータを更新したり、リクエストを承認したりします。 ILLA CloudのAppwrite統合により、データ管理プロセスを合理化し、Appwriteの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Appwrite でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/Clickhouse/index.html b/ja/integrations/Clickhouse/index.html
index 1407c40aed..177b06f74d 100644
--- a/ja/integrations/Clickhouse/index.html
+++ b/ja/integrations/Clickhouse/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA CloudでClickhouseに接続し、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのClickHouseとの統合により、ClickHouseデータベースにすばやく設定および接続してデータ管理を最適化し、ワークフローを合理化できます。 ClickHouseクエリを使用してデータ管理を簡素化し、簡単にデータを操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、ClickHouseテーブルからデータを取得し、ボタンを追加することもできます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのClickHouse統合により、データ管理プロセスを合理化し、ClickHouseの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Clickhouse でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/CouchDB/index.html b/ja/integrations/CouchDB/index.html
index 0239c8fce6..870e516f78 100644
--- a/ja/integrations/CouchDB/index.html
+++ b/ja/integrations/CouchDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して CouchDB に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのCouchDB統合により、迅速に設定およびCouchDBデータベースに接続してデータ管理を最適化し、ワークフローを合理化できます。 CouchDBのクエリを使用してデータ管理を簡素化し、簡単にデータを操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、CouchDBデータベースからデータを取得し、ボタンを追加することができます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのCouchDB統合により、データ管理プロセスを合理化し、CouchDBの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">CouchDB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/ElasticSearch/index.html b/ja/integrations/ElasticSearch/index.html
index 9599fa1542..da55ad1432 100644
--- a/ja/integrations/ElasticSearch/index.html
+++ b/ja/integrations/ElasticSearch/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Elastic Search に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloud の Elastic Search との統合 Elastic Search クラスタにすばやく設定して接続し、データ管理を最適化し、ワークフローを強化できます。 また、Elastic Searchクエリを使用してデータ管理を簡素化することで、簡単にデータを検索および取得できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または例えば、Elastic Search インデックスからデータを取得し、次のボタンを追加できます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのElastic Search統合により、データ管理プロセスを合理化し、Elastic Searchの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Elastic Search でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/Firebase/index.html b/ja/integrations/Firebase/index.html
index c9b31cebe1..96be3b99b5 100644
--- a/ja/integrations/Firebase/index.html
+++ b/ja/integrations/Firebase/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してFirebaseに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのFirebase統合により、Firebaseデータベースにすばやく設定および接続してデータ管理を最適化し、ワークフローを合理化できます。 FirebaseクエリとAPI呼び出しを使用してデータ管理を簡素化し、データを簡単に操作したり、複雑な操作を実行したりできます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または例えば、Firebase コレクションからデータを取得し、次のボタンを追加できます。 クリックすると、API コールを実行してデータを更新したり、リクエストを承認したりします。 ILLA CloudのFirebase統合により、データ管理プロセスを合理化し、Firebaseの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Firebase でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/GoogleSheets/index.html b/ja/integrations/GoogleSheets/index.html
index 2363b0f872..c007ebc3de 100644
--- a/ja/integrations/GoogleSheets/index.html
+++ b/ja/integrations/GoogleSheets/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Google スプレッドシートに接続し、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloud のGoogle Sheetsとの統合 Google スプレッドシートにすばやく簡単に接続して、データ管理を最適化し、ワークフローを合理化できます。 統合により、Google Sheets APIを使用してGoogleスプレッドシートからデータを読み書き、操作できるようになり、データ管理が簡素化されます。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、Google スプレッドシートからデータを取得し、次のボタンを追加できます。 クリックすると、API コールを実行してデータを更新したり、リクエストを承認したりします。 ILLA Cloud の Google スプレッドシートの統合により、データ管理プロセスを合理化し、Google スプレッドシートの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Google シート でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/GraphQL/index.html b/ja/integrations/GraphQL/index.html
index 78d5342dd1..197f37af28 100644
--- a/ja/integrations/GraphQL/index.html
+++ b/ja/integrations/GraphQL/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してGraphQLに接続し、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのGraphQL統合により、 GraphQL API にすばやく簡単に設定および接続できるため、データ管理を最適化し、ワークフローを合理化できます。 彼の統合により、GraphQL API からデータを簡単に取得して操作できるため、データ管理が簡単になります。 必要なGraphQLクエリやアプリベースのバリデーションチェックを組み込むことで、データの追加や書き込みを安全に行うことができます。 または、GraphQL API からデータを取得し、次のボタンを追加することができます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのGraphQL統合により、データ管理プロセスを合理化し、GraphQLの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">GraphQL でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/HuggingFaceInferenceAPI/index.html b/ja/integrations/HuggingFaceInferenceAPI/index.html
index 0f58f8c075..43332aa40c 100644
--- a/ja/integrations/HuggingFaceInferenceAPI/index.html
+++ b/ja/integrations/HuggingFaceInferenceAPI/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Hugging Face Inference API に接続し、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのHugging Face Inference APIの統合により、 Hugging Faceの強力な自然言語処理モデルにすばやく簡単に接続して、データ管理を最適化し、ワークフローを合理化できます。 Hugging FaceのAPIエンドポイントを活用することで、データ管理を簡単にすることができます。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 あるいは例えば... 外部ソースからテキストデータを取得し、Hug Face API呼び出しを介してセンチメント分析や言語翻訳を実行できます。 ILLA CloudのHugging Face Inference APIの統合により、 Hugging Faceの自然言語処理モデルの強力な機能を活用することで、データ管理プロセスを合理化し、生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">顔推論API をハグする でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/HuggingFaceInferenceEndpoint/index.html b/ja/integrations/HuggingFaceInferenceEndpoint/index.html
index 90af8a912a..8ac1f6ef61 100644
--- a/ja/integrations/HuggingFaceInferenceEndpoint/index.html
+++ b/ja/integrations/HuggingFaceInferenceEndpoint/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">Hugging Face Inference EndpointにILLA Cloudで接続し、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLAクラウドのHugging Face Endpoint統合で Hugging Faceの強力な自然言語処理モデルを素早く簡単に設定して接続することで、データ管理を最適化し、ワークフローを合理化できます。 Hugging FaceのAPIエンドポイントを活用することで、データ管理を簡単にすることができます。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 あるいは例えば... 外部ソースからテキストデータを取得し、Hug Face推論エンドポイントを通じてそれを渡すことで、センチメント分析や言語翻訳を実行できます。 ILLAクラウドのHugging Face Endpoint統合で Hugging Faceの自然言語処理モデルの強力な機能を活用することで、データ管理プロセスを合理化し、生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">顔推論エンドポイント でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/Hydra/index.html b/ja/integrations/Hydra/index.html
index f6ab38c99d..b33b884fcd 100644
--- a/ja/integrations/Hydra/index.html
+++ b/ja/integrations/Hydra/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してHydraに接続し、数回のクリックで社内ツールを構築します。</h1><span class="headerDesc_zhHJ">&quot;With ILLA Cloud&#x27;s Hydra integration, you can quickly and easily connect to the open-source backend server platform to optimize your data management and streamline your workflows.
diff --git a/ja/integrations/MariaDB/index.html b/ja/integrations/MariaDB/index.html
index 70fd201ade..60e033b7ee 100644
--- a/ja/integrations/MariaDB/index.html
+++ b/ja/integrations/MariaDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して MariaDB に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのMariaDB統合で。 迅速かつ簡単にMariaDBデータベースに接続してデータ管理を最適化し、ワークフローを合理化することができます。 彼はSQLを使用してデータ管理を簡素化し、テーブルを操作したり、データを取得したり、複雑なクエリを簡単に実行したりできます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、例えば、MariaDB テーブルから従業員のデータを取得し、ボタンを追加できます。 クリックすると、SQLクエリを実行して従業員の情報を更新したり、リクエストを承認します。 ILLA CloudのMariaDB統合により、データソースの可能性を最大限に引き出し、最小限の労力で生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">MariaDB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/MicrosoftSQLServer/index.html b/ja/integrations/MicrosoftSQLServer/index.html
index ec42cfe376..372314bb00 100644
--- a/ja/integrations/MicrosoftSQLServer/index.html
+++ b/ja/integrations/MicrosoftSQLServer/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Microsoft SQL Server に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのMicrosoft SQL Server統合によります。 SQL Server データベースにすばやく設定および接続して、データ管理を最適化し、ワークフローを合理化できます。 統合により、SQLクエリを使用したデータ管理が簡単になり、簡単にデータを操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、SQL Server テーブルからデータを取得し、ボタンを追加することができます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのMicrosoft SQL Server統合によります。 データ管理プロセスを合理化し、SQL Server の強力な機能を活用して生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Microsoft SQL Server でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/MongoDB/index.html b/ja/integrations/MongoDB/index.html
index 827fdf4614..f5ce81849e 100644
--- a/ja/integrations/MongoDB/index.html
+++ b/ja/integrations/MongoDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してMongoDBに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのMongoDB統合により、MongoDBデータベースに素早く設定および接続してデータ管理を最適化し、ワークフローを合理化することができます。 彼はMongoDBクエリを使用してデータ管理を簡単に統合し、簡単にデータを操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、MongoDBコレクションからデータを取得し、次のボタンを追加することができます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのMongoDB統合により、データ管理プロセスを合理化し、MongoDBの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">MongoDB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/MySQL/index.html b/ja/integrations/MySQL/index.html
index b44863b2d8..31016f1534 100644
--- a/ja/integrations/MySQL/index.html
+++ b/ja/integrations/MySQL/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してMySQLに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudとMySQLを統合すると、ワークフローを大幅に強化し、プロセスを合理化できます。 いくつかの簡単な手順で、ILLA CloudをMySQLデータベースに接続できます。 データとやり取りするユーザーインターフェイスを強力な新しい方法で作成できます。 テーブルグリッドにデータを読み込む必要がある場合は、ダッシュボードを作成します。 またはSQLクエリを実行してデータベースに書き込むカスタムアクションを追加すると、ILLAクラウドを使用すると、安全かつ効率的に簡単に実行できます。 ILLA Cloudを使用してMySQLデータに接続すると、意図しない削除やその他の高価なエラーを避けることができます。 たとえば、MySQLテーブルを使用して従業員の経費を管理している場合。 ILLA Cloudを使用して、データをダッシュボードに読み込んだり、データベースに書き戻して各費用の承認状況を更新するアクションを追加することもできます。 また、ILLA Cloudのシンプルなインターフェースを使用すると、明確で体系的な方法で行いたいアクションを定義できます。 ワークフローの最適化とプロセスの合理化を容易にします。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">MySQL でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/Neon/index.html b/ja/integrations/Neon/index.html
index 5d7741f990..5ac596b74e 100644
--- a/ja/integrations/Neon/index.html
+++ b/ja/integrations/Neon/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudでネオンに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">完全に管理されたマルチクラウドPostgresは、寛大な無料の階層を備えています。私たちは、自動スケーリング、分岐、および底なしのストレージを提供するためにストレージと計算を分離しました。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Neon でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/OracleDB/index.html b/ja/integrations/OracleDB/index.html
index f151b19ed6..b3043db4e5 100644
--- a/ja/integrations/OracleDB/index.html
+++ b/ja/integrations/OracleDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してOracle DBに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのOracle DB統合により、Oracleデータベースにすばやく構成および接続して、データ管理を最適化し、ワークフローを合理化できます。 統合により、SQLクエリを使用したデータ管理が簡単になり、簡単にデータを操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、Oracleデータベーステーブルからデータを取得し、次のボタンを追加することができます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのOracle DB統合により、データ管理プロセスを合理化し、Oracle DBの強力な機能を活用して生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Oracle DB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/PostgreSQL/index.html b/ja/integrations/PostgreSQL/index.html
index d1d6035f12..af3d03b8e4 100644
--- a/ja/integrations/PostgreSQL/index.html
+++ b/ja/integrations/PostgreSQL/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してPostgreSQLに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのPostgreSQL統合により、PostgreSQLデータベースを素早く設定して接続し、信頼性の高いパフォーマンスでデータソースを最適化できます。 統合により、SQLを使用したデータ管理が簡単になり、テーブルを操作したり、複雑なクエリを実行したりできます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 例えばPostgreSQLのテーブルから従業員のデータを取得し、1回のクリックで休暇リクエストを承認するとします。 この場合、SQL クエリを実行するボタンを作成し、従業員のリクエストを承認済みにすることができます。 ILLA CloudのPostgreSQL統合により、簡単かつ自信を持ってデータ管理プロセスを合理化できます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">PostgreSQL でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/RESTAPI/index.html b/ja/integrations/RESTAPI/index.html
index cabcafce45..4348a1b240 100644
--- a/ja/integrations/RESTAPI/index.html
+++ b/ja/integrations/RESTAPI/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">任意のRESTful APIに接続し、分単位でILLAクラウドでカスタムツールを構築します</h1><span class="headerDesc_zhHJ">ILLA CloudのREST API統合により、あらゆるRESTful APIに素早く簡単に接続してデータ管理を最適化し、ワークフローを合理化できます。 彼はRESTful APIエンドポイントを使用してデータ管理を簡素化し、データの取得と操作を容易にします。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、外部のRESTful APIからデータを取得し、次のボタンを追加できます。 クリックすると、データの更新やリクエストの承認を行います。 ILLA Cloud の REST API 統合により、データ管理プロセスを合理化し、RESTful API の強力な機能を活用して生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">REST API でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/Redis/index.html b/ja/integrations/Redis/index.html
index fb6b3e9d26..16a060b3ea 100644
--- a/ja/integrations/Redis/index.html
+++ b/ja/integrations/Redis/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してRedisに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのRedis統合により、迅速にRedisデータベースに設定および接続してデータ管理を最適化し、ワークフローを強化することができます。 この統合により、Redisコマンドを使用したデータ管理が簡単になり、簡単にデータを操作できます。 必要なコマンドを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 あるいは、Redisデータベースからデータを取得し、ボタンを追加することができます。 クリックするとRedisコマンドを実行し、データの更新やリクエストの承認を行います。 ILLA CloudのRedis統合により、データ管理プロセスを合理化し、Redisの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Redis でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/S3/index.html b/ja/integrations/S3/index.html
index fff01579d1..91368627b2 100644
--- a/ja/integrations/S3/index.html
+++ b/ja/integrations/S3/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してAmazon S3に接続し、数回クリックするだけで社内ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのAmazon S3統合で。 すばやく簡単にAmazon S3ストレージに接続してデータ管理を最適化し、ワークフローを合理化できます。 S3 APIエンドポイントを活用することで、データ管理を簡素化し、S3バケットからデータを読み書き、操作することができます。 必要なAPIコールを含む入力やアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、S3バケットからデータを取得し、ボタンを追加することができます。 クリックすると、API コールを実行してデータを更新したり、リクエストを承認したりします。 ILLA CloudのAmazon S3統合で。 データ管理プロセスを合理化し、Amazon S3 ストレージの強力な機能を活用して生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">S3 でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/SMTP/index.html b/ja/integrations/SMTP/index.html
index 393cf5fc68..026e8eb4d4 100644
--- a/ja/integrations/SMTP/index.html
+++ b/ja/integrations/SMTP/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloudを使用してSMTPに接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA Cloud の SMTP 統合によります。 SMTPサーバーに素早く簡単に接続してメール管理を最適化し、ワークフローを合理化することができます。 彼との統合により、メール管理が簡単になります。ILLA クラウドアプリケーションから直接メールを送受信できるようになります。 必要なSMTPパラメータを含む入力を提供し、アプリベースの検証チェックを組み込むことで、安全に電子メールを送信できます。 または、アプリケーションで特定のイベントがトリガーされたときに、自動メールをユーザーに送信することができます。 ILLA CloudのSMTP統合により、メール管理プロセスを合理化し、SMTPの強力な機能を活用して生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">SMTP でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/Snowflake/index.html b/ja/integrations/Snowflake/index.html
index c2b3226def..a73569e762 100644
--- a/ja/integrations/Snowflake/index.html
+++ b/ja/integrations/Snowflake/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して Snowflake に接続し、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのSnowflakeの統合により、Snowflakeのデータウェアハウスにすばやく設定および接続してデータ管理を最適化し、ワークフローを合理化できます。 Snowflake SQL クエリを使用してデータ管理を簡素化し、データを簡単に操作できます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、Snowflake テーブルからデータを取得し、ボタンを追加することもできます。 クリックすると、データの更新やリクエストの承認のためにクエリを実行します。 ILLA CloudのSnowflake統合により、データ管理プロセスを合理化し、Snowflakeの強力な機能を活用して生産性を高めることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">スノーフレーク でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/SupabaseDB/index.html b/ja/integrations/SupabaseDB/index.html
index ac2c82e9b8..c5854f24d2 100644
--- a/ja/integrations/SupabaseDB/index.html
+++ b/ja/integrations/SupabaseDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して SupabaseDB に接続し、ほんの数回のクリックで内部ツールを構築します。</h1><span class="headerDesc_zhHJ">ILLA CloudのSupabaseDB統合により、すばやくSupabaseDBデータベースに設定および接続してデータ管理を最適化し、ワークフローを合理化できます。 彼の統合により、SupabaseDBクエリとAPIコールを使用したデータ管理が簡単になり、データを簡単に操作して複雑な操作を行うことができます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 または、SupabaseDBテーブルからデータを取得し、ボタンを追加することができます。 クリックすると、API コールを実行してデータを更新したり、リクエストを承認したりします。 ILLA CloudのSupabaseDB統合により、データ管理プロセスを合理化し、SupabaseDBの強力な機能を活用して生産性を向上させることができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">Supabase DB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/TiDB/index.html b/ja/integrations/TiDB/index.html
index 42f3364b96..5de247e2c9 100644
--- a/ja/integrations/TiDB/index.html
+++ b/ja/integrations/TiDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/ja/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>コンポーネントに戻る</span></span></a><h1 class="headerTitle_URD5">ILLA Cloud を使用して TiDB に接続し、数回クリックするだけで内部ツールを構築できます。</h1><span class="headerDesc_zhHJ">ILLA CloudのTiDB統合により、TiDBデータベースにシームレスに設定および接続してデータ管理を最適化し、ワークフローを強化することができます。 彼はSQLを使用してデータ管理を簡素化し、テーブルを操作したり、データを取得したり、複雑なクエリを簡単に実行したりできます。 必要なクエリやアプリベースのバリデーションチェックを組み込むことで、安全にデータを追加または書き込むことができます。 例えば... TiDBテーブルから従業員のデータを取得し、SQLクエリを実行して従業員の情報を更新したり、リクエストを承認したりするボタンを追加できます。 ILLA CloudのTiDB統合により、データ管理プロセスを合理化し、自信を持ってデータソースの可能性を最大限に引き出すことができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">TiDB でビルド</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/integrations/index.html b/ja/integrations/index.html
index 88fae28a88..57c9a8f174 100644
--- a/ja/integrations/index.html
+++ b/ja/integrations/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">Doc</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_yWoG"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf lg:pt-[48px] lg:w-[570px] w-full"><h1 class="headerTitle_URD5">任意のデータソースに接続</h1><span class="headerDesc_zhHJ">メインストリームデータベースやAPI経由で接続されたあらゆるデータに接続する機能を備えています。 ILLA Cloud を使用すると、開発者はバックエンドから取得したデータをフロントエンドコンポーネントと緊密に統合できます。 これにより、開発者は、ユーザーイベントに応答するリソースやアクションを追加することで、簡単にデータ呼び出しを記述し、広範な情報操作を実現することができます。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">無料で試す</a></div><img src="https://cdn.illacloud.com/official-website/img/official-site/features/dataSource.svg" alt="" class="w-full lg:w-[550px]"></div><div class="flex flex-col gap-[24px] pb-[60px] lg:pb-[100px]"><h2 class="contentTitle_b3GB">データベース統合</h2><div class="itemsContainer_OUc9"><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/mySQL.svg" alt="MySQL" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">MySQL</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">効率的なデータの保存と取得を可能にするオープンソースのリレーショナルデータベース管理システム。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/MySQL"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/postgres.svg" alt="PostgreSQL" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">PostgreSQL</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">安定性と信頼性で知られる高度なオープンソースのリレーショナルデータベース管理システム。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/PostgreSQL"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/MariaDB.svg" alt="MariaDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">MariaDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">強化された機能とパフォーマンス改善を備えたMySQLのコミュニティ主導のオープンソースフォーク。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/MariaDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/TiDB.svg" alt="TiDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">TiDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">水平スケーラビリティとフォルトトレランスを備えたSQLとNoSQLの両方のワークロードをサポートする分散SQLデータベース。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/TiDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/redis.svg" alt="Redis" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Redis</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">データベース、キャッシュ、およびメッセージブローカーとしてよく使用されるインメモリデータ構造ストア。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/Redis"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/appwrite.svg" alt="Appwrite" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Appwrite</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">Webおよびモバイルアプリケーションの認証、データベース、およびストレージサービスを提供するオープンソースのバックエンドサーバープラットフォーム。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/Appwrite"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/MongoDB.svg" alt="MongoDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">MongoDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">JSONに似た柔軟なドキュメントにデータを格納するNoSQLドキュメントデータベース。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/MongoDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/oracledb.svg" alt="Oracle DB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Oracle DB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">高性能でスケーラブルなリレーショナルデータベース管理システムで、包括的な機能とツールを提供します。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/OracleDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Elastic%20search.svg" alt="Elastic Search" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Elastic Search</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">大量のデータを扱える分散型のRESTful検索と分析エンジン。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/ElasticSearch"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/couchDB.svg" alt="CouchDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">CouchDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">増分レプリケーションと競合検出を備えた分散アーキテクチャを提供する NoSQL ドキュメント指向データベース。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/CouchDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/firebse.svg" alt="Firebase" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Firebase</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">モバイルおよびWebアプリケーション用のリアルタイムデータベース、認証、クラウドメッセージングなどのバックエンドサービスを提供するプラットフォーム。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/Firebase"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/msdb.svg" alt="Microsoft SQL Server" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Microsoft SQL Server</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">トランザクション処理、ビジネスインテリジェンス、分析アプリケーションをサポートするMicrosoftによって開発されたリレーショナルデータベース管理システム。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/supabase.svg" alt="Supabase DB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Supabase DB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">オンライン分析処理(OLAP)ワークロード用に設計されたオープンソースの列指向データベース管理システム。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/SupabaseDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/NEON.svg" alt="Neon" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Neon</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">完全に管理されたマルチクラウドPostgresは、寛大な無料の階層を備えています。私たちは、自動スケーリング、分岐、および底なしのストレージを提供するためにストレージと計算を分離しました。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/Neon"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/clickhouse%201.svg" alt="Clickhouse" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Clickhouse</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">オンライン分析処理(OLAP)ワークロード用に設計されたオープンソースの列指向データベース管理システム。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/Clickhouse"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/landingpage/Hydra.svg" alt="Hydra" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Hydra</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">Postgres上に構築されたオープンソースの列指向のRDBMS</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/Hydra"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/dynamoDB.svg" alt="Amazon DynamoDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Amazon DynamoDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">高性能、拡張性、信頼性を提供する完全に管理されたNoSQLデータベースサービス。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/AmazonDynamoDB"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Snowflake.svg" alt="Snowflake" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Snowflake</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">大規模なデータの保存と分析のために設計されたクラウドベースのデータウェアハウジングプラットフォーム。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/Snowflake"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div><h2 class="contentTitle_b3GB">API連携</h2><div class="itemsContainer_OUc9"><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/huggingface.svg" alt="Hugging Face Inference API " class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Hugging Face Inference API </span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">推論タスクのための使いやすい事前訓練済みの自然言語処理モデルを提供するAPI。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/HuggingFaceInferenceAPI"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/huggingface-1.svg" alt="Hugging Face Inference Endpoint" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Hugging Face Inference Endpoint</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">推論タスク用の Hug Face モデルの展開とスケーリングを容易にするエンドポイント。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/HuggingFaceInferenceEndpoint"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/rest%20api.svg" alt="REST API" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">REST API</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">HTTPプロトコルを使用してクライアントとサーバー間でデータを交換するWebサービスを構築するためのWebベースのアーキテクチャスタイル。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/RESTAPI"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Amazon%20S3.svg" alt="S3" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">S3</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">さまざまなユースケースに合わせてスケーラブルで安全で耐久性のあるデータストレージを提供するクラウドベースのオブジェクトストレージサービス。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/S3"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/SMTP.svg" alt="SMTP" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">SMTP</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">インターネット上で電子メールメッセージを送受信するためのプロトコル。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/SMTP"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/GraphQL.svg" alt="GraphQL" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">GraphQL</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">従来のREST APIに代わる、より効率的で強力で柔軟なAPIのクエリ言語。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/GraphQL"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Google%20sheets.svg" alt="Google Sheets" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Google Sheets</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">クラウドベースのスプレッドシートソフトウェア。リアルタイムで他のスプレッドシートを作成し、編集することができます。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/GoogleSheets"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/landingpage/airtable.svg" alt="Airtable" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Airtable</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">プロジェクト、データ、チームをシームレスに管理するための柔軟で協調的なプラットフォーム。</span></div><a class="learnMore_Lb_l" href="/illa-website/ja/integrations/Airtable"><span>もっと詳しく</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-[#1D2129]">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">無線グループ</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-[#1D2129]">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-[#1D2129]">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新履歴</span></a><span class="footerItem_GsU2 text-[#1D2129]">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/ja/pricing/index.html b/ja/pricing/index.html
index 871d30fddd..8efd330d0e 100644
--- a/ja/pricing/index.html
+++ b/ja/pricing/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/ja/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/ja/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.0c726779.css">
-<script src="/illa-website/ja/assets/js/runtime~main.2124305a.js" defer="defer"></script>
-<script src="/illa-website/ja/assets/js/main.c91ede21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/ja/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/ja/assets/css/styles.768af922.css">
+<script src="/illa-website/ja/assets/js/runtime~main.106910cc.js" defer="defer"></script>
+<script src="/illa-website/ja/assets/js/main.7288e62e.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="メインコンテンツにスキップ"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">メインコンテンツにスキップ</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="pricingMask_W_17" style="height:0px"><div class="pricingMaskLeft_XgjA"></div><div class="pricingMaskRight_mQEj"></div><div class="pricingMaskPhone_eCBF"></div></div><div class="w-full px-0 font-sans"><div class="w-full relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:Rlddqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R4pddqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/ja/blog">ブログ</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">ログイン</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">無料で始める</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/ja/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R2ahdqh:" type="button" aria-expanded="false" data-headlessui-state="">ソリューション<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R2ihdqh:" type="button" aria-expanded="false" data-headlessui-state="">リソース<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/ja/pricing">価格</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/ja/blog">ブログ</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">デモを予約する</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a></li></div></div></div></div></header><div class="w-full text-white flex flex-col lg:gap-[120px] gap-[60px] lg:pt-[40px] bg-transparent"><div class="pricingContent_kMON"><div class="w-full flex flex-col items-center justify-center gap-[8px]"><span class="pricingContentTitleExtra_U6Tm">AI駆動型ビジネスアプリを構築</span><span class="pricingContentTitle_tw94">価格</span></div><div class="px-[24px] font-[400] text-[14px] leading-[17px] lg:text-[16px] lg:leading-[19px] text-center lg:w-[1040px] w-full">ILLA Cloud Billing の導入により、監査ログや公開アプリなどの特別な機能にアクセスできます。 請求システムは、オーナー、管理者、編集者の役割を含む編集権限を持つメンバーに基づいています。 購読すると、無制限の視聴者を追加料金なしで追加できます。</div><div class="cardContainerStyle_frTi"><div class="premiumCardContainerStyle_zMC3"><div class="premiumCardContainer_ArgU"><div class="premiumHeaderStyle_yb36"><span class="premiumTitleStyle_pemo">Premium</span><span class="premiumDescStyle_R6dg">チームをアップグレードして高度な機能にアクセスする</span></div><div class="cardBaseStyle_lN8t priceCardStyle_vDMh"><svg width="564" height="322" viewBox="0 0 564 322" fill="none" xmlns="http://www.w3.org/2000/svg" class="cardBgStyle_q38d"><g clip-path="url(#builderCardBg_svg__a)"><path fill="url(#builderCardBg_svg__b)" d="M0 0h564v322H0z"></path><g filter="url(#builderCardBg_svg__c)"><ellipse cx="205" cy="-2" rx="359" ry="133" fill="url(#builderCardBg_svg__d)"></ellipse></g></g><defs><radialGradient id="builderCardBg_svg__d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 133 -359 0 205 -2)"><stop stop-color="#00C2FF" stop-opacity="0.2"></stop><stop offset="1" stop-color="#9CE7FF" stop-opacity="0"></stop></radialGradient><linearGradient id="builderCardBg_svg__b" x1="282" y1="0" x2="282" y2="322" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.06"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></linearGradient><clipPath id="builderCardBg_svg__a"><path fill="#fff" d="M0 0h564v322H0z"></path></clipPath><filter id="builderCardBg_svg__c" x="-354" y="-335" width="1118" height="666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_9968_493"></feGaussianBlur></filter></defs></svg><div class="priceListTitleContainerStyle_MEs5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="listIconStyle_TqyE builderListTitleStyle_ul1g"><circle cx="8" cy="8" r="6" stroke="#pricing-title-cycle"></circle></svg><span class="priceListTitleStyle_v2pp">ILLA Builder</span></div><div class="priceListStyle_xBIv"><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">無制限のビューアーで無料</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">監査ログ</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">アプリの公開</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">AI SQL生成</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">バックアップ編集履歴と復元</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">カスタムテーマ（近日公開予定）</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">複数環境（近日公開予定）</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">デプロイされたバージョンを保持して復元（近日公開予定）</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">GPT-4やGPT-3.5-turbo-16kなど、さまざまなモデルにアクセス</span></div></div></div><div class="operatingStyle_cGmQ"><div><span class="priceNumStyle_eiPz">$<!-- -->20</span><span class="priceNumDescStyle_n2JG">/month/editor</span></div><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer"><span class="upgradeButtonStyle_qpR6">アップグレードする</span></a></div></div><div class="premiumCardContainer_ArgU"><div class="premiumHeaderStyle_yb36"><span class="premiumTitleStyle_pemo">Colla</span><span class="premiumDescStyle_R6dg">ILLA Cloud の付加価値サービスの支払いに使用</span></div><div class="cardBaseStyle_lN8t priceCardStyle_vDMh"><svg width="564" height="322" viewBox="0 0 564 322" fill="none" xmlns="http://www.w3.org/2000/svg" class="cardBgStyle_q38d"><g clip-path="url(#agentCardBg_svg__a)"><path fill="url(#agentCardBg_svg__b)" d="M0 0h564v322H0z"></path><g filter="url(#agentCardBg_svg__c)"><ellipse cx="205" rx="359" ry="133" fill="url(#agentCardBg_svg__d)"></ellipse></g></g><defs><radialGradient id="agentCardBg_svg__d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 133 -359 0 205 0)"><stop stop-color="#FF48ED" stop-opacity="0.2"></stop><stop offset="1" stop-color="#FF48ED" stop-opacity="0"></stop></radialGradient><linearGradient id="agentCardBg_svg__b" x1="282" y1="0" x2="282" y2="322" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.06"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></linearGradient><clipPath id="agentCardBg_svg__a"><path fill="#fff" d="M0 0h564v322H0z"></path></clipPath><filter id="agentCardBg_svg__c" x="-354" y="-333" width="1118" height="666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_9968_539"></feGaussianBlur></filter></defs></svg><div class="priceListStyle_xBIv"><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN agentListTitleStyle_sU8y listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">ストレージ</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN agentListTitleStyle_sU8y listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">トラフィック</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN agentListTitleStyle_sU8y listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">AIエージェント</span></div></div></div><div class="operatingStyle_cGmQ"><div><span class="priceNumStyle_eiPz">$<!-- -->10</span><span class="priceNumDescStyle_n2JG">/month/5k Colla</span></div><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer"><span class="upgradeButtonStyle_qpR6">アップグレードする</span></a></div></div></div></div></div><div class="px-[20px] mx-auto"><div class="faqContainer_vbEd"><h2 class="faqTitle_s89i">よくある質問</h2><div class="w-full flex flex-col gap-[8px]"><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:R8qlqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>課金対象となるユーザーは誰ですか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:R9alqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>異なるタイプのエディターはありますか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:R9qlqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ビューアーは製品の使用料金がかかりますか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Raalqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ビューアーを招待するにはどうすればよいですか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Raqlqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA Cloudはどのようなサービスを提供していますか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rbalqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA Driveとは何ですか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rbqlqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>AI Agentとは何ですか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rcalqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>AIエージェントの使用料金はどのように請求されますか？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">ILLA クラウドを使ったアプリの構築を開始</h2><p class="commBottomDesc_DyZe text-white-02">必要なあらゆる内部ツールは、ILLA Cloud を使用して1分で構築できます。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">無料でクラウドを試す</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>GitHub でサインイン</span></button></div></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コンポーネント</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/components/Tables"><span class="footerItem_GsU2 text-white-02">表</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Chart"><span class="footerItem_GsU2 text-white-02">グラフ</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Upload"><span class="footerItem_GsU2 text-white-02">アップロード</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Switch"><span class="footerItem_GsU2 text-white-02">切り替え</span></a><a class="hover:no-underline" href="/illa-website/ja/components/Select"><span class="footerItem_GsU2 text-white-02">選択</span></a><a class="hover:no-underline" href="/illa-website/ja/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">無線グループ</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">統合</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/ja/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">詳細を表示</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">ソリューション</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/ja/image-generator"><span class="footerItem_GsU2 text-white-02">AI Image Generator</span></a><a class="hover:no-underline" href="/illa-website/ja/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI音声生成ツール</span></a><a class="hover:no-underline" href="/illa-website/ja/dashboard"><span class="footerItem_GsU2 text-white-02">データ分析ダッシュボード</span></a><a class="hover:no-underline" href="/illa-website/ja/cms"><span class="footerItem_GsU2 text-white-02">コンテンツ管理</span></a><a class="hover:no-underline" href="/illa-website/ja/crm"><span class="footerItem_GsU2 text-white-02">セールスCRM</span></a><a class="hover:no-underline" href="/illa-website/ja/admin-panel"><span class="footerItem_GsU2 text-white-02">管理パネル</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">会社名</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ステータス</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">ロードマップ</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新履歴</span></a><span class="footerItem_GsU2 text-white-02">メディアキット</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">コミュニティ</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">AI駆動型ビジネスアプリを構築</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>日本語</a><ul class="dropdown__menu"><li><a href="/illa-website/pricing/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/pricing/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="zh">中文</a></li><li><a href="/illa-website/ja/pricing/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="/illa-website/de/pricing/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">プライバシーポリシー</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">利用規約</span></a></div></div></div></footer></div></div>
diff --git a/pricing/index.html b/pricing/index.html
index a9a929e67c..f9ca6d8ab0 100644
--- a/pricing/index.html
+++ b/pricing/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.2766a9d3.css">
-<script src="/illa-website/assets/js/runtime~main.7345fa3c.js" defer="defer"></script>
-<script src="/illa-website/assets/js/main.2bb0cb21.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/assets/css/styles.d04ece21.css">
+<script src="/illa-website/assets/js/runtime~main.cf8aea03.js" defer="defer"></script>
+<script src="/illa-website/assets/js/main.f43b4b78.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="pricingMask_W_17" style="height:0px"><div class="pricingMaskLeft_XgjA"></div><div class="pricingMaskRight_mQEj"></div><div class="pricingMaskPhone_eCBF"></div></div><div class="w-full px-0 font-sans"><div class="w-full relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:Rlddqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R4pddqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">Doc</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/blog">Blog</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">Login</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">Get started for free</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R2ahdqh:" type="button" aria-expanded="false" data-headlessui-state="">Solutions<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R2ihdqh:" type="button" aria-expanded="false" data-headlessui-state="">Resource<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/pricing">Pricing</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Doc</a><a class="menuItemStyle_SQLa" href="/illa-website/blog">Blog</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">Book demo</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>English</a></li></div></div></div></div></header><div class="w-full text-white flex flex-col lg:gap-[120px] gap-[60px] lg:pt-[40px] bg-transparent"><div class="pricingContent_kMON"><div class="w-full flex flex-col items-center justify-center gap-[8px]"><span class="pricingContentTitleExtra_U6Tm">Build AI Driven Business App</span><span class="pricingContentTitle_tw94">Pricing</span></div><div class="px-[24px] font-[400] text-[14px] leading-[17px] lg:text-[16px] lg:leading-[19px] text-center lg:w-[1040px] w-full">With the launch of ILLA Cloud Billing, you&#x27;ll gain access to exclusive features such as Audit Logs and Public App. Our billing system is based on members with editing rights, including owner, admin, and editor roles. Once you subscribe, you can add unlimited viewers at no extra cost.</div><div class="cardContainerStyle_frTi"><div class="premiumCardContainerStyle_zMC3"><div class="premiumCardContainer_ArgU"><div class="premiumHeaderStyle_yb36"><span class="premiumTitleStyle_pemo">Premium</span><span class="premiumDescStyle_R6dg">Upgrade your team to access advanced features</span></div><div class="cardBaseStyle_lN8t priceCardStyle_vDMh"><svg width="564" height="322" viewBox="0 0 564 322" fill="none" xmlns="http://www.w3.org/2000/svg" class="cardBgStyle_q38d"><g clip-path="url(#builderCardBg_svg__a)"><path fill="url(#builderCardBg_svg__b)" d="M0 0h564v322H0z"></path><g filter="url(#builderCardBg_svg__c)"><ellipse cx="205" cy="-2" rx="359" ry="133" fill="url(#builderCardBg_svg__d)"></ellipse></g></g><defs><radialGradient id="builderCardBg_svg__d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 133 -359 0 205 -2)"><stop stop-color="#00C2FF" stop-opacity="0.2"></stop><stop offset="1" stop-color="#9CE7FF" stop-opacity="0"></stop></radialGradient><linearGradient id="builderCardBg_svg__b" x1="282" y1="0" x2="282" y2="322" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.06"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></linearGradient><clipPath id="builderCardBg_svg__a"><path fill="#fff" d="M0 0h564v322H0z"></path></clipPath><filter id="builderCardBg_svg__c" x="-354" y="-335" width="1118" height="666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_9968_493"></feGaussianBlur></filter></defs></svg><div class="priceListTitleContainerStyle_MEs5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="listIconStyle_TqyE builderListTitleStyle_ul1g"><circle cx="8" cy="8" r="6" stroke="#pricing-title-cycle"></circle></svg><span class="priceListTitleStyle_v2pp">ILLA Builder</span></div><div class="priceListStyle_xBIv"><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">FREE for unlimited viewers</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">Audit logs</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">App public</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">AI SQL Generation</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">Backup editing history &amp; restore</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">Custom themes for your apps ( coming soon )</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">Multi-environment ( coming soon )</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">Keep deployed versions &amp; revert ( coming soon )</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">Access to more models such as GPT-4, 
diff --git a/zh/404.html b/zh/404.html
index c29194cae3..87ca39d966 100644
--- a/zh/404.html
+++ b/zh/404.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] flex flex-col h-screen"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R2lkuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:Rj5kuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R9a4uh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Raa4uh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><main class="container margin-vert--xl h-full"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">找不到页面</h1><p>我们找不到你想要的东西。</p><p>请联系链接到原始URL的站点所有者并让他们知道他们的链接已经损坏。</p></div></div></main><div class="commBottomContainer_rcOJ"><div style="height:410px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-white-02">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/404" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/404" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div></div>
diff --git a/zh/admin-panel/index.html b/zh/admin-panel/index.html
index 405a43e19e..298176fa88 100644
--- a/zh/admin-panel/index.html
+++ b/zh/admin-panel/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/zh/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">Build <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, &quot;#00EE8A&quot;, &quot;#2C66FA&quot;)">自定义管理面板</span> for Website and Apps</h1><span class="descStyle_uxY4">以10倍的速度构建管理面板来管理数据或执行操作，并允许开发者关注商业发展。</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" width="100%" alt="以10倍的速度构建管理面板来管理数据或执行操作，并允许开发者关注商业发展。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" alt="以10倍的速度构建管理面板来管理数据或执行操作，并允许开发者关注商业发展。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Oy%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>我们能做什么</h1>
diff --git a/zh/ai-voice-generator/index.html b/zh/ai-voice-generator/index.html
index ab3339cd62..9609482d02 100644
--- a/zh/ai-voice-generator/index.html
+++ b/zh/ai-voice-generator/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/zh/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">&quot;Build <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, &quot;#00EE8A&quot;, &quot;#2C66FA&quot;)">AI语音处理工具</span> for your business&quot;</h1><span class="descStyle_uxY4">语音转写成文字，将音频转化成文字，翻译或归纳。 文字转语句，立即以任何语言创建自然的 AI 声音，让您的内容超越文本。</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" width="100%" alt="将音频翻译成任何语言，并处理它，例如翻译、摘要、存储和分享。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" alt="将音频翻译成任何语言，并处理它，例如翻译、摘要、存储和分享。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bb%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>我们能做什么</h1>
diff --git a/zh/assets/css/styles.98309625.css b/zh/assets/css/styles.dd55e9d7.css
similarity index 99%
rename from zh/assets/css/styles.98309625.css
rename to zh/assets/css/styles.dd55e9d7.css
index bc5ca6a36a..8118f77188 100644
--- a/zh/assets/css/styles.98309625.css
+++ b/zh/assets/css/styles.dd55e9d7.css
@@ -1 +1 @@
-.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6{margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading))}blockquote,pre{margin:0 0 var(--ifm-spacing-vertical)}.breadcrumbs__link,.button{transition-timing-function:var(--ifm-transition-timing-default)}.button,code{vertical-align:middle}.button--outline.button--active,.button--outline:active,.button--outline:hover,:root{--ifm-button-color:var(--ifm-font-color-base-inverse)}.menu__link:hover,a{transition:color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.navbar--dark,:root{--ifm-navbar-link-hover-color:var(--ifm-color-primary)}.menu,.navbar-sidebar{overflow-x:hidden}:root,html[data-theme=dark]{--ifm-color-emphasis-500:var(--ifm-color-gray-500)}*,:after,:before{box-sizing:border-box}.markdown li,body{word-wrap:break-word}.button,.dropdown__link,.text--truncate,.truncate,.whitespace-nowrap{white-space:nowrap}.toggleButton_C0po,html{-webkit-tap-highlight-color:transparent}#__docusaurus,.min-h-full{min-height:100%}.clean-list,.containsTaskList_aqzd,.details_GXzP>summary,.dropdown__menu,.menu__list,.swiper,menu,ol,ul{list-style:none}:root{--ifm-color-scheme:light;--ifm-dark-value:10%;--ifm-darker-value:15%;--ifm-darkest-value:30%;--ifm-light-value:15%;--ifm-lighter-value:30%;--ifm-lightest-value:50%;--ifm-contrast-background-value:90%;--ifm-contrast-foreground-value:70%;--ifm-contrast-background-dark-value:70%;--ifm-contrast-foreground-dark-value:90%;--ifm-color-primary:#3578e5;--ifm-color-secondary:#ebedf0;--ifm-color-success:#00a400;--ifm-color-info:#54c7ec;--ifm-color-warning:#ffba00;--ifm-color-danger:#fa383e;--ifm-color-primary-dark:#306cce;--ifm-color-primary-darker:#2d66c3;--ifm-color-primary-darkest:#2554a0;--ifm-color-primary-light:#538ce9;--ifm-color-primary-lighter:#72a1ed;--ifm-color-primary-lightest:#9abcf2;--ifm-color-primary-contrast-background:#ebf2fc;--ifm-color-primary-contrast-foreground:#102445;--ifm-color-secondary-dark:#d4d5d8;--ifm-color-secondary-darker:#c8c9cc;--ifm-color-secondary-darkest:#a4a6a8;--ifm-color-secondary-light:#eef0f2;--ifm-color-secondary-lighter:#f1f2f5;--ifm-color-secondary-lightest:#f5f6f8;--ifm-color-secondary-contrast-background:#fdfdfe;--ifm-color-secondary-contrast-foreground:#474748;--ifm-color-success-dark:#009400;--ifm-color-success-darker:#008b00;--ifm-color-success-darkest:#007300;--ifm-color-success-light:#26b226;--ifm-color-success-lighter:#4dbf4d;--ifm-color-success-lightest:#80d280;--ifm-color-success-contrast-background:#e6f6e6;--ifm-color-success-contrast-foreground:#003100;--ifm-color-info-dark:#4cb3d4;--ifm-color-info-darker:#47a9c9;--ifm-color-info-darkest:#3b8ba5;--ifm-color-info-light:#6ecfef;--ifm-color-info-lighter:#87d8f2;--ifm-color-info-lightest:#aae3f6;--ifm-color-info-contrast-background:#eef9fd;--ifm-color-info-contrast-foreground:#193c47;--ifm-color-warning-dark:#e6a700;--ifm-color-warning-darker:#d99e00;--ifm-color-warning-darkest:#b38200;--ifm-color-warning-light:#ffc426;--ifm-color-warning-lighter:#ffcf4d;--ifm-color-warning-lightest:#ffdd80;--ifm-color-warning-contrast-background:#fff8e6;--ifm-color-warning-contrast-foreground:#4d3800;--ifm-color-danger-dark:#e13238;--ifm-color-danger-darker:#d53035;--ifm-color-danger-darkest:#af272b;--ifm-color-danger-light:#fb565b;--ifm-color-danger-lighter:#fb7478;--ifm-color-danger-lightest:#fd9c9f;--ifm-color-danger-contrast-background:#ffebec;--ifm-color-danger-contrast-foreground:#4b1113;--ifm-color-white:#fff;--ifm-color-black:#000;--ifm-color-gray-0:var(--ifm-color-white);--ifm-color-gray-100:#f5f6f7;--ifm-color-gray-200:#ebedf0;--ifm-color-gray-300:#dadde1;--ifm-color-gray-400:#ccd0d5;--ifm-color-gray-500:#bec3c9;--ifm-color-gray-600:#8d949e;--ifm-color-gray-700:#606770;--ifm-color-gray-800:#444950;--ifm-color-gray-900:#1c1e21;--ifm-color-gray-1000:var(--ifm-color-black);--ifm-color-emphasis-0:var(--ifm-color-gray-0);--ifm-color-emphasis-100:var(--ifm-color-gray-100);--ifm-color-emphasis-200:var(--ifm-color-gray-200);--ifm-color-emphasis-300:var(--ifm-color-gray-300);--ifm-color-emphasis-400:var(--ifm-color-gray-400);--ifm-color-emphasis-600:var(--ifm-color-gray-600);--ifm-color-emphasis-700:var(--ifm-color-gray-700);--ifm-color-emphasis-800:var(--ifm-color-gray-800);--ifm-color-emphasis-900:var(--ifm-color-gray-900);--ifm-color-emphasis-1000:var(--ifm-color-gray-1000);--ifm-color-content:var(--ifm-color-emphasis-900);--ifm-color-content-inverse:var(--ifm-color-emphasis-0);--ifm-color-content-secondary:#525860;--ifm-background-color:#0000;--ifm-background-surface-color:var(--ifm-color-content-inverse);--ifm-global-border-width:1px;--ifm-global-radius:0.4rem;--ifm-hover-overlay:#0000000d;--ifm-font-color-base:var(--ifm-color-content);--ifm-font-color-base-inverse:var(--ifm-color-content-inverse);--ifm-font-color-secondary:var(--ifm-color-content-secondary);--ifm-font-family-base:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--ifm-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ifm-font-size-base:100%;--ifm-font-weight-light:300;--ifm-font-weight-normal:400;--ifm-font-weight-semibold:500;--ifm-font-weight-bold:700;--ifm-font-weight-base:var(--ifm-font-weight-normal);--ifm-line-height-base:1.65;--ifm-global-spacing:1rem;--ifm-spacing-vertical:var(--ifm-global-spacing);--ifm-spacing-horizontal:var(--ifm-global-spacing);--ifm-transition-fast:200ms;--ifm-transition-slow:400ms;--ifm-transition-timing-default:cubic-bezier(0.08,0.52,0.52,1);--ifm-global-shadow-lw:0 1px 2px 0 #0000001a;--ifm-global-shadow-md:0 5px 40px #0003;--ifm-global-shadow-tl:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a;--ifm-z-index-dropdown:100;--ifm-z-index-fixed:200;--ifm-z-index-overlay:400;--ifm-container-width:1140px;--ifm-container-width-xl:1320px;--ifm-code-background:#f6f7f8;--ifm-code-border-radius:var(--ifm-global-radius);--ifm-code-font-size:90%;--ifm-code-padding-horizontal:0.1rem;--ifm-code-padding-vertical:0.1rem;--ifm-pre-background:var(--ifm-code-background);--ifm-pre-border-radius:var(--ifm-code-border-radius);--ifm-pre-color:inherit;--ifm-pre-line-height:1.45;--ifm-pre-padding:1rem;--ifm-heading-color:inherit;--ifm-heading-margin-top:0;--ifm-heading-margin-bottom:var(--ifm-spacing-vertical);--ifm-heading-font-family:var(--ifm-font-family-base);--ifm-heading-font-weight:var(--ifm-font-weight-bold);--ifm-heading-line-height:1.25;--ifm-h1-font-size:2rem;--ifm-h2-font-size:1.5rem;--ifm-h3-font-size:1.25rem;--ifm-h4-font-size:1rem;--ifm-h5-font-size:0.875rem;--ifm-h6-font-size:0.85rem;--ifm-image-alignment-padding:1.25rem;--ifm-leading-desktop:1.25;--ifm-leading:calc(var(--ifm-leading-desktop)*1rem);--ifm-list-left-padding:2rem;--ifm-list-margin:1rem;--ifm-list-item-margin:0.25rem;--ifm-list-paragraph-margin:1rem;--ifm-table-cell-padding:0.75rem;--ifm-table-background:#0000;--ifm-table-stripe-background:#00000008;--ifm-table-border-width:1px;--ifm-table-border-color:var(--ifm-color-emphasis-300);--ifm-table-head-background:inherit;--ifm-table-head-color:inherit;--ifm-table-head-font-weight:var(--ifm-font-weight-bold);--ifm-table-cell-color:inherit;--ifm-link-color:var(--ifm-color-primary);--ifm-link-decoration:none;--ifm-link-hover-color:var(--ifm-link-color);--ifm-link-hover-decoration:underline;--ifm-paragraph-margin-bottom:var(--ifm-leading);--ifm-blockquote-font-size:var(--ifm-font-size-base);--ifm-blockquote-border-left-width:2px;--ifm-blockquote-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-blockquote-padding-vertical:0;--ifm-blockquote-shadow:none;--ifm-blockquote-color:var(--ifm-color-emphasis-800);--ifm-blockquote-border-color:var(--ifm-color-emphasis-300);--ifm-hr-background-color:var(--ifm-color-emphasis-500);--ifm-hr-height:1px;--ifm-hr-margin-vertical:1.5rem;--ifm-scrollbar-size:7px;--ifm-scrollbar-track-background-color:#f1f1f1;--ifm-scrollbar-thumb-background-color:silver;--ifm-scrollbar-thumb-hover-background-color:#a7a7a7;--ifm-alert-background-color:inherit;--ifm-alert-border-color:inherit;--ifm-alert-border-radius:var(--ifm-global-radius);--ifm-alert-border-width:0px;--ifm-alert-border-left-width:5px;--ifm-alert-color:var(--ifm-font-color-base);--ifm-alert-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-alert-padding-vertical:var(--ifm-spacing-vertical);--ifm-alert-shadow:var(--ifm-global-shadow-lw);--ifm-avatar-intro-margin:1rem;--ifm-avatar-intro-alignment:inherit;--ifm-avatar-photo-size:3rem;--ifm-badge-background-color:inherit;--ifm-badge-border-color:inherit;--ifm-badge-border-radius:var(--ifm-global-radius);--ifm-badge-border-width:var(--ifm-global-border-width);--ifm-badge-color:var(--ifm-color-white);--ifm-badge-padding-horizontal:calc(var(--ifm-spacing-horizontal)*0.5);--ifm-badge-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-breadcrumb-border-radius:1.5rem;--ifm-breadcrumb-spacing:0.5rem;--ifm-breadcrumb-color-active:var(--ifm-color-primary);--ifm-breadcrumb-item-background-active:var(--ifm-hover-overlay);--ifm-breadcrumb-padding-horizontal:0.8rem;--ifm-breadcrumb-padding-vertical:0.4rem;--ifm-breadcrumb-size-multiplier:1;--ifm-breadcrumb-separator:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');--ifm-breadcrumb-separator-filter:none;--ifm-breadcrumb-separator-size:0.5rem;--ifm-breadcrumb-separator-size-multiplier:1.25;--ifm-button-background-color:inherit;--ifm-button-border-color:var(--ifm-button-background-color);--ifm-button-border-width:var(--ifm-global-border-width);--ifm-button-font-weight:var(--ifm-font-weight-bold);--ifm-button-padding-horizontal:1.5rem;--ifm-button-padding-vertical:0.375rem;--ifm-button-size-multiplier:1;--ifm-button-transition-duration:var(--ifm-transition-fast);--ifm-button-border-radius:calc(var(--ifm-global-radius)*var(--ifm-button-size-multiplier));--ifm-button-group-spacing:2px;--ifm-card-background-color:var(--ifm-background-surface-color);--ifm-card-border-radius:calc(var(--ifm-global-radius)*2);--ifm-card-horizontal-spacing:var(--ifm-global-spacing);--ifm-card-vertical-spacing:var(--ifm-global-spacing);--ifm-toc-border-color:var(--ifm-color-emphasis-300);--ifm-toc-link-color:var(--ifm-color-content-secondary);--ifm-toc-padding-vertical:0.5rem;--ifm-toc-padding-horizontal:0.5rem;--ifm-dropdown-background-color:var(--ifm-background-surface-color);--ifm-dropdown-font-weight:var(--ifm-font-weight-semibold);--ifm-dropdown-link-color:var(--ifm-font-color-base);--ifm-dropdown-hover-background-color:var(--ifm-hover-overlay);--ifm-footer-background-color:var(--ifm-color-emphasis-100);--ifm-footer-color:inherit;--ifm-footer-link-color:var(--ifm-color-emphasis-700);--ifm-footer-link-hover-color:var(--ifm-color-primary);--ifm-footer-link-horizontal-spacing:0.5rem;--ifm-footer-padding-horizontal:calc(var(--ifm-spacing-horizontal)*2);--ifm-footer-padding-vertical:calc(var(--ifm-spacing-vertical)*2);--ifm-footer-title-color:inherit;--ifm-footer-logo-max-width:min(30rem,90vw);--ifm-hero-background-color:var(--ifm-background-surface-color);--ifm-hero-text-color:var(--ifm-color-emphasis-800);--ifm-menu-color:var(--ifm-color-emphasis-700);--ifm-menu-color-active:var(--ifm-color-primary);--ifm-menu-color-background-active:var(--ifm-hover-overlay);--ifm-menu-color-background-hover:var(--ifm-hover-overlay);--ifm-menu-link-padding-horizontal:0.75rem;--ifm-menu-link-padding-vertical:0.375rem;--ifm-menu-link-sublist-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');--ifm-menu-link-sublist-icon-filter:none;--ifm-navbar-background-color:var(--ifm-background-surface-color);--ifm-navbar-height:3.75rem;--ifm-navbar-item-padding-horizontal:0.75rem;--ifm-navbar-item-padding-vertical:0.25rem;--ifm-navbar-link-color:var(--ifm-font-color-base);--ifm-navbar-link-active-color:var(--ifm-link-color);--ifm-navbar-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-navbar-padding-vertical:calc(var(--ifm-spacing-vertical)*0.5);--ifm-navbar-shadow:var(--ifm-global-shadow-lw);--ifm-navbar-search-input-background-color:var(--ifm-color-emphasis-200);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-800);--ifm-navbar-search-input-placeholder-color:var(--ifm-color-emphasis-500);--ifm-navbar-search-input-icon:url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>');--ifm-navbar-sidebar-width:83vw;--ifm-pagination-border-radius:var(--ifm-global-radius);--ifm-pagination-color-active:var(--ifm-color-primary);--ifm-pagination-font-size:1rem;--ifm-pagination-item-active-background:var(--ifm-hover-overlay);--ifm-pagination-page-spacing:0.2em;--ifm-pagination-padding-horizontal:calc(var(--ifm-spacing-horizontal)*1);--ifm-pagination-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-pagination-nav-border-radius:var(--ifm-global-radius);--ifm-pagination-nav-color-hover:var(--ifm-color-primary);--ifm-pills-color-active:var(--ifm-color-primary);--ifm-pills-color-background-active:var(--ifm-hover-overlay);--ifm-pills-spacing:0.125rem;--ifm-tabs-color:var(--ifm-font-color-secondary);--ifm-tabs-color-active:var(--ifm-color-primary);--ifm-tabs-color-active-border:var(--ifm-tabs-color-active);--ifm-tabs-padding-horizontal:1rem;--ifm-tabs-padding-vertical:1rem;--docusaurus-progress-bar-color:var(--ifm-color-primary);--ifm-color-primary:#654aec;--ifm-color-primary-dark:#4d2ee9;--ifm-color-primary-darker:#4120e8;--ifm-color-primary-darkest:#3215c4;--ifm-color-primary-light:#7d66ef;--ifm-color-primary-lighter:#8974f0;--ifm-color-primary-lightest:#846ef0;--ifm-code-font-size:95%;--docusaurus-highlighted-code-line-bg:#0000001a;--docusaurus-announcement-bar-height:auto;--swiper-theme-color:#007aff}.badge--danger,.badge--info,.badge--primary,.badge--secondary,.badge--success,.badge--warning{--ifm-badge-border-color:var(--ifm-badge-background-color)}.button--link,.button--outline{--ifm-button-background-color:#0000}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--ifm-background-color);color:var(--ifm-font-color-base);color-scheme:var(--ifm-color-scheme);font:var(--ifm-font-size-base)/var(--ifm-line-height-base) var(--ifm-font-family-base);text-rendering:optimizelegibility}iframe{border:0;color-scheme:auto}.container{margin:0 auto;max-width:var(--ifm-container-width);padding:0 var(--ifm-spacing-horizontal)}.container--fluid{max-width:inherit}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--ifm-spacing-horizontal)*-1)}.\!mb-0,.margin-bottom--none,.margin-vert--none,.markdown>:last-child,.refine-details .refine-details-content>div>:last-child{margin-bottom:0!important}.\!mt-0,.margin-top--none,.margin-vert--none{margin-top:0!important}.row--no-gutters{margin-left:0;margin-right:0}.margin-horiz--none,.margin-right--none{margin-right:0!important}.px-0,.row--no-gutters>.col{padding-left:0;padding-right:0}.items-start,.row--align-top{align-items:flex-start}.row--align-bottom{align-items:flex-end}.items-center,.row--align-center{align-items:center}.row--align-stretch{align-items:stretch}.row--align-baseline{align-items:baseline}.col{--ifm-col-width:100%;flex:1 0;margin-left:0;max-width:var(--ifm-col-width);padding:0 var(--ifm-spacing-horizontal);width:100%}.padding-bottom--none,.padding-vert--none{padding-bottom:0!important}.padding-top--none,.padding-vert--none{padding-top:0!important}.padding-horiz--none,.padding-left--none{padding-left:0!important}.padding-horiz--none,.padding-right--none{padding-right:0!important}.col[class*=col--]{flex:0 0 var(--ifm-col-width)}.col--1{--ifm-col-width:8.33333%}.col--offset-1{margin-left:8.33333%}.col--2{--ifm-col-width:16.66667%}.col--offset-2{margin-left:16.66667%}.col--3{--ifm-col-width:25%}.col--offset-3{margin-left:25%}.col--4{--ifm-col-width:33.33333%}.col--offset-4{margin-left:33.33333%}.col--5{--ifm-col-width:41.66667%}.col--offset-5{margin-left:41.66667%}.col--6{--ifm-col-width:50%}.col--offset-6{margin-left:50%}.col--7{--ifm-col-width:58.33333%}.col--offset-7{margin-left:58.33333%}.col--8{--ifm-col-width:66.66667%}.col--offset-8{margin-left:66.66667%}.col--9{--ifm-col-width:75%}.col--offset-9{margin-left:75%}.col--10{--ifm-col-width:83.33333%}.col--offset-10{margin-left:83.33333%}.col--11{--ifm-col-width:91.66667%}.col--offset-11{margin-left:91.66667%}.col--12{--ifm-col-width:100%}.col--offset-12{margin-left:100%}.margin-horiz--none,.margin-left--none{margin-left:0!important}.\!m-0,.margin--none{margin:0!important}.margin-bottom--xs,.margin-vert--xs{margin-bottom:.25rem!important}.margin-top--xs,.margin-vert--xs{margin-top:.25rem!important}.margin-horiz--xs,.margin-left--xs{margin-left:.25rem!important}.margin-horiz--xs,.margin-right--xs{margin-right:.25rem!important}.margin--xs{margin:.25rem!important}.margin-bottom--sm,.margin-vert--sm{margin-bottom:.5rem!important}.margin-top--sm,.margin-vert--sm{margin-top:.5rem!important}.margin-horiz--sm,.margin-left--sm{margin-left:.5rem!important}.margin-horiz--sm,.margin-right--sm{margin-right:.5rem!important}.margin--sm{margin:.5rem!important}.margin-bottom--md,.margin-vert--md{margin-bottom:1rem!important}.margin-top--md,.margin-vert--md{margin-top:1rem!important}.margin-horiz--md,.margin-left--md{margin-left:1rem!important}.margin-horiz--md,.margin-right--md{margin-right:1rem!important}.margin--md{margin:1rem!important}.margin-bottom--lg,.margin-vert--lg{margin-bottom:2rem!important}.margin-top--lg,.margin-vert--lg{margin-top:2rem!important}.margin-horiz--lg,.margin-left--lg{margin-left:2rem!important}.margin-horiz--lg,.margin-right--lg{margin-right:2rem!important}.margin--lg{margin:2rem!important}.margin-bottom--xl,.margin-vert--xl{margin-bottom:5rem!important}.margin-top--xl,.margin-vert--xl{margin-top:5rem!important}.margin-horiz--xl,.margin-left--xl{margin-left:5rem!important}.margin-horiz--xl,.margin-right--xl{margin-right:5rem!important}.margin--xl{margin:5rem!important}.padding--none{padding:0!important}.padding-bottom--xs,.padding-vert--xs{padding-bottom:.25rem!important}.padding-top--xs,.padding-vert--xs{padding-top:.25rem!important}.padding-horiz--xs,.padding-left--xs{padding-left:.25rem!important}.padding-horiz--xs,.padding-right--xs{padding-right:.25rem!important}.padding--xs{padding:.25rem!important}.padding-bottom--sm,.padding-vert--sm{padding-bottom:.5rem!important}.padding-top--sm,.padding-vert--sm{padding-top:.5rem!important}.padding-horiz--sm,.padding-left--sm{padding-left:.5rem!important}.padding-horiz--sm,.padding-right--sm{padding-right:.5rem!important}.padding--sm{padding:.5rem!important}.\!py-4,.padding-bottom--md,.padding-vert--md{padding-bottom:1rem!important}.\!py-4,.padding-top--md,.padding-vert--md{padding-top:1rem!important}.\!px-4,.padding-horiz--md,.padding-left--md{padding-left:1rem!important}.\!px-4,.padding-horiz--md,.padding-right--md{padding-right:1rem!important}.padding--md{padding:1rem!important}.padding-bottom--lg,.padding-vert--lg{padding-bottom:2rem!important}.padding-top--lg,.padding-vert--lg{padding-top:2rem!important}.padding-horiz--lg,.padding-left--lg{padding-left:2rem!important}.padding-horiz--lg,.padding-right--lg{padding-right:2rem!important}.padding--lg{padding:2rem!important}.padding-bottom--xl,.padding-vert--xl{padding-bottom:5rem!important}.padding-top--xl,.padding-vert--xl{padding-top:5rem!important}.padding-horiz--xl,.padding-left--xl{padding-left:5rem!important}.padding-horiz--xl,.padding-right--xl{padding-right:5rem!important}.padding--xl{padding:5rem!important}code{background-color:var(--ifm-code-background);border:.1rem solid #0000001a;border-radius:var(--ifm-code-border-radius);font-family:var(--ifm-font-family-monospace);font-size:var(--ifm-code-font-size);padding:var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal)}a code{color:inherit}pre{background-color:var(--ifm-pre-background);border-radius:var(--ifm-pre-border-radius);color:var(--ifm-pre-color);font:var(--ifm-code-font-size)/var(--ifm-pre-line-height) var(--ifm-font-family-monospace);overflow:auto;padding:var(--ifm-pre-padding)}pre code{background-color:initial;border:none;font-size:100%;line-height:inherit;padding:0}kbd{background-color:var(--ifm-color-emphasis-0);border:1px solid var(--ifm-color-emphasis-400);border-radius:.2rem;box-shadow:inset 0 -1px 0 var(--ifm-color-emphasis-400);color:var(--ifm-color-emphasis-800);font:80% var(--ifm-font-family-monospace);padding:.15rem .3rem}h1,h2,h3,h4,h5,h6{color:var(--ifm-heading-color);font-family:var(--ifm-heading-font-family);font-weight:var(--ifm-heading-font-weight);line-height:var(--ifm-heading-line-height);margin:var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0}h1{font-size:var(--ifm-h1-font-size)}h2{font-size:var(--ifm-h2-font-size)}h3{font-size:var(--ifm-h3-font-size)}h4{font-size:var(--ifm-h4-font-size)}h5{font-size:var(--ifm-h5-font-size)}h6{font-size:var(--ifm-h6-font-size)}img[align=right]{padding-left:var(--image-alignment-padding)}img[align=left]{padding-right:var(--image-alignment-padding)}.markdown{--ifm-h1-vertical-rhythm-top:3;--ifm-h2-vertical-rhythm-top:2;--ifm-h3-vertical-rhythm-top:1.5;--ifm-heading-vertical-rhythm-top:1.25;--ifm-h1-vertical-rhythm-bottom:1.25;--ifm-heading-vertical-rhythm-bottom:1}.markdown:after,.markdown:before{content:"";display:table}.markdown:after{clear:both}.markdown h1:first-child{--ifm-h1-font-size:3rem;margin-bottom:calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading))}.markdown>h2{--ifm-h2-font-size:2rem;margin-top:calc(var(--ifm-h2-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h3{--ifm-h3-font-size:1.5rem;margin-top:calc(var(--ifm-h3-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h4,.markdown>h5,.markdown>h6{margin-top:calc(var(--ifm-heading-vertical-rhythm-top)*var(--ifm-leading))}.markdown>p,.markdown>pre,.markdown>ul{margin-bottom:var(--ifm-leading)}.markdown li>p{margin-top:var(--ifm-list-paragraph-margin)}.markdown li+li{margin-top:var(--ifm-list-item-margin)}ol,ul{margin:0 0 var(--ifm-list-margin);padding-left:var(--ifm-list-left-padding)}ol ol,ul ol{list-style-type:lower-roman}ol ol,ol ul,ul ol,ul ul{margin:0}ol ol ol,ol ul ol,ul ol ol,ul ul ol{list-style-type:lower-alpha}table thead tr{border-bottom:2px solid var(--ifm-table-border-color)}table thead,table tr:nth-child(2n){background-color:var(--ifm-table-stripe-background)}table tr{background-color:var(--ifm-table-background);border-top:var(--ifm-table-border-width) solid var(--ifm-table-border-color)}table td,table th{border:var(--ifm-table-border-width) solid var(--ifm-table-border-color);padding:var(--ifm-table-cell-padding)}table th{background-color:var(--ifm-table-head-background);color:var(--ifm-table-head-color);font-weight:var(--ifm-table-head-font-weight)}table td{color:var(--ifm-table-cell-color)}strong{font-weight:var(--ifm-font-weight-bold)}a{color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration);color:inherit;text-decoration:inherit}a:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button:hover,.text--no-decoration,.text--no-decoration:hover,a:not([href]){text-decoration:none}p{margin:0 0 var(--ifm-paragraph-margin-bottom)}blockquote{border-left:var(--ifm-blockquote-border-left-width) solid var(--ifm-blockquote-border-color);box-shadow:var(--ifm-blockquote-shadow);color:var(--ifm-blockquote-color);font-size:var(--ifm-blockquote-font-size);padding:var(--ifm-blockquote-padding-vertical) var(--ifm-blockquote-padding-horizontal)}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}hr{background-color:var(--ifm-hr-background-color);border:0;height:var(--ifm-hr-height);margin:var(--ifm-hr-margin-vertical) 0}.shadow--lw{box-shadow:var(--ifm-global-shadow-lw)!important}.shadow--md{box-shadow:var(--ifm-global-shadow-md)!important}.shadow--tl{box-shadow:var(--ifm-global-shadow-tl)!important}.text--primary,.wordWrapButtonEnabled_I8k2 .wordWrapButtonIcon_dUFy{color:var(--ifm-color-primary)}.text--secondary{color:var(--ifm-color-secondary)}.text--success{color:var(--ifm-color-success)}.text--info{color:var(--ifm-color-info)}.text--warning{color:var(--ifm-color-warning)}.text--danger{color:var(--ifm-color-danger)}.text--center{text-align:center}.text--left{text-align:left}.text--justify{text-align:justify}.text--right{text-align:right}.text--capitalize{text-transform:capitalize}.text--lowercase{text-transform:lowercase}.alert__heading,.text--uppercase{text-transform:uppercase}.text--light{font-weight:var(--ifm-font-weight-light)}.text--normal{font-weight:var(--ifm-font-weight-normal)}.text--semibold{font-weight:var(--ifm-font-weight-semibold)}.text--bold{font-weight:var(--ifm-font-weight-bold)}.text--italic{font-style:italic}.text--truncate{overflow:hidden;text-overflow:ellipsis}.text--break{word-wrap:break-word!important;word-break:break-word!important}.clean-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;padding:0}.alert,.alert .close{color:var(--ifm-alert-foreground-color)}.clean-list{padding-left:0}.alert--primary{--ifm-alert-background-color:var(--ifm-color-primary-contrast-background);--ifm-alert-background-color-highlight:#3578e526;--ifm-alert-foreground-color:var(--ifm-color-primary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-primary-dark)}.alert--secondary{--ifm-alert-background-color:var(--ifm-color-secondary-contrast-background);--ifm-alert-background-color-highlight:#ebedf026;--ifm-alert-foreground-color:var(--ifm-color-secondary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-secondary-dark)}.alert--success{--ifm-alert-background-color:var(--ifm-color-success-contrast-background);--ifm-alert-background-color-highlight:#00a40026;--ifm-alert-foreground-color:var(--ifm-color-success-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-success-dark)}.alert--info{--ifm-alert-background-color:var(--ifm-color-info-contrast-background);--ifm-alert-background-color-highlight:#54c7ec26;--ifm-alert-foreground-color:var(--ifm-color-info-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-info-dark)}.alert--warning{--ifm-alert-background-color:var(--ifm-color-warning-contrast-background);--ifm-alert-background-color-highlight:#ffba0026;--ifm-alert-foreground-color:var(--ifm-color-warning-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-warning-dark)}.alert--danger{--ifm-alert-background-color:var(--ifm-color-danger-contrast-background);--ifm-alert-background-color-highlight:#fa383e26;--ifm-alert-foreground-color:var(--ifm-color-danger-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-danger-dark)}.alert{--ifm-code-background:var(--ifm-alert-background-color-highlight);--ifm-link-color:var(--ifm-alert-foreground-color);--ifm-link-hover-color:var(--ifm-alert-foreground-color);--ifm-link-decoration:underline;--ifm-tabs-color:var(--ifm-alert-foreground-color);--ifm-tabs-color-active:var(--ifm-alert-foreground-color);--ifm-tabs-color-active-border:var(--ifm-alert-border-color);background-color:var(--ifm-alert-background-color);border:var(--ifm-alert-border-width) solid var(--ifm-alert-border-color);border-left-width:var(--ifm-alert-border-left-width);border-radius:var(--ifm-alert-border-radius);box-shadow:var(--ifm-alert-shadow);padding:var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal)}.alert__heading{align-items:center;display:flex;font:700 var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);margin-bottom:.5rem}.alert__icon{display:inline-flex;margin-right:.4em}.alert__icon svg{fill:var(--ifm-alert-foreground-color);stroke:var(--ifm-alert-foreground-color);stroke-width:0}.alert .close{margin:calc(var(--ifm-alert-padding-vertical)*-1) calc(var(--ifm-alert-padding-horizontal)*-1) 0 0;opacity:.75}.alert .close:focus,.alert .close:hover{opacity:1}.alert a{text-decoration-color:var(--ifm-alert-border-color)}.alert a:hover{text-decoration-thickness:2px}.avatar{column-gap:var(--ifm-avatar-intro-margin);display:flex}.avatar__photo{border-radius:50%;display:block;height:var(--ifm-avatar-photo-size);overflow:hidden;width:var(--ifm-avatar-photo-size)}.avatar__photo--sm{--ifm-avatar-photo-size:2rem}.avatar__photo--lg{--ifm-avatar-photo-size:4rem}.avatar__photo--xl{--ifm-avatar-photo-size:6rem}.avatar__intro{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:var(--ifm-avatar-intro-alignment)}.badge,.breadcrumbs__item,.breadcrumbs__link,.button,.dropdown>.navbar__link:after,.inline-block{display:inline-block}.avatar__name{font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base)}.avatar__subtitle{margin-top:.25rem}.avatar--vertical{--ifm-avatar-intro-alignment:center;--ifm-avatar-intro-margin:0.5rem;align-items:center;flex-direction:column}.badge{background-color:var(--ifm-badge-background-color);border:var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);border-radius:var(--ifm-badge-border-radius);color:var(--ifm-badge-color);font-size:75%;font-weight:var(--ifm-font-weight-bold);line-height:1;padding:var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal)}.badge--primary{--ifm-badge-background-color:var(--ifm-color-primary)}.badge--secondary{--ifm-badge-background-color:var(--ifm-color-secondary);color:var(--ifm-color-black)}.breadcrumbs__link,.button.button--secondary.button--outline:not(.button--active):not(:hover){color:var(--ifm-font-color-base)}.badge--success{--ifm-badge-background-color:var(--ifm-color-success)}.badge--info{--ifm-badge-background-color:var(--ifm-color-info)}.badge--warning{--ifm-badge-background-color:var(--ifm-color-warning)}.badge--danger{--ifm-badge-background-color:var(--ifm-color-danger)}.breadcrumbs{margin-bottom:0;padding-left:0}.breadcrumbs__item:not(:last-child):after{background:var(--ifm-breadcrumb-separator) center;content:" ";display:inline-block;filter:var(--ifm-breadcrumb-separator-filter);height:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier));margin:0 var(--ifm-breadcrumb-spacing);opacity:.5;width:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier))}.breadcrumbs__item--active .breadcrumbs__link{background:var(--ifm-breadcrumb-item-background-active);color:var(--ifm-breadcrumb-color-active)}.breadcrumbs__link{border-radius:var(--ifm-breadcrumb-border-radius);font-size:calc(1rem*var(--ifm-breadcrumb-size-multiplier));padding:calc(var(--ifm-breadcrumb-padding-vertical)*var(--ifm-breadcrumb-size-multiplier)) calc(var(--ifm-breadcrumb-padding-horizontal)*var(--ifm-breadcrumb-size-multiplier));transition-duration:var(--ifm-transition-fast);transition-property:background,color}.breadcrumbs__link:any-link:hover,.breadcrumbs__link:link:hover,.breadcrumbs__link:visited:hover,area[href].breadcrumbs__link:hover{background:var(--ifm-breadcrumb-item-background-active);text-decoration:none}.breadcrumbs--sm{--ifm-breadcrumb-size-multiplier:0.8}.breadcrumbs--lg{--ifm-breadcrumb-size-multiplier:1.2}.button{background-color:var(--ifm-button-background-color);border:var(--ifm-button-border-width) solid var(--ifm-button-border-color);border-radius:var(--ifm-button-border-radius);cursor:pointer;font-size:calc(.875rem*var(--ifm-button-size-multiplier));font-weight:var(--ifm-button-font-weight);line-height:1.5;padding:calc(var(--ifm-button-padding-vertical)*var(--ifm-button-size-multiplier)) calc(var(--ifm-button-padding-horizontal)*var(--ifm-button-size-multiplier));text-align:center;transition-duration:var(--ifm-button-transition-duration);transition-property:color,background,border-color;-webkit-user-select:none;user-select:none}.button,.button:hover{color:var(--ifm-button-color)}.button--outline{--ifm-button-color:var(--ifm-button-border-color)}.button--outline:hover{--ifm-button-background-color:var(--ifm-button-border-color)}.button--link{--ifm-button-border-color:#0000;color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration)}.button--link.button--active,.button--link:active,.button--link:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button.disabled,.button:disabled,.button[disabled]{opacity:.65;pointer-events:none}.button--sm{--ifm-button-size-multiplier:0.8}.button--lg{--ifm-button-size-multiplier:1.35}.button--block{display:block;width:100%}.button.button--secondary{color:var(--ifm-color-gray-900)}:where(.button--primary){--ifm-button-background-color:var(--ifm-color-primary);--ifm-button-border-color:var(--ifm-color-primary)}:where(.button--primary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-primary-dark);--ifm-button-border-color:var(--ifm-color-primary-dark)}.button--primary.button--active,.button--primary:active{--ifm-button-background-color:var(--ifm-color-primary-darker);--ifm-button-border-color:var(--ifm-color-primary-darker)}:where(.button--secondary){--ifm-button-background-color:var(--ifm-color-secondary);--ifm-button-border-color:var(--ifm-color-secondary)}:where(.button--secondary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-secondary-dark);--ifm-button-border-color:var(--ifm-color-secondary-dark)}.button--secondary.button--active,.button--secondary:active{--ifm-button-background-color:var(--ifm-color-secondary-darker);--ifm-button-border-color:var(--ifm-color-secondary-darker)}:where(.button--success){--ifm-button-background-color:var(--ifm-color-success);--ifm-button-border-color:var(--ifm-color-success)}:where(.button--success):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-success-dark);--ifm-button-border-color:var(--ifm-color-success-dark)}.button--success.button--active,.button--success:active{--ifm-button-background-color:var(--ifm-color-success-darker);--ifm-button-border-color:var(--ifm-color-success-darker)}:where(.button--info){--ifm-button-background-color:var(--ifm-color-info);--ifm-button-border-color:var(--ifm-color-info)}:where(.button--info):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-info-dark);--ifm-button-border-color:var(--ifm-color-info-dark)}.button--info.button--active,.button--info:active{--ifm-button-background-color:var(--ifm-color-info-darker);--ifm-button-border-color:var(--ifm-color-info-darker)}:where(.button--warning){--ifm-button-background-color:var(--ifm-color-warning);--ifm-button-border-color:var(--ifm-color-warning)}:where(.button--warning):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-warning-dark);--ifm-button-border-color:var(--ifm-color-warning-dark)}.button--warning.button--active,.button--warning:active{--ifm-button-background-color:var(--ifm-color-warning-darker);--ifm-button-border-color:var(--ifm-color-warning-darker)}:where(.button--danger){--ifm-button-background-color:var(--ifm-color-danger);--ifm-button-border-color:var(--ifm-color-danger)}:where(.button--danger):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-danger-dark);--ifm-button-border-color:var(--ifm-color-danger-dark)}.button--danger.button--active,.button--danger:active{--ifm-button-background-color:var(--ifm-color-danger-darker);--ifm-button-border-color:var(--ifm-color-danger-darker)}.button-group{display:inline-flex;gap:var(--ifm-button-group-spacing)}.button-group>.button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.button-group>.button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.button-group--block{display:flex;justify-content:stretch}.button-group--block>.button{flex-grow:1}.card{background-color:var(--ifm-card-background-color);border-radius:var(--ifm-card-border-radius);box-shadow:var(--ifm-global-shadow-lw);display:flex;flex-direction:column;overflow:hidden}.card--full-height{height:100%}.card__image{padding-top:var(--ifm-card-vertical-spacing)}.card__image:first-child,.pt-0{padding-top:0}.card__body,.card__footer,.card__header{padding:var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing)}.card__body:not(:last-child),.card__footer:not(:last-child),.card__header:not(:last-child){padding-bottom:0}.card__body>:last-child,.card__footer>:last-child,.card__header>:last-child{margin-bottom:0}.card__footer{margin-top:auto}.table-of-contents{font-size:.8rem;margin-bottom:0;padding:var(--ifm-toc-padding-vertical) 0}.table-of-contents,.table-of-contents ul{list-style:none;padding-left:var(--ifm-toc-padding-horizontal)}.table-of-contents li{margin:var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal)}.table-of-contents__left-border{border-left:1px solid var(--ifm-toc-border-color)}.table-of-contents__link{color:var(--ifm-toc-link-color);display:block}.table-of-contents__link--active,.table-of-contents__link--active code,.table-of-contents__link:hover,.table-of-contents__link:hover code{color:var(--ifm-color-primary);text-decoration:none}.close{color:var(--ifm-color-black);float:right;font-size:1.5rem;font-weight:var(--ifm-font-weight-bold);line-height:1;opacity:.5;padding:1rem;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.close:hover{opacity:.7}.close:focus,.theme-code-block-highlighted-line .codeLineNumber_UV2B:before{opacity:.8}.dropdown{display:inline-flex;font-weight:var(--ifm-dropdown-font-weight);position:relative;vertical-align:top}.dropdown--hoverable:hover .dropdown__menu,.dropdown--show .dropdown__menu{opacity:1;pointer-events:all;transform:translateY(-1px);visibility:visible}.dropdown--right .dropdown__menu{left:inherit;right:0}.dropdown--nocaret .navbar__link:after{content:none!important}.dropdown__menu{background-color:var(--ifm-dropdown-background-color);border-radius:var(--ifm-global-radius);box-shadow:var(--ifm-global-shadow-md);left:0;max-height:80vh;min-width:10rem;opacity:0;overflow-y:auto;padding:.5rem;pointer-events:none;position:absolute;top:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);transform:translateY(-.625rem);transition-duration:var(--ifm-transition-fast);transition-property:opacity,transform,visibility;transition-timing-function:var(--ifm-transition-timing-default);visibility:hidden;z-index:var(--ifm-z-index-dropdown)}.menu__caret,.menu__link,.menu__list-item-collapsible{border-radius:.25rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.dropdown__link{border-radius:.25rem;color:var(--ifm-dropdown-link-color);display:block;font-size:.875rem;margin-top:.2rem;padding:.25rem .5rem}.dropdown__link--active,.dropdown__link:hover{background-color:var(--ifm-dropdown-hover-background-color);color:var(--ifm-dropdown-link-color);text-decoration:none}.dropdown__link--active,.dropdown__link--active:hover{--ifm-dropdown-link-color:var(--ifm-link-color)}.dropdown>.navbar__link:after{border-color:currentcolor #0000;border-style:solid;border-width:.4em .4em 0;content:"";margin-left:.3em;position:relative;top:2px;transform:translateY(-50%)}.footer{background-color:var(--ifm-footer-background-color);color:var(--ifm-footer-color);padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal)}.footer--dark{--ifm-footer-background-color:#303846;--ifm-footer-color:var(--ifm-footer-link-color);--ifm-footer-link-color:var(--ifm-color-secondary);--ifm-footer-title-color:var(--ifm-color-white)}.footer__links,.mb-4{margin-bottom:1rem}.footer__link-item{color:var(--ifm-footer-link-color);line-height:2}.footer__link-item:hover{color:var(--ifm-footer-link-hover-color)}.footer__link-separator{margin:0 var(--ifm-footer-link-horizontal-spacing)}.footer__logo{margin-top:1rem;max-width:var(--ifm-footer-logo-max-width)}.footer__title{color:var(--ifm-footer-title-color);font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base);margin-bottom:var(--ifm-heading-margin-bottom)}.menu,.navbar__link{font-weight:var(--ifm-font-weight-semibold)}.footer__item{margin-top:0}.footer__items{margin-bottom:0}.codeBlockStandalone_BZ5x,.p-0,[type=checkbox],dialog,fieldset,legend{padding:0}.hero{align-items:center;background-color:var(--ifm-hero-background-color);color:var(--ifm-hero-text-color);display:flex;padding:4rem 2rem}.hero--primary{--ifm-hero-background-color:var(--ifm-color-primary);--ifm-hero-text-color:var(--ifm-font-color-base-inverse)}.hero--dark{--ifm-hero-background-color:#303846;--ifm-hero-text-color:var(--ifm-color-white)}.hero__title{font-size:3rem}.hero__subtitle,.text-2xl{font-size:1.5rem}.menu__list{margin:0;padding-left:0}.menu__caret,.menu__link{padding:var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal)}.menu__list .menu__list{flex:0 0 100%;margin-top:.25rem;padding-left:var(--ifm-menu-link-padding-horizontal)}.menu__list-item:not(:first-child),.mt-1{margin-top:.25rem}.menu__list-item--collapsed .menu__list{height:0;overflow:hidden}.details_GXzP[data-collapsed=false].isBrowser_pHft>summary:before,.details_GXzP[open]:not(.isBrowser_pHft)>summary:before,.menu__list-item--collapsed .menu__caret:before,.menu__list-item--collapsed .menu__link--sublist:after{transform:rotate(90deg)}.menu__list-item-collapsible{display:flex;flex-wrap:wrap;position:relative}.menu__caret:hover,.menu__link:hover,.menu__list-item-collapsible--active,.menu__list-item-collapsible:hover{background:var(--ifm-menu-color-background-hover)}.menu__list-item-collapsible .menu__link--active,.menu__list-item-collapsible .menu__link:hover{background:none!important}.menu__caret,.menu__link{align-items:center;display:flex}.navbar-sidebar,.navbar-sidebar__backdrop{opacity:0;top:0;transition-duration:var(--ifm-transition-fast);transition-timing-function:ease-in-out;visibility:hidden;left:0;bottom:0}.menu__link{color:var(--ifm-menu-color);flex:1;line-height:1.25}.menu__link:hover{color:var(--ifm-menu-color);text-decoration:none}.menu__caret:before,.menu__link--sublist-caret:after{content:"";filter:var(--ifm-menu-link-sublist-icon-filter);height:1.25rem;transform:rotate(180deg);transition:transform var(--ifm-transition-fast) linear;width:1.25rem}.menu__link--sublist-caret:after{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem;margin-left:auto;min-width:1.25rem}.menu__link--active,.menu__link--active:hover{color:var(--ifm-menu-color-active)}.navbar__brand,.navbar__link{color:var(--ifm-navbar-link-color)}.menu__link--active:not(.menu__link--sublist){background-color:var(--ifm-menu-color-background-active)}.menu__caret:before{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem}.filter,.hover\:brightness-90:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navbar--dark,html[data-theme=dark]{--ifm-menu-link-sublist-icon-filter:invert(100%) sepia(94%) saturate(17%) hue-rotate(223deg) brightness(104%) contrast(98%)}.navbar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-navbar-shadow);height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.flex,.navbar,.navbar>.container,.navbar>.container-fluid{display:flex}.navbar--fixed-top{position:sticky;top:0;z-index:var(--ifm-z-index-fixed)}.navbar__inner{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.navbar__brand{align-items:center;display:flex;margin-right:1rem;min-width:0}.navbar__brand:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.announcementBarContent__DAX,.navbar__title{flex:1 1 auto}.navbar__toggle{display:none;margin-right:.5rem}.navbar__logo{flex:0 0 auto;height:2rem;margin-right:.5rem}.h-full,.navbar__logo img,body,html{height:100%}.navbar__items{align-items:center;display:flex;flex:1;min-width:0}.navbar__items--center{flex:0 0 auto}.m-0,.navbar__items--center .navbar__brand,blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}.navbar__items--center+.navbar__items--right{flex:1}.navbar__items--right{flex:0 0 auto;justify-content:flex-end}.navbar__items--right>:last-child{padding-right:0}.navbar__item{display:inline-block;padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}#nprogress,.navbar__item.dropdown .navbar__link:not([href]){pointer-events:none}.navbar__link--active,.navbar__link:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.navbar--dark,.navbar--primary{--ifm-menu-color:var(--ifm-color-gray-300);--ifm-navbar-link-color:var(--ifm-color-gray-100);--ifm-navbar-search-input-background-color:#ffffff1a;--ifm-navbar-search-input-placeholder-color:#ffffff80;color:var(--ifm-color-white)}.navbar--dark{--ifm-navbar-background-color:#242526;--ifm-menu-color-background-active:#ffffff0d;--ifm-navbar-search-input-color:var(--ifm-color-white)}.navbar--primary{--ifm-navbar-background-color:var(--ifm-color-primary);--ifm-navbar-link-hover-color:var(--ifm-color-white);--ifm-menu-color-active:var(--ifm-color-white);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-500)}.navbar__search-input{-webkit-appearance:none;appearance:none;background:var(--ifm-navbar-search-input-background-color) var(--ifm-navbar-search-input-icon) no-repeat .75rem center/1rem 1rem;border:none;border-radius:2rem;color:var(--ifm-navbar-search-input-color);cursor:text;display:inline-block;font-size:.9rem;height:2rem;padding:0 .5rem 0 2.25rem;width:12.5rem}.cursor-pointer,.dropdownNavbarItemMobile_JUhd,.footerItem_GsU2,.pills__item,.refine-toc-item,.tabs__item,[role=button],button{cursor:pointer}.navbar__search-input::placeholder{color:var(--ifm-navbar-search-input-placeholder-color)}.navbar-sidebar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-global-shadow-md);position:fixed;transform:translate3d(-100%,0,0);transition-property:opacity,visibility,transform;width:var(--ifm-navbar-sidebar-width)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar__items,.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar--show .navbar-sidebar__backdrop{opacity:1;visibility:visible}.navbar-sidebar__backdrop{background-color:#0009;position:fixed;right:0;transition-property:opacity,visibility}.navbar-sidebar__brand{align-items:center;box-shadow:var(--ifm-navbar-shadow);display:flex;flex:1;height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.navbar-sidebar__items{display:flex;height:calc(100% - var(--ifm-navbar-height));transition:transform var(--ifm-transition-fast) ease-in-out}.navbar-sidebar__items--show-secondary{transform:translate3d(calc((var(--ifm-navbar-sidebar-width))*-1),0,0)}.navbar-sidebar__item{flex-shrink:0;padding:.5rem;width:calc(var(--ifm-navbar-sidebar-width))}.navbar-sidebar__back{background:var(--ifm-menu-color-background-active);font-size:15px;font-weight:var(--ifm-button-font-weight);margin:0 0 .2rem -.5rem;padding:.6rem 1.5rem;position:relative;text-align:left;top:-.5rem;width:calc(100% + 1rem)}.navbar-sidebar__close{display:flex;margin-left:auto}.pagination{column-gap:var(--ifm-pagination-page-spacing);display:flex;font-size:var(--ifm-pagination-font-size);padding-left:0}.pagination--sm{--ifm-pagination-font-size:0.8rem;--ifm-pagination-padding-horizontal:0.8rem;--ifm-pagination-padding-vertical:0.2rem}.pagination--lg{--ifm-pagination-font-size:1.2rem;--ifm-pagination-padding-horizontal:1.2rem;--ifm-pagination-padding-vertical:0.3rem}.inline-flex,.pagination__item{display:inline-flex}.pagination__item>span{padding:var(--ifm-pagination-padding-vertical)}.pagination__item--active .pagination__link{color:var(--ifm-pagination-color-active)}.pagination__item--active .pagination__link,.pagination__item:not(.pagination__item--active):hover .pagination__link{background:var(--ifm-pagination-item-active-background)}.pagination__item--disabled,.pagination__item[disabled]{opacity:.25;pointer-events:none}.pagination__link{border-radius:var(--ifm-pagination-border-radius);color:var(--ifm-font-color-base);display:inline-block;padding:var(--ifm-pagination-padding-vertical) var(--ifm-pagination-padding-horizontal);transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination__link:hover,html .no-underline{text-decoration:none}.pagination-nav{grid-gap:var(--ifm-spacing-horizontal);display:grid;gap:var(--ifm-spacing-horizontal);grid-template-columns:repeat(2,1fr)}.pagination-nav__link{border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-pagination-nav-border-radius);display:block;height:100%;line-height:var(--ifm-heading-line-height);padding:var(--ifm-global-spacing);transition:border-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination-nav__link:hover{border-color:var(--ifm-pagination-nav-color-hover);text-decoration:none}.pagination-nav__link--next{grid-column:2/3;text-align:right}.content_B3zk,.text-center{text-align:center}.pagination-nav__label{font-size:var(--ifm-h4-font-size);font-weight:var(--ifm-heading-font-weight);word-break:break-word}.pagination-nav__link--prev .pagination-nav__label:before{content:"« "}.pagination-nav__link--next .pagination-nav__label:after{content:" »"}.pagination-nav__sublabel{color:var(--ifm-color-content-secondary);font-size:var(--ifm-h5-font-size);font-weight:var(--ifm-font-weight-semibold);margin-bottom:.25rem}.pills__item,.tabs{font-weight:var(--ifm-font-weight-bold)}.pills{display:flex;gap:var(--ifm-pills-spacing);padding-left:0}.pills__item{border-radius:.5rem;display:inline-block;padding:.25rem 1rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pills__item--active{color:var(--ifm-pills-color-active)}.pills__item--active,.pills__item:not(.pills__item--active):hover{background:var(--ifm-pills-color-background-active)}.pills--block{justify-content:stretch}.pills--block .pills__item{flex-grow:1;text-align:center}.tabs{color:var(--ifm-tabs-color);display:flex;margin-bottom:0;overflow-x:auto;padding-left:0}.tabs__item{border-bottom:3px solid #0000;border-radius:var(--ifm-global-radius);display:inline-flex;padding:var(--ifm-tabs-padding-vertical) var(--ifm-tabs-padding-horizontal);transition:background-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.transition,.transition-colors,.transition-opacity,.transition-transform{transition-duration:.15s}.refine-details>summary .refine-details-triangle,.transition,.transition-colors,.transition-opacity,.transition-transform{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tabs__item--active{border-bottom-color:var(--ifm-tabs-color-active-border);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--ifm-tabs-color-active)}.tabs__item:hover{background-color:var(--ifm-hover-overlay)}.tabs--block{justify-content:stretch}.tabs--block .tabs__item{flex-grow:1;justify-content:center}html[data-theme=dark]{--ifm-color-scheme:dark;--ifm-color-emphasis-0:var(--ifm-color-gray-1000);--ifm-color-emphasis-100:var(--ifm-color-gray-900);--ifm-color-emphasis-200:var(--ifm-color-gray-800);--ifm-color-emphasis-300:var(--ifm-color-gray-700);--ifm-color-emphasis-400:var(--ifm-color-gray-600);--ifm-color-emphasis-600:var(--ifm-color-gray-400);--ifm-color-emphasis-700:var(--ifm-color-gray-300);--ifm-color-emphasis-800:var(--ifm-color-gray-200);--ifm-color-emphasis-900:var(--ifm-color-gray-100);--ifm-color-emphasis-1000:var(--ifm-color-gray-0);--ifm-background-color:#1b1b1d;--ifm-background-surface-color:#242526;--ifm-hover-overlay:#ffffff0d;--ifm-color-content:#e3e3e3;--ifm-color-content-secondary:#fff;--ifm-breadcrumb-separator-filter:invert(64%) sepia(11%) saturate(0%) hue-rotate(149deg) brightness(99%) contrast(95%);--ifm-code-background:#ffffff1a;--ifm-scrollbar-track-background-color:#444;--ifm-scrollbar-thumb-background-color:#686868;--ifm-scrollbar-thumb-hover-background-color:#7a7a7a;--ifm-table-stripe-background:#ffffff12;--ifm-toc-border-color:var(--ifm-color-emphasis-200);--ifm-color-primary-contrast-background:#102445;--ifm-color-primary-contrast-foreground:#ebf2fc;--ifm-color-secondary-contrast-background:#474748;--ifm-color-secondary-contrast-foreground:#fdfdfe;--ifm-color-success-contrast-background:#003100;--ifm-color-success-contrast-foreground:#e6f6e6;--ifm-color-info-contrast-background:#193c47;--ifm-color-info-contrast-foreground:#eef9fd;--ifm-color-warning-contrast-background:#4d3800;--ifm-color-warning-contrast-foreground:#fff8e6;--ifm-color-danger-contrast-background:#4b1113;--ifm-color-danger-contrast-foreground:#ffebec}#nprogress .bar{background:var(--docusaurus-progress-bar-color);height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px var(--docusaurus-progress-bar-color),0 0 5px var(--docusaurus-progress-bar-color);height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}.blog-wrapper:root,.docs-wrapper:root{--primary-font-sans:"Inter"}.scrollbar-slim{scrollbar-color:red blue;scrollbar-width:thin}.scrollbar-slim::-webkit-scrollbar{width:12px}.scrollbar-slim::-webkit-scrollbar-track{background:#14141f;border-radius:5px}.scrollbar-slim::-webkit-scrollbar-thumb{background-color:#303450;border:3px solid #14141f;border-radius:12px}.refine-prose{color:var(--tw-prose-body);max-width:100%!important;--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75;--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders);font-weight:400;max-width:none}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.refine-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.refine-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.refine-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.refine-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.refine-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.refine-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.refine-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}progress,sub,sup{vertical-align:initial}.refine-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.refine-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.refine-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.refine-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.refine-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .refine-prose) :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity));font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600;font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity));font-weight:600;font-size:1rem;line-height:1.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));font-weight:600;font-size:.875rem;line-height:2.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity));font-weight:600;font-size:.75rem;line-height:1.33rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-bottom:1.25rem;margin-top:0;font-size:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;margin-bottom:0;margin-top:0}.refine-prose :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){border-left-width:4px;border-radius:.5rem;font-style:normal;font-weight:400;padding:1rem;--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity));border-left-color:rgb(163 173 194/var(--tw-border-opacity));color:rgb(48 52 80/var(--tw-text-opacity))}.refine-prose:last-child :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:0}:is(:where([data-theme=dark]) .refine-prose) :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity));border-left-color:rgb(71 78 107/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.625rem;line-height:.75rem;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(222 229 237/var(--tw-bg-opacity));color:rgb(48 52 80/var(--tw-text-opacity));border-radius:.25rem;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:2px .375rem 3px;border-style:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):before{--tw-content:none;content:var(--tw-content)}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):after{--tw-content:none;content:var(--tw-content)}.refine-prose h1 code,.refine-prose h2 code,.refine-prose h3 code{font-size:inherit;line-height:inherit;vertical-align:bottom}.refine-prose blockquote p:after,.refine-prose blockquote p:before,.refine-prose blockquote:after,.refine-prose blockquote:before{--tw-content:none;content:var(--tw-content)}.refine-prose table :is(:where(table):not(:where([class~=not-prose],[class~=not-prose] *))){border-style:none}.refine-prose table tr{border-top:unset}.refine-prose table td,.refine-prose table th{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(222 229 237/var(--tw-border-opacity));border-width:1px;color:rgb(20 20 31/var(--tw-text-opacity));padding:.5rem;font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table td),:is(:where([data-theme=dark]) .refine-prose table th){--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity));color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose table th{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600}:is(:where([data-theme=dark]) .refine-prose table th){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose table th,.refine-prose table th code,.text-sm{font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(odd)){--tw-bg-opacity:0.3;background-color:rgb(48 52 80/var(--tw-bg-opacity))}.refine-prose table tbody tr:nth-child(odd){--tw-bg-opacity:0.1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}.bg-gray-50,.refine-prose table tbody tr:nth-child(2n),.refine-prose table thead{--tw-bg-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(2n)){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table thead){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}.refine-prose table thead tr{border-style:none}.refine-prose .table-container{margin-bottom:1rem;margin-top:2rem;max-width:100%;overflow:auto;padding-bottom:1rem}.refine-prose .table-container table{display:table;margin-bottom:0;margin-top:0;table-layout:auto}.refine-toc-item code:after,.refine-toc-item code:before{content:""}.refine-toc-item code{border-radius:.25rem;border-style:none!important;color:inherit!important;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:.125rem .25rem;vertical-align:bottom!important;font-size:12px}:is(:where([data-theme=dark]) .refine-toc-item code){--tw-bg-opacity:0.3;background-color:rgb(71 78 107/var(--tw-bg-opacity));color:inherit!important}a:has(>code){text-decoration:none!important}a:has(>code) code{--tw-text-opacity:1!important;color:rgb(0 128 255/var(--tw-text-opacity))!important;vertical-align:text-bottom!important}:is(:where([data-theme=dark]) a:has(>code) code){--tw-text-opacity:1!important;color:rgb(110 179 247/var(--tw-text-opacity))!important}p:has(>code) code{margin-left:.125rem;margin-right:.125rem;vertical-align:text-bottom!important}li a:has(>code) code{margin-left:0!important;margin-right:0!important;vertical-align:text-bottom!important}.admonition.admonition-caution code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(242 128 13/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution code){--tw-bg-opacity:15%;background-color:#ff99331a}.admonition.admonition-caution a{--tw-text-opacity:1;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution a){--tw-text-opacity:1;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-caution a code{--tw-text-opacity:1!important;color:rgb(204 102 0/var(--tw-text-opacity))!important}:is(:where([data-theme=dark]) .admonition.admonition-caution a code){--tw-text-opacity:1!important;color:rgb(255 153 51/var(--tw-text-opacity))!important}.admonition.admonition-caution li::marker{--tw-text-opacity:0.5;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution li)::marker{--tw-text-opacity:0.5;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-danger code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(255 76 77/var(--tw-bg-opacity))}.admonition.admonition-danger a{--tw-text-opacity:1;color:rgb(255 76 77/var(--tw-text-opacity))}.admonition.admonition-danger a code{--tw-text-opacity:1!important;color:rgb(255 76 77/var(--tw-text-opacity))!important}.admonition.admonition-info code{--tw-bg-opacity:15%;background-color:#0080ff1a}:is(:where([data-theme=dark]) .admonition.admonition-info code){--tw-bg-opacity:15%;background-color:#6eb3f71a}.admonition.admonition-info a,.admonition.admonition-info-tip a{--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info a){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-info li::marker{--tw-text-opacity:0.5;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info li)::marker{--tw-text-opacity:0.5;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-tip code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(31 173 102/var(--tw-bg-opacity))}.admonition.admonition-note code,.bg-\[\#5865F2\],.bg-black,.bg-blue-100,.bg-gray-0,.bg-gray-100,.bg-gray-200,.bg-gray-600,.bg-gray-900,.bg-refine-blue,.bg-tech-purple-03,.bg-violet-800,.bg-white{--tw-bg-opacity:1}.admonition.admonition-tip a{--tw-text-opacity:1;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-tip a code{--tw-text-opacity:1!important;color:rgb(31 173 102/var(--tw-text-opacity))!important}.admonition.admonition-tip li::marker{--tw-text-opacity:0.5;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-note code{--tw-bg-opacity:15%;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-additional a,.admonition.admonition-note a{--tw-text-opacity:1;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-note a code{--tw-text-opacity:1!important;color:rgb(15 189 189/var(--tw-text-opacity))!important}.admonition.admonition-note li::marker{--tw-text-opacity:0.5;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-additional code{--tw-bg-opacity:0.2;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-info-tip code{--tw-bg-opacity:0.2;background-color:rgb(0 128 255/var(--tw-bg-opacity))}.admonition pre.prism-code code,.bg-transparent{background-color:initial}.refine-details>summary+div>div{border-top-width:0;margin-top:0;padding-top:0}.p-4,.refine-details-content{padding:1rem}.refine-details>summary .refine-details-triangle{--tw-rotate:-90deg;transition-duration:.2s;transition-property:transform}.-rotate-180,.-rotate-90,.refine-details>summary .refine-details-triangle,.refine-details[open]>summary .refine-details-triangle,.rotate-0,.scale-100,.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.refine-details[open]>summary .refine-details-triangle,.rotate-0{--tw-rotate:0deg}.max-w-screen-content{max-width:480px}html[data-active-page=index],html[data-active-page=index] body{--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}@keyframes a{0%,35%,to{opacity:0}30%,5%{opacity:1}}.landing-hero-mobile-svg .auth,.landing-hero-mobile-svg .backend,.landing-hero-mobile-svg .framework,.landing-hero-mobile-svg .platform{animation:24s infinite a;opacity:0;will-change:opacity}.landing-hero-mobile-svg .nextjs{animation-delay:0s}.landing-hero-mobile-svg .vite{animation-delay:8s}.landing-hero-mobile-svg .remix{animation-delay:16s}.landing-hero-mobile-svg .mui{animation-delay:-3s}.landing-hero-mobile-svg .antd{animation-delay:5s}.landing-hero-mobile-svg .chakra{animation-delay:13s}.landing-hero-mobile-svg .supabase{animation-delay:-6s}.landing-hero-mobile-svg .nest{animation-delay:2s}.landing-hero-mobile-svg .appwrite{animation-delay:10s}.landing-hero-mobile-svg .google{animation-delay:-9s}.landing-hero-mobile-svg .auth0{animation-delay:-1s}.landing-hero-mobile-svg .strapi{animation-delay:7s}.animation-parent{backface-visibility:hidden;perspective:1000;transform:translateZ(0)}#__docusaurus-base-url-issue-banner-container,.hidden,.sp-icon-standalone[title="Open in CodeSandbox"] svg+span,.sp-preview .sp-custom-loading,.sp-preview .sp-loading,.themedComponent_FXRw,[data-theme=dark] .lightToggleIcon__wwy,[data-theme=light] .darkToggleIcon_iyjK,[hidden],html[data-announcement-bar-initially-dismissed=true] .announcementBar_hbYq{display:none}.sp-preview .sp-loading+.sp-custom-loading{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:calc(var(--sp-zIndices-top) + 1)}button.sp-button.sp-icon-standalone[title="Open in CodeSandbox"]:has(svg+span){padding-left:0;padding-right:4px;width:26px}.admonition-simple .admonition-content :last-child,.admonitionContent_YstZ>:last-child,.collapsibleContent_uFAl p:last-child,.details_GXzP>summary>p:last-child,.mb-0,.refine-tab-content>:last-child{margin-bottom:0}.admonition-simple ul{list-style-position:outside;list-style-type:"-   ";margin:0;padding-left:24px}.admonition-simple *{font-size:.875rem;line-height:1rem}.admonition-simple .admonition-content ul li::marker{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition-simple .admonition-content ul li)::marker{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}h4>del:has(code:only-child){text-decoration-line:none}html h4>del:has(code:only-child){text-decoration:none}h4>del:has(code:only-child) code{text-decoration-line:line-through}.font-\[500\],.font-medium,.sp-tab-button[data-active=true]{font-weight:500}*,:after,:before{border:0 solid #dee5ed}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{display:block;margin-bottom:var(--ifm-spacing-vertical);overflow:auto;border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}.admonitionHeading_wuvZ code,button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}menu,ol,ul{margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a3adc2;opacity:1}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container,.w-full{width:100%}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible,.swiper-slide-invisible-blank{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.right-\[24px\]{right:24px}.top-0{top:0}.top-2{top:.5rem}.top-32{top:8rem}.top-\[24px\]{top:24px}.top-\[67px\]{top:67px}.z-50{z-index:50}.z-\[100\],.z-modal{z-index:100}.z-\[1\]{z-index:1}.z-\[55\]{z-index:55}.m-1{margin:.25rem}.m-6{margin:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[40px\]{margin-bottom:40px}.ml-\[5px\]{margin-left:5px}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.table{display:table}.grid{display:grid}.h-0{height:0}.h-0\.5{height:.125rem}.h-12{height:3rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[120px\]{height:120px}.h-\[12px\]{height:12px}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[40px\]{height:40px}.h-\[4px\]{height:4px}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-\[calc\(100vh-67px\)\]{height:calc(100vh - 67px)}.h-auto,.img_CfaS,.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.h-screen{height:100vh}.max-h-\[180px\]{max-height:180px}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[10px\]{width:10px}.w-\[12px\]{width:12px}.w-\[142px\]{width:142px}.w-\[193px\]{width:193px}.w-\[24px\]{width:24px}.w-\[264px\]{width:264px}.w-\[280px\]{width:280px}.w-\[343px\]{width:343px}.w-\[40px\]{width:40px}.w-\[42\.5px\]{width:42.5px}.w-\[45px\]{width:45px}.w-\[4px\]{width:4px}.w-\[51px\]{width:51px}.w-auto{width:auto}.w-max{width:max-content}.min-w-0{min-width:0}.max-w-\[1600px\]{max-width:1600px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-\[512px\]{max-width:512px}.max-w-\[576px\]{max-width:576px}.max-w-md{max-width:28rem}.max-w-screen-blog-max{max-width:1408px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-rotate-180{--tw-rotate:-180deg}.-rotate-90{--tw-rotate:-90deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.footerContentContainer_DQf_,.itemsContainer_OUc9,.logoContainerStyle_PeVm,.templateItemContainer_lyZ8{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col,.swiper-vertical>.swiper-wrapper{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[16px\]{gap:16px}.gap-\[24px\]{gap:24px}.gap-\[40px\]{gap:40px}.gap-\[4px\]{gap:4px}.gap-\[60px\]{gap:60px}.gap-\[8px\]{gap:8px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border,.border-\[1px\]{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-gray-02{border-color:#1f1f1f}.border-gray-100{--tw-border-opacity:1;border-color:rgb(237 242 247/var(--tw-border-opacity))}.border-white-01{border-color:#fff}.border-l-gray-100{--tw-border-opacity:1;border-left-color:rgb(237 242 247/var(--tw-border-opacity))}.border-t-gray-200{--tw-border-opacity:1;border-top-color:rgb(222 229 237/var(--tw-border-opacity))}.bg-\[\#000000bf\]{background-color:#000000bf}.bg-\[\#5865F2\]{background-color:rgb(88 101 242/var(--tw-bg-opacity))}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.75\)\]{background-color:#ffffffbf}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/\[0\.64\]{background-color:#000000a3}.bg-blue-100{background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-gray-0,.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-01{background-color:#000}.bg-gray-02{background-color:#1f1f1f}.bg-gray-100{background-color:rgb(237 242 247/var(--tw-bg-opacity))}.bg-gray-200{background-color:rgb(222 229 237/var(--tw-bg-opacity))}.bg-gray-600{background-color:rgb(71 78 107/var(--tw-bg-opacity))}.bg-gray-900{background-color:rgb(20 20 31/var(--tw-bg-opacity))}.bg-gray-900\/20{background-color:#14141f33}.bg-gray-900\/70{background-color:#14141fb3}.bg-refine-blue{background-color:rgb(0 128 255/var(--tw-bg-opacity))}.bg-tech-purple-03{background-color:rgb(101 74 236/var(--tw-bg-opacity))}.bg-violet-800{background-color:rgb(91 33 182/var(--tw-bg-opacity))}.bg-white-01{background-color:#fff}.bg-white-09,.hover\:bg-white-09:hover{background-color:#ffffff19}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:.5rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[24px\]{padding-left:24px;padding-right:24px}.px-\[4px\]{padding-left:4px;padding-right:4px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-\[22px\]{padding-bottom:22px;padding-top:22px}.pb-10{padding-bottom:2.5rem}.pb-6{padding-bottom:1.5rem}.pb-\[100px\]{padding-bottom:100px}.pb-\[60px\]{padding-bottom:60px}.pl-1{padding-left:.25rem}.pl-11{padding-left:2.75rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-7{padding-left:1.75rem}.pl-\[32px\]{padding-left:32px}.pr-3{padding-right:.75rem}.pt-6{padding-top:1.5rem}.pt-\[4px\]{padding-top:4px}.align-middle{vertical-align:middle}.font-\[\'Inter\'\]{font-family:Inter}.font-sans{font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.textTitleNumStyle_TEnk,.textTitleNumStyle_h7vB{font-family:Eurostile Becker,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-3xl{font-size:1.875rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.font-\[400\],.font-normal{font-weight:400}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.5\]{line-height:1.5}.leading-\[17px\]{line-height:17px}.leading-\[22px\]{line-height:22px}.leading-\[28px\]{line-height:28px}.\!text-white-04{color:#ffffff80!important}.hover\:text-\[\#0b0c0f\]:hover,.text-\[\#0B0C0F\],.text-\[\#0b0c0f\]{--tw-text-opacity:1;color:rgb(11 12 15/var(--tw-text-opacity))}.text-\[\#1D2129\]{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity))}.text-gray-0,.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-gray-02:hover,.text-gray-02{color:#1f1f1f}.hover\:text-gray-03:hover,.text-gray-03{color:#5c5c5c}.text-gray-100{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}.hover\:text-gray-600:hover,.text-gray-600{--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}.hover\:text-gray-800:hover,.text-gray-800{--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-tech-purple-01{--tw-text-opacity:1;color:rgb(38 24 156/var(--tw-text-opacity))}.text-transparent{color:#0000}.hover\:text-white-01:hover,.text-white-01{color:#fff}.text-white-02{color:#ffffffe6}.hover\:text-white-03:hover,.text-white-03{color:#ffffffc0}.hover\:text-white-04:hover,.text-white-04{color:#ffffff80}.text-opacity-90{--tw-text-opacity:0.9}.faqListAnswer_uzUc a,.underline{text-decoration-line:underline}.baseLinkButtonStyle_PuMK:hover,.basePanelItemContainerStyle_IaDP:hover,.commBottomBtn_pFSF:hover,.hover\:no-underline:hover,.menuItemStyle_SQLa,.menuItemStyle_SQLa:active,.menuItemStyle_SQLa:hover,.menuItemStyle_a3Ir:hover,.no-underline,.operateItemStyle_quc4:hover,.panelItemStyle_VUhY:hover{text-decoration-line:none}.opacity-0{opacity:0}.footerLogoLink_K6r0:hover,.hash-link:focus,.opacity-100,.solutionSelectImageStyle_GSp1,:hover>.hash-link{opacity:1}.backdrop-blur-\[50px\]{--tw-backdrop-blur:blur(50px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.transition-opacity{transition-property:opacity}.transition-transform{transition-property:transform}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:bg-grayBlue-09:hover,.lightPanelItemContainerStyle_OZnY:hover{background-color:#f2f3f5}.hover\:brightness-90:hover{--tw-brightness:brightness(.9)}.basePopoverPanelStyle_y9hq:focus,.focus\:outline-none:focus,.popoverPanelStyle_GNCw:focus{outline:#0000 solid 2px;outline-offset:2px}:is(:where([data-theme=dark]) .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-l-gray-700){--tw-border-opacity:1;border-left-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-t-gray-700){--tw-border-opacity:1;border-top-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-500){--tw-bg-opacity:1;background-color:rgb(108 119 147/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgb(71 78 107/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-0){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-200){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-white-01){color:#fff}:is(:where([data-theme=dark]) .dark\:text-white-04){color:#ffffff80}:is(:where([data-theme=dark]) .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:hover\:text-white-01:hover){color:#fff}:is(:where([data-theme=dark]) .hover\:dark\:text-white-01):hover{color:#fff}[data-theme=dark]{--ifm-color-primary:#9580ff;--ifm-color-primary-dark:#755aff;--ifm-color-primary-darker:#6547ff;--ifm-color-primary-darkest:#350dff;--ifm-color-primary-light:#b5a6ff;--ifm-color-primary-lighter:#c5b9ff;--ifm-color-primary-lightest:#f5f3ff;--ifm-background-color:#0a0a0a;--docusaurus-highlighted-code-line-bg:#0000004d}@font-face{font-family:Eurostile Becker;src:url("/illa-website/zh/assets/fonts/Eurostile Becker Heavy Regular-99fb2b764178f7417346a5e3e15d5947.ttf") format("truetype")}body:not(.navigation-with-keyboard) :not(input):focus{outline:0}.skipToContent_YRel{background-color:var(--ifm-background-surface-color);color:var(--ifm-color-emphasis-900);left:100%;padding:calc(var(--ifm-global-spacing)/2) var(--ifm-global-spacing);position:fixed;top:1rem;z-index:calc(var(--ifm-z-index-fixed) + 1)}.skipToContent_YRel:focus{box-shadow:var(--ifm-global-shadow-md);left:1rem}.closeButton_r_Ma{line-height:0;padding:0}.content_B3zk{font-size:85%;padding:5px 0}.content_B3zk a{color:inherit;text-decoration:underline}.announcementBar_hbYq{align-items:center;background-color:var(--ifm-color-white);border-bottom:1px solid var(--ifm-color-emphasis-100);color:var(--ifm-color-black);display:flex;height:var(--docusaurus-announcement-bar-height)}.announcementBarPlaceholder_nNiq{flex:0 0 10px}.announcementBarClose_S8lM{align-self:stretch;flex:0 0 30px}.toggle_Io7t{height:2rem;width:2rem}.toggleButton_C0po{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;transition:background var(--ifm-transition-fast);width:100%}.toggleButton_C0po:hover{background:var(--ifm-color-emphasis-200)}.toggleButtonDisabled_IHuh{cursor:not-allowed}.darkNavbarColorModeToggle_jx_9:hover{background:var(--ifm-color-gray-800)}[data-theme=dark] .themedComponent--dark_gZs3,[data-theme=light] .themedComponent--light_RIle,html:not([data-theme]) .themedComponent--light_RIle{display:initial}.iconExternalLink_ocOZ{margin-left:.3rem}.dropdownNavbarItemMobile_JUhd:after{margin-left:8px}.iconLanguage_DSK9{display:inline-block;margin-right:5px;vertical-align:text-bottom}@supports selector(:has(*)){.navbarSearchContainer_Pu8E:not(:has(>*)){display:none}}.navbarHideable_QJhM{transition:transform var(--ifm-transition-fast) ease}.navbarHidden_JLKf{transform:translate3d(0,calc(-100% - 2px),0)}.errorBoundaryError_t44J{color:red;white-space:pre-wrap}.errorBoundaryFallback_HTeJ{color:red;padding:.55rem}.footerLogoLink_K6r0{opacity:.5;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.anchorWithStickyNavbar_dXVO{scroll-margin-top:calc(var(--ifm-navbar-height) + .5rem)}.anchorWithHideOnScrollNavbar_ZIVZ{scroll-margin-top:.5rem}.hash-link{opacity:0;padding-left:.5rem;transition:opacity var(--ifm-transition-fast);-webkit-user-select:none;user-select:none}.hash-link:before{content:"#"}.mainWrapper_Xc8_{display:flex;flex:1 0 auto;flex-direction:column}.docusaurus-mt-lg{margin-top:3rem}#__docusaurus{display:flex;flex-direction:column}.menuItemContainerStyle_JXsu,.priceListTitleContainerStyle_MEs5{align-items:center;display:flex;gap:8px}.popoverContainerStyle_ZIFy{display:inline-block;font-weight:500;padding:12px 16px;position:relative;text-align:left}.basePopoverPanelStyle_y9hq,.popoverPanelStyle_GNCw{margin-top:8px;position:absolute;transform-origin:top right;left:0}.popoverItemStyle_wfx7{align-items:center;display:flex;font-size:14px;gap:8px}.popoverPanelStyle_GNCw{--tw-shadow:0px 2px 16px 0px #00000029;--tw-shadow-colored:0px 2px 16px 0px var(--tw-shadow-color);border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:4px;padding-top:4px;right:0}.menuItemStyle_a3Ir{font-size:14px;font-weight:500;padding:12px 16px}.panelItemContainerStyle_xEK2{align-items:center;display:flex;justify-content:center;width:100%}.panelItemStyle_VUhY{font-size:14px;font-weight:500;line-height:40px}.operateItemStyle_quc4{align-items:center;border-radius:20px;display:flex;font-weight:500;gap:8px;justify-content:center;padding:8px 24px}.operateItemStyleBg_neML{border-color:#0000;border-width:1px;color:#fff;background:linear-gradient(90deg,#9734e4,#712eff)}.darkColorStyle_MxJT:hover,.operateItemStyleBg_neML:hover{color:#fff}.popoverItemStyle_WmOV{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left}.basePopoverPanelStyle_y9hq{border-radius:16px;border-width:1px;display:flex;flex-direction:column;gap:24px;padding:24px 16px;width:340px}.darkPopoverPanelStyle_sycJ{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(27 28 29/var(--tw-bg-opacity));border-color:rgb(46 46 48/var(--tw-border-opacity))}.lightPopoverPanelStyle_aRwx{background-color:#fff;border-color:#f2f3f5;box-shadow:0 2px 4px 0 #00000014}.subTitleStyle_GZ4H{font-size:16px;font-weight:700;line-height:24px;padding-left:16px;padding-right:16px;text-align:start}.basePanelItemContainerStyle_IaDP{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:12px 16px;width:100%}.darkPanelItemContainerStyle_JqRZ:hover{background-color:#ffffff0a}.panelItemStyle_w8TD{font-size:14px;font-weight:500;line-height:22px}.footerBottom_L4UB,.footerItem_GsU2,.panelItemDescStyle_zY1Y{font-size:12px;font-weight:400;line-height:16px}.menuItemStyle_SQLa{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;height:40px;width:100%;font-size:16px;font-weight:500}.footerContainer_lS9F{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:100px 20px 20px;width:100%}.footerContentContainer_DQf_{display:grid;justify-content:space-between;row-gap:40px;width:100%}.space_IcLX{background-color:#ffffff1a;height:1px;width:100%}.footerBottom_L4UB{align-items:center;color:#fff;display:flex;flex-direction:column;gap:24px;justify-content:space-between;width:100%}.localSelectContainer_aJ7M .dropdown__menu{bottom:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);top:unset}.lpHeader_rubd{align-items:flex-start;flex-wrap:wrap;gap:40px;justify-content:space-between;padding-top:30px}.lpHeaderLeft_Zvbf,.lpHeader_rubd,.premiumCardContainer_ArgU,.premiumHeaderStyle_yb36{display:flex;flex-direction:column}.lpHeaderLeft_Zvbf{align-items:center;gap:24px;text-align:center}.back_vGuo{--tw-text-opacity:1;align-items:center;color:rgb(101 74 236/var(--tw-text-opacity));cursor:pointer;display:none;flex-direction:row;font-size:18px;font-weight:600;gap:12px;line-height:32px;padding-bottom:12px;padding-top:12px}.headerGo_RttL,.itemImage_FU2S{align-items:center;--tw-bg-opacity:1}.headerTitle_URD5{font-size:40px;font-weight:700;line-height:48px}.headerDesc_zhHJ{font-weight:400;font-weight:16px;line-height:24px}.headerGo_RttL{background-color:rgb(101 74 236/var(--tw-bg-opacity));white-space:nowrap;border-radius:4px;color:#fff;display:flex;font-size:16px;font-weight:400;height:44px;justify-content:center;line-height:20px;padding:12px 16px}.headerGo_RttL:hover{--tw-bg-opacity:1;background-color:rgb(131 104 240/var(--tw-bg-opacity))}.headerGo_RttL:active{--tw-bg-opacity:1;background-color:rgb(66 46 196/var(--tw-bg-opacity))}.lpContainer_Zbon,.lpContainer_yWoG{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity));margin-left:auto;margin-right:auto;max-width:1200px;padding-left:20px;padding-right:20px;width:100%}.tag_oKb5{display:inline-block;margin:.5rem .5rem 0 1rem}.contentTitle_b3GB{font-size:20px;font-weight:600;line-height:28px;margin-top:60px}.itemsContainer_OUc9{display:grid;gap:12px}.item_AuQF{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:16px}.itemBg_GUYW{background:linear-gradient(180deg,#dde1e833,#dde1e800)}.itemImage_FU2S{background-color:rgb(240 232 255/var(--tw-bg-opacity));border-radius:13px;display:flex;height:120px;justify-content:center;width:120px}.itemNameCommon_o16n{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.commBottomDesc_DyZe,.itemDescription_LA9o{-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}.itemNameIntegrations_ZIud{line-height:20px}.itemNameComponents_JcBj{line-height:24px}.itemDescription_LA9o{display:-webkit-box;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.contentContainer_c9t8{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow-x:hidden;padding-top:40px;z-index:31}.contentContainer_c9t8,.content_jfit{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.content_jfit{color:#fff;gap:100px;padding-left:20px;padding-right:20px}.commBottomContainerStyle_CDHK{align-items:center;color:#fff;display:flex;margin-top:100px;width:100%}.allContentContainer_nVOG{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;text-align:center;width:100%}.allContentTitle_K0Y2{font-size:20px;font-weight:700;line-height:24px;text-align:center}.cardContainerStyle_Kvlw,.cardContentContainerStyle_kX6c{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.headerContainerStyle_RgD_{align-items:center;display:flex;flex-direction:column;gap:16px}.textTitleStye_mJAH{color:#fff;font-size:20px;font-weight:700}.textTitleNumStyle_TEnk{font-size:24px;font-weight:400}.textDescStyle_NFkj{font-size:12px;font-weight:400;line-height:16px;max-width:100%;text-align:center}.imgStyle_GNQD{border-radius:8px;height:auto;width:100%}.cardContentItemNormalStyle_f4ow,.cardContentItemReverseStyle_DHTD{flex-direction:column-reverse}.cardIContentItemContainerStyle_rPYn{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:flex-start;background-color:rgb(18 18 18/var(--tw-bg-opacity));border-color:rgb(42 42 42/var(--tw-border-opacity));border-radius:8px;border-width:1px;display:flex;flex-wrap:nowrap;gap:20px;padding:16px}.textContainerStyle_toav{align-items:flex-start;display:flex;flex-direction:column;gap:16px;width:100%}.textTitleStye_u6Ys{color:#fff;font-size:18px;font-weight:700;line-height:22px}.textTitleNumStyle_h7vB{font-size:20px;font-weight:400}.textDescStyle_vwoY{color:#ffffffe6;font-size:12px;font-weight:400;line-height:16px}.swipeMore_QWDA{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;gap:8px;grid-column:1;grid-row:3;height:auto;line-height:17px}.builderListTitleStyle_ul1g,.swipeMore_QWDA,.swipeMore_QWDA:hover{--tw-text-opacity:1;color:rgb(101 74 236/var(--tw-text-opacity))}.buttonGroup_uxJT button,.codeBlockContainer_USIv{background:var(--prism-background-color);color:var(--prism-color)}.codeBlockContainer_USIv{border-radius:var(--ifm-code-border-radius);box-shadow:var(--ifm-global-shadow-lw);margin-bottom:var(--ifm-leading)}.codeBlockContent_PMfr{border-radius:inherit;direction:ltr;position:relative}.codeBlockTitle_jXLV{border-bottom:1px solid var(--ifm-color-emphasis-300);border-top-left-radius:inherit;border-top-right-radius:inherit;font-size:var(--ifm-code-font-size);font-weight:500;padding:.75rem var(--ifm-pre-padding)}.codeBlock_IHkF{--ifm-pre-background:var(--prism-background-color);margin:0;padding:0}.codeBlockTitle_jXLV+.codeBlockContent_PMfr .codeBlock_IHkF{border-top-left-radius:0;border-top-right-radius:0}.codeBlockLines_THA1{float:left;font:inherit;min-width:100%;padding:var(--ifm-pre-padding)}.codeBlockLinesWithNumbering_tjAB{display:table;padding:var(--ifm-pre-padding) 0}.buttonGroup_uxJT{column-gap:.2rem;display:flex;position:absolute;right:calc(var(--ifm-pre-padding)/2);top:calc(var(--ifm-pre-padding)/2)}.buttonGroup_uxJT button{align-items:center;border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-global-radius);display:flex;line-height:0;opacity:0;padding:.4rem;transition:opacity var(--ifm-transition-fast) ease-in-out}.buttonGroup_uxJT button:focus-visible,.buttonGroup_uxJT button:hover{opacity:1!important}.theme-code-block:hover .buttonGroup_uxJT button{opacity:.4}:where(:root){--docusaurus-highlighted-code-line-bg:#484d5b}:where([data-theme=dark]){--docusaurus-highlighted-code-line-bg:#646464}.theme-code-block-highlighted-line{background-color:var(--docusaurus-highlighted-code-line-bg);display:block;margin:0 calc(var(--ifm-pre-padding)*-1);padding:0 var(--ifm-pre-padding)}.codeLine_VZlW{counter-increment:a;display:table-row}.codeLineNumber_UV2B{background:var(--ifm-pre-background);display:table-cell;left:0;overflow-wrap:normal;padding:0 var(--ifm-pre-padding);position:sticky;text-align:right;width:1%}.codeLineNumber_UV2B:before{content:counter(a);opacity:.4}.codeLineContent_gotU{padding-right:var(--ifm-pre-padding)}.theme-code-block:hover .copyButtonCopied_TPRR{opacity:1!important}.copyButtonIcons_LZ6a{height:1.125rem;position:relative;width:1.125rem}.copyButtonIcon_H1v1,.copyButtonSuccessIcon_J5e4{fill:currentColor;height:inherit;left:0;opacity:inherit;position:absolute;top:0;transition:all var(--ifm-transition-fast) ease;width:inherit}.copyButtonSuccessIcon_J5e4{color:#00d600;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(.33)}.copyButtonCopied_TPRR .copyButtonIcon_H1v1{opacity:0;transform:scale(.33)}.copyButtonCopied_TPRR .copyButtonSuccessIcon_J5e4{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:75ms}.wordWrapButtonIcon_dUFy{height:1.2rem;width:1.2rem}.details_GXzP{--docusaurus-details-summary-arrow-size:0.38rem;--docusaurus-details-transition:transform 200ms ease;--docusaurus-details-decoration-color:grey}.details_GXzP>summary{cursor:pointer;padding-left:1rem;position:relative}.details_GXzP>summary::-webkit-details-marker{display:none}.details_GXzP>summary:before{border-color:#0000 #0000 #0000 var(--docusaurus-details-decoration-color);border-style:solid;border-width:var(--docusaurus-details-summary-arrow-size);content:"";left:0;position:absolute;top:.45rem;transform:rotate(0);transform-origin:calc(var(--docusaurus-details-summary-arrow-size)/2) 50%;transition:var(--docusaurus-details-transition)}.collapsibleContent_uFAl{border-top:1px solid var(--docusaurus-details-decoration-color);margin-top:1rem;padding-top:1rem}.details_B91m{--docusaurus-details-decoration-color:var(--ifm-alert-border-color);--docusaurus-details-transition:transform var(--ifm-transition-fast) ease;border:1px solid var(--ifm-alert-border-color);margin:0 0 var(--ifm-spacing-vertical)}:not(.containsTaskList_aqzd>li)>.containsTaskList_aqzd{padding-left:0}.admonition_Ztdk{margin-bottom:1em}.admonitionHeading_wuvZ{font:var(--ifm-heading-font-weight) var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);text-transform:uppercase}.admonitionHeading_wuvZ:not(:last-child){margin-bottom:.3rem}.admonitionIcon_bKMe{display:inline-block;margin-right:.4em;vertical-align:middle}.admonitionIcon_bKMe svg{fill:var(--ifm-alert-foreground-color);display:inline-block;height:1.6em;width:1.6em}.commBottomContainer_rcOJ{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 20px 40px;position:relative}.commBottomBtnBg_ws3H,.commBottomContainer_rcOJ{border-bottom-left-radius:20px;border-bottom-right-radius:20px;width:100%}.commBottomBtnBg_ws3H{bottom:0;position:absolute;z-index:-1}.bottomBg_zy8j{background:linear-gradient(180deg,#654aec00,#654aec80)}.whiteBottomBg_HW9h{background:linear-gradient(180deg,#516ab500,#516ab514)}.commBottomTitle_zpUk{color:#fff;font-size:20px;font-weight:700;line-height:24px;text-align:center}.bottomTitle__Qxb{background:linear-gradient(90deg,#ffffff80,#fff 50%,#ffffff80);-webkit-background-clip:text;background-clip:text}.bottomTitle__Qxb,.whiteBottomTitle_r_oZ{-webkit-text-fill-color:#0000;color:#0000}.learnMore_Lb_l,.templateHeaderLabel_W4fj{color:rgb(101 74 236/var(--tw-text-opacity));--tw-text-opacity:1}.whiteBottomTitle_r_oZ{background:linear-gradient(90deg,#0b0c0f80,#0b0c0f 50%,#0b0c0f80);-webkit-background-clip:text;background-clip:text}.commBottomDesc_DyZe{display:-webkit-box;font-size:14px;font-weight:400;line-height:22px;overflow:hidden;text-align:center;width:100%}.commBottomBtn_pFSF{align-items:center;border-radius:24px;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;gap:10px;justify-content:center;line-height:28px;padding:10px 32px;width:100%}.commBottomBtn_pFSF svg{width:16px}.templateContainer_VElw{gap:20px;padding-bottom:30px}.templateContainer_VElw,.templateHeader_AQwG{display:flex;flex-direction:column;margin-top:30px}.templateHeader_AQwG{align-items:flex-start;gap:16px}.templateItemContainer_lyZ8{display:grid;gap:16px}.templateItem_Ji0p{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center}.templateHeaderLabel_W4fj{font-size:14px;font-weight:600;line-height:32px}.templateHeaderTitle_yMrU{font-size:20px;font-weight:700;line-height:28px}.templateHeaderDesc_XN3P{font-size:14px;font-weight:400;line-height:17px}.templateItemName_yjoV{-webkit-line-clamp:1;font-size:16px;font-weight:600;line-height:24px}.templateItemDesc_NKfB,.templateItemName_yjoV{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.templateItemDesc_NKfB{-webkit-line-clamp:4;font-size:12px;font-weight:400;line-height:16px}.learnMore_Lb_l{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:16px;text-decoration-line:underline}.operatingStyle_cGmQ,.wallContainerStyle_Ny01{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.logoTitleStyle_hhN_{color:#fff;font-size:12px;font-weight:500;line-height:1.5;text-align:center;width:100%}.logoContainerStyle_PeVm{column-gap:12px;display:grid;row-gap:24px;width:100%}.logoStyle_ixBp{height:28px;width:auto}.commentsContainerStyle_ctEM{align-items:center;display:flex;flex-direction:column;gap:24px}.commentsTitleStyle_iQ9i{font-size:20px;font-weight:700;line-height:28px;text-align:center}.commentsItemsContainerStyle_Zw4J{column-count:2;gap:8px;width:100%}.borderStyle_jCx_{background:linear-gradient(0deg,#000,#242424);border-radius:8px;break-inside:avoid;padding:1px;width:100%}.commentsItemStyle_rd1k{--tw-bg-opacity:1;background-color:rgb(20 20 20/var(--tw-bg-opacity));border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:24px}.commentContentStyle_NzjM{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.contentTextStyle_PpXf{color:#ffffffc0;font-size:12px;font-weight:500;line-height:16px}.reverseQuoteStyle_waKq{align-self:flex-end;transform:rotate(180deg)}.userInfoContainerStyle_WdED img{border-radius:50%;flex:none;height:20px;width:20px}.commentUserNameStyle_D4y3{color:#fff;font-size:12px;font-weight:500;line-height:20px}.commentUserCompanyStyle_zWSD{color:#ffffffc0;font-size:10px;font-weight:400;line-height:16px}.mobileGap_cpxI:after{content:"";display:block;padding-bottom:8px}.faqContainer_vbEd{align-items:center;display:flex;flex-direction:column;gap:24px;width:100%}.faqTitle_s89i{font-size:24px;font-weight:700;line-height:28px}.faqListContainer_XW42{align-items:flex-start;display:flex;flex-direction:column;width:100%}.faqListQuestion_Y7ri{border-radius:8px 8px 2px 2px;cursor:pointer;flex-direction:row;font-size:14px;font-weight:500;gap:16px;justify-content:space-between;line-height:22px;padding:4px 24px}.faqListAnswer_uzUc,.faqListQuestion_Y7ri{align-items:center;display:flex;text-align:start;width:100%}.faqListAnswer_uzUc{background-color:#ffffff14;border-radius:2px 2px 8px 8px;font-size:12px;font-weight:400;line-height:16px;padding-bottom:12px;padding-left:24px;padding-right:24px;white-space:pre-line}.direction_IrxQ{height:12px;width:12px}.publicize_vEiD{--tw-text-opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;display:none;font-size:14px;font-weight:400;height:40px;line-height:22px;margin-left:auto;margin-right:auto;min-width:400px;overflow:hidden;padding-left:25px;padding-right:25px;position:relative}.publicizeStyle_C7Y6{align-items:center;background:linear-gradient(90deg,#ea984c,#5c9ac6 45.31%,#687100 91.49%);display:flex;filter:blur(23px);flex-direction:row;height:124px;justify-content:space-between;left:50%;object-fit:none;object-position:center;opacity:.16;position:absolute;top:50%;transform:translate(-50%,-50%);width:402px;z-index:0}.publicIntru_nEWo{align-items:center;display:flex;gap:11px}.bannerContainerStyle__SXx{align-items:center;color:#fff;display:none;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;padding-left:20px;padding-right:20px}.canvasContainerStyle_h8pN{overflow:hidden;position:absolute;width:100%;z-index:-1}.bgStyle_xQ96{height:382px;object-fit:none;object-position:top;position:absolute;top:0;width:100%;z-index:0}.bannerContentContainer_RLp6{gap:186px;padding-top:24px}.bannerContentContainer_RLp6,.bannerTextContainerStyle_O5rS{align-items:center;display:flex;flex-direction:column;justify-content:center}.bannerTextContainerStyle_O5rS{gap:24px;position:relative;width:100%;z-index:2}.sloganStyle_zysD{font-size:56px;font-weight:800;line-height:88px;text-align:center}.descStyle_U78g{font-size:14px;font-weight:400;line-height:22px;padding-left:20px;padding-right:20px;text-align:center;width:100%}.buttonContainerStyle_UkM3,.buttonContainerStyle_ulq9{align-content:space-between;align-items:center;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:24px;line-height:28px}.bannerImageStyle_bakd,.bannerImageStyle_ppqY{align-items:center;display:flex;justify-content:center;padding-top:64px;width:100%}.colorDescAgentStyle_LHLV,.colorDescAgentStyle_x5xU{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff33ba .77%,#ffb7e7 100.77%);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescAppStyle_An_L,.colorDescAppStyle_qG8r{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1effff,#c9ffff);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescFlowStyle_VvqE,.colorDescFlowStyle_y9g7{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8d33ff,#d1adff);background-clip:text;-webkit-background-clip:text;font-weight:600}.solutionContainerStyle_QwBc{display:flex;flex-direction:column;gap:32px;margin-top:62px}.tabsContainerStyle_DETz{--tw-bg-opacity:1;--tw-backdrop-blur:blur(13px);align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgb(22 22 27/var(--tw-bg-opacity));border-color:#ffffff14;border-radius:36px;border-width:1px;display:flex;gap:2px;padding:2px;width:100%}.tabsItemStyle_TXig{align-items:center;border-radius:36px;color:#ffffff80;cursor:pointer;display:flex;flex:1 1 0%;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:20px;padding:14px 24px;position:relative;text-align:center;width:100%}.selectedTabStyle_CyW0{color:#fff;font-weight:600}.splitterItemStyle_gYQ6{background:linear-gradient(0deg,#0003,#0003),linear-gradient(180deg,#3f3849,#262a31);border-radius:34px;height:100%;position:absolute;top:0;width:100%;z-index:0}.solutionImageContainerStyle_LgpU{border-radius:12px;display:flex;flex-direction:row;overflow:hidden;position:relative;width:100%}.contentContainer_kErA svg,.solutionImageContainerStyle_LgpU svg{height:auto;width:100%}.solutionBaseBgStyle_nGRR{flex:none;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.solutionSelectBgStyle_Xioy{opacity:1;position:relative}.solutionUnSelectBgStyle_RZeW{opacity:0;position:absolute;z-index:-1}.solutionBaseImageStyle_APzO{border-radius:8px;bottom:0;box-shadow:0 4px 24px 0 #0000002e;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s;z-index:1}.linkButtonStyle_b1Kn{bottom:40px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.pricingMask_W_17{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow:hidden;position:absolute;width:100%;z-index:1}.pricingContainer_Iia_{position:relative;width:100%;z-index:1}.pricingMaskLeft_XgjA{filter:blur(238.125px);left:-525px;opacity:.5;top:-40px;width:1155px}.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj{--tw-bg-opacity:1;background-color:rgb(101 74 236/var(--tw-bg-opacity));display:none;height:453px;position:absolute}.pricingMaskRight_mQEj{filter:blur(238.125px);left:1004px;opacity:.3;top:109px;width:824px}.pricingMaskPhone_eCBF{background:radial-gradient(37% 76.28% at 48.58% 50.06%,#654aec 0,#654aec00 100%);display:block;filter:blur(50px);height:415.69px;left:-204px;opacity:.3;position:absolute;top:46.5px;transform:rotate(2.6deg);width:630px;z-index:-1}.pricingContent_kMON{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin:0 auto;padding-left:20px;padding-right:20px;width:100%}.pricingContentTitleExtra_U6Tm{background:linear-gradient(90deg,#fff0,#ffffff1a 50.38%,#fff0);border-radius:20px;color:#fff;display:block;font-size:14px;font-weight:500;line-height:26px;padding:3px 56px;text-align:center;width:-moz-fit-content;width:fit-content}.pricingContentTitle_tw94{font-size:40px;font-weight:700;justify-self:center;line-height:48px;padding-left:24px;padding-right:24px;text-align:center;width:100%}.cardContainerStyle_frTi{background:radial-gradient(98.85% 129.62% at 6.76% 2.06%,#bac1ff08 0,#dcdfff00 100%),#ffffff0f;border-color:#ffffff19;border-radius:8px;border-width:1px;display:flex;gap:20px;margin-top:8px;padding:24px;width:100%}.premiumCardContainer_ArgU{align-items:flex-start;gap:12px;width:100%}.premiumTitleStyle_pemo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9037ff,#f524ff);background-clip:text;-webkit-background-clip:text;font-size:20px;font-weight:700;line-height:30px}.premiumDescStyle_R6dg{color:#ffffffc0;display:block;font-size:12px;font-weight:400;line-height:15px}.premiumCardContainerStyle_zMC3{bottom:12px;display:flex;flex-direction:column;gap:12px;width:100%}.cardBaseStyle_lN8t{border-radius:8px;height:100%;overflow:hidden;padding:24px;position:relative;width:100%;z-index:1}.priceCardStyle_vDMh{background:linear-gradient(180deg,#ffffff0f,#fff0);display:flex;flex-direction:column;gap:12px}.cardBgStyle_q38d{bottom:0;height:auto;left:0;object-fit:cover;object-position:top;position:absolute;right:0;top:0;width:100%;z-index:-1}.cardIconStyle_UqGN{display:inline-flex;height:16px;width:16px}.agentListTitleStyle_sU8y{--tw-text-opacity:1;color:rgb(255 88 190/var(--tw-text-opacity))}.listIconStyle_TqyE{align-self:flex-start;padding-top:2px}.priceListTitleStyle_v2pp{font-size:16px;font-weight:600;line-height:22px}.priceListStyle_xBIv{display:flex;flex-direction:column;gap:4px}.listItemStyle_Pa3C{align-items:center;display:flex;gap:8px;padding-bottom:4px;padding-top:4px}.listItemNameStyle_YZOo{font-size:14px;font-weight:400;line-height:18px}.priceNumStyle_eiPz{font-size:28px;font-weight:700}.priceNumDescStyle_n2JG{color:#ffffffc0;font-size:12px;font-weight:400;line-height:16px}.upgradeButtonStyle_qpR6{--tw-bg-opacity:1;align-items:center;background-color:rgb(101 74 236/var(--tw-bg-opacity));border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:center;line-height:22px;padding:9px 32px;width:100%}.containerStyle_IK43,.descStyle_uxY4,.textContainerStyle_j9Qp{padding-left:20px;padding-right:20px}.containerStyle_IK43{align-items:center;color:#fff;display:flex;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;height:100%;margin-bottom:60px;overflow:hidden;position:relative}.indexBgStyle_Nusz{display:none;overflow:hidden;position:absolute;width:100%;z-index:-1}.indexBgStyle_Nusz img{bottom:0;height:auto;position:absolute;width:100%}.canvasContainerStyle_tBLh{height:100%;overflow:hidden;position:absolute;width:100%;z-index:-1}.contentContainer_kErA{align-items:center;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:space-between;padding-top:64px;position:relative}.textContainerStyle_LZMZ{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;position:relative;width:100%;z-index:2}.sloganStyle_L8z2{font-size:36px;font-weight:800;line-height:40px;text-align:center}.colorSloganStyle_oMou{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text}.descStyle_uxY4{font-size:14px;font-weight:400;line-height:17px;text-align:center;width:100%}.demoContainerStyle_taMy{bottom:0;height:auto;perspective:1040px;width:100%;z-index:2}.demoImgStyle_SvRF{border-radius:12px 12px 0 0;display:none;max-width:100%;overflow:hidden;position:relative;transform-origin:center;width:100%}.linkButtonStyle_m6Tn{bottom:16px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.baseLinkButtonStyle_PuMK{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:center;line-height:28px;overflow:hidden;position:relative;text-align:center}.smallSizeStyle_AohM{border-radius:32px;font-size:14px;height:48px;min-width:240px}.normalSizeStyle_qzr1{border-radius:24px;font-size:16px;height:56px;min-width:320px}.largeSizeStyle_kJWZ{border-radius:32px;font-size:16px;height:64px;min-width:320px}.darkColorStyle_MxJT{background-color:#0b0c0f;box-shadow:0 4px 8px 0 #15151d73;color:#fff}.lightColorStyle_JCL1{background-color:#fff;box-shadow:0 2px 24.8px 0 #6100ff;color:#0b0c0f}.lightColorStyle_JCL1:hover{color:#0b0c0f}.baseArrowStyle_lXyW{align-items:center;border-radius:9999px;box-shadow:0 4px 8px #23152f9e;display:flex;justify-content:center}.baseArrowStyle_lXyW svg{height:auto;width:16px}.smallArrowStyle_XZaI{height:32px;margin-right:8px;width:32px}.normalArrowStyle_XxGa{height:40px;margin-right:8px;width:40px}.largeArrowStyle_sKWX{height:40px;margin-right:12px;width:40px}.linesStyle_lbFy,.linkButtonBgStyle_WFWO{position:absolute;width:100%;display:flex}.darkArrowStyle_go7n{background:linear-gradient(180deg,#d1ccf2,#fff);color:#0b0c0f}.lightArrowStyle_QtFv{background:linear-gradient(180deg,#312578,#0b0c0f);color:#fff}.linkButtonBgStyle_WFWO{align-items:center;height:100%;justify-content:flex-end;transition:.3s ease-in-out;z-index:0}.swiper-slide,.swiper-wrapper{transition-property:transform;height:100%}.baseLinkButtonStyle_PuMK:hover .linkButtonBgStyle_WFWO{transform:translateX(-10%)}.linesStyle_lbFy{align-items:center;gap:10px;height:100%;z-index:-1}.swiper,.swiper-wrapper{z-index:1;position:relative}.lineContainerStyle_Y3Ta{display:flex;flex:none;height:100%;justify-content:center;transform:rotate(20deg);width:26px}.lineStyle__sNm{background-color:#0b0c0f;height:100%;width:1px}.darkLineStyle__Ris{--tw-bg-opacity:1;background-color:rgb(57 57 62/var(--tw-bg-opacity))}.lightLineStyle_xduB{--tw-bg-opacity:1;background-color:rgb(240 240 244/var(--tw-bg-opacity))}.bannerContainer_oUHl{gap:32px;height:100%;justify-content:center;overflow:hidden;padding-bottom:32px;padding-top:32px;position:relative}.bannerContainer_oUHl,.textContainerStyle_j9Qp{align-items:center;display:flex;flex-direction:column;width:100%}.textContainerStyle_j9Qp{gap:24px}.sloganStyle_XKtE{color:#fff;font-size:36px;font-weight:700;line-height:40px;text-align:center}.contentLabelStyle_dif9,.descStyle_YqnZ{color:#fff;font-size:14px;text-align:center}.descStyle_YqnZ{line-height:17px}.linkGroupItemStyle_KQRV{align-items:center;display:flex;flex-direction:column;gap:8px}.contentContainerStyle_JEhu{align-items:center;display:flex;flex:none;flex-direction:column;gap:12px;padding-left:8px;padding-right:8px}.contentLabelStyle_dif9{font-weight:600;line-height:20px}.swiper-slide{width:320px!important}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;margin-left:auto;margin-right:auto;overflow:hidden;padding:0}.swiper-wrapper{box-sizing:initial;display:flex;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;position:relative}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:1s linear infinite b}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (min-width:360px){.container{max-width:360px}}@media (min-width:480px){.container{max-width:480px}}@media (min-width:640px){.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2.5rem;line-height:3rem;margin-bottom:2rem}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2rem;line-height:2.5rem;margin-bottom:1.5rem}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.33rem;line-height:1.75rem;margin-bottom:1.5rem}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.75rem}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.75rem;line-height:1.0625rem}.admonition-simple *{line-height:1.25rem}.container{max-width:640px}.sm\:h-\[232px\]{height:232px}.sm\:flex-row{flex-direction:row}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:text-2xl{font-size:1.5rem}.sm\:text-sm{font-size:.875rem}}@media (min-width:656px){.container{max-width:656px}}@media (min-width:688px){.blog-sm\:max-w-screen-blog-sm,.container{max-width:688px}.blog-sm\:mb-16{margin-bottom:4rem}.blog-sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.blog-sm\:py-12{padding-bottom:3rem;padding-top:3rem}.blog-sm\:pb-16{padding-bottom:4rem}.blog-sm\:text-4xl{font-size:2.25rem}}@media (min-width:720px){.container{max-width:720px}}@media (min-width:768px){.max-w-screen-content{max-width:656px}.container{max-width:768px}.md\:mb-4{margin-bottom:1rem}.md\:mt-4{margin-top:1rem}.md\:h-64{height:16rem}.md\:w-60{width:15rem}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem}.md\:text-4xl{font-size:2.25rem}.md\:text-base{font-size:1rem}}@media (min-width:864px){.container{max-width:864px}}@media (min-width:944px){.container{max-width:944px}}@media (min-width:960px){.cardContentItemNormalStyle_f4ow,.footerBottom_L4UB,.lg\:flex-row{flex-direction:row}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;line-height:1.125rem}.container{max-width:960px}.lg\:mb-8{margin-bottom:2rem}.lg\:mt-0{margin-top:0}.lg\:mt-\[16px\]{margin-top:16px}.demoImgStyle_SvRF,.lg\:block,.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj,.publicize_vEiD{display:block}.back_vGuo,.bannerContainerStyle__SXx,.lg\:flex{display:flex}.bannerContainer_oUHl,.lg\:hidden,.mobileGap_cpxI:after,.pricingMaskPhone_eCBF{display:none}.itemDescription_LA9o,.templateItemDesc_NKfB{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box}.lg\:h-\[210px\]{height:210px}.lg\:h-\[26px\]{height:26px}.lg\:h-\[40px\],.logoStyle_ixBp{height:40px}.lg\:w-\[1040px\]{width:1040px}.lg\:w-\[550px\]{width:550px}.lg\:w-\[570px\]{width:570px}.lg\:w-\[800px\]{width:800px}.lg\:w-auto{width:auto}.lg\:max-w-\[680px\]{max-width:680px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1040px}.lg\:items-center{align-items:center}.lg\:gap-\[120px\]{gap:120px}.cardContainerStyle_Kvlw,.lg\:gap-\[32px\],.textContainerStyle_toav,.wallContainerStyle_Ny01{gap:32px}.lg\:gap-\[8px\]{gap:8px}.lg\:px-\[40px\]{padding-left:40px;padding-right:40px}.lg\:py-\[16px\]{padding-bottom:16px;padding-top:16px}.lg\:pb-\[100px\]{padding-bottom:100px}.lg\:pb-\[200px\]{padding-bottom:200px}.lg\:pl-\[30px\]{padding-left:30px}.lg\:pt-\[40px\]{padding-top:40px}.lg\:pt-\[48px\]{padding-top:48px}.lg\:text-\[16px\]{font-size:16px}.lg\:text-base{font-size:1rem}.lg\:text-sm{font-size:.875rem}.lg\:leading-\[19px\]{line-height:19px}.footerContainer_lS9F{gap:40px;padding:80px 120px 40px}.footerContentContainer_DQf_{column-gap:40px;flex-wrap:nowrap;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1040px}.footerBottom_L4UB{gap:48px}.footerBottom_L4UB,.footerItem_GsU2,.textDescStyle_vwoY{font-size:14px;line-height:22px}.lpHeader_rubd{flex-direction:row;flex-wrap:nowrap}.lpHeaderLeft_Zvbf{align-items:flex-start;gap:40px;justify-content:flex-start;text-align:left}.headerTitle_URD5{font-size:48px;line-height:56px}.headerGo_RttL{border-radius:8px;font-size:20px;font-weight:500;height:48px;line-height:28px;padding:10px 32px}.lpContainer_Zbon,.lpContainer_yWoG{padding-left:0;padding-right:0}.contentTitle_b3GB{margin-top:100px}.itemsContainer_OUc9{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.item_AuQF{gap:24px;padding:32px}.itemNameCommon_o16n,.templateHeaderLabel_W4fj{font-size:18px}.itemNameIntegrations_ZIud{line-height:26px}.itemDescription_LA9o{font-size:14px;line-height:24px;overflow:hidden}.contentContainer_c9t8{overflow:visible;padding-top:200px}.content_jfit{gap:200px}.commBottomContainerStyle_CDHK{margin-top:200px}.cardContentContainerStyle_kX6c{gap:64px}.textTitleNumStyle_h7vB,.textTitleStye_mJAH{font-size:40px}.textTitleNumStyle_TEnk{font-size:48px}.textDescStyle_NFkj{font-size:14px;line-height:22px;max-width:488px}.imgStyle_GNQD{width:431px}.cardContentItemReverseStyle_DHTD{flex-direction:row-reverse}.cardIContentItemContainerStyle_rPYn{border-radius:16px;gap:40px;padding:48px}.textTitleStye_u6Ys{font-size:36px;line-height:44px}.swipeMore_QWDA{font-size:16px;line-height:19px}.commBottomContainer_rcOJ{border-bottom-left-radius:40px;border-bottom-right-radius:40px;height:410px;padding:120px 120px 80px}.commBottomTitle_zpUk{font-size:40px;line-height:48px}.commBottomDesc_DyZe{width:600px}.commBottomBtn_pFSF{width:320px}.templateContainer_VElw{gap:40px;padding-bottom:100px}.templateHeader_AQwG{gap:24px;margin-top:60px}.templateItemContainer_lyZ8{gap:40px;grid-template-columns:repeat(4,minmax(0,1fr))}.templateItem_Ji0p{gap:24px}.templateHeaderTitle_yMrU{font-size:32px;line-height:56px}.templateHeaderDesc_XN3P{font-size:16px;line-height:24px}.templateItemDesc_NKfB{line-height:20px;overflow:hidden}.learnMore_Lb_l{font-size:14px;gap:8px;line-height:22px}.logoTitleStyle_hhN_{font-size:16px;line-height:28px}.logoContainerStyle_PeVm{align-items:center;column-gap:40px;display:flex;justify-content:center}.commentsContainerStyle_ctEM{gap:48px}.commentsTitleStyle_iQ9i{font-size:40px;line-height:56px}.commentsItemsContainerStyle_Zw4J{column-count:3;gap:16px}.userInfoContainerStyle_WdED img{height:32px;width:32px}.faqContainer_vbEd{gap:48px;width:800px}.faqTitle_s89i{line-height:56px}.faqListQuestion_Y7ri{border-top-left-radius:16px;border-top-right-radius:16px;font-size:16px}.faqListAnswer_uzUc{border-bottom-left-radius:16px;border-bottom-right-radius:16px;font-size:14px;line-height:22px}.publicizeStyle_C7Y6{height:179px;width:579px}.solutionBaseImageStyle_APzO{width:715px}.pricingContent_kMON{gap:24px;max-width:1200px}.pricingContentTitle_tw94{font-size:64px;line-height:72px}.cardContainerStyle_frTi{gap:40px}.premiumCardContainer_ArgU{border-radius:16px;gap:24px}.premiumTitleStyle_pemo{font-size:24px;line-height:28px}.premiumDescStyle_R6dg{line-height:20px}.premiumCardContainerStyle_zMC3{bottom:0;flex-direction:row;gap:24px}.priceCardStyle_vDMh{gap:20px}.operatingStyle_cGmQ{align-items:flex-start;justify-content:flex-start}.upgradeButtonStyle_qpR6{width:208px}.containerStyle_IK43{margin-bottom:120px}.indexBgStyle_Nusz{display:block;min-height:1200px}.indexBgStyle_Nusz img{height:1034px}.contentContainer_kErA{gap:56px;max-width:1040px;min-height:1200px;padding-top:150px}.sloganStyle_L8z2{font-size:56px;line-height:88px}.descStyle_uxY4{line-height:22px;max-width:800px}.demoContainerStyle_taMy{position:relative}.linkButtonStyle_m6Tn{bottom:40px}}@media (min-width:976px){.container{max-width:976px}}@media (min-width:997px){:root{--docusaurus-announcement-bar-height:30px}.announcementBarClose_S8lM,.announcementBarPlaceholder_nNiq{flex-basis:50px}.navbarSearchContainer_Pu8E{padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}}@media (min-width:1000px){.blog-md\:max-w-screen-blog-md,.container{max-width:1000px}.blog-md\:mb-8{margin-bottom:2rem}.blog-md\:block{display:block}.blog-md\:max-w-\[624px\]{max-width:624px}.blog-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-md\:flex-row{flex-direction:row}.blog-md\:border-t{border-top-width:1px}.blog-md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.blog-md\:py-16{padding-bottom:4rem;padding-top:4rem}.blog-md\:pb-8{padding-bottom:2rem}.blog-md\:pt-0{padding-top:0}.blog-md\:pt-12{padding-top:3rem}.blog-md\:pt-16{padding-top:4rem}.blog-md\:text-base{font-size:1rem}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1264px){.container{max-width:1264px}}@media (min-width:1280px){.container{max-width:1280px}.blog-lg\:mb-12{margin-bottom:3rem}.blog-lg\:max-w-screen-content-2xl{max-width:864px}.blog-lg\:gap-12{gap:3rem}.blog-lg\:text-5xl{font-size:3rem}.blog-lg\:text-xl{font-size:1.25rem}}@media (min-width:1296px){.container{max-width:1296px}}@media (min-width:1408px){.container{max-width:1408px}}@media (min-width:1440px){.container{max-width:var(--ifm-container-width-xl);max-width:1440px}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:h-\[152px\]{height:152px}.xl\:h-\[192px\]{height:192px}.xl\:h-\[80px\]{height:80px}.xl\:h-\[96px\]{height:96px}.xl\:w-\[250px\]{width:250px}.xl\:w-\[400px\]{width:400px}.xl\:w-auto{width:auto}.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:px-\[200px\]{padding-left:200px;padding-right:200px}.xl\:text-\[14px\]{font-size:14px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.footerContentContainer_DQf_,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1200px}.content_jfit{padding:0}.allContentContainer_nVOG{gap:64px}.allContentTitle_K0Y2{font-size:40px;line-height:48px}.imgStyle_GNQD{width:532px}.faqTitle_s89i{font-size:48px}.solutionBaseImageStyle_APzO{width:825px}.contentContainer_kErA{max-width:1200px;width:1200px}}@media (min-width:1536px){.refine-prose{font-size:1rem;line-height:1.75}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6em;margin-top:1.6em;padding-left:1em}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.25em;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.875em;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.875em;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;padding:.8571429em 1.1428571em}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.\32xl\:prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.\32xl\:prose-base>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3em;margin-top:3em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(.\32xl\:prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.\32xl\:prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.max-w-screen-content{max-width:864px}.container{max-width:1536px}.\32xl\:mb-6{margin-bottom:1.5rem}.\32xl\:p-6{padding:1.5rem}.\32xl\:text-\[32px\]{font-size:32px}.\32xl\:text-base{font-size:1rem}.\32xl\:text-lg{font-size:1.125rem}.\32xl\:text-xl{font-size:1.25rem}.\32xl\:leading-10{line-height:2.5rem}}@media (min-width:1584px){.container{max-width:1584px}.blog-2xl\:mb-20{margin-bottom:5rem}.blog-2xl\:max-w-screen-blog-md{max-width:1000px}.blog-2xl\:px-0{padding-left:0;padding-right:0}.blog-2xl\:pb-12{padding-bottom:3rem}.blog-2xl\:pt-20{padding-top:5rem}}@media (max-width:996px){.col{--ifm-col-width:100%;flex-basis:var(--ifm-col-width);margin-left:0}.footer{--ifm-footer-padding-horizontal:0}.colorModeToggle_Kblj,.footer__link-separator,.navbar__item{display:none}.footer__col{margin-bottom:calc(var(--ifm-spacing-vertical)*3)}.footer__link-item{display:block}.hero{padding-left:0;padding-right:0}.navbar>.container,.navbar>.container-fluid{padding:0}.navbar__toggle{display:inherit}.navbar__search-input{width:9rem}.pills--block,.tabs--block{flex-direction:column}.navbarSearchContainer_Pu8E{position:absolute;right:var(--ifm-navbar-padding-horizontal)}}@media screen and (max-width:960px){.mobileFooterContainer_tpXD{transform:translateY(0)!important}.linkButtonBgStyle_WFWO{transform:translateX(0)!important}}@media (max-width:576px){.markdown h1:first-child{--ifm-h1-font-size:2rem}.markdown>h2{--ifm-h2-font-size:1.5rem}.markdown>h3{--ifm-h3-font-size:1.25rem}}@media (pointer:fine){.thin-scrollbar{scrollbar-width:thin}.thin-scrollbar::-webkit-scrollbar{height:var(--ifm-scrollbar-size);width:var(--ifm-scrollbar-size)}.thin-scrollbar::-webkit-scrollbar-track{background:var(--ifm-scrollbar-track-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--ifm-scrollbar-thumb-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--ifm-scrollbar-thumb-hover-background-color)}}@media (prefers-reduced-motion:reduce){:root{--ifm-transition-fast:0ms;--ifm-transition-slow:0ms}}@media print{.announcementBar_hbYq,.footer,.menu,.navbar,.pagination-nav,.table-of-contents{display:none}.tabs{page-break-inside:avoid}.codeBlockLines_THA1{white-space:pre-wrap}}
\ No newline at end of file
+.markdown>h2,.markdown>h3,.markdown>h4,.markdown>h5,.markdown>h6{margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading))}blockquote,pre{margin:0 0 var(--ifm-spacing-vertical)}.breadcrumbs__link,.button{transition-timing-function:var(--ifm-transition-timing-default)}.button,code{vertical-align:middle}.button--outline.button--active,.button--outline:active,.button--outline:hover,:root{--ifm-button-color:var(--ifm-font-color-base-inverse)}.menu__link:hover,a{transition:color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.navbar--dark,:root{--ifm-navbar-link-hover-color:var(--ifm-color-primary)}.menu,.navbar-sidebar{overflow-x:hidden}:root,html[data-theme=dark]{--ifm-color-emphasis-500:var(--ifm-color-gray-500)}*,:after,:before{box-sizing:border-box}.markdown li,body{word-wrap:break-word}.button,.dropdown__link,.text--truncate,.truncate,.whitespace-nowrap{white-space:nowrap}.toggleButton_C0po,html{-webkit-tap-highlight-color:transparent}#__docusaurus,.min-h-full{min-height:100%}.clean-list,.containsTaskList_aqzd,.details_GXzP>summary,.dropdown__menu,.menu__list,.swiper,menu,ol,ul{list-style:none}:root{--ifm-color-scheme:light;--ifm-dark-value:10%;--ifm-darker-value:15%;--ifm-darkest-value:30%;--ifm-light-value:15%;--ifm-lighter-value:30%;--ifm-lightest-value:50%;--ifm-contrast-background-value:90%;--ifm-contrast-foreground-value:70%;--ifm-contrast-background-dark-value:70%;--ifm-contrast-foreground-dark-value:90%;--ifm-color-primary:#3578e5;--ifm-color-secondary:#ebedf0;--ifm-color-success:#00a400;--ifm-color-info:#54c7ec;--ifm-color-warning:#ffba00;--ifm-color-danger:#fa383e;--ifm-color-primary-dark:#306cce;--ifm-color-primary-darker:#2d66c3;--ifm-color-primary-darkest:#2554a0;--ifm-color-primary-light:#538ce9;--ifm-color-primary-lighter:#72a1ed;--ifm-color-primary-lightest:#9abcf2;--ifm-color-primary-contrast-background:#ebf2fc;--ifm-color-primary-contrast-foreground:#102445;--ifm-color-secondary-dark:#d4d5d8;--ifm-color-secondary-darker:#c8c9cc;--ifm-color-secondary-darkest:#a4a6a8;--ifm-color-secondary-light:#eef0f2;--ifm-color-secondary-lighter:#f1f2f5;--ifm-color-secondary-lightest:#f5f6f8;--ifm-color-secondary-contrast-background:#fdfdfe;--ifm-color-secondary-contrast-foreground:#474748;--ifm-color-success-dark:#009400;--ifm-color-success-darker:#008b00;--ifm-color-success-darkest:#007300;--ifm-color-success-light:#26b226;--ifm-color-success-lighter:#4dbf4d;--ifm-color-success-lightest:#80d280;--ifm-color-success-contrast-background:#e6f6e6;--ifm-color-success-contrast-foreground:#003100;--ifm-color-info-dark:#4cb3d4;--ifm-color-info-darker:#47a9c9;--ifm-color-info-darkest:#3b8ba5;--ifm-color-info-light:#6ecfef;--ifm-color-info-lighter:#87d8f2;--ifm-color-info-lightest:#aae3f6;--ifm-color-info-contrast-background:#eef9fd;--ifm-color-info-contrast-foreground:#193c47;--ifm-color-warning-dark:#e6a700;--ifm-color-warning-darker:#d99e00;--ifm-color-warning-darkest:#b38200;--ifm-color-warning-light:#ffc426;--ifm-color-warning-lighter:#ffcf4d;--ifm-color-warning-lightest:#ffdd80;--ifm-color-warning-contrast-background:#fff8e6;--ifm-color-warning-contrast-foreground:#4d3800;--ifm-color-danger-dark:#e13238;--ifm-color-danger-darker:#d53035;--ifm-color-danger-darkest:#af272b;--ifm-color-danger-light:#fb565b;--ifm-color-danger-lighter:#fb7478;--ifm-color-danger-lightest:#fd9c9f;--ifm-color-danger-contrast-background:#ffebec;--ifm-color-danger-contrast-foreground:#4b1113;--ifm-color-white:#fff;--ifm-color-black:#000;--ifm-color-gray-0:var(--ifm-color-white);--ifm-color-gray-100:#f5f6f7;--ifm-color-gray-200:#ebedf0;--ifm-color-gray-300:#dadde1;--ifm-color-gray-400:#ccd0d5;--ifm-color-gray-500:#bec3c9;--ifm-color-gray-600:#8d949e;--ifm-color-gray-700:#606770;--ifm-color-gray-800:#444950;--ifm-color-gray-900:#1c1e21;--ifm-color-gray-1000:var(--ifm-color-black);--ifm-color-emphasis-0:var(--ifm-color-gray-0);--ifm-color-emphasis-100:var(--ifm-color-gray-100);--ifm-color-emphasis-200:var(--ifm-color-gray-200);--ifm-color-emphasis-300:var(--ifm-color-gray-300);--ifm-color-emphasis-400:var(--ifm-color-gray-400);--ifm-color-emphasis-600:var(--ifm-color-gray-600);--ifm-color-emphasis-700:var(--ifm-color-gray-700);--ifm-color-emphasis-800:var(--ifm-color-gray-800);--ifm-color-emphasis-900:var(--ifm-color-gray-900);--ifm-color-emphasis-1000:var(--ifm-color-gray-1000);--ifm-color-content:var(--ifm-color-emphasis-900);--ifm-color-content-inverse:var(--ifm-color-emphasis-0);--ifm-color-content-secondary:#525860;--ifm-background-color:#0000;--ifm-background-surface-color:var(--ifm-color-content-inverse);--ifm-global-border-width:1px;--ifm-global-radius:0.4rem;--ifm-hover-overlay:#0000000d;--ifm-font-color-base:var(--ifm-color-content);--ifm-font-color-base-inverse:var(--ifm-color-content-inverse);--ifm-font-color-secondary:var(--ifm-color-content-secondary);--ifm-font-family-base:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--ifm-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ifm-font-size-base:100%;--ifm-font-weight-light:300;--ifm-font-weight-normal:400;--ifm-font-weight-semibold:500;--ifm-font-weight-bold:700;--ifm-font-weight-base:var(--ifm-font-weight-normal);--ifm-line-height-base:1.65;--ifm-global-spacing:1rem;--ifm-spacing-vertical:var(--ifm-global-spacing);--ifm-spacing-horizontal:var(--ifm-global-spacing);--ifm-transition-fast:200ms;--ifm-transition-slow:400ms;--ifm-transition-timing-default:cubic-bezier(0.08,0.52,0.52,1);--ifm-global-shadow-lw:0 1px 2px 0 #0000001a;--ifm-global-shadow-md:0 5px 40px #0003;--ifm-global-shadow-tl:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a;--ifm-z-index-dropdown:100;--ifm-z-index-fixed:200;--ifm-z-index-overlay:400;--ifm-container-width:1140px;--ifm-container-width-xl:1320px;--ifm-code-background:#f6f7f8;--ifm-code-border-radius:var(--ifm-global-radius);--ifm-code-font-size:90%;--ifm-code-padding-horizontal:0.1rem;--ifm-code-padding-vertical:0.1rem;--ifm-pre-background:var(--ifm-code-background);--ifm-pre-border-radius:var(--ifm-code-border-radius);--ifm-pre-color:inherit;--ifm-pre-line-height:1.45;--ifm-pre-padding:1rem;--ifm-heading-color:inherit;--ifm-heading-margin-top:0;--ifm-heading-margin-bottom:var(--ifm-spacing-vertical);--ifm-heading-font-family:var(--ifm-font-family-base);--ifm-heading-font-weight:var(--ifm-font-weight-bold);--ifm-heading-line-height:1.25;--ifm-h1-font-size:2rem;--ifm-h2-font-size:1.5rem;--ifm-h3-font-size:1.25rem;--ifm-h4-font-size:1rem;--ifm-h5-font-size:0.875rem;--ifm-h6-font-size:0.85rem;--ifm-image-alignment-padding:1.25rem;--ifm-leading-desktop:1.25;--ifm-leading:calc(var(--ifm-leading-desktop)*1rem);--ifm-list-left-padding:2rem;--ifm-list-margin:1rem;--ifm-list-item-margin:0.25rem;--ifm-list-paragraph-margin:1rem;--ifm-table-cell-padding:0.75rem;--ifm-table-background:#0000;--ifm-table-stripe-background:#00000008;--ifm-table-border-width:1px;--ifm-table-border-color:var(--ifm-color-emphasis-300);--ifm-table-head-background:inherit;--ifm-table-head-color:inherit;--ifm-table-head-font-weight:var(--ifm-font-weight-bold);--ifm-table-cell-color:inherit;--ifm-link-color:var(--ifm-color-primary);--ifm-link-decoration:none;--ifm-link-hover-color:var(--ifm-link-color);--ifm-link-hover-decoration:underline;--ifm-paragraph-margin-bottom:var(--ifm-leading);--ifm-blockquote-font-size:var(--ifm-font-size-base);--ifm-blockquote-border-left-width:2px;--ifm-blockquote-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-blockquote-padding-vertical:0;--ifm-blockquote-shadow:none;--ifm-blockquote-color:var(--ifm-color-emphasis-800);--ifm-blockquote-border-color:var(--ifm-color-emphasis-300);--ifm-hr-background-color:var(--ifm-color-emphasis-500);--ifm-hr-height:1px;--ifm-hr-margin-vertical:1.5rem;--ifm-scrollbar-size:7px;--ifm-scrollbar-track-background-color:#f1f1f1;--ifm-scrollbar-thumb-background-color:silver;--ifm-scrollbar-thumb-hover-background-color:#a7a7a7;--ifm-alert-background-color:inherit;--ifm-alert-border-color:inherit;--ifm-alert-border-radius:var(--ifm-global-radius);--ifm-alert-border-width:0px;--ifm-alert-border-left-width:5px;--ifm-alert-color:var(--ifm-font-color-base);--ifm-alert-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-alert-padding-vertical:var(--ifm-spacing-vertical);--ifm-alert-shadow:var(--ifm-global-shadow-lw);--ifm-avatar-intro-margin:1rem;--ifm-avatar-intro-alignment:inherit;--ifm-avatar-photo-size:3rem;--ifm-badge-background-color:inherit;--ifm-badge-border-color:inherit;--ifm-badge-border-radius:var(--ifm-global-radius);--ifm-badge-border-width:var(--ifm-global-border-width);--ifm-badge-color:var(--ifm-color-white);--ifm-badge-padding-horizontal:calc(var(--ifm-spacing-horizontal)*0.5);--ifm-badge-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-breadcrumb-border-radius:1.5rem;--ifm-breadcrumb-spacing:0.5rem;--ifm-breadcrumb-color-active:var(--ifm-color-primary);--ifm-breadcrumb-item-background-active:var(--ifm-hover-overlay);--ifm-breadcrumb-padding-horizontal:0.8rem;--ifm-breadcrumb-padding-vertical:0.4rem;--ifm-breadcrumb-size-multiplier:1;--ifm-breadcrumb-separator:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');--ifm-breadcrumb-separator-filter:none;--ifm-breadcrumb-separator-size:0.5rem;--ifm-breadcrumb-separator-size-multiplier:1.25;--ifm-button-background-color:inherit;--ifm-button-border-color:var(--ifm-button-background-color);--ifm-button-border-width:var(--ifm-global-border-width);--ifm-button-font-weight:var(--ifm-font-weight-bold);--ifm-button-padding-horizontal:1.5rem;--ifm-button-padding-vertical:0.375rem;--ifm-button-size-multiplier:1;--ifm-button-transition-duration:var(--ifm-transition-fast);--ifm-button-border-radius:calc(var(--ifm-global-radius)*var(--ifm-button-size-multiplier));--ifm-button-group-spacing:2px;--ifm-card-background-color:var(--ifm-background-surface-color);--ifm-card-border-radius:calc(var(--ifm-global-radius)*2);--ifm-card-horizontal-spacing:var(--ifm-global-spacing);--ifm-card-vertical-spacing:var(--ifm-global-spacing);--ifm-toc-border-color:var(--ifm-color-emphasis-300);--ifm-toc-link-color:var(--ifm-color-content-secondary);--ifm-toc-padding-vertical:0.5rem;--ifm-toc-padding-horizontal:0.5rem;--ifm-dropdown-background-color:var(--ifm-background-surface-color);--ifm-dropdown-font-weight:var(--ifm-font-weight-semibold);--ifm-dropdown-link-color:var(--ifm-font-color-base);--ifm-dropdown-hover-background-color:var(--ifm-hover-overlay);--ifm-footer-background-color:var(--ifm-color-emphasis-100);--ifm-footer-color:inherit;--ifm-footer-link-color:var(--ifm-color-emphasis-700);--ifm-footer-link-hover-color:var(--ifm-color-primary);--ifm-footer-link-horizontal-spacing:0.5rem;--ifm-footer-padding-horizontal:calc(var(--ifm-spacing-horizontal)*2);--ifm-footer-padding-vertical:calc(var(--ifm-spacing-vertical)*2);--ifm-footer-title-color:inherit;--ifm-footer-logo-max-width:min(30rem,90vw);--ifm-hero-background-color:var(--ifm-background-surface-color);--ifm-hero-text-color:var(--ifm-color-emphasis-800);--ifm-menu-color:var(--ifm-color-emphasis-700);--ifm-menu-color-active:var(--ifm-color-primary);--ifm-menu-color-background-active:var(--ifm-hover-overlay);--ifm-menu-color-background-hover:var(--ifm-hover-overlay);--ifm-menu-link-padding-horizontal:0.75rem;--ifm-menu-link-padding-vertical:0.375rem;--ifm-menu-link-sublist-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');--ifm-menu-link-sublist-icon-filter:none;--ifm-navbar-background-color:var(--ifm-background-surface-color);--ifm-navbar-height:3.75rem;--ifm-navbar-item-padding-horizontal:0.75rem;--ifm-navbar-item-padding-vertical:0.25rem;--ifm-navbar-link-color:var(--ifm-font-color-base);--ifm-navbar-link-active-color:var(--ifm-link-color);--ifm-navbar-padding-horizontal:var(--ifm-spacing-horizontal);--ifm-navbar-padding-vertical:calc(var(--ifm-spacing-vertical)*0.5);--ifm-navbar-shadow:var(--ifm-global-shadow-lw);--ifm-navbar-search-input-background-color:var(--ifm-color-emphasis-200);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-800);--ifm-navbar-search-input-placeholder-color:var(--ifm-color-emphasis-500);--ifm-navbar-search-input-icon:url('data:image/svg+xml;utf8,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>');--ifm-navbar-sidebar-width:83vw;--ifm-pagination-border-radius:var(--ifm-global-radius);--ifm-pagination-color-active:var(--ifm-color-primary);--ifm-pagination-font-size:1rem;--ifm-pagination-item-active-background:var(--ifm-hover-overlay);--ifm-pagination-page-spacing:0.2em;--ifm-pagination-padding-horizontal:calc(var(--ifm-spacing-horizontal)*1);--ifm-pagination-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25);--ifm-pagination-nav-border-radius:var(--ifm-global-radius);--ifm-pagination-nav-color-hover:var(--ifm-color-primary);--ifm-pills-color-active:var(--ifm-color-primary);--ifm-pills-color-background-active:var(--ifm-hover-overlay);--ifm-pills-spacing:0.125rem;--ifm-tabs-color:var(--ifm-font-color-secondary);--ifm-tabs-color-active:var(--ifm-color-primary);--ifm-tabs-color-active-border:var(--ifm-tabs-color-active);--ifm-tabs-padding-horizontal:1rem;--ifm-tabs-padding-vertical:1rem;--docusaurus-progress-bar-color:var(--ifm-color-primary);--ifm-color-primary:#654aec;--ifm-color-primary-dark:#4d2ee9;--ifm-color-primary-darker:#4120e8;--ifm-color-primary-darkest:#3215c4;--ifm-color-primary-light:#7d66ef;--ifm-color-primary-lighter:#8974f0;--ifm-color-primary-lightest:#846ef0;--ifm-code-font-size:95%;--docusaurus-highlighted-code-line-bg:#0000001a;--docusaurus-announcement-bar-height:auto;--swiper-theme-color:#007aff}.badge--danger,.badge--info,.badge--primary,.badge--secondary,.badge--success,.badge--warning{--ifm-badge-border-color:var(--ifm-badge-background-color)}.button--link,.button--outline{--ifm-button-background-color:#0000}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--ifm-background-color);color:var(--ifm-font-color-base);color-scheme:var(--ifm-color-scheme);font:var(--ifm-font-size-base)/var(--ifm-line-height-base) var(--ifm-font-family-base);text-rendering:optimizelegibility}iframe{border:0;color-scheme:auto}.container{margin:0 auto;max-width:var(--ifm-container-width);padding:0 var(--ifm-spacing-horizontal)}.container--fluid{max-width:inherit}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--ifm-spacing-horizontal)*-1)}.\!mb-0,.margin-bottom--none,.margin-vert--none,.markdown>:last-child,.refine-details .refine-details-content>div>:last-child{margin-bottom:0!important}.\!mt-0,.margin-top--none,.margin-vert--none{margin-top:0!important}.row--no-gutters{margin-left:0;margin-right:0}.margin-horiz--none,.margin-right--none{margin-right:0!important}.px-0,.row--no-gutters>.col{padding-left:0;padding-right:0}.items-start,.row--align-top{align-items:flex-start}.row--align-bottom{align-items:flex-end}.items-center,.row--align-center{align-items:center}.row--align-stretch{align-items:stretch}.row--align-baseline{align-items:baseline}.col{--ifm-col-width:100%;flex:1 0;margin-left:0;max-width:var(--ifm-col-width);padding:0 var(--ifm-spacing-horizontal);width:100%}.padding-bottom--none,.padding-vert--none{padding-bottom:0!important}.padding-top--none,.padding-vert--none{padding-top:0!important}.padding-horiz--none,.padding-left--none{padding-left:0!important}.padding-horiz--none,.padding-right--none{padding-right:0!important}.col[class*=col--]{flex:0 0 var(--ifm-col-width)}.col--1{--ifm-col-width:8.33333%}.col--offset-1{margin-left:8.33333%}.col--2{--ifm-col-width:16.66667%}.col--offset-2{margin-left:16.66667%}.col--3{--ifm-col-width:25%}.col--offset-3{margin-left:25%}.col--4{--ifm-col-width:33.33333%}.col--offset-4{margin-left:33.33333%}.col--5{--ifm-col-width:41.66667%}.col--offset-5{margin-left:41.66667%}.col--6{--ifm-col-width:50%}.col--offset-6{margin-left:50%}.col--7{--ifm-col-width:58.33333%}.col--offset-7{margin-left:58.33333%}.col--8{--ifm-col-width:66.66667%}.col--offset-8{margin-left:66.66667%}.col--9{--ifm-col-width:75%}.col--offset-9{margin-left:75%}.col--10{--ifm-col-width:83.33333%}.col--offset-10{margin-left:83.33333%}.col--11{--ifm-col-width:91.66667%}.col--offset-11{margin-left:91.66667%}.col--12{--ifm-col-width:100%}.col--offset-12{margin-left:100%}.margin-horiz--none,.margin-left--none{margin-left:0!important}.\!m-0,.margin--none{margin:0!important}.margin-bottom--xs,.margin-vert--xs{margin-bottom:.25rem!important}.margin-top--xs,.margin-vert--xs{margin-top:.25rem!important}.margin-horiz--xs,.margin-left--xs{margin-left:.25rem!important}.margin-horiz--xs,.margin-right--xs{margin-right:.25rem!important}.margin--xs{margin:.25rem!important}.margin-bottom--sm,.margin-vert--sm{margin-bottom:.5rem!important}.margin-top--sm,.margin-vert--sm{margin-top:.5rem!important}.margin-horiz--sm,.margin-left--sm{margin-left:.5rem!important}.margin-horiz--sm,.margin-right--sm{margin-right:.5rem!important}.margin--sm{margin:.5rem!important}.margin-bottom--md,.margin-vert--md{margin-bottom:1rem!important}.margin-top--md,.margin-vert--md{margin-top:1rem!important}.margin-horiz--md,.margin-left--md{margin-left:1rem!important}.margin-horiz--md,.margin-right--md{margin-right:1rem!important}.margin--md{margin:1rem!important}.margin-bottom--lg,.margin-vert--lg{margin-bottom:2rem!important}.margin-top--lg,.margin-vert--lg{margin-top:2rem!important}.margin-horiz--lg,.margin-left--lg{margin-left:2rem!important}.margin-horiz--lg,.margin-right--lg{margin-right:2rem!important}.margin--lg{margin:2rem!important}.margin-bottom--xl,.margin-vert--xl{margin-bottom:5rem!important}.margin-top--xl,.margin-vert--xl{margin-top:5rem!important}.margin-horiz--xl,.margin-left--xl{margin-left:5rem!important}.margin-horiz--xl,.margin-right--xl{margin-right:5rem!important}.margin--xl{margin:5rem!important}.padding--none{padding:0!important}.padding-bottom--xs,.padding-vert--xs{padding-bottom:.25rem!important}.padding-top--xs,.padding-vert--xs{padding-top:.25rem!important}.padding-horiz--xs,.padding-left--xs{padding-left:.25rem!important}.padding-horiz--xs,.padding-right--xs{padding-right:.25rem!important}.padding--xs{padding:.25rem!important}.padding-bottom--sm,.padding-vert--sm{padding-bottom:.5rem!important}.padding-top--sm,.padding-vert--sm{padding-top:.5rem!important}.padding-horiz--sm,.padding-left--sm{padding-left:.5rem!important}.padding-horiz--sm,.padding-right--sm{padding-right:.5rem!important}.padding--sm{padding:.5rem!important}.\!py-4,.padding-bottom--md,.padding-vert--md{padding-bottom:1rem!important}.\!py-4,.padding-top--md,.padding-vert--md{padding-top:1rem!important}.\!px-4,.padding-horiz--md,.padding-left--md{padding-left:1rem!important}.\!px-4,.padding-horiz--md,.padding-right--md{padding-right:1rem!important}.padding--md{padding:1rem!important}.padding-bottom--lg,.padding-vert--lg{padding-bottom:2rem!important}.padding-top--lg,.padding-vert--lg{padding-top:2rem!important}.padding-horiz--lg,.padding-left--lg{padding-left:2rem!important}.padding-horiz--lg,.padding-right--lg{padding-right:2rem!important}.padding--lg{padding:2rem!important}.padding-bottom--xl,.padding-vert--xl{padding-bottom:5rem!important}.padding-top--xl,.padding-vert--xl{padding-top:5rem!important}.padding-horiz--xl,.padding-left--xl{padding-left:5rem!important}.padding-horiz--xl,.padding-right--xl{padding-right:5rem!important}.padding--xl{padding:5rem!important}code{background-color:var(--ifm-code-background);border:.1rem solid #0000001a;border-radius:var(--ifm-code-border-radius);font-family:var(--ifm-font-family-monospace);font-size:var(--ifm-code-font-size);padding:var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal)}a code{color:inherit}pre{background-color:var(--ifm-pre-background);border-radius:var(--ifm-pre-border-radius);color:var(--ifm-pre-color);font:var(--ifm-code-font-size)/var(--ifm-pre-line-height) var(--ifm-font-family-monospace);overflow:auto;padding:var(--ifm-pre-padding)}pre code{background-color:initial;border:none;font-size:100%;line-height:inherit;padding:0}kbd{background-color:var(--ifm-color-emphasis-0);border:1px solid var(--ifm-color-emphasis-400);border-radius:.2rem;box-shadow:inset 0 -1px 0 var(--ifm-color-emphasis-400);color:var(--ifm-color-emphasis-800);font:80% var(--ifm-font-family-monospace);padding:.15rem .3rem}h1,h2,h3,h4,h5,h6{color:var(--ifm-heading-color);font-family:var(--ifm-heading-font-family);font-weight:var(--ifm-heading-font-weight);line-height:var(--ifm-heading-line-height);margin:var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0}h1{font-size:var(--ifm-h1-font-size)}h2{font-size:var(--ifm-h2-font-size)}h3{font-size:var(--ifm-h3-font-size)}h4{font-size:var(--ifm-h4-font-size)}h5{font-size:var(--ifm-h5-font-size)}h6{font-size:var(--ifm-h6-font-size)}img[align=right]{padding-left:var(--image-alignment-padding)}img[align=left]{padding-right:var(--image-alignment-padding)}.markdown{--ifm-h1-vertical-rhythm-top:3;--ifm-h2-vertical-rhythm-top:2;--ifm-h3-vertical-rhythm-top:1.5;--ifm-heading-vertical-rhythm-top:1.25;--ifm-h1-vertical-rhythm-bottom:1.25;--ifm-heading-vertical-rhythm-bottom:1}.markdown:after,.markdown:before{content:"";display:table}.markdown:after{clear:both}.markdown h1:first-child{--ifm-h1-font-size:3rem;margin-bottom:calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading))}.markdown>h2{--ifm-h2-font-size:2rem;margin-top:calc(var(--ifm-h2-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h3{--ifm-h3-font-size:1.5rem;margin-top:calc(var(--ifm-h3-vertical-rhythm-top)*var(--ifm-leading))}.markdown>h4,.markdown>h5,.markdown>h6{margin-top:calc(var(--ifm-heading-vertical-rhythm-top)*var(--ifm-leading))}.markdown>p,.markdown>pre,.markdown>ul{margin-bottom:var(--ifm-leading)}.markdown li>p{margin-top:var(--ifm-list-paragraph-margin)}.markdown li+li{margin-top:var(--ifm-list-item-margin)}ol,ul{margin:0 0 var(--ifm-list-margin);padding-left:var(--ifm-list-left-padding)}ol ol,ul ol{list-style-type:lower-roman}ol ol,ol ul,ul ol,ul ul{margin:0}ol ol ol,ol ul ol,ul ol ol,ul ul ol{list-style-type:lower-alpha}table thead tr{border-bottom:2px solid var(--ifm-table-border-color)}table thead,table tr:nth-child(2n){background-color:var(--ifm-table-stripe-background)}table tr{background-color:var(--ifm-table-background);border-top:var(--ifm-table-border-width) solid var(--ifm-table-border-color)}table td,table th{border:var(--ifm-table-border-width) solid var(--ifm-table-border-color);padding:var(--ifm-table-cell-padding)}table th{background-color:var(--ifm-table-head-background);color:var(--ifm-table-head-color);font-weight:var(--ifm-table-head-font-weight)}table td{color:var(--ifm-table-cell-color)}strong{font-weight:var(--ifm-font-weight-bold)}a{color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration);color:inherit;text-decoration:inherit}a:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button:hover,.text--no-decoration,.text--no-decoration:hover,a:not([href]){text-decoration:none}p{margin:0 0 var(--ifm-paragraph-margin-bottom)}blockquote{border-left:var(--ifm-blockquote-border-left-width) solid var(--ifm-blockquote-border-color);box-shadow:var(--ifm-blockquote-shadow);color:var(--ifm-blockquote-color);font-size:var(--ifm-blockquote-font-size);padding:var(--ifm-blockquote-padding-vertical) var(--ifm-blockquote-padding-horizontal)}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}hr{background-color:var(--ifm-hr-background-color);border:0;height:var(--ifm-hr-height);margin:var(--ifm-hr-margin-vertical) 0}.shadow--lw{box-shadow:var(--ifm-global-shadow-lw)!important}.shadow--md{box-shadow:var(--ifm-global-shadow-md)!important}.shadow--tl{box-shadow:var(--ifm-global-shadow-tl)!important}.text--primary,.wordWrapButtonEnabled_I8k2 .wordWrapButtonIcon_dUFy{color:var(--ifm-color-primary)}.text--secondary{color:var(--ifm-color-secondary)}.text--success{color:var(--ifm-color-success)}.text--info{color:var(--ifm-color-info)}.text--warning{color:var(--ifm-color-warning)}.text--danger{color:var(--ifm-color-danger)}.text--center{text-align:center}.text--left{text-align:left}.text--justify{text-align:justify}.text--right{text-align:right}.text--capitalize{text-transform:capitalize}.text--lowercase{text-transform:lowercase}.alert__heading,.text--uppercase{text-transform:uppercase}.text--light{font-weight:var(--ifm-font-weight-light)}.text--normal{font-weight:var(--ifm-font-weight-normal)}.text--semibold{font-weight:var(--ifm-font-weight-semibold)}.text--bold{font-weight:var(--ifm-font-weight-bold)}.text--italic{font-style:italic}.text--truncate{overflow:hidden;text-overflow:ellipsis}.text--break{word-wrap:break-word!important;word-break:break-word!important}.clean-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;padding:0}.alert,.alert .close{color:var(--ifm-alert-foreground-color)}.clean-list{padding-left:0}.alert--primary{--ifm-alert-background-color:var(--ifm-color-primary-contrast-background);--ifm-alert-background-color-highlight:#3578e526;--ifm-alert-foreground-color:var(--ifm-color-primary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-primary-dark)}.alert--secondary{--ifm-alert-background-color:var(--ifm-color-secondary-contrast-background);--ifm-alert-background-color-highlight:#ebedf026;--ifm-alert-foreground-color:var(--ifm-color-secondary-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-secondary-dark)}.alert--success{--ifm-alert-background-color:var(--ifm-color-success-contrast-background);--ifm-alert-background-color-highlight:#00a40026;--ifm-alert-foreground-color:var(--ifm-color-success-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-success-dark)}.alert--info{--ifm-alert-background-color:var(--ifm-color-info-contrast-background);--ifm-alert-background-color-highlight:#54c7ec26;--ifm-alert-foreground-color:var(--ifm-color-info-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-info-dark)}.alert--warning{--ifm-alert-background-color:var(--ifm-color-warning-contrast-background);--ifm-alert-background-color-highlight:#ffba0026;--ifm-alert-foreground-color:var(--ifm-color-warning-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-warning-dark)}.alert--danger{--ifm-alert-background-color:var(--ifm-color-danger-contrast-background);--ifm-alert-background-color-highlight:#fa383e26;--ifm-alert-foreground-color:var(--ifm-color-danger-contrast-foreground);--ifm-alert-border-color:var(--ifm-color-danger-dark)}.alert{--ifm-code-background:var(--ifm-alert-background-color-highlight);--ifm-link-color:var(--ifm-alert-foreground-color);--ifm-link-hover-color:var(--ifm-alert-foreground-color);--ifm-link-decoration:underline;--ifm-tabs-color:var(--ifm-alert-foreground-color);--ifm-tabs-color-active:var(--ifm-alert-foreground-color);--ifm-tabs-color-active-border:var(--ifm-alert-border-color);background-color:var(--ifm-alert-background-color);border:var(--ifm-alert-border-width) solid var(--ifm-alert-border-color);border-left-width:var(--ifm-alert-border-left-width);border-radius:var(--ifm-alert-border-radius);box-shadow:var(--ifm-alert-shadow);padding:var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal)}.alert__heading{align-items:center;display:flex;font:700 var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);margin-bottom:.5rem}.alert__icon{display:inline-flex;margin-right:.4em}.alert__icon svg{fill:var(--ifm-alert-foreground-color);stroke:var(--ifm-alert-foreground-color);stroke-width:0}.alert .close{margin:calc(var(--ifm-alert-padding-vertical)*-1) calc(var(--ifm-alert-padding-horizontal)*-1) 0 0;opacity:.75}.alert .close:focus,.alert .close:hover{opacity:1}.alert a{text-decoration-color:var(--ifm-alert-border-color)}.alert a:hover{text-decoration-thickness:2px}.avatar{column-gap:var(--ifm-avatar-intro-margin);display:flex}.avatar__photo{border-radius:50%;display:block;height:var(--ifm-avatar-photo-size);overflow:hidden;width:var(--ifm-avatar-photo-size)}.avatar__photo--sm{--ifm-avatar-photo-size:2rem}.avatar__photo--lg{--ifm-avatar-photo-size:4rem}.avatar__photo--xl{--ifm-avatar-photo-size:6rem}.avatar__intro{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:var(--ifm-avatar-intro-alignment)}.badge,.breadcrumbs__item,.breadcrumbs__link,.button,.dropdown>.navbar__link:after,.inline-block{display:inline-block}.avatar__name{font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base)}.avatar__subtitle{margin-top:.25rem}.avatar--vertical{--ifm-avatar-intro-alignment:center;--ifm-avatar-intro-margin:0.5rem;align-items:center;flex-direction:column}.badge{background-color:var(--ifm-badge-background-color);border:var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);border-radius:var(--ifm-badge-border-radius);color:var(--ifm-badge-color);font-size:75%;font-weight:var(--ifm-font-weight-bold);line-height:1;padding:var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal)}.badge--primary{--ifm-badge-background-color:var(--ifm-color-primary)}.badge--secondary{--ifm-badge-background-color:var(--ifm-color-secondary);color:var(--ifm-color-black)}.breadcrumbs__link,.button.button--secondary.button--outline:not(.button--active):not(:hover){color:var(--ifm-font-color-base)}.badge--success{--ifm-badge-background-color:var(--ifm-color-success)}.badge--info{--ifm-badge-background-color:var(--ifm-color-info)}.badge--warning{--ifm-badge-background-color:var(--ifm-color-warning)}.badge--danger{--ifm-badge-background-color:var(--ifm-color-danger)}.breadcrumbs{margin-bottom:0;padding-left:0}.breadcrumbs__item:not(:last-child):after{background:var(--ifm-breadcrumb-separator) center;content:" ";display:inline-block;filter:var(--ifm-breadcrumb-separator-filter);height:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier));margin:0 var(--ifm-breadcrumb-spacing);opacity:.5;width:calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier))}.breadcrumbs__item--active .breadcrumbs__link{background:var(--ifm-breadcrumb-item-background-active);color:var(--ifm-breadcrumb-color-active)}.breadcrumbs__link{border-radius:var(--ifm-breadcrumb-border-radius);font-size:calc(1rem*var(--ifm-breadcrumb-size-multiplier));padding:calc(var(--ifm-breadcrumb-padding-vertical)*var(--ifm-breadcrumb-size-multiplier)) calc(var(--ifm-breadcrumb-padding-horizontal)*var(--ifm-breadcrumb-size-multiplier));transition-duration:var(--ifm-transition-fast);transition-property:background,color}.breadcrumbs__link:any-link:hover,.breadcrumbs__link:link:hover,.breadcrumbs__link:visited:hover,area[href].breadcrumbs__link:hover{background:var(--ifm-breadcrumb-item-background-active);text-decoration:none}.breadcrumbs--sm{--ifm-breadcrumb-size-multiplier:0.8}.breadcrumbs--lg{--ifm-breadcrumb-size-multiplier:1.2}.button{background-color:var(--ifm-button-background-color);border:var(--ifm-button-border-width) solid var(--ifm-button-border-color);border-radius:var(--ifm-button-border-radius);cursor:pointer;font-size:calc(.875rem*var(--ifm-button-size-multiplier));font-weight:var(--ifm-button-font-weight);line-height:1.5;padding:calc(var(--ifm-button-padding-vertical)*var(--ifm-button-size-multiplier)) calc(var(--ifm-button-padding-horizontal)*var(--ifm-button-size-multiplier));text-align:center;transition-duration:var(--ifm-button-transition-duration);transition-property:color,background,border-color;-webkit-user-select:none;user-select:none}.button,.button:hover{color:var(--ifm-button-color)}.button--outline{--ifm-button-color:var(--ifm-button-border-color)}.button--outline:hover{--ifm-button-background-color:var(--ifm-button-border-color)}.button--link{--ifm-button-border-color:#0000;color:var(--ifm-link-color);text-decoration:var(--ifm-link-decoration)}.button--link.button--active,.button--link:active,.button--link:hover{color:var(--ifm-link-hover-color);text-decoration:var(--ifm-link-hover-decoration)}.button.disabled,.button:disabled,.button[disabled]{opacity:.65;pointer-events:none}.button--sm{--ifm-button-size-multiplier:0.8}.button--lg{--ifm-button-size-multiplier:1.35}.button--block{display:block;width:100%}.button.button--secondary{color:var(--ifm-color-gray-900)}:where(.button--primary){--ifm-button-background-color:var(--ifm-color-primary);--ifm-button-border-color:var(--ifm-color-primary)}:where(.button--primary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-primary-dark);--ifm-button-border-color:var(--ifm-color-primary-dark)}.button--primary.button--active,.button--primary:active{--ifm-button-background-color:var(--ifm-color-primary-darker);--ifm-button-border-color:var(--ifm-color-primary-darker)}:where(.button--secondary){--ifm-button-background-color:var(--ifm-color-secondary);--ifm-button-border-color:var(--ifm-color-secondary)}:where(.button--secondary):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-secondary-dark);--ifm-button-border-color:var(--ifm-color-secondary-dark)}.button--secondary.button--active,.button--secondary:active{--ifm-button-background-color:var(--ifm-color-secondary-darker);--ifm-button-border-color:var(--ifm-color-secondary-darker)}:where(.button--success){--ifm-button-background-color:var(--ifm-color-success);--ifm-button-border-color:var(--ifm-color-success)}:where(.button--success):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-success-dark);--ifm-button-border-color:var(--ifm-color-success-dark)}.button--success.button--active,.button--success:active{--ifm-button-background-color:var(--ifm-color-success-darker);--ifm-button-border-color:var(--ifm-color-success-darker)}:where(.button--info){--ifm-button-background-color:var(--ifm-color-info);--ifm-button-border-color:var(--ifm-color-info)}:where(.button--info):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-info-dark);--ifm-button-border-color:var(--ifm-color-info-dark)}.button--info.button--active,.button--info:active{--ifm-button-background-color:var(--ifm-color-info-darker);--ifm-button-border-color:var(--ifm-color-info-darker)}:where(.button--warning){--ifm-button-background-color:var(--ifm-color-warning);--ifm-button-border-color:var(--ifm-color-warning)}:where(.button--warning):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-warning-dark);--ifm-button-border-color:var(--ifm-color-warning-dark)}.button--warning.button--active,.button--warning:active{--ifm-button-background-color:var(--ifm-color-warning-darker);--ifm-button-border-color:var(--ifm-color-warning-darker)}:where(.button--danger){--ifm-button-background-color:var(--ifm-color-danger);--ifm-button-border-color:var(--ifm-color-danger)}:where(.button--danger):not(.button--outline):hover{--ifm-button-background-color:var(--ifm-color-danger-dark);--ifm-button-border-color:var(--ifm-color-danger-dark)}.button--danger.button--active,.button--danger:active{--ifm-button-background-color:var(--ifm-color-danger-darker);--ifm-button-border-color:var(--ifm-color-danger-darker)}.button-group{display:inline-flex;gap:var(--ifm-button-group-spacing)}.button-group>.button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.button-group>.button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.button-group--block{display:flex;justify-content:stretch}.button-group--block>.button{flex-grow:1}.card{background-color:var(--ifm-card-background-color);border-radius:var(--ifm-card-border-radius);box-shadow:var(--ifm-global-shadow-lw);display:flex;flex-direction:column;overflow:hidden}.card--full-height{height:100%}.card__image{padding-top:var(--ifm-card-vertical-spacing)}.card__image:first-child,.pt-0{padding-top:0}.card__body,.card__footer,.card__header{padding:var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing)}.card__body:not(:last-child),.card__footer:not(:last-child),.card__header:not(:last-child){padding-bottom:0}.card__body>:last-child,.card__footer>:last-child,.card__header>:last-child{margin-bottom:0}.card__footer{margin-top:auto}.table-of-contents{font-size:.8rem;margin-bottom:0;padding:var(--ifm-toc-padding-vertical) 0}.table-of-contents,.table-of-contents ul{list-style:none;padding-left:var(--ifm-toc-padding-horizontal)}.table-of-contents li{margin:var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal)}.table-of-contents__left-border{border-left:1px solid var(--ifm-toc-border-color)}.table-of-contents__link{color:var(--ifm-toc-link-color);display:block}.table-of-contents__link--active,.table-of-contents__link--active code,.table-of-contents__link:hover,.table-of-contents__link:hover code{color:var(--ifm-color-primary);text-decoration:none}.close{color:var(--ifm-color-black);float:right;font-size:1.5rem;font-weight:var(--ifm-font-weight-bold);line-height:1;opacity:.5;padding:1rem;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.close:hover{opacity:.7}.close:focus,.theme-code-block-highlighted-line .codeLineNumber_UV2B:before{opacity:.8}.dropdown{display:inline-flex;font-weight:var(--ifm-dropdown-font-weight);position:relative;vertical-align:top}.dropdown--hoverable:hover .dropdown__menu,.dropdown--show .dropdown__menu{opacity:1;pointer-events:all;transform:translateY(-1px);visibility:visible}.dropdown--right .dropdown__menu{left:inherit;right:0}.dropdown--nocaret .navbar__link:after{content:none!important}.dropdown__menu{background-color:var(--ifm-dropdown-background-color);border-radius:var(--ifm-global-radius);box-shadow:var(--ifm-global-shadow-md);left:0;max-height:80vh;min-width:10rem;opacity:0;overflow-y:auto;padding:.5rem;pointer-events:none;position:absolute;top:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);transform:translateY(-.625rem);transition-duration:var(--ifm-transition-fast);transition-property:opacity,transform,visibility;transition-timing-function:var(--ifm-transition-timing-default);visibility:hidden;z-index:var(--ifm-z-index-dropdown)}.menu__caret,.menu__link,.menu__list-item-collapsible{border-radius:.25rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.dropdown__link{border-radius:.25rem;color:var(--ifm-dropdown-link-color);display:block;font-size:.875rem;margin-top:.2rem;padding:.25rem .5rem}.dropdown__link--active,.dropdown__link:hover{background-color:var(--ifm-dropdown-hover-background-color);color:var(--ifm-dropdown-link-color);text-decoration:none}.dropdown__link--active,.dropdown__link--active:hover{--ifm-dropdown-link-color:var(--ifm-link-color)}.dropdown>.navbar__link:after{border-color:currentcolor #0000;border-style:solid;border-width:.4em .4em 0;content:"";margin-left:.3em;position:relative;top:2px;transform:translateY(-50%)}.footer{background-color:var(--ifm-footer-background-color);color:var(--ifm-footer-color);padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal)}.footer--dark{--ifm-footer-background-color:#303846;--ifm-footer-color:var(--ifm-footer-link-color);--ifm-footer-link-color:var(--ifm-color-secondary);--ifm-footer-title-color:var(--ifm-color-white)}.footer__links,.mb-4{margin-bottom:1rem}.footer__link-item{color:var(--ifm-footer-link-color);line-height:2}.footer__link-item:hover{color:var(--ifm-footer-link-hover-color)}.footer__link-separator{margin:0 var(--ifm-footer-link-horizontal-spacing)}.footer__logo{margin-top:1rem;max-width:var(--ifm-footer-logo-max-width)}.footer__title{color:var(--ifm-footer-title-color);font:700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base);margin-bottom:var(--ifm-heading-margin-bottom)}.menu,.navbar__link{font-weight:var(--ifm-font-weight-semibold)}.footer__item{margin-top:0}.footer__items{margin-bottom:0}.codeBlockStandalone_BZ5x,.p-0,[type=checkbox],dialog,fieldset,legend{padding:0}.hero{align-items:center;background-color:var(--ifm-hero-background-color);color:var(--ifm-hero-text-color);display:flex;padding:4rem 2rem}.hero--primary{--ifm-hero-background-color:var(--ifm-color-primary);--ifm-hero-text-color:var(--ifm-font-color-base-inverse)}.hero--dark{--ifm-hero-background-color:#303846;--ifm-hero-text-color:var(--ifm-color-white)}.hero__title{font-size:3rem}.hero__subtitle,.text-2xl{font-size:1.5rem}.menu__list{margin:0;padding-left:0}.menu__caret,.menu__link{padding:var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal)}.menu__list .menu__list{flex:0 0 100%;margin-top:.25rem;padding-left:var(--ifm-menu-link-padding-horizontal)}.menu__list-item:not(:first-child),.mt-1{margin-top:.25rem}.menu__list-item--collapsed .menu__list{height:0;overflow:hidden}.details_GXzP[data-collapsed=false].isBrowser_pHft>summary:before,.details_GXzP[open]:not(.isBrowser_pHft)>summary:before,.menu__list-item--collapsed .menu__caret:before,.menu__list-item--collapsed .menu__link--sublist:after{transform:rotate(90deg)}.menu__list-item-collapsible{display:flex;flex-wrap:wrap;position:relative}.menu__caret:hover,.menu__link:hover,.menu__list-item-collapsible--active,.menu__list-item-collapsible:hover{background:var(--ifm-menu-color-background-hover)}.menu__list-item-collapsible .menu__link--active,.menu__list-item-collapsible .menu__link:hover{background:none!important}.menu__caret,.menu__link{align-items:center;display:flex}.navbar-sidebar,.navbar-sidebar__backdrop{opacity:0;top:0;transition-duration:var(--ifm-transition-fast);transition-timing-function:ease-in-out;visibility:hidden;left:0;bottom:0}.menu__link{color:var(--ifm-menu-color);flex:1;line-height:1.25}.menu__link:hover{color:var(--ifm-menu-color);text-decoration:none}.menu__caret:before,.menu__link--sublist-caret:after{content:"";filter:var(--ifm-menu-link-sublist-icon-filter);height:1.25rem;transform:rotate(180deg);transition:transform var(--ifm-transition-fast) linear;width:1.25rem}.menu__link--sublist-caret:after{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem;margin-left:auto;min-width:1.25rem}.menu__link--active,.menu__link--active:hover{color:var(--ifm-menu-color-active)}.navbar__brand,.navbar__link{color:var(--ifm-navbar-link-color)}.menu__link--active:not(.menu__link--sublist){background-color:var(--ifm-menu-color-background-active)}.menu__caret:before{background:var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem}.filter,.hover\:brightness-90:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navbar--dark,html[data-theme=dark]{--ifm-menu-link-sublist-icon-filter:invert(100%) sepia(94%) saturate(17%) hue-rotate(223deg) brightness(104%) contrast(98%)}.navbar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-navbar-shadow);height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.flex,.navbar,.navbar>.container,.navbar>.container-fluid{display:flex}.navbar--fixed-top{position:sticky;top:0;z-index:var(--ifm-z-index-fixed)}.navbar__inner{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.navbar__brand{align-items:center;display:flex;margin-right:1rem;min-width:0}.navbar__brand:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.announcementBarContent__DAX,.navbar__title{flex:1 1 auto}.navbar__toggle{display:none;margin-right:.5rem}.navbar__logo{flex:0 0 auto;height:2rem;margin-right:.5rem}.h-full,.navbar__logo img,body,html{height:100%}.navbar__items{align-items:center;display:flex;flex:1;min-width:0}.navbar__items--center{flex:0 0 auto}.m-0,.navbar__items--center .navbar__brand,blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}.navbar__items--center+.navbar__items--right{flex:1}.navbar__items--right{flex:0 0 auto;justify-content:flex-end}.navbar__items--right>:last-child{padding-right:0}.navbar__item{display:inline-block;padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}#nprogress,.navbar__item.dropdown .navbar__link:not([href]){pointer-events:none}.navbar__link--active,.navbar__link:hover{color:var(--ifm-navbar-link-hover-color);text-decoration:none}.navbar--dark,.navbar--primary{--ifm-menu-color:var(--ifm-color-gray-300);--ifm-navbar-link-color:var(--ifm-color-gray-100);--ifm-navbar-search-input-background-color:#ffffff1a;--ifm-navbar-search-input-placeholder-color:#ffffff80;color:var(--ifm-color-white)}.navbar--dark{--ifm-navbar-background-color:#242526;--ifm-menu-color-background-active:#ffffff0d;--ifm-navbar-search-input-color:var(--ifm-color-white)}.navbar--primary{--ifm-navbar-background-color:var(--ifm-color-primary);--ifm-navbar-link-hover-color:var(--ifm-color-white);--ifm-menu-color-active:var(--ifm-color-white);--ifm-navbar-search-input-color:var(--ifm-color-emphasis-500)}.navbar__search-input{-webkit-appearance:none;appearance:none;background:var(--ifm-navbar-search-input-background-color) var(--ifm-navbar-search-input-icon) no-repeat .75rem center/1rem 1rem;border:none;border-radius:2rem;color:var(--ifm-navbar-search-input-color);cursor:text;display:inline-block;font-size:.9rem;height:2rem;padding:0 .5rem 0 2.25rem;width:12.5rem}.cursor-pointer,.dropdownNavbarItemMobile_JUhd,.footerItem_GsU2,.pills__item,.refine-toc-item,.tabs__item,[role=button],button{cursor:pointer}.navbar__search-input::placeholder{color:var(--ifm-navbar-search-input-placeholder-color)}.navbar-sidebar{background-color:var(--ifm-navbar-background-color);box-shadow:var(--ifm-global-shadow-md);position:fixed;transform:translate3d(-100%,0,0);transition-property:opacity,visibility,transform;width:var(--ifm-navbar-sidebar-width)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar__items,.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.navbar-sidebar--show .navbar-sidebar,.navbar-sidebar--show .navbar-sidebar__backdrop{opacity:1;visibility:visible}.navbar-sidebar__backdrop{background-color:#0009;position:fixed;right:0;transition-property:opacity,visibility}.navbar-sidebar__brand{align-items:center;box-shadow:var(--ifm-navbar-shadow);display:flex;flex:1;height:var(--ifm-navbar-height);padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)}.navbar-sidebar__items{display:flex;height:calc(100% - var(--ifm-navbar-height));transition:transform var(--ifm-transition-fast) ease-in-out}.navbar-sidebar__items--show-secondary{transform:translate3d(calc((var(--ifm-navbar-sidebar-width))*-1),0,0)}.navbar-sidebar__item{flex-shrink:0;padding:.5rem;width:calc(var(--ifm-navbar-sidebar-width))}.navbar-sidebar__back{background:var(--ifm-menu-color-background-active);font-size:15px;font-weight:var(--ifm-button-font-weight);margin:0 0 .2rem -.5rem;padding:.6rem 1.5rem;position:relative;text-align:left;top:-.5rem;width:calc(100% + 1rem)}.navbar-sidebar__close{display:flex;margin-left:auto}.pagination{column-gap:var(--ifm-pagination-page-spacing);display:flex;font-size:var(--ifm-pagination-font-size);padding-left:0}.pagination--sm{--ifm-pagination-font-size:0.8rem;--ifm-pagination-padding-horizontal:0.8rem;--ifm-pagination-padding-vertical:0.2rem}.pagination--lg{--ifm-pagination-font-size:1.2rem;--ifm-pagination-padding-horizontal:1.2rem;--ifm-pagination-padding-vertical:0.3rem}.inline-flex,.pagination__item{display:inline-flex}.pagination__item>span{padding:var(--ifm-pagination-padding-vertical)}.pagination__item--active .pagination__link{color:var(--ifm-pagination-color-active)}.pagination__item--active .pagination__link,.pagination__item:not(.pagination__item--active):hover .pagination__link{background:var(--ifm-pagination-item-active-background)}.pagination__item--disabled,.pagination__item[disabled]{opacity:.25;pointer-events:none}.pagination__link{border-radius:var(--ifm-pagination-border-radius);color:var(--ifm-font-color-base);display:inline-block;padding:var(--ifm-pagination-padding-vertical) var(--ifm-pagination-padding-horizontal);transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination__link:hover,html .no-underline{text-decoration:none}.pagination-nav{grid-gap:var(--ifm-spacing-horizontal);display:grid;gap:var(--ifm-spacing-horizontal);grid-template-columns:repeat(2,1fr)}.pagination-nav__link{border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-pagination-nav-border-radius);display:block;height:100%;line-height:var(--ifm-heading-line-height);padding:var(--ifm-global-spacing);transition:border-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pagination-nav__link:hover{border-color:var(--ifm-pagination-nav-color-hover);text-decoration:none}.pagination-nav__link--next{grid-column:2/3;text-align:right}.content_B3zk,.text-center{text-align:center}.pagination-nav__label{font-size:var(--ifm-h4-font-size);font-weight:var(--ifm-heading-font-weight);word-break:break-word}.pagination-nav__link--prev .pagination-nav__label:before{content:"« "}.pagination-nav__link--next .pagination-nav__label:after{content:" »"}.pagination-nav__sublabel{color:var(--ifm-color-content-secondary);font-size:var(--ifm-h5-font-size);font-weight:var(--ifm-font-weight-semibold);margin-bottom:.25rem}.pills__item,.tabs{font-weight:var(--ifm-font-weight-bold)}.pills{display:flex;gap:var(--ifm-pills-spacing);padding-left:0}.pills__item{border-radius:.5rem;display:inline-block;padding:.25rem 1rem;transition:background var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.pills__item--active{color:var(--ifm-pills-color-active)}.pills__item--active,.pills__item:not(.pills__item--active):hover{background:var(--ifm-pills-color-background-active)}.pills--block{justify-content:stretch}.pills--block .pills__item{flex-grow:1;text-align:center}.tabs{color:var(--ifm-tabs-color);display:flex;margin-bottom:0;overflow-x:auto;padding-left:0}.tabs__item{border-bottom:3px solid #0000;border-radius:var(--ifm-global-radius);display:inline-flex;padding:var(--ifm-tabs-padding-vertical) var(--ifm-tabs-padding-horizontal);transition:background-color var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.transition,.transition-colors,.transition-opacity,.transition-transform{transition-duration:.15s}.refine-details>summary .refine-details-triangle,.transition,.transition-colors,.transition-opacity,.transition-transform{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tabs__item--active{border-bottom-color:var(--ifm-tabs-color-active-border);border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--ifm-tabs-color-active)}.tabs__item:hover{background-color:var(--ifm-hover-overlay)}.tabs--block{justify-content:stretch}.tabs--block .tabs__item{flex-grow:1;justify-content:center}html[data-theme=dark]{--ifm-color-scheme:dark;--ifm-color-emphasis-0:var(--ifm-color-gray-1000);--ifm-color-emphasis-100:var(--ifm-color-gray-900);--ifm-color-emphasis-200:var(--ifm-color-gray-800);--ifm-color-emphasis-300:var(--ifm-color-gray-700);--ifm-color-emphasis-400:var(--ifm-color-gray-600);--ifm-color-emphasis-600:var(--ifm-color-gray-400);--ifm-color-emphasis-700:var(--ifm-color-gray-300);--ifm-color-emphasis-800:var(--ifm-color-gray-200);--ifm-color-emphasis-900:var(--ifm-color-gray-100);--ifm-color-emphasis-1000:var(--ifm-color-gray-0);--ifm-background-color:#1b1b1d;--ifm-background-surface-color:#242526;--ifm-hover-overlay:#ffffff0d;--ifm-color-content:#e3e3e3;--ifm-color-content-secondary:#fff;--ifm-breadcrumb-separator-filter:invert(64%) sepia(11%) saturate(0%) hue-rotate(149deg) brightness(99%) contrast(95%);--ifm-code-background:#ffffff1a;--ifm-scrollbar-track-background-color:#444;--ifm-scrollbar-thumb-background-color:#686868;--ifm-scrollbar-thumb-hover-background-color:#7a7a7a;--ifm-table-stripe-background:#ffffff12;--ifm-toc-border-color:var(--ifm-color-emphasis-200);--ifm-color-primary-contrast-background:#102445;--ifm-color-primary-contrast-foreground:#ebf2fc;--ifm-color-secondary-contrast-background:#474748;--ifm-color-secondary-contrast-foreground:#fdfdfe;--ifm-color-success-contrast-background:#003100;--ifm-color-success-contrast-foreground:#e6f6e6;--ifm-color-info-contrast-background:#193c47;--ifm-color-info-contrast-foreground:#eef9fd;--ifm-color-warning-contrast-background:#4d3800;--ifm-color-warning-contrast-foreground:#fff8e6;--ifm-color-danger-contrast-background:#4b1113;--ifm-color-danger-contrast-foreground:#ffebec}#nprogress .bar{background:var(--docusaurus-progress-bar-color);height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px var(--docusaurus-progress-bar-color),0 0 5px var(--docusaurus-progress-bar-color);height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}.blog-wrapper:root,.docs-wrapper:root{--primary-font-sans:"Inter"}.scrollbar-slim{scrollbar-color:red blue;scrollbar-width:thin}.scrollbar-slim::-webkit-scrollbar{width:12px}.scrollbar-slim::-webkit-scrollbar-track{background:#14141f;border-radius:5px}.scrollbar-slim::-webkit-scrollbar-thumb{background-color:#303450;border:3px solid #14141f;border-radius:12px}.refine-prose{color:var(--tw-prose-body);max-width:100%!important;--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75;--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders);font-weight:400;max-width:none}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.refine-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.refine-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.refine-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.refine-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.refine-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.refine-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.refine-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.refine-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.refine-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.refine-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.refine-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.refine-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}progress,sub,sup{vertical-align:initial}.refine-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.refine-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.refine-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.refine-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.refine-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .refine-prose) :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity));font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600;font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity));font-weight:600;font-size:1rem;line-height:1.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));font-weight:600;font-size:.875rem;line-height:2.5rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity));font-weight:600;font-size:.75rem;line-height:1.33rem;margin-bottom:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-bottom:1.25rem;margin-top:0;font-size:1rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;margin-bottom:0;margin-top:0}.refine-prose :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity));margin-left:0;padding-left:2rem}:is(:where([data-theme=dark]) .refine-prose) :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}.refine-prose :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){border-left-width:4px;border-radius:.5rem;font-style:normal;font-weight:400;padding:1rem;--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity));border-left-color:rgb(163 173 194/var(--tw-border-opacity));color:rgb(48 52 80/var(--tw-text-opacity))}.refine-prose:last-child :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:0}:is(:where([data-theme=dark]) .refine-prose) :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity));border-left-color:rgb(71 78 107/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.625rem;line-height:.75rem;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(222 229 237/var(--tw-bg-opacity));color:rgb(48 52 80/var(--tw-text-opacity));border-radius:.25rem;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:2px .375rem 3px;border-style:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:400}:is(:where([data-theme=dark]) .refine-prose) :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):before{--tw-content:none;content:var(--tw-content)}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))):after{--tw-content:none;content:var(--tw-content)}.refine-prose h1 code,.refine-prose h2 code,.refine-prose h3 code{font-size:inherit;line-height:inherit;vertical-align:bottom}.refine-prose blockquote p:after,.refine-prose blockquote p:before,.refine-prose blockquote:after,.refine-prose blockquote:before{--tw-content:none;content:var(--tw-content)}.refine-prose table :is(:where(table):not(:where([class~=not-prose],[class~=not-prose] *))){border-style:none}.refine-prose table tr{border-top:unset}.refine-prose table td,.refine-prose table th{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(222 229 237/var(--tw-border-opacity));border-width:1px;color:rgb(20 20 31/var(--tw-text-opacity));padding:.5rem;font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table td),:is(:where([data-theme=dark]) .refine-prose table th){--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity));color:rgb(237 242 247/var(--tw-text-opacity))}.refine-prose table th{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity));font-weight:600}:is(:where([data-theme=dark]) .refine-prose table th){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}.refine-prose table th,.refine-prose table th code,.text-sm{font-size:.875rem}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(odd)){--tw-bg-opacity:0.3;background-color:rgb(48 52 80/var(--tw-bg-opacity))}.refine-prose table tbody tr:nth-child(odd){--tw-bg-opacity:0.1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}.bg-gray-50,.refine-prose table tbody tr:nth-child(2n),.refine-prose table thead{--tw-bg-opacity:1;background-color:rgb(244 248 251/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table tbody tr:nth-child(2n)){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .refine-prose table thead){--tw-bg-opacity:1;background-color:rgb(20 20 31/var(--tw-bg-opacity))}.refine-prose table thead tr{border-style:none}.refine-prose .table-container{margin-bottom:1rem;margin-top:2rem;max-width:100%;overflow:auto;padding-bottom:1rem}.refine-prose .table-container table{display:table;margin-bottom:0;margin-top:0;table-layout:auto}.refine-toc-item code:after,.refine-toc-item code:before{content:""}.refine-toc-item code{border-radius:.25rem;border-style:none!important;color:inherit!important;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding:.125rem .25rem;vertical-align:bottom!important;font-size:12px}:is(:where([data-theme=dark]) .refine-toc-item code){--tw-bg-opacity:0.3;background-color:rgb(71 78 107/var(--tw-bg-opacity));color:inherit!important}a:has(>code){text-decoration:none!important}a:has(>code) code{--tw-text-opacity:1!important;color:rgb(0 128 255/var(--tw-text-opacity))!important;vertical-align:text-bottom!important}:is(:where([data-theme=dark]) a:has(>code) code){--tw-text-opacity:1!important;color:rgb(110 179 247/var(--tw-text-opacity))!important}p:has(>code) code{margin-left:.125rem;margin-right:.125rem;vertical-align:text-bottom!important}li a:has(>code) code{margin-left:0!important;margin-right:0!important;vertical-align:text-bottom!important}.admonition.admonition-caution code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(242 128 13/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution code){--tw-bg-opacity:15%;background-color:#ff99331a}.admonition.admonition-caution a{--tw-text-opacity:1;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution a){--tw-text-opacity:1;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-caution a code{--tw-text-opacity:1!important;color:rgb(204 102 0/var(--tw-text-opacity))!important}:is(:where([data-theme=dark]) .admonition.admonition-caution a code){--tw-text-opacity:1!important;color:rgb(255 153 51/var(--tw-text-opacity))!important}.admonition.admonition-caution li::marker{--tw-text-opacity:0.5;color:rgb(204 102 0/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-caution li)::marker{--tw-text-opacity:0.5;color:rgb(255 153 51/var(--tw-text-opacity))}.admonition.admonition-danger code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(255 76 77/var(--tw-bg-opacity))}.admonition.admonition-danger a{--tw-text-opacity:1;color:rgb(255 76 77/var(--tw-text-opacity))}.admonition.admonition-danger a code{--tw-text-opacity:1!important;color:rgb(255 76 77/var(--tw-text-opacity))!important}.admonition.admonition-info code{--tw-bg-opacity:15%;background-color:#0080ff1a}:is(:where([data-theme=dark]) .admonition.admonition-info code){--tw-bg-opacity:15%;background-color:#6eb3f71a}.admonition.admonition-info a,.admonition.admonition-info-tip a{--tw-text-opacity:1;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info a){--tw-text-opacity:1;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-info li::marker{--tw-text-opacity:0.5;color:rgb(0 128 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition.admonition-info li)::marker{--tw-text-opacity:0.5;color:rgb(110 179 247/var(--tw-text-opacity))}.admonition.admonition-tip code{--tw-bg-opacity:1;--tw-bg-opacity:15%;background-color:rgb(31 173 102/var(--tw-bg-opacity))}.admonition.admonition-note code,.bg-\[\#5865F2\],.bg-black,.bg-blue-100,.bg-gray-0,.bg-gray-100,.bg-gray-200,.bg-gray-600,.bg-gray-900,.bg-refine-blue,.bg-tech-purple-03,.bg-violet-800,.bg-white{--tw-bg-opacity:1}.admonition.admonition-tip a{--tw-text-opacity:1;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-tip a code{--tw-text-opacity:1!important;color:rgb(31 173 102/var(--tw-text-opacity))!important}.admonition.admonition-tip li::marker{--tw-text-opacity:0.5;color:rgb(31 173 102/var(--tw-text-opacity))}.admonition.admonition-note code{--tw-bg-opacity:15%;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-additional a,.admonition.admonition-note a{--tw-text-opacity:1;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-note a code{--tw-text-opacity:1!important;color:rgb(15 189 189/var(--tw-text-opacity))!important}.admonition.admonition-note li::marker{--tw-text-opacity:0.5;color:rgb(15 189 189/var(--tw-text-opacity))}.admonition.admonition-additional code{--tw-bg-opacity:0.2;background-color:rgb(15 189 189/var(--tw-bg-opacity))}.admonition.admonition-info-tip code{--tw-bg-opacity:0.2;background-color:rgb(0 128 255/var(--tw-bg-opacity))}.admonition pre.prism-code code,.bg-transparent{background-color:initial}.refine-details>summary+div>div{border-top-width:0;margin-top:0;padding-top:0}.p-4,.refine-details-content{padding:1rem}.refine-details>summary .refine-details-triangle{--tw-rotate:-90deg;transition-duration:.2s;transition-property:transform}.-rotate-180,.-rotate-90,.refine-details>summary .refine-details-triangle,.refine-details[open]>summary .refine-details-triangle,.rotate-0,.scale-100,.scale-95,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.refine-details[open]>summary .refine-details-triangle,.rotate-0{--tw-rotate:0deg}.max-w-screen-content{max-width:480px}html[data-active-page=index],html[data-active-page=index] body{--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}@keyframes a{0%,35%,to{opacity:0}30%,5%{opacity:1}}.landing-hero-mobile-svg .auth,.landing-hero-mobile-svg .backend,.landing-hero-mobile-svg .framework,.landing-hero-mobile-svg .platform{animation:24s infinite a;opacity:0;will-change:opacity}.landing-hero-mobile-svg .nextjs{animation-delay:0s}.landing-hero-mobile-svg .vite{animation-delay:8s}.landing-hero-mobile-svg .remix{animation-delay:16s}.landing-hero-mobile-svg .mui{animation-delay:-3s}.landing-hero-mobile-svg .antd{animation-delay:5s}.landing-hero-mobile-svg .chakra{animation-delay:13s}.landing-hero-mobile-svg .supabase{animation-delay:-6s}.landing-hero-mobile-svg .nest{animation-delay:2s}.landing-hero-mobile-svg .appwrite{animation-delay:10s}.landing-hero-mobile-svg .google{animation-delay:-9s}.landing-hero-mobile-svg .auth0{animation-delay:-1s}.landing-hero-mobile-svg .strapi{animation-delay:7s}.animation-parent{backface-visibility:hidden;perspective:1000;transform:translateZ(0)}#__docusaurus-base-url-issue-banner-container,.hidden,.sp-icon-standalone[title="Open in CodeSandbox"] svg+span,.sp-preview .sp-custom-loading,.sp-preview .sp-loading,.themedComponent_FXRw,[data-theme=dark] .lightToggleIcon__wwy,[data-theme=light] .darkToggleIcon_iyjK,[hidden],html[data-announcement-bar-initially-dismissed=true] .announcementBar_hbYq{display:none}.sp-preview .sp-loading+.sp-custom-loading{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:calc(var(--sp-zIndices-top) + 1)}button.sp-button.sp-icon-standalone[title="Open in CodeSandbox"]:has(svg+span){padding-left:0;padding-right:4px;width:26px}.admonition-simple .admonition-content :last-child,.admonitionContent_YstZ>:last-child,.collapsibleContent_uFAl p:last-child,.details_GXzP>summary>p:last-child,.mb-0,.refine-tab-content>:last-child{margin-bottom:0}.admonition-simple ul{list-style-position:outside;list-style-type:"-   ";margin:0;padding-left:24px}.admonition-simple *{font-size:.875rem;line-height:1rem}.admonition-simple .admonition-content ul li::marker{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .admonition-simple .admonition-content ul li)::marker{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}h4>del:has(code:only-child){text-decoration-line:none}html h4>del:has(code:only-child){text-decoration:none}h4>del:has(code:only-child) code{text-decoration-line:line-through}.font-\[500\],.font-medium,.sp-tab-button[data-active=true]{font-weight:500}*,:after,:before{border:0 solid #dee5ed}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{display:block;margin-bottom:var(--ifm-spacing-vertical);overflow:auto;border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}.admonitionHeading_wuvZ code,button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}menu,ol,ul{margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a3adc2;opacity:1}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container,.w-full{width:100%}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible,.swiper-slide-invisible-blank{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.right-2{right:.5rem}.right-\[24px\]{right:24px}.top-0{top:0}.top-2{top:.5rem}.top-32{top:8rem}.top-\[24px\]{top:24px}.top-\[67px\]{top:67px}.z-50{z-index:50}.z-\[100\],.z-modal{z-index:100}.z-\[1\]{z-index:1}.z-\[55\]{z-index:55}.m-1{margin:.25rem}.m-6{margin:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[40px\]{margin-bottom:40px}.ml-\[5px\]{margin-left:5px}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.table{display:table}.grid{display:grid}.h-0{height:0}.h-0\.5{height:.125rem}.h-12{height:3rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[120px\]{height:120px}.h-\[12px\]{height:12px}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[40px\]{height:40px}.h-\[4px\]{height:4px}.h-\[64px\]{height:64px}.h-\[72px\]{height:72px}.h-\[calc\(100vh-67px\)\]{height:calc(100vh - 67px)}.h-auto,.img_CfaS,.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.h-screen{height:100vh}.max-h-\[180px\]{max-height:180px}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[10px\]{width:10px}.w-\[12px\]{width:12px}.w-\[142px\]{width:142px}.w-\[193px\]{width:193px}.w-\[24px\]{width:24px}.w-\[264px\]{width:264px}.w-\[280px\]{width:280px}.w-\[343px\]{width:343px}.w-\[40px\]{width:40px}.w-\[42\.5px\]{width:42.5px}.w-\[45px\]{width:45px}.w-\[4px\]{width:4px}.w-\[51px\]{width:51px}.w-auto{width:auto}.w-max{width:max-content}.min-w-0{min-width:0}.max-w-\[1600px\]{max-width:1600px}.max-w-\[280px\]{max-width:280px}.max-w-\[320px\]{max-width:320px}.max-w-\[512px\]{max-width:512px}.max-w-\[576px\]{max-width:576px}.max-w-md{max-width:28rem}.max-w-screen-blog-max{max-width:1408px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-rotate-180{--tw-rotate:-180deg}.-rotate-90{--tw-rotate:-90deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.footerContentContainer_DQf_,.itemsContainer_OUc9,.logoContainerStyle_PeVm,.templateItemContainer_lyZ8{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col,.swiper-vertical>.swiper-wrapper{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-\[10px\]{gap:10px}.gap-\[16px\]{gap:16px}.gap-\[24px\]{gap:24px}.gap-\[40px\]{gap:40px}.gap-\[4px\]{gap:4px}.gap-\[60px\]{gap:60px}.gap-\[8px\]{gap:8px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[4px\]{border-radius:4px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border,.border-\[1px\]{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-gray-02{border-color:#1f1f1f}.border-gray-100{--tw-border-opacity:1;border-color:rgb(237 242 247/var(--tw-border-opacity))}.border-white-01{border-color:#fff}.border-l-gray-100{--tw-border-opacity:1;border-left-color:rgb(237 242 247/var(--tw-border-opacity))}.border-t-gray-200{--tw-border-opacity:1;border-top-color:rgb(222 229 237/var(--tw-border-opacity))}.bg-\[\#000000bf\]{background-color:#000000bf}.bg-\[\#5865F2\]{background-color:rgb(88 101 242/var(--tw-bg-opacity))}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.75\)\]{background-color:#ffffffbf}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/\[0\.64\]{background-color:#000000a3}.bg-blue-100{background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-gray-0,.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-01{background-color:#000}.bg-gray-02{background-color:#1f1f1f}.bg-gray-100{background-color:rgb(237 242 247/var(--tw-bg-opacity))}.bg-gray-200{background-color:rgb(222 229 237/var(--tw-bg-opacity))}.bg-gray-600{background-color:rgb(71 78 107/var(--tw-bg-opacity))}.bg-gray-900{background-color:rgb(20 20 31/var(--tw-bg-opacity))}.bg-gray-900\/20{background-color:#14141f33}.bg-gray-900\/70{background-color:#14141fb3}.bg-refine-blue{background-color:rgb(0 128 255/var(--tw-bg-opacity))}.bg-tech-purple-03{background-color:rgb(101 74 236/var(--tw-bg-opacity))}.bg-violet-800{background-color:rgb(91 33 182/var(--tw-bg-opacity))}.bg-white-01{background-color:#fff}.bg-white-09,.hover\:bg-white-09:hover{background-color:#ffffff19}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:.5rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[24px\]{padding-left:24px;padding-right:24px}.px-\[4px\]{padding-left:4px;padding-right:4px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-7{padding-bottom:1.75rem;padding-top:1.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-\[22px\]{padding-bottom:22px;padding-top:22px}.pb-10{padding-bottom:2.5rem}.pb-6{padding-bottom:1.5rem}.pb-\[100px\]{padding-bottom:100px}.pb-\[60px\]{padding-bottom:60px}.pl-1{padding-left:.25rem}.pl-11{padding-left:2.75rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-7{padding-left:1.75rem}.pl-\[32px\]{padding-left:32px}.pr-3{padding-right:.75rem}.pt-6{padding-top:1.5rem}.pt-\[4px\]{padding-top:4px}.align-middle{vertical-align:middle}.font-\[\'Inter\'\]{font-family:Inter}.font-sans{font-family:var(--primary-font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.textTitleNumStyle_TEnk,.textTitleNumStyle_h7vB{font-family:Eurostile Becker,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-3xl{font-size:1.875rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.font-\[400\],.font-normal{font-weight:400}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.5\]{line-height:1.5}.leading-\[17px\]{line-height:17px}.leading-\[22px\]{line-height:22px}.leading-\[28px\]{line-height:28px}.\!text-white-04{color:#ffffff80!important}.hover\:text-\[\#0b0c0f\]:hover,.text-\[\#0B0C0F\],.text-\[\#0b0c0f\]{--tw-text-opacity:1;color:rgb(11 12 15/var(--tw-text-opacity))}.text-\[\#1D2129\]{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity))}.text-gray-0,.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-gray-02:hover,.text-gray-02{color:#1f1f1f}.hover\:text-gray-03:hover,.text-gray-03{color:#5c5c5c}.text-gray-100{--tw-text-opacity:1;color:rgb(237 242 247/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}.hover\:text-gray-600:hover,.text-gray-600{--tw-text-opacity:1;color:rgb(71 78 107/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(48 52 80/var(--tw-text-opacity))}.hover\:text-gray-800:hover,.text-gray-800{--tw-text-opacity:1;color:rgb(29 30 48/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(20 20 31/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-tech-purple-01{--tw-text-opacity:1;color:rgb(38 24 156/var(--tw-text-opacity))}.text-transparent{color:#0000}.hover\:text-white-01:hover,.text-white-01{color:#fff}.text-white-02{color:#ffffffe6}.hover\:text-white-03:hover,.text-white-03{color:#ffffffc0}.hover\:text-white-04:hover,.text-white-04{color:#ffffff80}.text-opacity-90{--tw-text-opacity:0.9}.faqListAnswer_uzUc a,.underline{text-decoration-line:underline}.baseLinkButtonStyle_PuMK:hover,.basePanelItemContainerStyle_IaDP:hover,.commBottomBtn_pFSF:hover,.hover\:no-underline:hover,.menuItemStyle_SQLa,.menuItemStyle_SQLa:active,.menuItemStyle_SQLa:hover,.menuItemStyle_a3Ir:hover,.no-underline,.operateItemStyle_quc4:hover,.panelItemStyle_VUhY:hover{text-decoration-line:none}.opacity-0{opacity:0}.footerLogoLink_K6r0:hover,.hash-link:focus,.opacity-100,.solutionSelectImageStyle_GSp1,:hover>.hash-link{opacity:1}.backdrop-blur-\[50px\]{--tw-backdrop-blur:blur(50px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.transition-opacity{transition-property:opacity}.transition-transform{transition-property:transform}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:bg-grayBlue-09:hover,.lightPanelItemContainerStyle_OZnY:hover{background-color:#f2f3f5}.hover\:brightness-90:hover{--tw-brightness:brightness(.9)}.basePopoverPanelStyle_y9hq:focus,.focus\:outline-none:focus,.popoverPanelStyle_GNCw:focus{outline:#0000 solid 2px;outline-offset:2px}:is(:where([data-theme=dark]) .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-l-gray-700){--tw-border-opacity:1;border-left-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:border-t-gray-700){--tw-border-opacity:1;border-top-color:rgb(48 52 80/var(--tw-border-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-500){--tw-bg-opacity:1;background-color:rgb(108 119 147/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgb(71 78 107/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(48 52 80/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(29 30 48/var(--tw-bg-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-0){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-200){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(207 215 226/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(163 173 194/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(108 119 147/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:text-white-01){color:#fff}:is(:where([data-theme=dark]) .dark\:text-white-04){color:#ffffff80}:is(:where([data-theme=dark]) .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgb(222 229 237/var(--tw-text-opacity))}:is(:where([data-theme=dark]) .dark\:hover\:text-white-01:hover){color:#fff}:is(:where([data-theme=dark]) .hover\:dark\:text-white-01):hover{color:#fff}[data-theme=dark]{--ifm-color-primary:#9580ff;--ifm-color-primary-dark:#755aff;--ifm-color-primary-darker:#6547ff;--ifm-color-primary-darkest:#350dff;--ifm-color-primary-light:#b5a6ff;--ifm-color-primary-lighter:#c5b9ff;--ifm-color-primary-lightest:#f5f3ff;--ifm-background-color:#0a0a0a;--docusaurus-highlighted-code-line-bg:#0000004d}@font-face{font-family:Eurostile Becker;src:url("/illa-website/zh/assets/fonts/Eurostile Becker Heavy Regular-99fb2b764178f7417346a5e3e15d5947.ttf") format("truetype")}body:not(.navigation-with-keyboard) :not(input):focus{outline:0}.skipToContent_YRel{background-color:var(--ifm-background-surface-color);color:var(--ifm-color-emphasis-900);left:100%;padding:calc(var(--ifm-global-spacing)/2) var(--ifm-global-spacing);position:fixed;top:1rem;z-index:calc(var(--ifm-z-index-fixed) + 1)}.skipToContent_YRel:focus{box-shadow:var(--ifm-global-shadow-md);left:1rem}.closeButton_r_Ma{line-height:0;padding:0}.content_B3zk{font-size:85%;padding:5px 0}.content_B3zk a{color:inherit;text-decoration:underline}.announcementBar_hbYq{align-items:center;background-color:var(--ifm-color-white);border-bottom:1px solid var(--ifm-color-emphasis-100);color:var(--ifm-color-black);display:flex;height:var(--docusaurus-announcement-bar-height)}.announcementBarPlaceholder_nNiq{flex:0 0 10px}.announcementBarClose_S8lM{align-self:stretch;flex:0 0 30px}.toggle_Io7t{height:2rem;width:2rem}.toggleButton_C0po{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;transition:background var(--ifm-transition-fast);width:100%}.toggleButton_C0po:hover{background:var(--ifm-color-emphasis-200)}.toggleButtonDisabled_IHuh{cursor:not-allowed}.darkNavbarColorModeToggle_jx_9:hover{background:var(--ifm-color-gray-800)}[data-theme=dark] .themedComponent--dark_gZs3,[data-theme=light] .themedComponent--light_RIle,html:not([data-theme]) .themedComponent--light_RIle{display:initial}.iconExternalLink_ocOZ{margin-left:.3rem}.dropdownNavbarItemMobile_JUhd:after{margin-left:8px}.iconLanguage_DSK9{display:inline-block;margin-right:5px;vertical-align:text-bottom}@supports selector(:has(*)){.navbarSearchContainer_Pu8E:not(:has(>*)){display:none}}.navbarHideable_QJhM{transition:transform var(--ifm-transition-fast) ease}.navbarHidden_JLKf{transform:translate3d(0,calc(-100% - 2px),0)}.errorBoundaryError_t44J{color:red;white-space:pre-wrap}.errorBoundaryFallback_HTeJ{color:red;padding:.55rem}.footerLogoLink_K6r0{opacity:.5;transition:opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)}.anchorWithStickyNavbar_dXVO{scroll-margin-top:calc(var(--ifm-navbar-height) + .5rem)}.anchorWithHideOnScrollNavbar_ZIVZ{scroll-margin-top:.5rem}.hash-link{opacity:0;padding-left:.5rem;transition:opacity var(--ifm-transition-fast);-webkit-user-select:none;user-select:none}.hash-link:before{content:"#"}.mainWrapper_Xc8_{display:flex;flex:1 0 auto;flex-direction:column}.docusaurus-mt-lg{margin-top:3rem}#__docusaurus{display:flex;flex-direction:column}.menuItemContainerStyle_JXsu,.priceListTitleContainerStyle_MEs5{align-items:center;display:flex;gap:8px}.popoverContainerStyle_ZIFy{display:inline-block;font-weight:500;padding:12px 16px;position:relative;text-align:left}.basePopoverPanelStyle_y9hq,.popoverPanelStyle_GNCw{margin-top:8px;position:absolute;transform-origin:top right;left:0}.popoverItemStyle_wfx7{align-items:center;display:flex;font-size:14px;gap:8px}.popoverPanelStyle_GNCw{--tw-shadow:0px 2px 16px 0px #00000029;--tw-shadow-colored:0px 2px 16px 0px var(--tw-shadow-color);border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding-bottom:4px;padding-top:4px;right:0}.menuItemStyle_a3Ir{font-size:14px;font-weight:500;padding:12px 16px}.panelItemContainerStyle_xEK2{align-items:center;display:flex;justify-content:center;width:100%}.panelItemStyle_VUhY{font-size:14px;font-weight:500;line-height:40px}.operateItemStyle_quc4{align-items:center;border-radius:20px;display:flex;font-weight:500;gap:8px;justify-content:center;padding:8px 24px}.operateItemStyleBg_neML{border-color:#0000;border-width:1px;color:#fff;background:linear-gradient(90deg,#9734e4,#712eff)}.darkColorStyle_MxJT:hover,.operateItemStyleBg_neML:hover{color:#fff}.popoverItemStyle_WmOV{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left}.basePopoverPanelStyle_y9hq{border-radius:16px;border-width:1px;display:flex;flex-direction:column;gap:24px;padding:24px 16px;width:340px}.darkPopoverPanelStyle_sycJ{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(27 28 29/var(--tw-bg-opacity));border-color:rgb(46 46 48/var(--tw-border-opacity))}.lightPopoverPanelStyle_aRwx{background-color:#fff;border-color:#f2f3f5;box-shadow:0 2px 4px 0 #00000014}.subTitleStyle_GZ4H{font-size:16px;font-weight:700;line-height:24px;padding-left:16px;padding-right:16px;text-align:start}.basePanelItemContainerStyle_IaDP{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:12px 16px;width:100%}.darkPanelItemContainerStyle_JqRZ:hover{background-color:#ffffff0a}.panelItemStyle_w8TD{font-size:14px;font-weight:500;line-height:22px}.footerBottom_L4UB,.footerItem_GsU2,.panelItemDescStyle_zY1Y{font-size:12px;font-weight:400;line-height:16px}.menuItemStyle_SQLa{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;height:40px;width:100%;font-size:16px;font-weight:500}.footerContainer_lS9F{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:100px 20px 20px;width:100%}.footerContentContainer_DQf_{display:grid;justify-content:space-between;row-gap:40px;width:100%}.space_IcLX{background-color:#ffffff1a;height:1px;width:100%}.footerBottom_L4UB{align-items:center;color:#fff;display:flex;flex-direction:column;gap:24px;justify-content:space-between;width:100%}.localSelectContainer_aJ7M .dropdown__menu{bottom:calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);top:unset}.lpHeader_rubd{align-items:flex-start;flex-wrap:wrap;gap:40px;justify-content:space-between;padding-top:30px}.lpHeaderLeft_Zvbf,.lpHeader_rubd,.premiumCardContainer_ArgU,.premiumHeaderStyle_yb36{display:flex;flex-direction:column}.lpHeaderLeft_Zvbf{align-items:center;gap:24px;text-align:center}.back_vGuo{--tw-text-opacity:1;align-items:center;color:rgb(101 74 236/var(--tw-text-opacity));cursor:pointer;display:none;flex-direction:row;font-size:18px;font-weight:600;gap:12px;line-height:32px;padding-bottom:12px;padding-top:12px}.headerGo_RttL,.itemImage_FU2S{align-items:center;--tw-bg-opacity:1}.headerTitle_URD5{font-size:40px;font-weight:700;line-height:48px}.headerDesc_zhHJ{font-weight:400;font-weight:16px;line-height:24px}.headerGo_RttL{background-color:rgb(101 74 236/var(--tw-bg-opacity));white-space:nowrap;border-radius:4px;color:#fff;display:flex;font-size:16px;font-weight:400;height:44px;justify-content:center;line-height:20px;padding:12px 16px}.headerGo_RttL:hover{--tw-bg-opacity:1;background-color:rgb(131 104 240/var(--tw-bg-opacity))}.headerGo_RttL:active{--tw-bg-opacity:1;background-color:rgb(66 46 196/var(--tw-bg-opacity))}.lpContainer_Zbon,.lpContainer_yWoG{--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity));margin-left:auto;margin-right:auto;max-width:1200px;padding-left:20px;padding-right:20px;width:100%}.tag_oKb5{display:inline-block;margin:.5rem .5rem 0 1rem}.contentTitle_b3GB{font-size:20px;font-weight:600;line-height:28px;margin-top:60px}.itemsContainer_OUc9{display:grid;gap:12px}.item_AuQF{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:16px}.itemBg_GUYW{background:linear-gradient(180deg,#dde1e833,#dde1e800)}.itemImage_FU2S{background-color:rgb(240 232 255/var(--tw-bg-opacity));border-radius:13px;display:flex;height:120px;justify-content:center;width:120px}.itemNameCommon_o16n{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.commBottomDesc_DyZe,.itemDescription_LA9o{-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}.itemNameIntegrations_ZIud{line-height:20px}.itemNameComponents_JcBj{line-height:24px}.itemDescription_LA9o{display:-webkit-box;font-size:12px;font-weight:400;line-height:16px;overflow:hidden}.contentContainer_c9t8{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow-x:hidden;padding-top:40px;z-index:31}.contentContainer_c9t8,.content_jfit{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.content_jfit{color:#fff;gap:100px;padding-left:20px;padding-right:20px}.commBottomContainerStyle_CDHK{align-items:center;color:#fff;display:flex;margin-top:100px;width:100%}.allContentContainer_nVOG{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;text-align:center;width:100%}.allContentTitle_K0Y2{font-size:20px;font-weight:700;line-height:24px;text-align:center}.cardContainerStyle_Kvlw,.cardContentContainerStyle_kX6c{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.headerContainerStyle_RgD_{align-items:center;display:flex;flex-direction:column;gap:16px}.textTitleStye_mJAH{color:#fff;font-size:20px;font-weight:700}.textTitleNumStyle_TEnk{font-size:24px;font-weight:400}.textDescStyle_NFkj{font-size:12px;font-weight:400;line-height:16px;max-width:100%;text-align:center}.imgStyle_GNQD{border-radius:8px;height:auto;width:100%}.cardContentItemNormalStyle_f4ow,.cardContentItemReverseStyle_DHTD{flex-direction:column-reverse}.cardIContentItemContainerStyle_rPYn{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:flex-start;background-color:rgb(18 18 18/var(--tw-bg-opacity));border-color:rgb(42 42 42/var(--tw-border-opacity));border-radius:8px;border-width:1px;display:flex;flex-wrap:nowrap;gap:20px;padding:16px}.textContainerStyle_toav{align-items:flex-start;display:flex;flex-direction:column;gap:16px;width:100%}.textTitleStye_u6Ys{color:#fff;font-size:18px;font-weight:700;line-height:22px}.textTitleNumStyle_h7vB{font-size:20px;font-weight:400}.textDescStyle_vwoY{color:#ffffffe6;font-size:12px;font-weight:400;line-height:16px}.swipeMore_QWDA{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;gap:8px;grid-column:1;grid-row:3;height:auto;line-height:17px}.builderListTitleStyle_ul1g,.swipeMore_QWDA,.swipeMore_QWDA:hover{--tw-text-opacity:1;color:rgb(101 74 236/var(--tw-text-opacity))}.buttonGroup_uxJT button,.codeBlockContainer_USIv{background:var(--prism-background-color);color:var(--prism-color)}.codeBlockContainer_USIv{border-radius:var(--ifm-code-border-radius);box-shadow:var(--ifm-global-shadow-lw);margin-bottom:var(--ifm-leading)}.codeBlockContent_PMfr{border-radius:inherit;direction:ltr;position:relative}.codeBlockTitle_jXLV{border-bottom:1px solid var(--ifm-color-emphasis-300);border-top-left-radius:inherit;border-top-right-radius:inherit;font-size:var(--ifm-code-font-size);font-weight:500;padding:.75rem var(--ifm-pre-padding)}.codeBlock_IHkF{--ifm-pre-background:var(--prism-background-color);margin:0;padding:0}.codeBlockTitle_jXLV+.codeBlockContent_PMfr .codeBlock_IHkF{border-top-left-radius:0;border-top-right-radius:0}.codeBlockLines_THA1{float:left;font:inherit;min-width:100%;padding:var(--ifm-pre-padding)}.codeBlockLinesWithNumbering_tjAB{display:table;padding:var(--ifm-pre-padding) 0}.buttonGroup_uxJT{column-gap:.2rem;display:flex;position:absolute;right:calc(var(--ifm-pre-padding)/2);top:calc(var(--ifm-pre-padding)/2)}.buttonGroup_uxJT button{align-items:center;border:1px solid var(--ifm-color-emphasis-300);border-radius:var(--ifm-global-radius);display:flex;line-height:0;opacity:0;padding:.4rem;transition:opacity var(--ifm-transition-fast) ease-in-out}.buttonGroup_uxJT button:focus-visible,.buttonGroup_uxJT button:hover{opacity:1!important}.theme-code-block:hover .buttonGroup_uxJT button{opacity:.4}:where(:root){--docusaurus-highlighted-code-line-bg:#484d5b}:where([data-theme=dark]){--docusaurus-highlighted-code-line-bg:#646464}.theme-code-block-highlighted-line{background-color:var(--docusaurus-highlighted-code-line-bg);display:block;margin:0 calc(var(--ifm-pre-padding)*-1);padding:0 var(--ifm-pre-padding)}.codeLine_VZlW{counter-increment:a;display:table-row}.codeLineNumber_UV2B{background:var(--ifm-pre-background);display:table-cell;left:0;overflow-wrap:normal;padding:0 var(--ifm-pre-padding);position:sticky;text-align:right;width:1%}.codeLineNumber_UV2B:before{content:counter(a);opacity:.4}.codeLineContent_gotU{padding-right:var(--ifm-pre-padding)}.theme-code-block:hover .copyButtonCopied_TPRR{opacity:1!important}.copyButtonIcons_LZ6a{height:1.125rem;position:relative;width:1.125rem}.copyButtonIcon_H1v1,.copyButtonSuccessIcon_J5e4{fill:currentColor;height:inherit;left:0;opacity:inherit;position:absolute;top:0;transition:all var(--ifm-transition-fast) ease;width:inherit}.copyButtonSuccessIcon_J5e4{color:#00d600;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(.33)}.copyButtonCopied_TPRR .copyButtonIcon_H1v1{opacity:0;transform:scale(.33)}.copyButtonCopied_TPRR .copyButtonSuccessIcon_J5e4{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:75ms}.wordWrapButtonIcon_dUFy{height:1.2rem;width:1.2rem}.details_GXzP{--docusaurus-details-summary-arrow-size:0.38rem;--docusaurus-details-transition:transform 200ms ease;--docusaurus-details-decoration-color:grey}.details_GXzP>summary{cursor:pointer;padding-left:1rem;position:relative}.details_GXzP>summary::-webkit-details-marker{display:none}.details_GXzP>summary:before{border-color:#0000 #0000 #0000 var(--docusaurus-details-decoration-color);border-style:solid;border-width:var(--docusaurus-details-summary-arrow-size);content:"";left:0;position:absolute;top:.45rem;transform:rotate(0);transform-origin:calc(var(--docusaurus-details-summary-arrow-size)/2) 50%;transition:var(--docusaurus-details-transition)}.collapsibleContent_uFAl{border-top:1px solid var(--docusaurus-details-decoration-color);margin-top:1rem;padding-top:1rem}.details_B91m{--docusaurus-details-decoration-color:var(--ifm-alert-border-color);--docusaurus-details-transition:transform var(--ifm-transition-fast) ease;border:1px solid var(--ifm-alert-border-color);margin:0 0 var(--ifm-spacing-vertical)}:not(.containsTaskList_aqzd>li)>.containsTaskList_aqzd{padding-left:0}.admonition_Ztdk{margin-bottom:1em}.admonitionHeading_wuvZ{font:var(--ifm-heading-font-weight) var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);text-transform:uppercase}.admonitionHeading_wuvZ:not(:last-child){margin-bottom:.3rem}.admonitionIcon_bKMe{display:inline-block;margin-right:.4em;vertical-align:middle}.admonitionIcon_bKMe svg{fill:var(--ifm-alert-foreground-color);display:inline-block;height:1.6em;width:1.6em}.commBottomContainer_rcOJ{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 20px 40px;position:relative}.commBottomBtnBg_ws3H,.commBottomContainer_rcOJ{border-bottom-left-radius:20px;border-bottom-right-radius:20px;width:100%}.commBottomBtnBg_ws3H{bottom:0;position:absolute;z-index:-1}.bottomBg_zy8j{background:linear-gradient(180deg,#654aec00,#654aec80)}.whiteBottomBg_HW9h{background:linear-gradient(180deg,#516ab500,#516ab514)}.commBottomTitle_zpUk{color:#fff;font-size:20px;font-weight:700;line-height:24px;text-align:center}.bottomTitle__Qxb{background:linear-gradient(90deg,#ffffff80,#fff 50%,#ffffff80);-webkit-background-clip:text;background-clip:text}.bottomTitle__Qxb,.whiteBottomTitle_r_oZ{-webkit-text-fill-color:#0000;color:#0000}.learnMore_Lb_l,.templateHeaderLabel_W4fj{color:rgb(101 74 236/var(--tw-text-opacity));--tw-text-opacity:1}.whiteBottomTitle_r_oZ{background:linear-gradient(90deg,#0b0c0f80,#0b0c0f 50%,#0b0c0f80);-webkit-background-clip:text;background-clip:text}.commBottomDesc_DyZe{display:-webkit-box;font-size:14px;font-weight:400;line-height:22px;overflow:hidden;text-align:center;width:100%}.commBottomBtn_pFSF{align-items:center;border-radius:24px;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;gap:10px;justify-content:center;line-height:28px;padding:10px 32px;width:100%}.commBottomBtn_pFSF svg{width:16px}.templateContainer_VElw{gap:20px;padding-bottom:30px}.templateContainer_VElw,.templateHeader_AQwG{display:flex;flex-direction:column;margin-top:30px}.templateHeader_AQwG{align-items:flex-start;gap:16px}.templateItemContainer_lyZ8{display:grid;gap:16px}.templateItem_Ji0p{align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center}.templateHeaderLabel_W4fj{font-size:14px;font-weight:600;line-height:32px}.templateHeaderTitle_yMrU{font-size:20px;font-weight:700;line-height:28px}.templateHeaderDesc_XN3P{font-size:14px;font-weight:400;line-height:17px}.templateItemName_yjoV{-webkit-line-clamp:1;font-size:16px;font-weight:600;line-height:24px}.templateItemDesc_NKfB,.templateItemName_yjoV{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.templateItemDesc_NKfB{-webkit-line-clamp:4;font-size:12px;font-weight:400;line-height:16px}.learnMore_Lb_l{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:4px;line-height:16px;text-decoration-line:underline}.operatingStyle_cGmQ,.wallContainerStyle_Ny01{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.logoTitleStyle_hhN_{color:#fff;font-size:12px;font-weight:500;line-height:1.5;text-align:center;width:100%}.logoContainerStyle_PeVm{column-gap:12px;display:grid;row-gap:24px;width:100%}.logoStyle_ixBp{height:28px;width:auto}.commentsContainerStyle_ctEM{align-items:center;display:flex;flex-direction:column;gap:24px}.commentsTitleStyle_iQ9i{font-size:20px;font-weight:700;line-height:28px;text-align:center}.commentsItemsContainerStyle_Zw4J{column-count:2;gap:8px;width:100%}.borderStyle_jCx_{background:linear-gradient(0deg,#000,#242424);border-radius:8px;break-inside:avoid;padding:1px;width:100%}.commentsItemStyle_rd1k{--tw-bg-opacity:1;background-color:rgb(20 20 20/var(--tw-bg-opacity));border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:24px}.commentContentStyle_NzjM{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.contentTextStyle_PpXf{color:#ffffffc0;font-size:12px;font-weight:500;line-height:16px}.reverseQuoteStyle_waKq{align-self:flex-end;transform:rotate(180deg)}.userInfoContainerStyle_WdED img{border-radius:50%;flex:none;height:20px;width:20px}.commentUserNameStyle_D4y3{color:#fff;font-size:12px;font-weight:500;line-height:20px}.commentUserCompanyStyle_zWSD{color:#ffffffc0;font-size:10px;font-weight:400;line-height:16px}.mobileGap_cpxI:after{content:"";display:block;padding-bottom:8px}.faqContainer_vbEd{align-items:center;display:flex;flex-direction:column;gap:24px;width:100%}.faqTitle_s89i{font-size:24px;font-weight:700;line-height:28px}.faqListContainer_XW42{align-items:flex-start;display:flex;flex-direction:column;width:100%}.faqListQuestion_Y7ri{border-radius:8px 8px 2px 2px;cursor:pointer;flex-direction:row;font-size:14px;font-weight:500;gap:16px;justify-content:space-between;line-height:22px;padding:4px 24px}.faqListAnswer_uzUc,.faqListQuestion_Y7ri{align-items:center;display:flex;text-align:start;width:100%}.faqListAnswer_uzUc{background-color:#ffffff14;border-radius:2px 2px 8px 8px;font-size:12px;font-weight:400;line-height:16px;padding-bottom:12px;padding-left:24px;padding-right:24px;white-space:pre-line}.direction_IrxQ{height:12px;width:12px}.publicize_vEiD{--tw-text-opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;display:none;font-size:14px;font-weight:400;height:40px;line-height:22px;margin-left:auto;margin-right:auto;min-width:400px;overflow:hidden;padding-left:25px;padding-right:25px;position:relative}.publicizeStyle_C7Y6{align-items:center;background:linear-gradient(90deg,#ea984c,#5c9ac6 45.31%,#687100 91.49%);display:flex;filter:blur(23px);flex-direction:row;height:124px;justify-content:space-between;left:50%;object-fit:none;object-position:center;opacity:.16;position:absolute;top:50%;transform:translate(-50%,-50%);width:402px;z-index:0}.publicIntru_nEWo{align-items:center;display:flex;gap:11px}.bannerContainerStyle__SXx{align-items:center;color:#fff;display:none;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;padding-left:20px;padding-right:20px}.canvasContainerStyle_h8pN{overflow:hidden;position:absolute;width:100%;z-index:-1}.bgStyle_xQ96{height:382px;object-fit:none;object-position:top;position:absolute;top:0;width:100%;z-index:0}.bannerContentContainer_RLp6{gap:186px;padding-top:24px}.bannerContentContainer_RLp6,.bannerTextContainerStyle_O5rS{align-items:center;display:flex;flex-direction:column;justify-content:center}.bannerTextContainerStyle_O5rS{gap:24px;position:relative;width:100%;z-index:2}.sloganStyle_zysD{font-size:56px;font-weight:800;line-height:88px;text-align:center}.descStyle_U78g{font-size:14px;font-weight:400;line-height:22px;padding-left:20px;padding-right:20px;text-align:center;width:100%}.buttonContainerStyle_UkM3,.buttonContainerStyle_ulq9{align-content:space-between;align-items:center;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:24px;line-height:28px}.bannerImageStyle_bakd,.bannerImageStyle_ppqY{align-items:center;display:flex;justify-content:center;padding-top:64px;width:100%}.colorDescAgentStyle_LHLV,.colorDescAgentStyle_x5xU{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff33ba .77%,#ffb7e7 100.77%);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescAppStyle_An_L,.colorDescAppStyle_qG8r{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1effff,#c9ffff);background-clip:text;-webkit-background-clip:text;font-weight:600}.colorDescFlowStyle_VvqE,.colorDescFlowStyle_y9g7{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8d33ff,#d1adff);background-clip:text;-webkit-background-clip:text;font-weight:600}.solutionContainerStyle_QwBc{display:flex;flex-direction:column;gap:32px;margin-top:62px}.tabsContainerStyle_DETz{--tw-bg-opacity:1;--tw-backdrop-blur:blur(13px);align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:rgb(22 22 27/var(--tw-bg-opacity));border-color:#ffffff14;border-radius:36px;border-width:1px;display:flex;gap:2px;padding:2px;width:100%}.tabsItemStyle_TXig{align-items:center;border-radius:36px;color:#ffffff80;cursor:pointer;display:flex;flex:1 1 0%;font-size:14px;font-weight:500;height:100%;justify-content:center;line-height:20px;padding:14px 24px;position:relative;text-align:center;width:100%}.selectedTabStyle_CyW0{color:#fff;font-weight:600}.splitterItemStyle_gYQ6{background:linear-gradient(0deg,#0003,#0003),linear-gradient(180deg,#3f3849,#262a31);border-radius:34px;height:100%;position:absolute;top:0;width:100%;z-index:0}.solutionImageContainerStyle_LgpU{border-radius:12px;display:flex;flex-direction:row;overflow:hidden;position:relative;width:100%}.contentContainer_kErA svg,.solutionImageContainerStyle_LgpU svg{height:auto;width:100%}.solutionBaseBgStyle_nGRR{flex:none;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.solutionSelectBgStyle_Xioy{opacity:1;position:relative}.solutionUnSelectBgStyle_RZeW{opacity:0;position:absolute;z-index:-1}.solutionBaseImageStyle_APzO{border-radius:8px;bottom:0;box-shadow:0 4px 24px 0 #0000002e;left:50%;opacity:1;position:absolute;transform:translateX(-50%);transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s;z-index:1}.linkButtonStyle_b1Kn{bottom:40px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.pricingMask_W_17{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));overflow:hidden;position:absolute;width:100%;z-index:1}.pricingContainer_Iia_{position:relative;width:100%;z-index:1}.pricingMaskLeft_XgjA{filter:blur(238.125px);left:-525px;opacity:.5;top:-40px;width:1155px}.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj{--tw-bg-opacity:1;background-color:rgb(101 74 236/var(--tw-bg-opacity));display:none;height:453px;position:absolute}.pricingMaskRight_mQEj{filter:blur(238.125px);left:1004px;opacity:.3;top:109px;width:824px}.pricingMaskPhone_eCBF{background:radial-gradient(37% 76.28% at 48.58% 50.06%,#654aec 0,#654aec00 100%);display:block;filter:blur(50px);height:415.69px;left:-204px;opacity:.3;position:absolute;top:46.5px;transform:rotate(2.6deg);width:630px;z-index:-1}.pricingContent_kMON{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin:0 auto;padding-left:20px;padding-right:20px;width:100%}.pricingContentTitleExtra_U6Tm{background:linear-gradient(90deg,#fff0,#ffffff1a 50.38%,#fff0);border-radius:20px;color:#fff;display:block;font-size:14px;font-weight:500;line-height:26px;padding:3px 56px;text-align:center;width:-moz-fit-content;width:fit-content}.pricingContentTitle_tw94{font-size:40px;font-weight:700;justify-self:center;line-height:48px;padding-left:24px;padding-right:24px;text-align:center;width:100%}.cardContainerStyle_frTi{background:radial-gradient(98.85% 129.62% at 6.76% 2.06%,#bac1ff08 0,#dcdfff00 100%),#ffffff0f;border-color:#ffffff19;border-radius:8px;border-width:1px;display:flex;gap:20px;margin-top:8px;padding:24px;width:100%}.premiumCardContainer_ArgU{align-items:flex-start;gap:12px;width:100%}.premiumTitleStyle_pemo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9037ff,#f524ff);background-clip:text;-webkit-background-clip:text;font-size:20px;font-weight:700;line-height:30px}.premiumDescStyle_R6dg{color:#ffffffc0;display:block;font-size:12px;font-weight:400;line-height:15px}.premiumCardContainerStyle_zMC3{bottom:12px;display:flex;flex-direction:column;gap:12px;width:100%}.cardBaseStyle_lN8t{border-radius:8px;height:100%;overflow:hidden;padding:24px;position:relative;width:100%;z-index:1}.priceCardStyle_vDMh{background:linear-gradient(180deg,#ffffff0f,#fff0);display:flex;flex-direction:column;gap:12px}.cardBgStyle_q38d{bottom:0;height:auto;left:0;object-fit:cover;object-position:top;position:absolute;right:0;top:0;width:100%;z-index:-1}.cardIconStyle_UqGN{display:inline-flex;height:16px;width:16px}.agentListTitleStyle_sU8y{--tw-text-opacity:1;color:rgb(255 88 190/var(--tw-text-opacity))}.listIconStyle_TqyE{align-self:flex-start;padding-top:2px}.priceListTitleStyle_v2pp{font-size:16px;font-weight:600;line-height:22px}.priceListStyle_xBIv{display:flex;flex-direction:column;gap:4px}.listItemStyle_Pa3C{align-items:center;display:flex;gap:8px;padding-bottom:4px;padding-top:4px}.listItemNameStyle_YZOo{font-size:14px;font-weight:400;line-height:18px}.priceNumStyle_eiPz{font-size:28px;font-weight:700}.priceNumDescStyle_n2JG{color:#ffffffc0;font-size:12px;font-weight:400;line-height:16px}.upgradeButtonStyle_qpR6{--tw-bg-opacity:1;align-items:center;background-color:rgb(101 74 236/var(--tw-bg-opacity));border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:center;line-height:22px;padding:9px 32px;width:100%}.containerStyle_IK43,.descStyle_uxY4,.textContainerStyle_j9Qp{padding-left:20px;padding-right:20px}.containerStyle_IK43{align-items:center;color:#fff;display:flex;flex-direction:column;flex-grow:0;font-size:2.5rem;font-weight:700;height:100%;margin-bottom:60px;overflow:hidden;position:relative}.indexBgStyle_Nusz{display:none;overflow:hidden;position:absolute;width:100%;z-index:-1}.indexBgStyle_Nusz img{bottom:0;height:auto;position:absolute;width:100%}.canvasContainerStyle_tBLh{height:100%;overflow:hidden;position:absolute;width:100%;z-index:-1}.contentContainer_kErA{align-items:center;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:space-between;padding-top:64px;position:relative}.textContainerStyle_LZMZ{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;position:relative;width:100%;z-index:2}.sloganStyle_L8z2{font-size:36px;font-weight:800;line-height:40px;text-align:center}.colorSloganStyle_oMou{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text}.descStyle_uxY4{font-size:14px;font-weight:400;line-height:17px;text-align:center;width:100%}.demoContainerStyle_taMy{bottom:0;height:auto;perspective:1040px;width:100%;z-index:2}.demoImgStyle_SvRF{border-radius:12px 12px 0 0;display:none;max-width:100%;overflow:hidden;position:relative;transform-origin:center;width:100%}.linkButtonStyle_m6Tn{bottom:16px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.baseLinkButtonStyle_PuMK{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:center;line-height:28px;overflow:hidden;position:relative;text-align:center}.smallSizeStyle_AohM{border-radius:32px;font-size:14px;height:48px;min-width:240px}.normalSizeStyle_qzr1{border-radius:24px;font-size:16px;height:56px;min-width:320px}.largeSizeStyle_kJWZ{border-radius:32px;font-size:16px;height:64px;min-width:320px}.darkColorStyle_MxJT{background-color:#0b0c0f;box-shadow:0 4px 8px 0 #15151d73;color:#fff}.lightColorStyle_JCL1{background-color:#fff;box-shadow:0 2px 24.8px 0 #6100ff;color:#0b0c0f}.lightColorStyle_JCL1:hover{color:#0b0c0f}.baseArrowStyle_lXyW{align-items:center;border-radius:9999px;box-shadow:0 4px 8px #23152f9e;display:flex;justify-content:center}.baseArrowStyle_lXyW svg{height:auto;width:16px}.smallArrowStyle_XZaI{height:32px;margin-right:8px;width:32px}.normalArrowStyle_XxGa{height:40px;margin-right:8px;width:40px}.largeArrowStyle_sKWX{height:40px;margin-right:12px;width:40px}.linesStyle_lbFy,.linkButtonBgStyle_WFWO{position:absolute;width:100%;display:flex}.darkArrowStyle_go7n{background:linear-gradient(180deg,#d1ccf2,#fff);color:#0b0c0f}.lightArrowStyle_QtFv{background:linear-gradient(180deg,#312578,#0b0c0f);color:#fff}.linkButtonBgStyle_WFWO{align-items:center;height:100%;justify-content:flex-end;transition:.3s ease-in-out;z-index:0}.swiper-slide,.swiper-wrapper{transition-property:transform;height:100%}.baseLinkButtonStyle_PuMK:hover .linkButtonBgStyle_WFWO{transform:translateX(-10%)}.linesStyle_lbFy{align-items:center;gap:10px;height:100%;z-index:-1}.swiper,.swiper-wrapper{z-index:1;position:relative}.lineContainerStyle_Y3Ta{display:flex;flex:none;height:100%;justify-content:center;transform:rotate(20deg);width:26px}.lineStyle__sNm{background-color:#0b0c0f;height:100%;width:1px}.darkLineStyle__Ris{--tw-bg-opacity:1;background-color:rgb(57 57 62/var(--tw-bg-opacity))}.lightLineStyle_xduB{--tw-bg-opacity:1;background-color:rgb(240 240 244/var(--tw-bg-opacity))}.bannerContainer_oUHl{gap:32px;height:100%;justify-content:center;overflow:hidden;padding-bottom:32px;padding-top:32px;position:relative}.bannerContainer_oUHl,.textContainerStyle_j9Qp{align-items:center;display:flex;flex-direction:column;width:100%}.textContainerStyle_j9Qp{gap:24px}.sloganStyle_XKtE{color:#fff;font-size:36px;font-weight:700;line-height:40px;text-align:center}.contentLabelStyle_dif9,.descStyle_YqnZ{color:#fff;font-size:14px;text-align:center}.descStyle_YqnZ{line-height:17px}.linkGroupItemStyle_KQRV{align-items:center;display:flex;flex-direction:column;gap:8px}.contentContainerStyle_JEhu{align-items:center;display:flex;flex:none;flex-direction:column;gap:12px;padding-left:8px;padding-right:8px}.contentLabelStyle_dif9{font-weight:600;line-height:20px}.swiper-slide{width:320px!important}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;margin-left:auto;margin-right:auto;overflow:hidden;padding:0}.swiper-wrapper{box-sizing:initial;display:flex;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;position:relative}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:1s linear infinite b}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (min-width:360px){.container{max-width:360px}}@media (min-width:480px){.container{max-width:480px}}@media (min-width:640px){.refine-prose :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2.5rem;line-height:3rem;margin-bottom:2rem}.refine-prose :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:2rem;line-height:2.5rem;margin-bottom:1.5rem}.refine-prose :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem}.refine-prose :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.33rem;line-height:1.75rem;margin-bottom:1.5rem}.refine-prose :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.75rem}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.75rem;line-height:1.0625rem}.admonition-simple *{line-height:1.25rem}.container{max-width:640px}.sm\:h-\[232px\]{height:232px}.sm\:flex-row{flex-direction:row}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:text-2xl{font-size:1.5rem}.sm\:text-sm{font-size:.875rem}}@media (min-width:656px){.container{max-width:656px}}@media (min-width:688px){.blog-sm\:max-w-screen-blog-sm,.container{max-width:688px}.blog-sm\:mb-16{margin-bottom:4rem}.blog-sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.blog-sm\:py-12{padding-bottom:3rem;padding-top:3rem}.blog-sm\:pb-16{padding-bottom:4rem}.blog-sm\:text-4xl{font-size:2.25rem}}@media (min-width:720px){.container{max-width:720px}}@media (min-width:768px){.max-w-screen-content{max-width:656px}.container{max-width:768px}.md\:mb-4{margin-bottom:1rem}.md\:mt-4{margin-top:1rem}.md\:h-64{height:16rem}.md\:w-60{width:15rem}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem}.md\:text-4xl{font-size:2.25rem}.md\:text-base{font-size:1rem}}@media (min-width:864px){.container{max-width:864px}}@media (min-width:944px){.container{max-width:944px}}@media (min-width:960px){.cardContentItemNormalStyle_f4ow,.footerBottom_L4UB,.lg\:flex-row{flex-direction:row}.refine-prose :is(:where(code):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:.875rem;line-height:1.125rem}.container{max-width:960px}.lg\:mb-8{margin-bottom:2rem}.lg\:mt-0{margin-top:0}.lg\:mt-\[16px\]{margin-top:16px}.demoImgStyle_SvRF,.lg\:block,.pricingMaskLeft_XgjA,.pricingMaskRight_mQEj,.publicize_vEiD{display:block}.back_vGuo,.bannerContainerStyle__SXx,.lg\:flex{display:flex}.bannerContainer_oUHl,.lg\:hidden,.mobileGap_cpxI:after,.pricingMaskPhone_eCBF{display:none}.itemDescription_LA9o,.templateItemDesc_NKfB{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box}.lg\:h-\[210px\]{height:210px}.lg\:h-\[26px\]{height:26px}.lg\:h-\[40px\],.logoStyle_ixBp{height:40px}.lg\:w-\[1040px\]{width:1040px}.lg\:w-\[550px\]{width:550px}.lg\:w-\[570px\]{width:570px}.lg\:w-\[800px\]{width:800px}.lg\:w-auto{width:auto}.lg\:max-w-\[680px\]{max-width:680px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1040px}.lg\:items-center{align-items:center}.lg\:gap-\[120px\]{gap:120px}.cardContainerStyle_Kvlw,.lg\:gap-\[32px\],.textContainerStyle_toav,.wallContainerStyle_Ny01{gap:32px}.lg\:gap-\[8px\]{gap:8px}.lg\:px-\[40px\]{padding-left:40px;padding-right:40px}.lg\:py-\[16px\]{padding-bottom:16px;padding-top:16px}.lg\:pb-\[100px\]{padding-bottom:100px}.lg\:pb-\[200px\]{padding-bottom:200px}.lg\:pl-\[30px\]{padding-left:30px}.lg\:pt-\[40px\]{padding-top:40px}.lg\:pt-\[48px\]{padding-top:48px}.lg\:text-\[16px\]{font-size:16px}.lg\:text-base{font-size:1rem}.lg\:text-sm{font-size:.875rem}.lg\:leading-\[19px\]{line-height:19px}.footerContainer_lS9F{gap:40px;padding:80px 120px 40px}.footerContentContainer_DQf_{column-gap:40px;flex-wrap:nowrap;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1040px}.footerBottom_L4UB{gap:48px}.footerBottom_L4UB,.footerItem_GsU2,.textDescStyle_vwoY{font-size:14px;line-height:22px}.lpHeader_rubd{flex-direction:row;flex-wrap:nowrap}.lpHeaderLeft_Zvbf{align-items:flex-start;gap:40px;justify-content:flex-start;text-align:left}.headerTitle_URD5{font-size:48px;line-height:56px}.headerGo_RttL{border-radius:8px;font-size:20px;font-weight:500;height:48px;line-height:28px;padding:10px 32px}.lpContainer_Zbon,.lpContainer_yWoG{padding-left:0;padding-right:0}.contentTitle_b3GB{margin-top:100px}.itemsContainer_OUc9{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.item_AuQF{gap:24px;padding:32px}.itemNameCommon_o16n,.templateHeaderLabel_W4fj{font-size:18px}.itemNameIntegrations_ZIud{line-height:26px}.itemDescription_LA9o{font-size:14px;line-height:24px;overflow:hidden}.contentContainer_c9t8{overflow:visible;padding-top:200px}.content_jfit{gap:200px}.commBottomContainerStyle_CDHK{margin-top:200px}.cardContentContainerStyle_kX6c{gap:64px}.textTitleNumStyle_h7vB,.textTitleStye_mJAH{font-size:40px}.textTitleNumStyle_TEnk{font-size:48px}.textDescStyle_NFkj{font-size:14px;line-height:22px;max-width:488px}.imgStyle_GNQD{width:431px}.cardContentItemReverseStyle_DHTD{flex-direction:row-reverse}.cardIContentItemContainerStyle_rPYn{border-radius:16px;gap:40px;padding:48px}.textTitleStye_u6Ys{font-size:36px;line-height:44px}.swipeMore_QWDA{font-size:16px;line-height:19px}.commBottomContainer_rcOJ{border-bottom-left-radius:40px;border-bottom-right-radius:40px;height:410px;padding:120px 120px 80px}.commBottomTitle_zpUk{font-size:40px;line-height:48px}.commBottomDesc_DyZe{width:600px}.commBottomBtn_pFSF{width:320px}.templateContainer_VElw{gap:40px;padding-bottom:100px}.templateHeader_AQwG{gap:24px;margin-top:60px}.templateItemContainer_lyZ8{gap:40px;grid-template-columns:repeat(4,minmax(0,1fr))}.templateItem_Ji0p{gap:24px}.templateHeaderTitle_yMrU{font-size:32px;line-height:56px}.templateHeaderDesc_XN3P{font-size:16px;line-height:24px}.templateItemDesc_NKfB{line-height:20px;overflow:hidden}.learnMore_Lb_l{font-size:14px;gap:8px;line-height:22px}.logoTitleStyle_hhN_{font-size:16px;line-height:28px}.logoContainerStyle_PeVm{align-items:center;column-gap:40px;display:flex;justify-content:center}.commentsContainerStyle_ctEM{gap:48px}.commentsTitleStyle_iQ9i{font-size:40px;line-height:56px}.commentsItemsContainerStyle_Zw4J{column-count:3;gap:16px}.userInfoContainerStyle_WdED img{height:32px;width:32px}.faqContainer_vbEd{gap:48px;width:800px}.faqTitle_s89i{line-height:56px}.faqListQuestion_Y7ri{border-top-left-radius:16px;border-top-right-radius:16px;font-size:16px}.faqListAnswer_uzUc{border-bottom-left-radius:16px;border-bottom-right-radius:16px;font-size:14px;line-height:22px}.publicizeStyle_C7Y6{height:179px;width:579px}.solutionBaseImageStyle_APzO{width:715px}.pricingContent_kMON{gap:24px;max-width:1200px}.pricingContentTitle_tw94{font-size:64px;line-height:72px}.cardContainerStyle_frTi{gap:40px}.premiumCardContainer_ArgU{border-radius:16px;gap:24px}.premiumTitleStyle_pemo{font-size:24px;line-height:28px}.premiumDescStyle_R6dg{line-height:20px}.premiumCardContainerStyle_zMC3{bottom:0;flex-direction:row;gap:24px}.priceCardStyle_vDMh{gap:20px}.operatingStyle_cGmQ{align-items:flex-start;justify-content:flex-start}.upgradeButtonStyle_qpR6{width:208px}.containerStyle_IK43{margin-bottom:120px}.indexBgStyle_Nusz{display:block;min-height:1200px}.indexBgStyle_Nusz img{height:1034px}.contentContainer_kErA{gap:56px;max-width:1040px;min-height:1200px;padding-top:150px}.sloganStyle_L8z2{font-size:56px;line-height:88px}.descStyle_uxY4{line-height:22px;max-width:800px}.demoContainerStyle_taMy{position:relative}.linkButtonStyle_m6Tn{bottom:40px}}@media (min-width:976px){.container{max-width:976px}}@media (min-width:997px){:root{--docusaurus-announcement-bar-height:30px}.announcementBarClose_S8lM,.announcementBarPlaceholder_nNiq{flex-basis:50px}.navbarSearchContainer_Pu8E{padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)}}@media (min-width:1000px){.blog-md\:max-w-screen-blog-md,.container{max-width:1000px}.blog-md\:mb-8{margin-bottom:2rem}.blog-md\:block{display:block}.blog-md\:max-w-\[624px\]{max-width:624px}.blog-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-md\:flex-row{flex-direction:row}.blog-md\:border-t{border-top-width:1px}.blog-md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.blog-md\:py-16{padding-bottom:4rem;padding-top:4rem}.blog-md\:pb-8{padding-bottom:2rem}.blog-md\:pt-0{padding-top:0}.blog-md\:pt-12{padding-top:3rem}.blog-md\:pt-16{padding-top:4rem}.blog-md\:text-base{font-size:1rem}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1264px){.container{max-width:1264px}}@media (min-width:1280px){.container{max-width:1280px}.blog-lg\:mb-12{margin-bottom:3rem}.blog-lg\:max-w-screen-content-2xl{max-width:864px}.blog-lg\:gap-12{gap:3rem}.blog-lg\:text-5xl{font-size:3rem}.blog-lg\:text-xl{font-size:1.25rem}}@media (min-width:1296px){.container{max-width:1296px}}@media (min-width:1408px){.container{max-width:1408px}}@media (min-width:1440px){.container{max-width:var(--ifm-container-width-xl);max-width:1440px}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:h-\[152px\]{height:152px}.xl\:h-\[192px\]{height:192px}.xl\:h-\[80px\]{height:80px}.xl\:h-\[96px\]{height:96px}.xl\:w-\[250px\]{width:250px}.xl\:w-\[400px\]{width:400px}.xl\:w-auto{width:auto}.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:px-\[200px\]{padding-left:200px;padding-right:200px}.xl\:text-\[14px\]{font-size:14px}.bannerContentContainer_RLp6,.content_jfit,.footerBottom_L4UB,.footerContentContainer_DQf_,.solutionContainerStyle_QwBc,.space_IcLX{max-width:1200px}.content_jfit{padding:0}.allContentContainer_nVOG{gap:64px}.allContentTitle_K0Y2{font-size:40px;line-height:48px}.imgStyle_GNQD{width:532px}.faqTitle_s89i{font-size:48px}.solutionBaseImageStyle_APzO{width:825px}.contentContainer_kErA{max-width:1200px;width:1200px}}@media (min-width:1536px){.refine-prose{font-size:1rem;line-height:1.75}.refine-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.refine-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6em;margin-top:1.6em;padding-left:1em}.refine-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.25em;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.refine-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.refine-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.refine-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.refine-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.875em;padding:.1875em .375em}.refine-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.refine-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.refine-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.875em;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;padding:.8571429em 1.1428571em}.refine-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.refine-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.refine-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.refine-prose :where(.\32xl\:prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(.\32xl\:prose-base>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(.\32xl\:prose-base>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.refine-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.refine-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.refine-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.refine-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.refine-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3em;margin-top:3em}.refine-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.refine-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em}.refine-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.refine-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.refine-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.refine-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.refine-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.refine-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.refine-prose :where(.\32xl\:prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.refine-prose :where(.\32xl\:prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.refine-prose :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1rem}.max-w-screen-content{max-width:864px}.container{max-width:1536px}.\32xl\:mb-6{margin-bottom:1.5rem}.\32xl\:p-6{padding:1.5rem}.\32xl\:text-\[32px\]{font-size:32px}.\32xl\:text-base{font-size:1rem}.\32xl\:text-lg{font-size:1.125rem}.\32xl\:text-xl{font-size:1.25rem}.\32xl\:leading-10{line-height:2.5rem}}@media (min-width:1584px){.container{max-width:1584px}.blog-2xl\:mb-20{margin-bottom:5rem}.blog-2xl\:max-w-screen-blog-md{max-width:1000px}.blog-2xl\:px-0{padding-left:0;padding-right:0}.blog-2xl\:pb-12{padding-bottom:3rem}.blog-2xl\:pt-20{padding-top:5rem}}@media (max-width:996px){.col{--ifm-col-width:100%;flex-basis:var(--ifm-col-width);margin-left:0}.footer{--ifm-footer-padding-horizontal:0}.colorModeToggle_Kblj,.footer__link-separator,.navbar__item{display:none}.footer__col{margin-bottom:calc(var(--ifm-spacing-vertical)*3)}.footer__link-item{display:block}.hero{padding-left:0;padding-right:0}.navbar>.container,.navbar>.container-fluid{padding:0}.navbar__toggle{display:inherit}.navbar__search-input{width:9rem}.pills--block,.tabs--block{flex-direction:column}.navbarSearchContainer_Pu8E{position:absolute;right:var(--ifm-navbar-padding-horizontal)}}@media screen and (max-width:960px){.mobileFooterContainer_tpXD{transform:translateY(0)!important}.linkButtonBgStyle_WFWO{transform:translateX(0)!important}}@media (max-width:576px){.markdown h1:first-child{--ifm-h1-font-size:2rem}.markdown>h2{--ifm-h2-font-size:1.5rem}.markdown>h3{--ifm-h3-font-size:1.25rem}}@media (pointer:fine){.thin-scrollbar{scrollbar-width:thin}.thin-scrollbar::-webkit-scrollbar{height:var(--ifm-scrollbar-size);width:var(--ifm-scrollbar-size)}.thin-scrollbar::-webkit-scrollbar-track{background:var(--ifm-scrollbar-track-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--ifm-scrollbar-thumb-background-color);border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--ifm-scrollbar-thumb-hover-background-color)}}@media (prefers-reduced-motion:reduce){:root{--ifm-transition-fast:0ms;--ifm-transition-slow:0ms}}@media print{.announcementBar_hbYq,.footer,.menu,.navbar,.pagination-nav,.table-of-contents{display:none}.tabs{page-break-inside:avoid}.codeBlockLines_THA1{white-space:pre-wrap}}
\ No newline at end of file
diff --git a/zh/assets/js/1842627e.0eb71650.js b/zh/assets/js/1842627e.0eb71650.js
new file mode 100644
index 0000000000..c44fa1bf21
--- /dev/null
+++ b/zh/assets/js/1842627e.0eb71650.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5037],{2640:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/zh/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/zh/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/zh/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/zh/blog/tags/react"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/zh/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/zh/blog/nvm-use-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/zh/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/zh/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/zh/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,i.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,i.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,i.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(t.p,{children:"These include:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,i.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/1842627e.609edd6c.js b/zh/assets/js/1842627e.609edd6c.js
deleted file mode 100644
index 577357de25..0000000000
--- a/zh/assets/js/1842627e.609edd6c.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5037],{2640:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var o=i(1527),n=i(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/zh/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/zh/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/zh/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/zh/blog/tags/react"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/zh/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/zh/blog/nvm-use-2024"},relatedPosts:[{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",permalink:"/illa-website/zh/blog/shadcn-vs-mui",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.12,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/zh/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/zh/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,o.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,o.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,o.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,o.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,o.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsx)(t.li,{children:"Design"}),"\n",(0,o.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,o.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,o.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,o.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,o.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,o.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,o.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,o.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,o.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,o.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,o.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,o.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,o.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,o.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:"Colors"}),"\n",(0,o.jsx)(t.li,{children:"Border radii"}),"\n",(0,o.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,o.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,o.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,o.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,o.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,o.jsx)(t.p,{children:"These include:"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,o.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,o.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,o.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,o.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,o.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,o.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,o.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,o.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}},7214:(e,t,i)=>{i.d(t,{Z:()=>r,a:()=>a});var o=i(959);const n={},s=o.createContext(n);function a(e){const t=o.useContext(s);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),o.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/1df93b7f.93c94f4a.js b/zh/assets/js/1df93b7f.c6a8adb1.js
similarity index 84%
rename from zh/assets/js/1df93b7f.93c94f4a.js
rename to zh/assets/js/1df93b7f.c6a8adb1.js
index c6426bb606..dfa1a8d870 100644
--- a/zh/assets/js/1df93b7f.93c94f4a.js
+++ b/zh/assets/js/1df93b7f.c6a8adb1.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3237],{1641:(e,t,s)=>{s.d(t,{Z:()=>i});var a,l=s(959);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},n.apply(this,arguments)}const i=e=>{let{title:t,titleId:s,...i}=e;return l.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:15,height:13,viewBox:"0 0 15 13",fill:"none","aria-labelledby":s},i),t?l.createElement("title",{id:s},t):null,a||(a=l.createElement("path",{d:"M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},7812:(e,t,s)=>{s.d(t,{Z:()=>u});const a="faqContainer_vbEd",l="faqTitle_s89i",n="faqListQuestion_Y7ri",i="faqListAnswer_uzUc",o="direction_IrxQ";var c=s(3023),r=s(3473),d=s(5341),m=s(1527);const u=e=>{let{title:t,content:s}=e;const u="transform rotate-0",h="transform -rotate-180",p="bg-white/[0.08]";return(0,m.jsxs)("div",{className:a,children:[(0,m.jsx)("h2",{className:l,children:t}),(0,m.jsx)("div",{className:"w-full flex flex-col gap-[8px]",children:s.map((e=>(0,m.jsx)(c.p,{as:"div",className:"w-full",children:t=>{let{open:s}=t;return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(c.p.Button,{className:(0,d.Z)(n,s?`${p}`:""),children:[(0,m.jsx)("span",{children:e.question}),(0,m.jsx)(r.Z,{className:(0,d.Z)(s?`${h}`:`${u}`,o)})]}),s&&(0,m.jsx)(c.p.Panel,{className:i,children:e.answer})]})}},e.question)))})]})}},117:(e,t,s)=>{s.d(t,{Z:()=>A});var a=s(0),l=s(5341);const n="baseLinkButtonStyle_PuMK",i="smallSizeStyle_AohM",o="normalSizeStyle_qzr1",c="largeSizeStyle_kJWZ",r="darkColorStyle_MxJT",d="lightColorStyle_JCL1",m="baseArrowStyle_lXyW",u="smallArrowStyle_XZaI",h="normalArrowStyle_XxGa",p="largeArrowStyle_sKWX",g="darkArrowStyle_go7n",f="lightArrowStyle_QtFv",v="linkButtonBgStyle_WFWO",b="linesStyle_lbFy",w="lineContainerStyle_Y3Ta",y="lineStyle__sNm",_="darkLineStyle__Ris",x="lightLineStyle_xduB";var I=s(1641),j=s(1527);const A=e=>{let{href:t,children:s,size:A,colorType:L,handleClick:S}=e;return(0,j.jsxs)(a.Z,{to:t,onClick:S,className:(0,l.Z)(n,"small"===A&&i,"normal"===A&&o,"large"===A&&c,"dark"===L?r:d),children:[(0,j.jsxs)("span",{className:v,children:[(0,j.jsx)("span",{className:b,children:Array.from({length:10}).map(((e,t)=>(0,j.jsx)("span",{className:w,children:(0,j.jsx)("span",{className:(0,l.Z)(y,"dark"===L?_:x)},t)},t)))}),(0,j.jsx)("span",{className:(0,l.Z)(m,"small"===A&&u,"normal"===A&&h,"large"===A&&p,"dark"===L?g:f),children:(0,j.jsx)(I.Z,{})})]}),(0,j.jsx)("span",{className:"relative z-[1]",children:s})]})}},3090:(e,t,s)=>{s.d(t,{G:()=>l});var a=s(959);const l=(e,t)=>{const s=(0,a.useRef)(null),l=(0,a.useCallback)((()=>{const a=e.current;if(!a)return;const l=a.getContext("2d");a.width=t.current.clientWidth,a.height=t.current.clientHeight;s.current=(l.clearRect(0,0,a.width,a.height),void(()=>{l.strokeStyle="rgba(255, 255, 255, 0.1)";for(let e=0;e<=a.height;e+=56)l.beginPath(),l.moveTo(0,e),l.lineTo(a.width,e),l.stroke();for(let e=0;e<=a.width;e+=56)l.beginPath(),l.moveTo(e,0),l.lineTo(e,a.height),l.stroke()})())}),[e]);(0,a.useEffect)((()=>{const e=t.current,a=new ResizeObserver((()=>{s.current&&cancelAnimationFrame(s.current),l()}));return a.observe(e),l(),()=>{a&&a.unobserve(e)}}),[t,l]),(0,a.useEffect)((()=>()=>{s.current&&cancelAnimationFrame(s.current),s.current=null}),[])}},7518:(e,t,s)=>{s.r(t),s.d(t,{default:()=>Tt});var a=s(4491),l=s(1153),n=s(2204),i=s(7546),o=s(5374);const c={title:(0,o.I)({id:"meta.title",message:"ILLA Cloud | Build AI Driven Business App"}),description:(0,o.I)({id:"meta.description",message:"Empower your team with AI Agent and advanced low-code tools to create business apps"}),keywords:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"},r={title:(0,o.I)({id:"faq.title",message:"Frequently Asked Questions"}),content:[{question:(0,o.I)({id:"faq.content.0.question",message:"What kind of content can I build with ILLA AI?"}),answer:(0,o.I)({id:"faq.content.0.answer",message:"You can build any internal application or AI tool you need, and you can also integrate AI with internal applications. For example, a dashboard, an admin panel, file content management, customer management system, text generation tool, image generation tool, email generation tool, and so on."})},{question:(0,o.I)({id:"faq.content.1.question",message:"Who can use ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.1.answer",message:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."})},{question:(0,o.I)({id:"faq.content.2.question",message:"How can I benefit from ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.2.answer",message:"ILLA AI not only reduces the cost of building your tools but also integrates any AI capabilities you desire, making your work more efficient and enabling you to generate more valuable content in less time."})},{question:(0,o.I)({id:"faq.content.3.question",message:"Can I customize the AI Agent for my specific business needs?"}),answer:(0,o.I)({id:"faq.content.3.answer",message:"Yes, you can! AI Agent is based on a large language model and can be customized to perform specific tasks. You can define the behavior of the AI Agent based on your business requirements. By using ILLA Builder, you can feed data into the AI Agent and train it to accomplish designated tasks such as text processing, image recognition, and natural language processing."})},{question:(0,o.I)({id:"faq.content.4.question",message:"What data sources does ILLA support?"}),answer:(0,o.I)({id:"faq.content.4.answer",message:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."})},{question:(0,o.I)({id:"faq.content.5.question",message:"Is there any technical support available for ILLA Cloud users?"}),answer:(0,o.I)({id:"faq.content.5.answer",message:"Yes, ILLA Cloud offers technical support to its users. If you encounter any issues or have questions about the platform's features, you can reach out to our support team for assistance. We are dedicated to helping you have a seamless experience with ILLA Cloud."})}]},d={"@context":"https://schema.org","@graph":[{"@type":"Organization",name:"ILLA Cloud",url:"https://www.illacloud.com/#organization",logo:"https://www.illacloud.com/#logo",sameAs:["https://twitter.com/illacloudhq","https://github.com/illacloud/illa-builder","https://www.illacloud.com/","https://www.youtube.com/@illacloud","https://www.linkedin.com/company/illacloud/"]},{"@type":"WebSite",name:"ILLA Cloud",url:"https://www.illacloud.com/#Website",potentialAction:{"@type":"SearchAction",target:"https://www.illacloud.com/?search={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage",url:"www.illacloud.com/illadrive/#WebPage",name:"ILLA Cloud",description:"An open-source low-code platform with react component library to build AI native internal applications in minutes."},{"@type":"FAQPage",mainEntity:[{"@type":"Question",name:"What is ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"ILLA Cloud is a low-code platform that inherits multiple capabilities from ILLA Builder and ILLA Drive. It provides a seamless experience by allowing users to log in and register to access its features. With ILLA Cloud, you can effortlessly build internal tools, dashboards, CRUD (create, read, update, delete) applications, and more. The platform significantly improves work efficiency and helps companies save costs."}},{"@type":"Question",name:"Who can use ILLA Cloud",acceptedAnswer:{"@type":"Answer",text:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."}},{"@type":"Question",name:"What kinds of applications can you develop using ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"1. Rapid idea implementation: When enterprises experience a high demand for internal tools during rapid growth, ILLA can significantly accelerate the development speed and quality of your internal applications. This helps expedite your company's growth by quickly addressing the tooling needs. 2. No skill limitations for editors: With ILLA, any individual within the organization can build the tools they need without requiring specialized teams or technical skills. This empowers employees across various roles to create their own solutions, fostering innovation and productivity. 3. Cost reduction: By leveraging ILLA, enterprises can allocate their time, workforce, and financial resources towards core business activities. This results in reduced costs as ILLA streamlines the development process, eliminates the need for specialized teams, and minimizes the investment required for tooling development."}},{"@type":"Question",name:"What problems can ILLA Cloud solve?",acceptedAnswer:{"@type":"Answer",text:"With ILLA Cloud, you can build any application you need, such as commonly used internal tools like Dashboards, Admin Panels, CRUD apps, CRM, CMS, and more. Additionally, you can develop AI applications, such as text-to-image applications with Stable Diffusion, audio-to-text applications with Whisper, and even embed OpenAI's GPT models to assist you in completing various tasks."}},{"@type":"Question",name:"Which data sources does ILLA support?",acceptedAnswer:{"@type":"Answer",text:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."}}]},{"@type":"VideoObject",name:"What is ILLA Cloud",description:"ILLA Cloud is a low-code platform to make users build internal tools faster.",thumbnailUrl:"https://cdn.illacloud.com/official-website/img/home/playVideoCover.png",uploadDate:"2023-06-15",duration:"PT1M20S",contentUrl:"https://cdn.illacloud.com/official-website/img/home/video.webm"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203341.svg",datePublished:"2023-06-15",description:"40+ components in ILLA Cloud",name:"ILLA Cloud components"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340.svg",datePublished:"2023-06-15",description:"SQL Generation based on OpenAI in ILLA Cloud",name:"ILLA Cloud SQL Generation"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340%20(1).svg",datePublished:"2023-06-15",description:"Real-time collaboration based on OpenAI in ILLA Cloud",name:"ILLA Cloud real-time collaboration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/datasource/datasource.svg",datePublished:"2023-06-15",description:"ILLA Cloud supports to connect multiple datasource with GUI mode. No code required. ",name:"ILLA Cloud data source integration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Codepartbgweb.svg",datePublished:"2023-06-15",description:"Build dashboard or any other internal tools with ILLA Cloud in minutes",name:"Build dashboard with ILLA Cloud"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356.svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required",name:"ILLA Drive"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356%20(1).svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required. Support anti-leech links",name:"Storage and share files via ILLA Drive"}]},m="contentContainer_c9t8",u="content_jfit",h="commBottomContainerStyle_CDHK",p="allContentContainer_nVOG",g="allContentTitle_K0Y2";var f=s(1527);const v=()=>(0,f.jsxs)("div",{className:p,children:[(0,f.jsx)("h2",{className:g,children:(0,f.jsx)(o.Z,{id:"content.all.title",children:"ILLA Cloud integrates everything"})}),(0,f.jsx)("img",{className:"w-full h-auto",src:"https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp",alt:"ILLA Cloud integrates everything"})]}),b="cardContentContainerStyle_kX6c",w="headerContainerStyle_RgD_",y="textTitleStye_mJAH",_="textTitleNumStyle_TEnk",x="textDescStyle_NFkj",I="imgStyle_GNQD",j="cardContainerStyle_Kvlw",A={cardContentItemReverseStyle:"cardContentItemReverseStyle_DHTD",cardContentItemNormalStyle:"cardContentItemNormalStyle_f4ow",cardIContentItemContainerStyle:"cardIContentItemContainerStyle_rPYn",textContainerStyle:"textContainerStyle_toav",textTitleStye:"textTitleStye_u6Ys",textTitleNumStyle:"textTitleNumStyle_h7vB",textDescStyle:"textDescStyle_vwoY"},L="swipeMore_QWDA";var S=s(0),N=s(5341),C=s(700),Z=s(1641);const k=e=>{let{href:t,title:s,category:a,leftPadding:l=!1}=e;return(0,f.jsxs)(S.Z,{className:(0,N.Z)(L,l?"lg:pl-[30px]":""),to:t,onClick:()=>{(0,C.l)({action:"click",category:a})},children:[(0,f.jsx)("span",{className:"underline",children:s}),(0,f.jsx)(Z.Z,{})]})};var E=s(5628);const O=e=>{let{imageIcon:t,stepNum:s,title:a,desc:l,moreTitle:n,moreHref:i,reverse:o}=e;const c=(0,E.f)();return(0,f.jsxs)("div",{className:(0,N.Z)(A.cardIContentItemContainerStyle,o?A.cardContentItemReverseStyle:A.cardContentItemNormalStyle),children:[t,(0,f.jsxs)("div",{className:A.textContainerStyle,children:[(0,f.jsxs)("h3",{className:A.textTitleStye,children:[(0,f.jsxs)("span",{className:A.textTitleNumStye,children:[s,"."]}),(0,f.jsx)("br",{}),(0,f.jsx)("span",{children:a})]}),(0,f.jsx)("span",{className:A.textDescStyle,children:l}),(0,f.jsx)(k,{title:n,href:c(i)??""})]})]})};var B=s(8930);const q={title:(0,o.I)({id:"how_to_use.title.3_steps_to_customize",message:"steps to customize your business apps"}),desc:(0,o.I)({id:"how_to_use.description.build_tools_through",message:"Build tools through drag-and-drop components, customize your AI Agent, connect to your data sources, and make AI a smart tool tailored to your needs and data, making your work more intelligent."}),items:[{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step1.webp",className:I}),title:(0,o.I)({id:"how_to_use.step1_title.create_ai_agent_for",message:"Drag and drop components to design UI"}),desc:(0,o.I)({id:"how_to_use.step1_description.you_can_create_an_ai",message:"By dragging and dropping components, you can quickly build the UI of the apps and implement any functionality you desire."}),moreTitle:(0,o.I)({id:"how_to_use.step1_button.ai_agent_marketplace",message:"Start building UI with ILLA"}),moreHref:B.E},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step2.webp",className:I}),title:(0,o.I)({id:"how_to_use.step2_title.build_the_frontend_p",message:"Connect to your data sources"}),desc:(0,o.I)({id:"how_to_use.step2_description.by_dragging_and_drop",message:"Connect to your own data sources, including MySQL, PostgreSQL, and other databases, REST APIs, GraphQL, etc. Build CRUD apps in just one minute."}),moreTitle:(0,o.I)({id:"how_to_use.step2_button.illa_app_marketplace",message:"Start building Apps with your data sources"}),moreHref:B.E,reverse:!0},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step3.webp",className:I}),title:(0,o.I)({id:"how_to_use.step3_title.connect_to_your_data",message:"Configure and connect to AI agents"}),desc:(0,o.I)({id:"how_to_use.step3_description.enable_data_integrat",message:"Integrating AI agents into your app and empower it with AI capabilities such as intelligent analysis, content generation, and more, without AI development skills."}),moreTitle:(0,o.I)({id:"how_to_use.step3_button.supported_data_sourc",message:"Start building AI driven apps"}),moreHref:B.E}]},D=()=>(0,f.jsxs)("div",{className:b,children:[(0,f.jsxs)("div",{className:w,children:[(0,f.jsxs)("h2",{className:y,children:[(0,f.jsx)("span",{className:_,children:"3\xa0"}),q.title]}),(0,f.jsx)("span",{className:x,children:q.desc})]}),(0,f.jsx)("div",{className:j,children:q.items.map(((e,t)=>{let{imageIcon:s,title:a,desc:l,moreHref:n,moreTitle:i,reverse:o}=e;return(0,f.jsx)(O,{imageIcon:s,desc:l,title:a,moreTitle:i,reverse:o,moreHref:n,stepNum:t+1},a)}))})]});var M=s(2330);const T="wallContainerStyle_Ny01",P="logoTitleStyle_hhN_",z="logoContainerStyle_PeVm",V="logoStyle_ixBp";var W,U=s(959);function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},R.apply(this,arguments)}const G=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",R({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,W||(W=U.createElement("path",{d:"M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z",fill:"#fff"})))};var H,Q;function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},F.apply(this,arguments)}const Y=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",F({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,H||(H=U.createElement("g",{clipPath:"url(#metaIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"}),U.createElement("path",{d:"M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"}),U.createElement("path",{d:"M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"}))),Q||(Q=U.createElement("defs",null,U.createElement("clipPath",{id:"metaIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.1)",d:"M0 0h120.8v40H0z"})))))};var X,K;function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},J.apply(this,arguments)}const $=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",J({width:171,height:40,viewBox:"0 0 171 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,X||(X=U.createElement("g",{clipPath:"url(#byteDanceIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"}))),K||(K=U.createElement("defs",null,U.createElement("clipPath",{id:"byteDanceIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h170v40H0z"})))))};var ee,te;function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},se.apply(this,arguments)}const ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",se({width:194,height:40,viewBox:"0 0 194 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ee||(ee=U.createElement("g",{clipPath:"url(#alibaba_svg__a)"},U.createElement("path",{d:"M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z",fill:"#fff"}))),te||(te=U.createElement("defs",null,U.createElement("clipPath",{id:"alibaba_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h193v40H0z"})))))};var le;function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ne.apply(this,arguments)}const ie=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ne({width:41,height:40,viewBox:"0 0 41 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,le||(le=U.createElement("path",{d:"M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z",fill:"#fff"})))};var oe;function ce(){return ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ce.apply(this,arguments)}const re=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ce({width:33,height:40,viewBox:"0 0 33 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,oe||(oe=U.createElement("path",{d:"M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z",fill:"#fff"})))},de=[{id:"google",icon:(0,f.jsx)(G,{className:V})},{id:"meta",icon:(0,f.jsx)(Y,{className:V})},{id:"byteDance",icon:(0,f.jsx)($,{className:V})},{id:"aliBaba",icon:(0,f.jsx)(ae,{className:V})},{id:"iPhone",icon:(0,f.jsx)(ie,{className:V})},{id:"jsDesign",icon:(0,f.jsx)(re,{className:V})}];const me=function(){return(0,f.jsxs)("div",{className:T,children:[(0,f.jsx)("span",{className:P,children:(0,f.jsx)(o.Z,{id:"customer.title",children:"Trusted by thousands of teams"})}),(0,f.jsx)("div",{className:z,children:de.map(((e,t)=>{let{id:s,icon:a}=e;return(0,f.jsx)("span",{className:(0,N.Z)(t%2==0?"flex justify-end":"flex justify-start"),children:a},s)}))})]})},ue="commentsContainerStyle_ctEM",he="commentsTitleStyle_iQ9i",pe="commentsItemsContainerStyle_Zw4J",ge="borderStyle_jCx_",fe="commentsItemStyle_rd1k",ve="commentContentStyle_NzjM",be="contentTextStyle_PpXf",we="reverseQuoteStyle_waKq",ye="commentUserNameStyle_D4y3",_e="commentUserCompanyStyle_zWSD",xe="mobileGap_cpxI";var Ie;function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},je.apply(this,arguments)}const Ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",je({width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,Ie||(Ie=U.createElement("path",{d:"M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z",fill:"#fff",fillOpacity:.5})))},Le={title:(0,o.I)({id:"testimonial.title.user_testimonials",message:"User Testimonials"}),items:[{content:(0,o.I)({id:"testimonial.testimonial1_content.illa_cloud_has_been",message:"ILLA Cloud has been a game-changer for me. It helps me generate highly efficient content in less time. The customized AI Agent and App perfectly cater to my business needs."}),userName:(0,o.I)({id:"testimonial.testimonial1_username.christopher",message:"Christopher"}),company:(0,o.I)({id:"testimonial.testimonial1_usertitle.seo_specialist",message:"SEO Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial2_content.i_think_i_become_a_b",message:"I think I become a BlogMaster now! This tool has revolutionized my content generation process, saving me valuable time. Whether it's generating blog ideas or structuring articles, the AI Agents have been a tremendous asset to me and my team."}),userName:(0,o.I)({id:"testimonial.testimonial2_username.lucas",message:"Lucas"}),company:(0,o.I)({id:"testimonial.testimonial2_usertitle.content_strategist",message:"Content Strategist"})},{content:(0,o.I)({id:"testimonial.testimonial3_content.it_empowers_me_to_pr",message:"It empowers me to provide exceptional customer support with minimal effort. The pre-built AI Agent and App, along with the ability to customize them for our specific needs, have significantly enhanced our team's effectiveness."}),userName:(0,o.I)({id:"testimonial.testimonial3_username.harper",message:"Harper"}),company:(0,o.I)({id:"testimonial.testimonial3_usertitle.customer_service_man",message:"Customer Service Manager"})},{content:(0,o.I)({id:"testimonial.testimonial4_content.ai_agent_low_code",message:"AI Agent & low-code has transformed my email writing process. It streamlines the creation of impactful emails, enabling me to craft engaging and persuasive messages effortlessly. ILLA Cloud has elevated our email communication to new heights."}),userName:(0,o.I)({id:"testimonial.testimonial4_username.abigail",message:"Abigail"}),company:(0,o.I)({id:"testimonial.testimonial4_usertitle.communication_specia",message:"Communication Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial5_content.i_need_to_oversee_va",message:"I need to oversee various aspects of my company. ILLA Cloud provides me with a comprehensive solution. It not only saves me time and effort in development and design but also allows me to manage and monitor my business better. "}),userName:(0,o.I)({id:"testimonial.testimonial5_username.matthew",message:"Matthew"}),company:(0,o.I)({id:"testimonial.testimonial5_usertitle.business_founder",message:"Business Founder"})},{content:(0,o.I)({id:"testimonial.testimonial6_content.using_illa_cloud_to",message:"Using ILLA Cloud to build a management dashboard has been incredibly easy. After just one day of work, we were able to accomplish tasks such as monitoring project progress and allocating resources within this dashboard."}),userName:(0,o.I)({id:"testimonial.testimonial6_username.samuel",message:"Samuel"}),company:(0,o.I)({id:"testimonial.testimonial6_usertitle.website_administrato",message:"Website Administrator"})}]},Se=()=>(0,f.jsxs)("div",{className:ue,children:[(0,f.jsx)("h2",{className:he,children:Le.title}),(0,f.jsx)("div",{className:pe,children:Le.items.map(((e,t)=>{let{content:s,userName:a,company:l}=e;return(0,f.jsx)("div",{className:(0,N.Z)(ge,xe,0!==t?"lg:mt-[16px]":""),children:(0,f.jsxs)("div",{className:fe,children:[(0,f.jsxs)("div",{className:ve,children:[(0,f.jsx)(Ae,{className:"w-[10px]"}),(0,f.jsx)("span",{className:be,children:s}),(0,f.jsx)(Ae,{className:we})]}),(0,f.jsxs)("span",{className:"flex flex-col",children:[(0,f.jsx)("span",{className:ye,children:a}),(0,f.jsx)("span",{className:_e,children:l})]})]})},a)}))})]});var Ne=s(7812);const Ce=()=>(0,f.jsxs)("div",{className:m,children:[(0,f.jsxs)("div",{className:u,children:[(0,f.jsx)(me,{}),(0,f.jsx)(D,{}),(0,f.jsx)(Se,{}),(0,f.jsx)(v,{}),(0,f.jsx)(Ne.Z,{title:r.title,content:r.content})]}),(0,f.jsx)("div",{className:h,children:(0,f.jsx)(M.Z,{scrollStart:.9368,scrollEnd:1})})]}),Ze={publicize:"publicize_vEiD",publicizeStyle:"publicizeStyle_C7Y6",publicIntru:"publicIntru_nEWo"};var ke=s(8848);const Ee=e=>{let{stars:t}=e;return(0,f.jsx)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:"hover:no-underline",children:(0,f.jsxs)("div",{className:Ze.publicize,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_banner_click"})},children:[(0,f.jsx)("span",{className:Ze.publicizeStyle}),(0,f.jsxs)("span",{className:"flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]",children:[(0,f.jsx)("span",{className:"flex flex-row justify-between",children:(0,f.jsxs)("span",{className:Ze.publicIntru,children:[(0,f.jsx)(ke.Z,{className:"h-[24px] w-[24px]"}),(0,f.jsxs)("span",{children:[(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.github",children:"Github"})}),(0,f.jsx)("span",{className:"inline-block w-[45px] text-center",children:t}),(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})})]})]})}),(0,f.jsxs)("span",{className:Ze.publicSlogan,role:"img","aria-label":"star us",children:[(0,f.jsx)(o.Z,{id:"title.star-us",children:"Star us"})," \ud83d\udc49"]})]})]})})};var Oe=s(3090);const Be="bannerContainerStyle__SXx",qe="canvasContainerStyle_h8pN",De="bgStyle_xQ96",Me="bannerContentContainer_RLp6",Te="bannerTextContainerStyle_O5rS",Pe="sloganStyle_zysD",ze="descStyle_U78g",Ve="buttonContainerStyle_ulq9",We="colorDescAgentStyle_LHLV",Ue="colorDescAppStyle_qG8r",Re="colorDescFlowStyle_VvqE";var Ge=s(7224);const He="solutionContainerStyle_QwBc",Qe="tabsContainerStyle_DETz",Fe="tabsItemStyle_TXig",Ye="selectedTabStyle_CyW0",Xe="splitterItemStyle_gYQ6",Ke="solutionImageContainerStyle_LgpU",Je="solutionBaseBgStyle_nGRR",$e="solutionSelectBgStyle_Xioy",et="solutionUnSelectBgStyle_RZeW",tt="solutionBaseImageStyle_APzO",st="solutionSelectImageStyle_GSp1",at="linkButtonStyle_b1Kn",lt=[{label:(0,o.I)({id:"ai_header.solutions_title.dashboard",message:"Data Analysis Dashboard"}),value:0},{label:(0,o.I)({id:"ai_header.solutions_title.image_generator",message:"AI Image Generator"}),value:1},{label:(0,o.I)({id:"ai_header.solutions_title.ai_voice_generator",message:"AI Voice Generator"}),value:2},{label:(0,o.I)({id:"ai_header.solutions_title.cms",message:"Content Management"}),value:3},{label:(0,o.I)({id:"ai_header.solutions_title.crm",message:"Sales CRM"}),value:4},{label:(0,o.I)({id:"ai_header.solutions_title.admin_panel",message:"Admin Panel"}),value:5}],nt=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Xz",value:0},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bc",value:1},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bb",value:2},{contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full"}),appID:"ILAcx4p1C72G",value:3},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7N5",value:4},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Oy",value:5}],it=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp",className:"w-full max-w-[320px]"})}].map(((e,t)=>({...e,...lt[t]})));var ot=s(117),ct=s(8618);const rt=()=>{const[e,t]=(0,U.useState)(0),s=(0,U.useRef)(null),a=(0,E.f)(),l=e=>{const t=(0,ct.M)(`${B.kS}/${e}/detail`,{operateType:"fork"});return a(`${B.E}?redirectURL=${encodeURIComponent(t)}`)};return(0,U.useEffect)((()=>(s.current&&clearInterval(s.current),s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3),()=>{s.current&&clearInterval(s.current)})),[]),(0,f.jsxs)("div",{className:He,children:[(0,f.jsx)("div",{className:Qe,children:lt.map((a=>(0,f.jsxs)("div",{className:(0,N.Z)(Fe,a.value===e&&Ye),onClick:()=>{return e=a.value,t(e),s.current&&clearInterval(s.current),void(s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3));var e},children:[(0,f.jsx)("span",{className:"w-full h-full relative z-[1] text-nowrap",children:a.label}),a.value===e&&(0,f.jsx)(Ge.E.div,{layout:"position",className:Xe,layoutId:"underline"})]},a.value)))}),(0,f.jsx)("div",{className:Ke,children:nt.map((t=>(0,f.jsxs)(U.Fragment,{children:[(0,f.jsxs)("div",{className:(0,N.Z)(Je,e===t.value?$e:et),children:[t.contentBg,(0,f.jsx)("div",{className:(0,N.Z)(tt,e===t.value&&st),children:t.content})]}),(0,f.jsx)("div",{className:at,children:(0,f.jsx)(ot.Z,{href:l(t.appID),size:"small",colorType:"dark",handleClick:()=>{(0,C.l)({action:"solution_try_for_free"})},children:(0,f.jsx)(o.Z,{id:"website_4.solution.use_this_template",children:"Try now"})})})]},t.value)))})]})};var dt=s(3630);const mt=(0,o.I)({id:"description",message:"Build { businessApp } with low code, make automated { flow }, create { AIAgent } easily"}),ut=e=>{const{githubStarts:t}=e,a=(0,E.f)(),l=(0,U.useRef)(null),n=(0,U.useRef)(null);return(0,Oe.G)(l,n),(0,f.jsxs)("div",{ref:n,className:Be,children:[(0,f.jsx)("div",{className:qe,children:(0,f.jsx)("canvas",{ref:l})}),(0,f.jsx)("video",{className:De,loop:!0,autoPlay:!0,muted:!0,children:(0,f.jsx)("source",{src:s(139).Z,type:"video/mp4"})}),(0,f.jsxs)("div",{className:Me,children:[(0,f.jsx)(Ee,{stars:t}),(0,f.jsxs)("div",{className:Te,children:[(0,f.jsxs)("div",{className:"flex flex-col gap-[16px]",children:[(0,f.jsx)("h1",{className:Pe,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:ze,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:We,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ue,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Re,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:mt})})]}),(0,f.jsx)("div",{className:Ve,children:(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"large",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})})]})]}),(0,f.jsx)(rt,{})]})};var ht,pt,gt;function ft(){return ft=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ft.apply(this,arguments)}const vt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ft({width:44,height:44,viewBox:"0 0 88 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ht||(ht=U.createElement("rect",{y:-.001,width:88,height:88,rx:44,fill:"url(#linearGithub_svg__a)"})),pt||(pt=U.createElement("path",{d:"M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z",fill:"#fff"})),gt||(gt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearGithub_svg__a",x1:44,y1:-.001,x2:44,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))};var bt,wt,yt;function _t(){return _t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},_t.apply(this,arguments)}const xt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",_t({width:44,height:44,viewBox:"0 0 89 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,bt||(bt=U.createElement("rect",{x:.5,y:-.001,width:88,height:88,rx:44,fill:"url(#linearDiscord_svg__a)"})),wt||(wt=U.createElement("path",{d:"M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z",fill:"#fff"})),yt||(yt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearDiscord_svg__a",x1:44.5,y1:-.001,x2:44.5,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))},It="bannerContainer_oUHl",jt="textContainerStyle_j9Qp",At="sloganStyle_XKtE",Lt="descStyle_YqnZ",St="linkGroupItemStyle_KQRV",Nt="colorDescAgentStyle_x5xU",Ct="colorDescAppStyle_An_L",Zt="colorDescFlowStyle_y9g7",kt="contentContainerStyle_JEhu",Et="contentLabelStyle_dif9";var Ot=s(5676),Bt=s(929);const qt=()=>(0,f.jsx)(Ot.tq,{modules:[Bt.pt],centeredSlides:!0,slidesPerView:"auto",spaceBetween:0,className:"w-full",autoplay:{delay:3e3},children:it.map((e=>(0,f.jsx)(Ot.o5,{children:(0,f.jsxs)("div",{className:kt,children:[e.content,(0,f.jsx)("span",{className:Et,children:e.label})]})},e.label)))}),Dt=e=>{const[t]=(0,U.useState)(!1),{githubStarts:s}=e,a=(0,E.f)(),l=(0,o.I)({id:"description",message:"Build { businessApp } with low code, make automated { flow }, create { AIAgent } easily"});return(0,U.useEffect)((()=>{document.body.style.overflow=t?"hidden":"auto"}),[t]),(0,f.jsxs)("div",{className:It,children:[(0,f.jsxs)("div",{className:jt,children:[(0,f.jsx)("h1",{className:At,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:Lt,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:Nt,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ct,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Zt,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:l})}),(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"normal",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})]}),(0,f.jsxs)("div",{className:"flex items-center gap-[40px]",children:[(0,f.jsxs)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:St,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_mob_click"})},children:[(0,f.jsx)(vt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsxs)("span",{className:"ml-[5px]",children:[s,(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})]})})]}),(0,f.jsxs)(S.Z,{href:"https://discord.com/invite/illacloud",className:"flex flex-col items-center gap-[8px]",onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_discord_mob_click"})},children:[(0,f.jsx)(xt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsx)("span",{className:"ml-[5px] align-middle",children:(0,f.jsx)(o.Z,{id:"join-community",children:"Join Discord"})})})]})]}),(0,f.jsx)(qt,{})]})},Mt=()=>{const[e,t]=(0,U.useState)(!0),[s,a]=(0,U.useState)(0),l=(0,U.useCallback)((async e=>{try{const t=await fetch("https://api.github.com/repos/illacloud/illa-builder",{signal:e}),s=await t.json();return s?.stargazers_count||1e4}catch{return 1e4}}),[]);return(0,U.useEffect)((()=>{const e=new AbortController;return t(!0),l(e.signal).then((e=>{a(e),t(!1)})),()=>{e.abort()}}),[]),[e,(n=s,`${(n/1e3).toFixed(1)}k`)];var n};function Tt(){const[,e]=Mt();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(a.Z,{children:[(0,f.jsx)("html",{"data-active-page":"index"}),(0,f.jsx)("meta",{name:"twitter:title",content:c.title}),(0,f.jsx)("meta",{name:"twitter:description",content:c.description}),(0,f.jsx)("script",{type:"application/ld+json",children:JSON.stringify(d)})]}),(0,f.jsx)(l.j,{...c,children:(0,f.jsxs)("div",{className:"bg-black overflow-visible w-full relative z-[1] font-sans",children:[(0,f.jsx)(n.f,{}),(0,f.jsx)(ut,{githubStarts:e}),(0,f.jsx)(Dt,{githubStarts:e}),(0,f.jsx)(Ce,{}),(0,f.jsx)(i.Z,{scrollStart:.939,scrollEnd:1})]})})]})}},8618:(e,t,s)=>{s.d(t,{M:()=>a});const a=(e,t)=>{const s=new URL(e);for(const a in t)t[a]&&s.searchParams.append(a,t[a]);return s.toString()}},139:(e,t,s)=>{s.d(t,{Z:()=>a});const a=s.p+"assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4"}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3237],{1641:(e,t,s)=>{s.d(t,{Z:()=>i});var a,l=s(959);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},n.apply(this,arguments)}const i=e=>{let{title:t,titleId:s,...i}=e;return l.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:15,height:13,viewBox:"0 0 15 13",fill:"none","aria-labelledby":s},i),t?l.createElement("title",{id:s},t):null,a||(a=l.createElement("path",{d:"M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},7812:(e,t,s)=>{s.d(t,{Z:()=>u});const a="faqContainer_vbEd",l="faqTitle_s89i",n="faqListQuestion_Y7ri",i="faqListAnswer_uzUc",o="direction_IrxQ";var c=s(3023),r=s(3473),d=s(5341),m=s(1527);const u=e=>{let{title:t,content:s}=e;const u="transform rotate-0",h="transform -rotate-180",p="bg-white/[0.08]";return(0,m.jsxs)("div",{className:a,children:[(0,m.jsx)("h2",{className:l,children:t}),(0,m.jsx)("div",{className:"w-full flex flex-col gap-[8px]",children:s.map((e=>(0,m.jsx)(c.p,{as:"div",className:"w-full",children:t=>{let{open:s}=t;return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(c.p.Button,{className:(0,d.Z)(n,s?`${p}`:""),children:[(0,m.jsx)("span",{children:e.question}),(0,m.jsx)(r.Z,{className:(0,d.Z)(s?`${h}`:`${u}`,o)})]}),s&&(0,m.jsx)(c.p.Panel,{className:i,children:e.answer})]})}},e.question)))})]})}},117:(e,t,s)=>{s.d(t,{Z:()=>A});var a=s(0),l=s(5341);const n="baseLinkButtonStyle_PuMK",i="smallSizeStyle_AohM",o="normalSizeStyle_qzr1",c="largeSizeStyle_kJWZ",r="darkColorStyle_MxJT",d="lightColorStyle_JCL1",m="baseArrowStyle_lXyW",u="smallArrowStyle_XZaI",h="normalArrowStyle_XxGa",p="largeArrowStyle_sKWX",g="darkArrowStyle_go7n",f="lightArrowStyle_QtFv",v="linkButtonBgStyle_WFWO",b="linesStyle_lbFy",w="lineContainerStyle_Y3Ta",y="lineStyle__sNm",_="darkLineStyle__Ris",x="lightLineStyle_xduB";var I=s(1641),j=s(1527);const A=e=>{let{href:t,children:s,size:A,colorType:L,handleClick:S}=e;return(0,j.jsxs)(a.Z,{to:t,onClick:S,className:(0,l.Z)(n,"small"===A&&i,"normal"===A&&o,"large"===A&&c,"dark"===L?r:d),children:[(0,j.jsxs)("span",{className:v,children:[(0,j.jsx)("span",{className:b,children:Array.from({length:10}).map(((e,t)=>(0,j.jsx)("span",{className:w,children:(0,j.jsx)("span",{className:(0,l.Z)(y,"dark"===L?_:x)},t)},t)))}),(0,j.jsx)("span",{className:(0,l.Z)(m,"small"===A&&u,"normal"===A&&h,"large"===A&&p,"dark"===L?g:f),children:(0,j.jsx)(I.Z,{})})]}),(0,j.jsx)("span",{className:"relative z-[1]",children:s})]})}},3090:(e,t,s)=>{s.d(t,{G:()=>l});var a=s(959);const l=(e,t)=>{const s=(0,a.useRef)(null),l=(0,a.useCallback)((()=>{const a=e.current;if(!a)return;const l=a.getContext("2d");a.width=t.current.clientWidth,a.height=t.current.clientHeight;s.current=(l.clearRect(0,0,a.width,a.height),void(()=>{l.strokeStyle="rgba(255, 255, 255, 0.1)";for(let e=0;e<=a.height;e+=56)l.beginPath(),l.moveTo(0,e),l.lineTo(a.width,e),l.stroke();for(let e=0;e<=a.width;e+=56)l.beginPath(),l.moveTo(e,0),l.lineTo(e,a.height),l.stroke()})())}),[e]);(0,a.useEffect)((()=>{const e=t.current,a=new ResizeObserver((()=>{s.current&&cancelAnimationFrame(s.current),l()}));return a.observe(e),l(),()=>{a&&a.unobserve(e)}}),[t,l]),(0,a.useEffect)((()=>()=>{s.current&&cancelAnimationFrame(s.current),s.current=null}),[])}},7518:(e,t,s)=>{s.r(t),s.d(t,{default:()=>Tt});var a=s(4491),l=s(1153),n=s(2204),i=s(7546),o=s(5374);const c={title:(0,o.I)({id:"meta.title",message:"ILLA Cloud | Build AI Driven Business App"}),description:(0,o.I)({id:"meta.description",message:"Empower your team with AI Agent and advanced low-code tools to create business apps"}),keywords:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"},r={title:(0,o.I)({id:"faq.title",message:"Frequently Asked Questions"}),content:[{question:(0,o.I)({id:"faq.content.0.question",message:"What kind of content can I build with ILLA AI?"}),answer:(0,o.I)({id:"faq.content.0.answer",message:"You can build any internal application or AI tool you need, and you can also integrate AI with internal applications. For example, a dashboard, an admin panel, file content management, customer management system, text generation tool, image generation tool, email generation tool, and so on."})},{question:(0,o.I)({id:"faq.content.1.question",message:"Who can use ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.1.answer",message:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."})},{question:(0,o.I)({id:"faq.content.2.question",message:"How can I benefit from ILLA Cloud?"}),answer:(0,o.I)({id:"faq.content.2.answer",message:"ILLA AI not only reduces the cost of building your tools but also integrates any AI capabilities you desire, making your work more efficient and enabling you to generate more valuable content in less time."})},{question:(0,o.I)({id:"faq.content.3.question",message:"Can I customize the AI Agent for my specific business needs?"}),answer:(0,o.I)({id:"faq.content.3.answer",message:"Yes, you can! AI Agent is based on a large language model and can be customized to perform specific tasks. You can define the behavior of the AI Agent based on your business requirements. By using ILLA Builder, you can feed data into the AI Agent and train it to accomplish designated tasks such as text processing, image recognition, and natural language processing."})},{question:(0,o.I)({id:"faq.content.4.question",message:"What data sources does ILLA support?"}),answer:(0,o.I)({id:"faq.content.4.answer",message:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."})},{question:(0,o.I)({id:"faq.content.5.question",message:"Is there any technical support available for ILLA Cloud users?"}),answer:(0,o.I)({id:"faq.content.5.answer",message:"Yes, ILLA Cloud offers technical support to its users. If you encounter any issues or have questions about the platform's features, you can reach out to our support team for assistance. We are dedicated to helping you have a seamless experience with ILLA Cloud."})}]},d={"@context":"https://schema.org","@graph":[{"@type":"Organization",name:"ILLA Cloud",url:"https://www.illacloud.com/#organization",logo:"https://www.illacloud.com/#logo",sameAs:["https://twitter.com/illacloudhq","https://github.com/illacloud/illa-builder","https://www.illacloud.com/","https://www.youtube.com/@illacloud","https://www.linkedin.com/company/illacloud/"]},{"@type":"WebSite",name:"ILLA Cloud",url:"https://www.illacloud.com/#Website",potentialAction:{"@type":"SearchAction",target:"https://www.illacloud.com/?search={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage",url:"www.illacloud.com/illadrive/#WebPage",name:"ILLA Cloud",description:"An open-source low-code platform with react component library to build AI native internal applications in minutes."},{"@type":"FAQPage",mainEntity:[{"@type":"Question",name:"What is ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"ILLA Cloud is a low-code platform that inherits multiple capabilities from ILLA Builder and ILLA Drive. It provides a seamless experience by allowing users to log in and register to access its features. With ILLA Cloud, you can effortlessly build internal tools, dashboards, CRUD (create, read, update, delete) applications, and more. The platform significantly improves work efficiency and helps companies save costs."}},{"@type":"Question",name:"Who can use ILLA Cloud",acceptedAnswer:{"@type":"Answer",text:"Whether you are a product manager, full-stack developer, project manager, data analyst...anyone can use ILLA Cloud to build tools: From designing front-end interfaces with drag-and-drop components to integrating with data sources and generating queries using AI assistance, ILLA provides a streamlined experience that removes unnecessary complexities. You don't need to be a tech expert to create your own applications."}},{"@type":"Question",name:"What kinds of applications can you develop using ILLA Cloud?",acceptedAnswer:{"@type":"Answer",text:"1. Rapid idea implementation: When enterprises experience a high demand for internal tools during rapid growth, ILLA can significantly accelerate the development speed and quality of your internal applications. This helps expedite your company's growth by quickly addressing the tooling needs. 2. No skill limitations for editors: With ILLA, any individual within the organization can build the tools they need without requiring specialized teams or technical skills. This empowers employees across various roles to create their own solutions, fostering innovation and productivity. 3. Cost reduction: By leveraging ILLA, enterprises can allocate their time, workforce, and financial resources towards core business activities. This results in reduced costs as ILLA streamlines the development process, eliminates the need for specialized teams, and minimizes the investment required for tooling development."}},{"@type":"Question",name:"What problems can ILLA Cloud solve?",acceptedAnswer:{"@type":"Answer",text:"With ILLA Cloud, you can build any application you need, such as commonly used internal tools like Dashboards, Admin Panels, CRUD apps, CRM, CMS, and more. Additionally, you can develop AI applications, such as text-to-image applications with Stable Diffusion, audio-to-text applications with Whisper, and even embed OpenAI's GPT models to assist you in completing various tasks."}},{"@type":"Question",name:"Which data sources does ILLA support?",acceptedAnswer:{"@type":"Answer",text:"ILLA supports integration with a variety of data sources, including PostgreSQL, MongoDB, REST API, GraphQL, Google Sheets, and more. You can swiftly connect to any data source without writing code, enabling seamless access to your desired data."}}]},{"@type":"VideoObject",name:"What is ILLA Cloud",description:"ILLA Cloud is a low-code platform to make users build internal tools faster.",thumbnailUrl:"https://cdn.illacloud.com/official-website/img/home/playVideoCover.png",uploadDate:"2023-06-15",duration:"PT1M20S",contentUrl:"https://cdn.illacloud.com/official-website/img/home/video.webm"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203341.svg",datePublished:"2023-06-15",description:"40+ components in ILLA Cloud",name:"ILLA Cloud components"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340.svg",datePublished:"2023-06-15",description:"SQL Generation based on OpenAI in ILLA Cloud",name:"ILLA Cloud SQL Generation"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203340%20(1).svg",datePublished:"2023-06-15",description:"Real-time collaboration based on OpenAI in ILLA Cloud",name:"ILLA Cloud real-time collaboration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/datasource/datasource.svg",datePublished:"2023-06-15",description:"ILLA Cloud supports to connect multiple datasource with GUI mode. No code required. ",name:"ILLA Cloud data source integration"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Codepartbgweb.svg",datePublished:"2023-06-15",description:"Build dashboard or any other internal tools with ILLA Cloud in minutes",name:"Build dashboard with ILLA Cloud"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356.svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required",name:"ILLA Drive"},{"@type":"ImageObject",author:"ILLA Cloud",contentUrl:"https://cdn.illacloud.com/official-website/img/home/home3/Frame%203356%20(1).svg",datePublished:"2023-06-15",description:"Friendly CDN.Register to use, no configure required. Support anti-leech links",name:"Storage and share files via ILLA Drive"}]},m="contentContainer_c9t8",u="content_jfit",h="commBottomContainerStyle_CDHK",p="allContentContainer_nVOG",g="allContentTitle_K0Y2";var f=s(1527);const v=()=>(0,f.jsxs)("div",{className:p,children:[(0,f.jsx)("h2",{className:g,children:(0,f.jsx)(o.Z,{id:"content.all.title",children:"ILLA Cloud integrates everything"})}),(0,f.jsx)("img",{className:"w-full h-auto",src:"https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp",alt:"ILLA Cloud integrates everything"})]}),b="cardContentContainerStyle_kX6c",w="headerContainerStyle_RgD_",y="textTitleStye_mJAH",_="textTitleNumStyle_TEnk",x="textDescStyle_NFkj",I="imgStyle_GNQD",j="cardContainerStyle_Kvlw",A={cardContentItemReverseStyle:"cardContentItemReverseStyle_DHTD",cardContentItemNormalStyle:"cardContentItemNormalStyle_f4ow",cardIContentItemContainerStyle:"cardIContentItemContainerStyle_rPYn",textContainerStyle:"textContainerStyle_toav",textTitleStye:"textTitleStye_u6Ys",textTitleNumStyle:"textTitleNumStyle_h7vB",textDescStyle:"textDescStyle_vwoY"},L="swipeMore_QWDA";var S=s(0),N=s(5341),C=s(700),Z=s(1641);const k=e=>{let{href:t,title:s,category:a,leftPadding:l=!1}=e;return(0,f.jsxs)(S.Z,{className:(0,N.Z)(L,l?"lg:pl-[30px]":""),to:t,onClick:()=>{(0,C.l)({action:"click",category:a})},children:[(0,f.jsx)("span",{className:"underline",children:s}),(0,f.jsx)(Z.Z,{})]})};var E=s(5628);const O=e=>{let{imageIcon:t,stepNum:s,title:a,desc:l,moreTitle:n,moreHref:i,reverse:o}=e;const c=(0,E.f)();return(0,f.jsxs)("div",{className:(0,N.Z)(A.cardIContentItemContainerStyle,o?A.cardContentItemReverseStyle:A.cardContentItemNormalStyle),children:[t,(0,f.jsxs)("div",{className:A.textContainerStyle,children:[(0,f.jsxs)("h3",{className:A.textTitleStye,children:[(0,f.jsxs)("span",{className:A.textTitleNumStye,children:[s,"."]}),(0,f.jsx)("br",{}),(0,f.jsx)("span",{children:a})]}),(0,f.jsx)("span",{className:A.textDescStyle,children:l}),(0,f.jsx)(k,{title:n,href:c(i)??""})]})]})};var B=s(8930);const q={title:(0,o.I)({id:"how_to_use.title.3_steps_to_customize",message:"steps to customize your business apps"}),desc:(0,o.I)({id:"how_to_use.description.build_tools_through",message:"Build tools through drag-and-drop components, customize your AI Agent, connect to your data sources, and make AI a smart tool tailored to your needs and data, making your work more intelligent."}),items:[{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step1.webp",className:I}),title:(0,o.I)({id:"how_to_use.step1_title.create_ai_agent_for",message:"Drag and drop components to design UI"}),desc:(0,o.I)({id:"how_to_use.step1_description.you_can_create_an_ai",message:"By dragging and dropping components, you can quickly build the UI of the apps and implement any functionality you desire."}),moreTitle:(0,o.I)({id:"how_to_use.step1_button.ai_agent_marketplace",message:"Start building UI with ILLA"}),moreHref:B.E},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step2.webp",className:I}),title:(0,o.I)({id:"how_to_use.step2_title.build_the_frontend_p",message:"Connect to your data sources"}),desc:(0,o.I)({id:"how_to_use.step2_description.by_dragging_and_drop",message:"Connect to your own data sources, including MySQL, PostgreSQL, and other databases, REST APIs, GraphQL, etc. Build CRUD apps in just one minute."}),moreTitle:(0,o.I)({id:"how_to_use.step2_button.illa_app_marketplace",message:"Start building Apps with your data sources"}),moreHref:B.E,reverse:!0},{imageIcon:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/step/step3.webp",className:I}),title:(0,o.I)({id:"how_to_use.step3_title.connect_to_your_data",message:"Configure and connect to AI agents"}),desc:(0,o.I)({id:"how_to_use.step3_description.enable_data_integrat",message:"Integrating AI agents into your app and empower it with AI capabilities such as intelligent analysis, content generation, and more, without AI development skills."}),moreTitle:(0,o.I)({id:"how_to_use.step3_button.supported_data_sourc",message:"Start building AI driven apps"}),moreHref:B.E}]},D=()=>(0,f.jsxs)("div",{className:b,children:[(0,f.jsxs)("div",{className:w,children:[(0,f.jsxs)("h2",{className:y,children:[(0,f.jsx)("span",{className:_,children:"3\xa0"}),q.title]}),(0,f.jsx)("span",{className:x,children:q.desc})]}),(0,f.jsx)("div",{className:j,children:q.items.map(((e,t)=>{let{imageIcon:s,title:a,desc:l,moreHref:n,moreTitle:i,reverse:o}=e;return(0,f.jsx)(O,{imageIcon:s,desc:l,title:a,moreTitle:i,reverse:o,moreHref:n,stepNum:t+1},a)}))})]});var M=s(2330);const T="wallContainerStyle_Ny01",P="logoTitleStyle_hhN_",z="logoContainerStyle_PeVm",V="logoStyle_ixBp";var W,U=s(959);function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},R.apply(this,arguments)}const G=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",R({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,W||(W=U.createElement("path",{d:"M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z",fill:"#fff"})))};var H,Q;function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},F.apply(this,arguments)}const Y=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",F({width:121,height:40,viewBox:"0 0 121 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,H||(H=U.createElement("g",{clipPath:"url(#metaIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"}),U.createElement("path",{d:"M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"}),U.createElement("path",{d:"M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"}))),Q||(Q=U.createElement("defs",null,U.createElement("clipPath",{id:"metaIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.1)",d:"M0 0h120.8v40H0z"})))))};var X,K;function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},J.apply(this,arguments)}const $=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",J({width:171,height:40,viewBox:"0 0 171 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,X||(X=U.createElement("g",{clipPath:"url(#byteDanceIcon_svg__a)",fill:"#fff"},U.createElement("path",{d:"M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"}))),K||(K=U.createElement("defs",null,U.createElement("clipPath",{id:"byteDanceIcon_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h170v40H0z"})))))};var ee,te;function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},se.apply(this,arguments)}const ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",se({width:194,height:40,viewBox:"0 0 194 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ee||(ee=U.createElement("g",{clipPath:"url(#alibaba_svg__a)"},U.createElement("path",{d:"M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z",fill:"#fff"}))),te||(te=U.createElement("defs",null,U.createElement("clipPath",{id:"alibaba_svg__a"},U.createElement("path",{fill:"#fff",transform:"translate(.9)",d:"M0 0h193v40H0z"})))))};var le;function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ne.apply(this,arguments)}const ie=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ne({width:41,height:40,viewBox:"0 0 41 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,le||(le=U.createElement("path",{d:"M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z",fill:"#fff"})))};var oe;function ce(){return ce=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ce.apply(this,arguments)}const re=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ce({width:33,height:40,viewBox:"0 0 33 40",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,oe||(oe=U.createElement("path",{d:"M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z",fill:"#fff"})))},de=[{id:"google",icon:(0,f.jsx)(G,{className:V})},{id:"meta",icon:(0,f.jsx)(Y,{className:V})},{id:"byteDance",icon:(0,f.jsx)($,{className:V})},{id:"aliBaba",icon:(0,f.jsx)(ae,{className:V})},{id:"iPhone",icon:(0,f.jsx)(ie,{className:V})},{id:"jsDesign",icon:(0,f.jsx)(re,{className:V})}];const me=function(){return(0,f.jsxs)("div",{className:T,children:[(0,f.jsx)("span",{className:P,children:(0,f.jsx)(o.Z,{id:"customer.title",children:"Trusted by thousands of teams"})}),(0,f.jsx)("div",{className:z,children:de.map(((e,t)=>{let{id:s,icon:a}=e;return(0,f.jsx)("span",{className:(0,N.Z)(t%2==0?"flex justify-end":"flex justify-start"),children:a},s)}))})]})},ue="commentsContainerStyle_ctEM",he="commentsTitleStyle_iQ9i",pe="commentsItemsContainerStyle_Zw4J",ge="borderStyle_jCx_",fe="commentsItemStyle_rd1k",ve="commentContentStyle_NzjM",be="contentTextStyle_PpXf",we="reverseQuoteStyle_waKq",ye="commentUserNameStyle_D4y3",_e="commentUserCompanyStyle_zWSD",xe="mobileGap_cpxI";var Ie;function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},je.apply(this,arguments)}const Ae=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",je({width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,Ie||(Ie=U.createElement("path",{d:"M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z",fill:"#fff",fillOpacity:.5})))},Le={title:(0,o.I)({id:"testimonial.title.user_testimonials",message:"User Testimonials"}),items:[{content:(0,o.I)({id:"testimonial.testimonial1_content.illa_cloud_has_been",message:"ILLA Cloud has been a game-changer for me. It helps me generate highly efficient content in less time. The customized AI Agent and App perfectly cater to my business needs."}),userName:(0,o.I)({id:"testimonial.testimonial1_username.christopher",message:"Christopher"}),company:(0,o.I)({id:"testimonial.testimonial1_usertitle.seo_specialist",message:"SEO Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial2_content.i_think_i_become_a_b",message:"I think I become a BlogMaster now! This tool has revolutionized my content generation process, saving me valuable time. Whether it's generating blog ideas or structuring articles, the AI Agents have been a tremendous asset to me and my team."}),userName:(0,o.I)({id:"testimonial.testimonial2_username.lucas",message:"Lucas"}),company:(0,o.I)({id:"testimonial.testimonial2_usertitle.content_strategist",message:"Content Strategist"})},{content:(0,o.I)({id:"testimonial.testimonial3_content.it_empowers_me_to_pr",message:"It empowers me to provide exceptional customer support with minimal effort. The pre-built AI Agent and App, along with the ability to customize them for our specific needs, have significantly enhanced our team's effectiveness."}),userName:(0,o.I)({id:"testimonial.testimonial3_username.harper",message:"Harper"}),company:(0,o.I)({id:"testimonial.testimonial3_usertitle.customer_service_man",message:"Customer Service Manager"})},{content:(0,o.I)({id:"testimonial.testimonial4_content.ai_agent_low_code",message:"AI Agent & low-code has transformed my email writing process. It streamlines the creation of impactful emails, enabling me to craft engaging and persuasive messages effortlessly. ILLA Cloud has elevated our email communication to new heights."}),userName:(0,o.I)({id:"testimonial.testimonial4_username.abigail",message:"Abigail"}),company:(0,o.I)({id:"testimonial.testimonial4_usertitle.communication_specia",message:"Communication Specialist"})},{content:(0,o.I)({id:"testimonial.testimonial5_content.i_need_to_oversee_va",message:"I need to oversee various aspects of my company. ILLA Cloud provides me with a comprehensive solution. It not only saves me time and effort in development and design but also allows me to manage and monitor my business better. "}),userName:(0,o.I)({id:"testimonial.testimonial5_username.matthew",message:"Matthew"}),company:(0,o.I)({id:"testimonial.testimonial5_usertitle.business_founder",message:"Business Founder"})},{content:(0,o.I)({id:"testimonial.testimonial6_content.using_illa_cloud_to",message:"Using ILLA Cloud to build a management dashboard has been incredibly easy. After just one day of work, we were able to accomplish tasks such as monitoring project progress and allocating resources within this dashboard."}),userName:(0,o.I)({id:"testimonial.testimonial6_username.samuel",message:"Samuel"}),company:(0,o.I)({id:"testimonial.testimonial6_usertitle.website_administrato",message:"Website Administrator"})}]},Se=()=>(0,f.jsxs)("div",{className:ue,children:[(0,f.jsx)("h2",{className:he,children:Le.title}),(0,f.jsx)("div",{className:pe,children:Le.items.map(((e,t)=>{let{content:s,userName:a,company:l}=e;return(0,f.jsx)("div",{className:(0,N.Z)(ge,xe,0!==t?"lg:mt-[16px]":""),children:(0,f.jsxs)("div",{className:fe,children:[(0,f.jsxs)("div",{className:ve,children:[(0,f.jsx)(Ae,{className:"w-[10px]"}),(0,f.jsx)("span",{className:be,children:s}),(0,f.jsx)(Ae,{className:we})]}),(0,f.jsxs)("span",{className:"flex flex-col",children:[(0,f.jsx)("span",{className:ye,children:a}),(0,f.jsx)("span",{className:_e,children:l})]})]})},a)}))})]});var Ne=s(7812);const Ce=()=>(0,f.jsxs)("div",{className:m,children:[(0,f.jsxs)("div",{className:u,children:[(0,f.jsx)(me,{}),(0,f.jsx)(D,{}),(0,f.jsx)(Se,{}),(0,f.jsx)(v,{}),(0,f.jsx)(Ne.Z,{title:r.title,content:r.content})]}),(0,f.jsx)("div",{className:h,children:(0,f.jsx)(M.Z,{scrollStart:.9368,scrollEnd:1})})]}),Ze={publicize:"publicize_vEiD",publicizeStyle:"publicizeStyle_C7Y6",publicIntru:"publicIntru_nEWo"};var ke=s(8848);const Ee=e=>{let{stars:t}=e;return(0,f.jsx)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:"hover:no-underline",children:(0,f.jsxs)("div",{className:Ze.publicize,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_banner_click"})},children:[(0,f.jsx)("span",{className:Ze.publicizeStyle}),(0,f.jsxs)("span",{className:"flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]",children:[(0,f.jsx)("span",{className:"flex flex-row justify-between",children:(0,f.jsxs)("span",{className:Ze.publicIntru,children:[(0,f.jsx)(ke.Z,{className:"h-[24px] w-[24px]"}),(0,f.jsxs)("span",{children:[(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.github",children:"Github"})}),(0,f.jsx)("span",{className:"inline-block w-[45px] text-center",children:t}),(0,f.jsx)("span",{children:(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})})]})]})}),(0,f.jsxs)("span",{className:Ze.publicSlogan,role:"img","aria-label":"star us",children:[(0,f.jsx)(o.Z,{id:"title.star-us",children:"Star us"})," \ud83d\udc49"]})]})]})})};var Oe=s(3090);const Be="bannerContainerStyle__SXx",qe="canvasContainerStyle_h8pN",De="bgStyle_xQ96",Me="bannerContentContainer_RLp6",Te="bannerTextContainerStyle_O5rS",Pe="sloganStyle_zysD",ze="descStyle_U78g",Ve="buttonContainerStyle_ulq9",We="colorDescAgentStyle_LHLV",Ue="colorDescAppStyle_qG8r",Re="colorDescFlowStyle_VvqE";var Ge=s(7224);const He="solutionContainerStyle_QwBc",Qe="tabsContainerStyle_DETz",Fe="tabsItemStyle_TXig",Ye="selectedTabStyle_CyW0",Xe="splitterItemStyle_gYQ6",Ke="solutionImageContainerStyle_LgpU",Je="solutionBaseBgStyle_nGRR",$e="solutionSelectBgStyle_Xioy",et="solutionUnSelectBgStyle_RZeW",tt="solutionBaseImageStyle_APzO",st="solutionSelectImageStyle_GSp1",at="linkButtonStyle_b1Kn",lt=[{label:(0,o.I)({id:"ai_header.solutions_title.dashboard",message:"Data Analysis Dashboard"}),value:0},{label:(0,o.I)({id:"ai_header.solutions_title.image_generator",message:"AI Image Generator"}),value:1},{label:(0,o.I)({id:"ai_header.solutions_title.ai_voice_generator",message:"AI Voice Generator"}),value:2},{label:(0,o.I)({id:"ai_header.solutions_title.cms",message:"Content Management"}),value:3},{label:(0,o.I)({id:"ai_header.solutions_title.crm",message:"Sales CRM"}),value:4},{label:(0,o.I)({id:"ai_header.solutions_title.admin_panel",message:"Admin Panel"}),value:5}],nt=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Xz",value:0},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bc",value:1},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Bb",value:2},{contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full"}),appID:"ILAcx4p1C72G",value:3},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7N5",value:4},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp",className:"w-full"}),contentBg:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp",className:"w-full"}),appID:"ILAcx4p1C7Oy",value:5}],it=[{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp",className:"w-full max-w-[320px]"})},{content:(0,f.jsx)("img",{src:"https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp",className:"w-full max-w-[320px]"})}].map(((e,t)=>({...e,...lt[t]})));var ot=s(117),ct=s(8618);const rt=()=>{const[e,t]=(0,U.useState)(0),s=(0,U.useRef)(null),a=(0,E.f)(),l=e=>{const t=(0,ct.M)(`${B.kS}/${e}/detail`,{operateType:"fork"});return a(`${B.E}?redirectURL=${encodeURIComponent(t)}`)};return(0,U.useEffect)((()=>(s.current&&clearInterval(s.current),s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3),()=>{s.current&&clearInterval(s.current)})),[]),(0,f.jsxs)("div",{className:He,children:[(0,f.jsx)("div",{className:Qe,children:lt.map((a=>(0,f.jsxs)("div",{className:(0,N.Z)(Fe,a.value===e&&Ye),onClick:()=>{return e=a.value,t(e),s.current&&clearInterval(s.current),void(s.current=setInterval((()=>{t((e=>e===lt.length-1?0:e+1))}),3e3));var e},children:[(0,f.jsx)("span",{className:"w-full h-full relative z-[1] text-nowrap",children:a.label}),a.value===e&&(0,f.jsx)(Ge.E.div,{layout:"position",className:Xe,layoutId:"underline"})]},a.value)))}),(0,f.jsx)("div",{className:Ke,children:nt.map((t=>(0,f.jsxs)(U.Fragment,{children:[(0,f.jsxs)("div",{className:(0,N.Z)(Je,e===t.value?$e:et),children:[t.contentBg,(0,f.jsx)("div",{className:(0,N.Z)(tt,e===t.value&&st),children:t.content})]}),(0,f.jsx)("div",{className:at,children:(0,f.jsx)(ot.Z,{href:l(t.appID),size:"small",colorType:"dark",handleClick:()=>{(0,C.l)({action:"solution_try_for_free"})},children:(0,f.jsx)(o.Z,{id:"website_4.solution.use_this_template",children:"Try now"})})})]},t.value)))})]})};var dt=s(3630);const mt=(0,o.I)({id:"description",message:"Build {businessApp} with low code, make automated {flow}, create {AIAgent} easily"}),ut=e=>{const{githubStarts:t}=e,a=(0,E.f)(),l=(0,U.useRef)(null),n=(0,U.useRef)(null);return(0,Oe.G)(l,n),(0,f.jsxs)("div",{ref:n,className:Be,children:[(0,f.jsx)("div",{className:qe,children:(0,f.jsx)("canvas",{ref:l})}),(0,f.jsx)("video",{className:De,loop:!0,autoPlay:!0,muted:!0,children:(0,f.jsx)("source",{src:s(139).Z,type:"video/mp4"})}),(0,f.jsxs)("div",{className:Me,children:[(0,f.jsx)(Ee,{stars:t}),(0,f.jsxs)("div",{className:Te,children:[(0,f.jsxs)("div",{className:"flex flex-col gap-[16px]",children:[(0,f.jsx)("h1",{className:Pe,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:ze,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:We,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ue,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Re,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:mt})})]}),(0,f.jsx)("div",{className:Ve,children:(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"large",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})})]})]}),(0,f.jsx)(rt,{})]})};var ht,pt,gt;function ft(){return ft=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},ft.apply(this,arguments)}const vt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",ft({width:44,height:44,viewBox:"0 0 88 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,ht||(ht=U.createElement("rect",{y:-.001,width:88,height:88,rx:44,fill:"url(#linearGithub_svg__a)"})),pt||(pt=U.createElement("path",{d:"M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z",fill:"#fff"})),gt||(gt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearGithub_svg__a",x1:44,y1:-.001,x2:44,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))};var bt,wt,yt;function _t(){return _t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e},_t.apply(this,arguments)}const xt=e=>{let{title:t,titleId:s,...a}=e;return U.createElement("svg",_t({width:44,height:44,viewBox:"0 0 89 88",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":s},a),t?U.createElement("title",{id:s},t):null,bt||(bt=U.createElement("rect",{x:.5,y:-.001,width:88,height:88,rx:44,fill:"url(#linearDiscord_svg__a)"})),wt||(wt=U.createElement("path",{d:"M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z",fill:"#fff"})),yt||(yt=U.createElement("defs",null,U.createElement("linearGradient",{id:"linearDiscord_svg__a",x1:44.5,y1:-.001,x2:44.5,y2:87.999,gradientUnits:"userSpaceOnUse"},U.createElement("stop",{stopColor:"#fff",stopOpacity:.2}),U.createElement("stop",{offset:1,stopColor:"#fff",stopOpacity:.02})))))},It="bannerContainer_oUHl",jt="textContainerStyle_j9Qp",At="sloganStyle_XKtE",Lt="descStyle_YqnZ",St="linkGroupItemStyle_KQRV",Nt="colorDescAgentStyle_x5xU",Ct="colorDescAppStyle_An_L",Zt="colorDescFlowStyle_y9g7",kt="contentContainerStyle_JEhu",Et="contentLabelStyle_dif9";var Ot=s(5676),Bt=s(929);const qt=()=>(0,f.jsx)(Ot.tq,{modules:[Bt.pt],centeredSlides:!0,slidesPerView:"auto",spaceBetween:0,className:"w-full",autoplay:{delay:3e3},children:it.map((e=>(0,f.jsx)(Ot.o5,{children:(0,f.jsxs)("div",{className:kt,children:[e.content,(0,f.jsx)("span",{className:Et,children:e.label})]})},e.label)))}),Dt=e=>{const[t]=(0,U.useState)(!1),{githubStarts:s}=e,a=(0,E.f)(),l=(0,o.I)({id:"description",message:"Build {businessApp} with low code, make automated {flow}, create {AIAgent} easily"});return(0,U.useEffect)((()=>{document.body.style.overflow=t?"hidden":"auto"}),[t]),(0,f.jsxs)("div",{className:It,children:[(0,f.jsxs)("div",{className:jt,children:[(0,f.jsx)("h1",{className:At,children:(0,f.jsx)(o.Z,{id:"slogan-1",children:"Build AI Driven Business App"})}),(0,f.jsx)("span",{className:Lt,children:(0,f.jsx)(dt.Z,{values:{AIAgent:(0,f.jsx)("span",{className:Nt,children:(0,f.jsx)(o.Z,{id:"website_4.description.ai_agent",children:"AI Agent"})}),businessApp:(0,f.jsx)("span",{className:Ct,children:(0,f.jsx)(o.Z,{id:"website_4.description.business_app",children:"website&app"})}),flow:(0,f.jsx)("span",{className:Zt,children:(0,f.jsx)(o.Z,{id:"website_4.description.flow",children:"flow"})})},children:l})}),(0,f.jsx)(ot.Z,{href:a(B.E),colorType:"light",size:"normal",handleClick:()=>{(0,C.l)({action:"click",category:"homepage_body_try_cloud_free_click"}),(0,C.l)({action:"click_try"})},children:(0,f.jsx)(o.Z,{id:"first_button",children:"Get started"})})]}),(0,f.jsxs)("div",{className:"flex items-center gap-[40px]",children:[(0,f.jsxs)(S.Z,{href:"https://github.com/illacloud/illa-builder",className:St,onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_github_mob_click"})},children:[(0,f.jsx)(vt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsxs)("span",{className:"ml-[5px]",children:[s,(0,f.jsx)(o.Z,{id:"title.stars",children:"Stars"})]})})]}),(0,f.jsxs)(S.Z,{href:"https://discord.com/invite/illacloud",className:"flex flex-col items-center gap-[8px]",onClick:()=>{(0,C.l)({action:"click",category:"homepage_body_discord_mob_click"})},children:[(0,f.jsx)(xt,{}),(0,f.jsx)("div",{className:"text-white-01 text-[13px] flex items-center font-medium",children:(0,f.jsx)("span",{className:"ml-[5px] align-middle",children:(0,f.jsx)(o.Z,{id:"join-community",children:"Join Discord"})})})]})]}),(0,f.jsx)(qt,{})]})},Mt=()=>{const[e,t]=(0,U.useState)(!0),[s,a]=(0,U.useState)(0),l=(0,U.useCallback)((async e=>{try{const t=await fetch("https://api.github.com/repos/illacloud/illa-builder",{signal:e}),s=await t.json();return s?.stargazers_count||1e4}catch{return 1e4}}),[]);return(0,U.useEffect)((()=>{const e=new AbortController;return t(!0),l(e.signal).then((e=>{a(e),t(!1)})),()=>{e.abort()}}),[]),[e,(n=s,`${(n/1e3).toFixed(1)}k`)];var n};function Tt(){const[,e]=Mt();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(a.Z,{children:[(0,f.jsx)("html",{"data-active-page":"index"}),(0,f.jsx)("meta",{name:"twitter:title",content:c.title}),(0,f.jsx)("meta",{name:"twitter:description",content:c.description}),(0,f.jsx)("script",{type:"application/ld+json",children:JSON.stringify(d)})]}),(0,f.jsx)(l.j,{...c,children:(0,f.jsxs)("div",{className:"bg-black overflow-visible w-full relative z-[1] font-sans",children:[(0,f.jsx)(n.f,{}),(0,f.jsx)(ut,{githubStarts:e}),(0,f.jsx)(Dt,{githubStarts:e}),(0,f.jsx)(Ce,{}),(0,f.jsx)(i.Z,{scrollStart:.939,scrollEnd:1})]})})]})}},8618:(e,t,s)=>{s.d(t,{M:()=>a});const a=(e,t)=>{const s=new URL(e);for(const a in t)t[a]&&s.searchParams.append(a,t[a]);return s.toString()}},139:(e,t,s)=>{s.d(t,{Z:()=>a});const a=s.p+"assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4"}}]);
\ No newline at end of file
diff --git a/zh/assets/js/31eafaf9.5a7759f0.js b/zh/assets/js/31eafaf9.6f926b61.js
similarity index 99%
rename from zh/assets/js/31eafaf9.5a7759f0.js
rename to zh/assets/js/31eafaf9.6f926b61.js
index 61e65711be..e829689fba 100644
--- a/zh/assets/js/31eafaf9.5a7759f0.js
+++ b/zh/assets/js/31eafaf9.6f926b61.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3581],{2040:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/zh/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/zh/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/zh/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/zh/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/zh/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3581],{2040:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/zh/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/zh/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/zh/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/zh/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/zh/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/354dfbd1.678d2cef.js b/zh/assets/js/354dfbd1.354add21.js
similarity index 99%
rename from zh/assets/js/354dfbd1.678d2cef.js
rename to zh/assets/js/354dfbd1.354add21.js
index 153e0cd924..b5ed7c95bf 100644
--- a/zh/assets/js/354dfbd1.678d2cef.js
+++ b/zh/assets/js/354dfbd1.354add21.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8248],{5209:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low-code",permalink:"/illa-website/zh/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/zh/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/zh/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8248],{5209:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low-code",permalink:"/illa-website/zh/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/zh/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/zh/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/3dca0203.b1b54c5e.js b/zh/assets/js/3dca0203.4cad25c7.js
similarity index 99%
rename from zh/assets/js/3dca0203.b1b54c5e.js
rename to zh/assets/js/3dca0203.4cad25c7.js
index d0967321c0..fc1d2446b6 100644
--- a/zh/assets/js/3dca0203.b1b54c5e.js
+++ b/zh/assets/js/3dca0203.4cad25c7.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5694],{1077:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low-code",permalink:"/illa-website/zh/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/zh/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/zh/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5694],{1077:(e,o,n)=>{n.r(o),n.d(o,{assets:()=>r,contentTitle:()=>t,default:()=>h,frontMatter:()=>s,metadata:()=>a,toc:()=>c});var i=n(1527),l=n(7214);const s={title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},t=void 0,a={permalink:"/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024",source:"@site/blog/top5-low-code-2024/top5-low-code-2024.md",title:"Best Open-Source Low-Code Platforms in 2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low-code",permalink:"/illa-website/zh/blog/tags/low-code"},{label:"open-source",permalink:"/illa-website/zh/blog/tags/open-source"}],readingTime:2.57,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Best Open-Source Low-Code Platforms in 2024",tags:["low-code","open-source"],slug:"top-5-best-open-source-low-code-platforms-in-2024",description:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"},unlisted:!1,prevItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/zh/blog/shadcn-vs-mui"},relatedPosts:[],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Why Choose Low-Code Tools?",id:"why-choose-low-code-tools",level:2},{value:"Why Choose Open Source?",id:"why-choose-open-source",level:2},{value:"ILLA Cloud",id:"illa-cloud",level:2},{value:"Appsmith",id:"appsmith",level:2},{value:"Tooljet",id:"tooljet",level:2},{value:"Budibase",id:"budibase",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,l.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-low-code-tools",children:"Why Choose Low-Code Tools?"}),"\n",(0,i.jsx)(o.p,{children:"The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation."}),"\n",(0,i.jsx)(o.h2,{id:"why-choose-open-source",children:"Why Choose Open Source?"}),"\n",(0,i.jsx)(o.p,{children:"As a development tool, open-source low-code tools offer several advantages:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Editable for customization"}),"\n",(0,i.jsx)(o.li,{children:"Deployable independently"}),"\n",(0,i.jsx)(o.li,{children:"Community collaboration for faster issue resolution"}),"\n",(0,i.jsx)(o.li,{children:"Abundant community template resources"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Choosing an open-source low-code tool can make our work twice as efficient. Open-source low-code tools are not just tools but ecosystems. We believe open source can make software more powerful, flexible, and reliable."}),"\n",(0,i.jsx)(o.h2,{id:"illa-cloud",children:"ILLA Cloud"}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool enabling the swift construction of internal tools using simple JavaScript, without the need for new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster tool construction and supports collaborative editing among team members."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"Examples include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-crm",children:"CRM"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-dashboard",children:"Data Dashboard"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-image-generator",children:"Text to Image Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-ai-voice-generator",children:"AI Voice Generator"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://illacloud.com/solutions-cms",children:"CMS"})}),"\n",(0,i.jsx)(o.li,{children:(0,i.jsx)(o.a,{href:"https://www.illacloud.com/solutions-admin-panel",children:"Admin Panel"})}),"\n"]}),"\n",(0,i.jsx)(o.h2,{id:"appsmith",children:"Appsmith"}),"\n",(0,i.jsx)(o.p,{children:'Appsmith is an open-source low-code tool with the motto "Build the tools you can\u2019t buy off the shelf." It is a developer-friendly tool driven by JS and supports quick UI panel construction through drag-and-drop.'}),"\n",(0,i.jsx)(o.p,{children:"Just a few steps are needed to build a complete project:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Bring in data from any data source"}),"\n",(0,i.jsx)(o.li,{children:"Drag and drop widgets to build UI"}),"\n",(0,i.jsx)(o.li,{children:"Customize and control with code"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Appsmith's development team hails from India, making it a promising project."}),"\n",(0,i.jsx)(o.h2,{id:"tooljet",children:"Tooljet"}),"\n",(0,i.jsx)(o.p,{children:"The Tooljet team, also from India, focuses on being a rapid internal tool development platform. Tooljet has the following features:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Lightning Fast Development"}),"\n",(0,i.jsx)(o.li,{children:"Budget Friendly"}),"\n",(0,i.jsx)(o.li,{children:"Boost Productivity"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Tooljet's product has significant potential and is worth keeping an eye on. With continuous accumulation over time, their product strength is sure to grow."}),"\n",(0,i.jsx)(o.h2,{id:"budibase",children:"Budibase"}),"\n",(0,i.jsx)(o.p,{children:"Budibase's team is from Europe, aiming to \"Save 100s of hours building apps that make workflow.\" Budibase's features include:"}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"One platform. Many solutions."}),"\n",(0,i.jsx)(o.li,{children:"Apps made easier. Workflows made faster."}),"\n",(0,i.jsx)(o.li,{children:"Scale with confidence"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"With continuous accumulation over time, Budibase's product strength is bound to increase."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"These are the most promising open-source low-code tools in 2024, each with its own characteristics. Different scenarios call for different problem-solving approaches, and we hope readers can choose the most efficient solutions for development in suitable situations. Speed up your work, go home early using low-code tools."})]})}function h(e={}){const{wrapper:o}={...(0,l.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,n)=>{n.d(o,{Z:()=>a,a:()=>t});var i=n(959);const l={},s=i.createContext(l);function t(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function a(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:t(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/4a61f11b.fb2cf724.js b/zh/assets/js/4a61f11b.1737b985.js
similarity index 75%
rename from ja/assets/js/4a61f11b.fb2cf724.js
rename to zh/assets/js/4a61f11b.1737b985.js
index 98e5a8dcc4..546f996a0c 100644
--- a/ja/assets/js/4a61f11b.fb2cf724.js
+++ b/zh/assets/js/4a61f11b.1737b985.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9699],{1483:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/ja/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"shadcn-ui",permalink:"/illa-website/ja/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/ja/blog/tags/react"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/ja/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/ja/blog/shadcn-vs-mui"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/ja/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/ja/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9699],{1483:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/zh/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"shadcn-ui",permalink:"/illa-website/zh/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/zh/blog/tags/react"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/zh/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/zh/blog/shadcn-vs-mui"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/zh/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/zh/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/4a83e123.24c53d6c.js b/zh/assets/js/4a83e123.1d8ebed7.js
similarity index 99%
rename from zh/assets/js/4a83e123.24c53d6c.js
rename to zh/assets/js/4a83e123.1d8ebed7.js
index c24c7fb73c..c82e255178 100644
--- a/zh/assets/js/4a83e123.24c53d6c.js
+++ b/zh/assets/js/4a83e123.1d8ebed7.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[6137],{8506:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/zh/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/zh/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/zh/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/zh/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/zh/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[6137],{8506:(e,s,i)=>{i.r(s),i.d(s,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>t,metadata:()=>r,toc:()=>c});var n=i(1527),o=i(7214);const t={title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},a=void 0,r={permalink:"/illa-website/zh/blog/shadcn-vs-mui",source:"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/zh/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/zh/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/zh/blog/tags/react"}],readingTime:4.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",tags:["UI Library","Shadcn UI","React"],slug:"shadcn-vs-mui",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/zh/blog/shadcn-ui-2024"},nextItem:{title:"Best Open-Source Low-Code Platforms in 2024",permalink:"/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Options for Internal Tool Scenarios",id:"other-options-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design-1",level:3},{value:"Richness of Features",id:"richness-of-features-1",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const s={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."}),"\n",(0,n.jsx)(s.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,n.jsx)(s.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch."}),"\n",(0,n.jsx)(s.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"External Tools: Directly facing company users, often with a company's distinct style, emphasizing aesthetics and responsiveness."}),"\n",(0,n.jsx)(s.li,{children:"Internal Tools: For internal use by company employees, focusing on aesthetic design and rapid functionality implementation."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Next, we will analyze two component libraries based on the following criteria:"}),"\n",(0,n.jsxs)(s.ol,{children:["\n",(0,n.jsx)(s.li,{children:"Design"}),"\n",(0,n.jsx)(s.li,{children:"Richness of Features"}),"\n",(0,n.jsx)(s.li,{children:"How to Choose for Different Scenarios"}),"\n"]}),"\n",(0,n.jsx)(s.h2,{id:"other-options-for-internal-tool-scenarios",children:"Other Options for Internal Tool Scenarios"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is a ready-to-use low-code tool that allows for the quick construction of internal tools using simple JavaScript without the need to create new projects."]}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Web & App Admin Panel"}),"\n",(0,n.jsx)(s.li,{children:"Data Dashboard"}),"\n",(0,n.jsx)(s.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Compared to building scenarios with component libraries, ILLA Cloud enables 10x faster tool construction and supports collaboration among team members for simultaneous editing."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(s.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI is a relatively new project that gained impressive recognition, achieving 37k stars in less than a year. It seems that outstanding open-source projects can easily gain widespread approval."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,n.jsx)(s.h3,{id:"design",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"Shadcn UI leans towards a business style in its design, featuring a clean UI suitable for internal tools and serious application scenarios. Shadcn UI also supports custom themes, although it seems limited to:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"Colors"}),"\n",(0,n.jsx)(s.li,{children:"Rounded corners"}),"\n",(0,n.jsx)(s.li,{children:"Dark mode / Light mode"}),"\n",(0,n.jsx)(s.li,{children:'Predefined "Default Style" and "New York Style"'}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"In terms of design details such as font and font size, the control appears limited, satisfying basic design needs. However, for external tool scenarios, it may have some limitations."}),"\n",(0,n.jsxs)(s.p,{children:["Shadcn UI supports both CSS and CSS-in-JS solutions. The CSS-in-JS solution uses ",(0,n.jsx)(s.a,{href:"https://stitches.dev/",children:"Stitches"}),", and while CSS defaults to traditional CSS, additional configuration may be needed for less and sass, and it is not out-of-the-box."]}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"The library's richness of features is sufficient for daily development needs, supporting and providing complete callbacks for most capabilities. Shadcn UI supports essential capabilities, including but not limited to SSR, accessibility, and animation. For more advanced requirements like extremely rich charts and high-performance tables, it seems not fully supported, but ongoing project development is likely to address these needs."}),"\n",(0,n.jsx)(s.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,n.jsx)(s.p,{children:"Some detailed data about MUI:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,n.jsx)(s.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,n.jsx)(s.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"As an established project, MUI has been maintained since 2014, boasting almost 10 years of stability. The high number of stars and weekly downloads ensures a continuously active community."}),"\n",(0,n.jsx)(s.p,{children:(0,n.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/mui.png",alt:"mui"})}),"\n",(0,n.jsx)(s.h3,{id:"design-1",children:"Design"}),"\n",(0,n.jsx)(s.p,{children:"In terms of design, MUI strictly adheres to Google's well-known Material Design. MUI offers extensive customization capabilities to meet most internal and external scenarios, with many well-known open-source projects using MUI for frontend development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,n.jsx)(s.p,{children:"In addition to common features like colors, rounded corners, and dark/light modes, MUI supports complete customization of fonts, font sizes, colors, padding, and margins. As a project with ten years of development, MUI's functionality is powerful."}),"\n",(0,n.jsx)(s.p,{children:"In terms of CSS support, MUI has its custom system, using emotionjs for style adjustment in the overall layout. This may involve a learning curve and may not be as developer-friendly, requiring documentation consultation for some style modifications."}),"\n",(0,n.jsx)(s.h3,{id:"richness-of-features-1",children:"Richness of Features"}),"\n",(0,n.jsx)(s.p,{children:"MUI categorizes its components into several dimensions:"}),"\n",(0,n.jsxs)(s.ul,{children:["\n",(0,n.jsx)(s.li,{children:"MUI Core: Basic functional components and a style system."}),"\n",(0,n.jsx)(s.li,{children:"MUI X: High-performance and complex components, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,n.jsx)(s.p,{children:"For developing a complex system, you can use MUI's comprehensive solution. However, MUI X is a paid component library, requiring a subscription fee."}),"\n",(0,n.jsx)(s.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features."}),"\n",(0,n.jsx)(s.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,n.jsx)(s.p,{children:"If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios."}),"\n",(0,n.jsx)(s.p,{children:"If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects."})]})}function h(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7214:(e,s,i)=>{i.d(s,{Z:()=>r,a:()=>a});var n=i(959);const o={},t=n.createContext(o);function a(e){const s=n.useContext(t);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function r(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),n.createElement(t.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/5cd65baf.37395c21.js b/zh/assets/js/5cd65baf.dd27b34b.js
similarity index 79%
rename from zh/assets/js/5cd65baf.37395c21.js
rename to zh/assets/js/5cd65baf.dd27b34b.js
index 6bd070dce9..a967a2c9c9 100644
--- a/zh/assets/js/5cd65baf.37395c21.js
+++ b/zh/assets/js/5cd65baf.dd27b34b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9239],{9590:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/zh/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low code",permalink:"/illa-website/zh/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/zh/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/zh/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/zh/blog/mui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/zh/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/zh/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9239],{9590:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/zh/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low code",permalink:"/illa-website/zh/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/zh/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/zh/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/zh/blog/mui-2024"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/zh/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/zh/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/5f78ec6a.c3229286.js b/zh/assets/js/5f78ec6a.04488960.js
similarity index 83%
rename from zh/assets/js/5f78ec6a.c3229286.js
rename to zh/assets/js/5f78ec6a.04488960.js
index 2a0d1abe48..6549d7860c 100644
--- a/zh/assets/js/5f78ec6a.c3229286.js
+++ b/zh/assets/js/5f78ec6a.04488960.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3096],{2369:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>l,default:()=>m,frontMatter:()=>i,metadata:()=>a,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},l=void 0,a={permalink:"/illa-website/zh/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"nvm",permalink:"/illa-website/zh/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/zh/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/zh/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/zh/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/zh/blog/shadcn-ui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/zh/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/zh/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>a,a:()=>l});var s=o(959);const t={},i=s.createContext(t);function l(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[3096],{2369:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>l,default:()=>m,frontMatter:()=>i,metadata:()=>a,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},l=void 0,a={permalink:"/illa-website/zh/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"nvm",permalink:"/illa-website/zh/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/zh/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/zh/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/zh/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/zh/blog/shadcn-ui-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/zh/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/zh/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>a,a:()=>l});var s=o(959);const t={},i=s.createContext(t);function l(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/6d69edbe.110568e5.js b/zh/assets/js/6d69edbe.0d1aed15.js
similarity index 83%
rename from zh/assets/js/6d69edbe.110568e5.js
rename to zh/assets/js/6d69edbe.0d1aed15.js
index 5fe84a3f9d..303b1b03af 100644
--- a/zh/assets/js/6d69edbe.110568e5.js
+++ b/zh/assets/js/6d69edbe.0d1aed15.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8876],{5391:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>l,default:()=>m,frontMatter:()=>i,metadata:()=>a,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},l=void 0,a={permalink:"/illa-website/zh/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"nvm",permalink:"/illa-website/zh/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/zh/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/zh/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/zh/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/zh/blog/shadcn-ui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/zh/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/zh/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>a,a:()=>l});var s=o(959);const t={},i=s.createContext(t);function l(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[8876],{5391:(e,n,o)=>{o.r(n),o.d(n,{assets:()=>r,contentTitle:()=>l,default:()=>m,frontMatter:()=>i,metadata:()=>a,toc:()=>c});var s=o(1527),t=o(7214);const i={slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},l=void 0,a={permalink:"/illa-website/zh/blog/nvm-use-2024",source:"@site/blog/nvm-use/nvm-use.md",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"nvm",permalink:"/illa-website/zh/blog/tags/nvm"},{label:"nodejs",permalink:"/illa-website/zh/blog/tags/nodejs"},{label:"mac",permalink:"/illa-website/zh/blog/tags/mac"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:4.035,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"nvm-use-2024",title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png",tags:["nvm","nodejs","mac","javascript"]},unlisted:!1,prevItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/zh/blog/mui-2024"},nextItem:{title:"2024 has arrived, should I choose Shadcn UI?",permalink:"/illa-website/zh/blog/shadcn-ui-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/zh/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/zh/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"Recommending an Open Source Project for Backend Development",id:"recommending-an-open-source-project-for-backend-development",level:2},{value:"Introduction to nvm",id:"introduction-to-nvm",level:2},{value:"Installing nvm",id:"installing-nvm",level:2},{value:"Using nvm",id:"using-nvm",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const n={a:"a",code:"code",h2:"h2",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,t.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.'}),"\n",(0,s.jsx)(n.p,{children:"The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers."}),"\n",(0,s.jsx)(n.p,{children:"Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration."}),"\n",(0,s.jsx)(n.p,{children:"The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."}),"\n",(0,s.jsx)(n.h2,{id:"recommending-an-open-source-project-for-backend-development",children:"Recommending an Open Source Project for Backend Development"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.a,{href:"https://illacloud.com",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that enables the rapid construction of internal tools using simple JS, without the need to create new projects."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Web & App Admin Panel"}),"\n",(0,s.jsx)(n.li,{children:"Data Dashboard"}),"\n",(0,s.jsx)(n.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:"Compared to scenarios built with component libraries, ILLA Cloud allows for 10x faster construction of the mentioned tools. Additionally, ILLA Cloud supports collaboration among multiple users, facilitating teamwork for rapid customization of backend capabilities."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/dashboard.png",alt:"dashboard"})}),"\n",(0,s.jsx)(n.h2,{id:"introduction-to-nvm",children:"Introduction to nvm"}),"\n",(0,s.jsxs)(n.p,{children:["\u23ec GitHub Repository: ",(0,s.jsx)(n.a,{href:"https://github.com/nvm-sh/nvm",children:"https://github.com/nvm-sh/nvm"})]}),"\n",(0,s.jsx)(n.p,{children:"\u2b50 GitHub Stars: 72.4k"}),"\n",(0,s.jsx)(n.p,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Dec 22, 2014"}),"\n",(0,s.jsx)(n.p,{children:'nvm is an open-source project that has been maintained for nearly 10 years. Positive reviews have kept this project robust and, through continuous maintenance, it has become a perfect solution for "Node.js version management."'}),"\n",(0,s.jsx)(n.h2,{id:"installing-nvm",children:"Installing nvm"}),"\n",(0,s.jsxs)(n.p,{children:["Since we are using a Mac for development, I strongly recommend using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," for package management and then using ",(0,s.jsx)(n.a,{href:"https://brew.sh",children:"Homebrew"})," to install nvm."]}),"\n",(0,s.jsx)(n.p,{children:"To install Homebrew, it is recommended to use the installation script. It requires minimal configuration and allows immediate use. Moreover, Homebrew makes it easy to uninstall repositories cleanly if needed."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:'> /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"\n'})}),"\n",(0,s.jsx)(n.p,{children:"Running this command will install the latest version of Homebrew, automatically handling the installation of Xcode Command Tools in the MacOS environment."}),"\n",(0,s.jsx)(n.p,{children:"Of course, all of this is automated. Below is an installation process example."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/homebrew-install.png",alt:"homebrew_install"})}),"\n",(0,s.jsx)(n.p,{children:"After a short wait, we can proceed with the installation of nvm using the installed Homebrew."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> brew install nvm\n"})}),"\n",(0,s.jsx)(n.p,{children:"After confirming agreement, nvm will be completely installed. If you decide you don't want it anymore, you can use the following command to uninstall:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"# delete nvm if you don't need it.\n> brew uninstall nvm\n"})}),"\n",(0,s.jsx)(n.h2,{id:"using-nvm",children:"Using nvm"}),"\n",(0,s.jsx)(n.p,{children:"Once nvm is installed, here are some commonly used commands to help you get started. These commands should fulfill your daily needs."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm list\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "list" command displays various mainstream Node.js versions. You can install versions according to your needs, and it will also show the currently used Node.js version on your machine. It will display some codenames.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-list.png",alt:"nvm_list"})}),"\n",(0,s.jsx)(n.p,{children:'For example, "lts/gallim" is the version name for Node.js v16. To install using this codename, nvm will automatically install the latest version of v16. It\'s quite convenient. You can also use this command to check the currently used version.'}),"\n",(0,s.jsx)(n.p,{children:"Another command allows you to check the current Node.js version:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> node --version\n"})}),"\n",(0,s.jsx)(n.p,{children:"After entering this command, you can verify whether the Node.js version has been successfully switched."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm install stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The second command installs a specific Node.js version; "stable" refers to a specific version number. You can also use the codename for a particular version. For example, to install "Node.js 18," you would use "nvm install 18." Here, I\'m installing the "stable" version. nvm will automatically determine the latest Stable version and install it for me. After successful installation, it will automatically switch to the installed version.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/stable-install.png",alt:"stable-install"})}),"\n",(0,s.jsx)(n.p,{children:"Where there's an installation command, there's also an uninstallation command. Use:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm uninstall stable\n"})}),"\n",(0,s.jsx)(n.p,{children:"To delete the corresponding version."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-uninstall.png",alt:"nvm-uninstall"})}),"\n",(0,s.jsx)(n.p,{children:"Once you've learned how to install and uninstall, the next important step is version switching."}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"> nvm use stable\n"})}),"\n",(0,s.jsx)(n.p,{children:'The "use" command allows you to quickly switch between Node.js versions currently in use. You can also use the "stable" codename. This way, you can quickly switch between versions for different projects.'}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png",alt:"nvm-use"})}),"\n",(0,s.jsx)(n.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,s.jsx)(n.p,{children:"This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions."}),"\n",(0,s.jsx)(n.p,{children:"Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects\u2014that's the mission of open-source enthusiasts!"})]})}function m(e={}){const{wrapper:n}={...(0,t.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},7214:(e,n,o)=>{o.d(n,{Z:()=>a,a:()=>l});var s=o(959);const t={},i=s.createContext(t);function l(e){const n=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),s.createElement(i.Provider,{value:n},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/72d3bf7a.241cd4dc.js b/zh/assets/js/72d3bf7a.eacb88ac.js
similarity index 79%
rename from zh/assets/js/72d3bf7a.241cd4dc.js
rename to zh/assets/js/72d3bf7a.eacb88ac.js
index 8e06cb3854..b4edb3f6b3 100644
--- a/zh/assets/js/72d3bf7a.241cd4dc.js
+++ b/zh/assets/js/72d3bf7a.eacb88ac.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4808],{2685:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/zh/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low code",permalink:"/illa-website/zh/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/zh/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/zh/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/zh/blog/mui-2024"},relatedPosts:[{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/zh/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/zh/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4808],{2685:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>r,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>l,toc:()=>c});var i=t(1527),n=t(7214);const s={slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},a=void 0,l={permalink:"/illa-website/zh/blog/lowcode-vs-traditional",source:"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"low code",permalink:"/illa-website/zh/blog/tags/low-code"},{label:"traditional development",permalink:"/illa-website/zh/blog/tags/traditional-development"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:3.33,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"lowcode-vs-traditional",title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",authors:"owen",image:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png",tags:["low code","traditional development","javascript"],is_featured:!0},unlisted:!1,prevItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/zh/blog/build-dashboard"},nextItem:{title:"2024 has arrived, should I choose MUI?",permalink:"/illa-website/zh/blog/mui-2024"},relatedPosts:[{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/zh/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/zh/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},c=[{value:"When Launching a Transient Business Initiative",id:"when-launching-a-transient-business-initiative",level:2},{value:"Addressing User-Facing Components: Webflow",id:"addressing-user-facing-components-webflow",level:3},{value:"Managing Business Operations: ILLA Cloud",id:"managing-business-operations-illa-cloud",level:3},{value:"When Initiating a Novel Business Venture",id:"when-initiating-a-novel-business-venture",level:2},{value:"Conclusion",id:"conclusion",level:2}];function d(e){const o={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.p,{children:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."}),"\n",(0,i.jsx)(o.h2,{id:"when-launching-a-transient-business-initiative",children:"When Launching a Transient Business Initiative"}),"\n",(0,i.jsx)(o.p,{children:"In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution."}),"\n",(0,i.jsx)(o.h3,{id:"addressing-user-facing-components-webflow",children:"Addressing User-Facing Components: Webflow"}),"\n",(0,i.jsx)(o.p,{children:"Webflow, with its intuitive drag-and-drop interface and designer-friendly adjustments, facilitates the creation of visually stunning landing pages. This approach allows users to interact with an aesthetically pleasing website, and remarkably, only requires the expertise of a single designer. Furthermore, Webflow offers an array of templates that can be easily customized, enabling the swift construction of an exquisite website."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/webflow.png",alt:"webflow"})}),"\n",(0,i.jsx)(o.h3,{id:"managing-business-operations-illa-cloud",children:"Managing Business Operations: ILLA Cloud"}),"\n",(0,i.jsx)(o.p,{children:"Regardless of the frontend technology used, an effective management tool is indispensable for overseeing business operations."}),"\n",(0,i.jsxs)(o.p,{children:[(0,i.jsx)(o.a,{href:"https://illacloud.com",children:"ILLA Cloud"}),", as an out-of-the-box low-code tool, empowers developers to rapidly construct internal tools using straightforward JavaScript, eliminating the need to create new projects."]}),"\n",(0,i.jsxs)(o.ul,{children:["\n",(0,i.jsx)(o.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(o.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(o.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(o.p,{children:"Compared to scenarios relying on component libraries, ILLA Cloud boasts a 10x faster construction speed for the aforementioned tools. Additionally, ILLA Cloud supports collaborative editing among multiple team members, fostering efficient teamwork."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(o.p,{children:"The synergy of these two tools expedites the creation of business requirements in marketing scenarios. This synergistic approach minimizes the need for extensive development resources while addressing the demand for quick response and deployment. Consequently, it propels the business iteration speed to new heights."}),"\n",(0,i.jsx)(o.h2,{id:"when-initiating-a-novel-business-venture",children:"When Initiating a Novel Business Venture"}),"\n",(0,i.jsx)(o.p,{children:"The commencement of a project necessitates a thorough evaluation of its characteristics. For comprehensive toC products such as social platforms, gaming applications, or IM services, the recommendation leans towards traditional development methodologies. This ensures a high degree of flexibility in adapting to evolving requirements."}),"\n",(0,i.jsx)(o.p,{children:"For ventures centered around retail or services, the utilization of Shopify for frontend presentation proves advantageous. This choice guarantees widespread distribution of products while curbing development costs. Furthermore, Shopify supports customization, catering to diverse business needs effectively."}),"\n",(0,i.jsx)(o.p,{children:(0,i.jsx)(o.img,{src:"https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/shopify.png",alt:"shopify"})}),"\n",(0,i.jsx)(o.p,{children:"In instances where a swift development of an app or website is paramount, direct coding may offer a faster solution. Therefore, the selection of an appropriate solution heavily relies on the unique attributes of the scenario."}),"\n",(0,i.jsx)(o.p,{children:"If the backend functionality of Shopify falls short of requirements, the integration of ILLA Cloud can bridge the gap, providing a platform for customized management."}),"\n",(0,i.jsx)(o.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,i.jsx)(o.p,{children:"In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity."}),"\n",(0,i.jsx)(o.p,{children:"For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs."}),"\n",(0,i.jsx)(o.p,{children:"Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand."})]})}function h(e={}){const{wrapper:o}={...(0,n.a)(),...e.components};return o?(0,i.jsx)(o,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,o,t)=>{t.d(o,{Z:()=>l,a:()=>a});var i=t(959);const n={},s=i.createContext(n);function a(e){const o=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function l(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:o},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/771a2950.d12921b0.js b/zh/assets/js/771a2950.d12921b0.js
deleted file mode 100644
index 7e09601bb9..0000000000
--- a/zh/assets/js/771a2950.d12921b0.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7475],{5483:(i,s,e)=>{e.r(s),e.d(s,{assets:()=>a,contentTitle:()=>o,default:()=>m,frontMatter:()=>t,metadata:()=>c,toc:()=>d});var l=e(1527),n=e(7214);const t={title:"\u81ea\u5b9a\u4e49\u60a8\u4e1a\u52a1\u7684\u6570\u636e\u5206\u6790\u9762\u677f",description:"\u5efa\u7acb\u5168\u9762\u7684\u6570\u636e\u5206\u6790\u4eea\u8868\u677f\uff0c\u7528\u6700\u5c11\u7684\u6295\u8d44\u63a8\u52a8\u60a8\u7684\u5546\u4e1a\u589e\u957f\u3002",slogan:"Customize {colorSlogan} for Your Business",image:"https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp",imageAlt:"\u5efa\u7acb\u5168\u9762\u7684\u6570\u636e\u5206\u6790\u4eea\u8868\u677f\uff0c\u7528\u6700\u5c11\u7684\u6295\u8d44\u63a8\u52a8\u60a8\u7684\u5546\u4e1a\u589e\u957f\u3002",appID:"ILAcx4p1C7Xz",colorSlogan:"\u6570\u636e\u5206\u6790\u9762\u677f",colorStart:"#00EE8A",colorEnd:"#2C66FA"},o="\u6211\u4eec\u80fd\u505a\u4ec0\u4e48",c={type:"mdx",permalink:"/illa-website/zh/solutions-dashboard",source:"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-dashboard.mdx",title:"\u81ea\u5b9a\u4e49\u60a8\u4e1a\u52a1\u7684\u6570\u636e\u5206\u6790\u9762\u677f",description:"\u5efa\u7acb\u5168\u9762\u7684\u6570\u636e\u5206\u6790\u4eea\u8868\u677f\uff0c\u7528\u6700\u5c11\u7684\u6295\u8d44\u63a8\u52a8\u60a8\u7684\u5546\u4e1a\u589e\u957f\u3002",frontMatter:{title:"\u81ea\u5b9a\u4e49\u60a8\u4e1a\u52a1\u7684\u6570\u636e\u5206\u6790\u9762\u677f",description:"\u5efa\u7acb\u5168\u9762\u7684\u6570\u636e\u5206\u6790\u4eea\u8868\u677f\uff0c\u7528\u6700\u5c11\u7684\u6295\u8d44\u63a8\u52a8\u60a8\u7684\u5546\u4e1a\u589e\u957f\u3002",slogan:"Customize {colorSlogan} for Your Business",image:"https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp",imageAlt:"\u5efa\u7acb\u5168\u9762\u7684\u6570\u636e\u5206\u6790\u4eea\u8868\u677f\uff0c\u7528\u6700\u5c11\u7684\u6295\u8d44\u63a8\u52a8\u60a8\u7684\u5546\u4e1a\u589e\u957f\u3002",appID:"ILAcx4p1C7Xz",colorSlogan:"\u6570\u636e\u5206\u6790\u9762\u677f",colorStart:"#00EE8A",colorEnd:"#2C66FA"},unlisted:!1},a={},d=[{value:"\u5728\u51e0\u5206\u949f\u5185\u8bbe\u8ba1\u754c\u9762",id:"\u5728\u51e0\u5206\u949f\u5185\u8bbe\u8ba1\u754c\u9762",level:2},{value:"\u8fde\u63a5\u4efb\u4f55\u6570\u636e\u5e93\u6216API",id:"\u8fde\u63a5\u4efb\u4f55\u6570\u636e\u5e93\u6216api",level:2},{value:"\u4e0eAI Agent\u96c6\u6210\u4ee5\u5206\u6790\u6570\u636e",id:"\u4e0eai-agent\u96c6\u6210\u4ee5\u5206\u6790\u6570\u636e",level:2},{value:"100\uff05\u53ef\u5b9a\u5236",id:"100\u53ef\u5b9a\u5236",level:2},{value:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c",id:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c",level:2},{value:"\u4f18\u5316\u6d41\u7a0b",id:"\u4f18\u5316\u6d41\u7a0b",level:2},{value:"\u63d0\u9ad8ROI",id:"\u63d0\u9ad8roi",level:2},{value:"\u96c6\u4e2d\u8d44\u6e90",id:"\u96c6\u4e2d\u8d44\u6e90",level:2},{value:"\u7ba1\u7406\u53d8\u9769",id:"\u7ba1\u7406\u53d8\u9769",level:2}];function r(i){const s={h1:"h1",h2:"h2",img:"img",p:"p",...(0,n.a)(),...i.components};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.h1,{id:"\u6211\u4eec\u80fd\u505a\u4ec0\u4e48",children:"\u6211\u4eec\u80fd\u505a\u4ec0\u4e48"}),"\n",(0,l.jsx)(s.h2,{id:"\u5728\u51e0\u5206\u949f\u5185\u8bbe\u8ba1\u754c\u9762",children:"\u5728\u51e0\u5206\u949f\u5185\u8bbe\u8ba1\u754c\u9762"}),"\n",(0,l.jsx)(s.p,{children:"\u6570\u5341\u4e2a\u7cbe\u7f8e\u7684\u7ec4\u4ef6\u4f7f\u60a8\u53ef\u4ee5\u901a\u8fc7\u7b80\u5355\u5730\u62d6\u653e\u8fd9\u4e9b\u7ec4\u4ef6\u6765\u8f7b\u677e\u6784\u5efa\u5b8c\u7f8e\u7684\u4ea4\u4e92\u5f0f\u9875\u9762\u3002"}),"\n",(0,l.jsx)(s.p,{children:(0,l.jsx)(s.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/dashboard/design.svg",alt:"image"})}),"\n",(0,l.jsx)(s.h2,{id:"\u8fde\u63a5\u4efb\u4f55\u6570\u636e\u5e93\u6216api",children:"\u8fde\u63a5\u4efb\u4f55\u6570\u636e\u5e93\u6216API"}),"\n",(0,l.jsx)(s.p,{children:"\u65e0\u8bba\u60a8\u4f7f\u7528\u54ea\u4e2a\u6570\u636e\u5e93\u6216API\u6765\u7ba1\u7406\u6570\u636e\uff0c\u60a8\u90fd\u53ef\u4ee5\u901a\u8fc7\u5728ILLA\u4e2d\u8f93\u5165\u914d\u7f6e\u4fe1\u606f\u6765\u5feb\u901f\u8fde\u63a5\u5230\u60a8\u7684\u6570\u636e\u6e90\u3002ILLA\u5c06\u4ee5\u5b89\u5168\u7684\u65b9\u5f0f\u8bbf\u95ee\u60a8\u7684\u6570\u636e\uff0c\u786e\u4fdd\u6570\u636e\u7684\u5b89\u5168\u6027\u3002 ILLA \u5c06\u4ee5\u5b89\u5168\u7684\u65b9\u5f0f\u8bbf\u95ee\u60a8\u7684\u6570\u636e\uff0c\u786e\u4fdd\u60a8\u6570\u636e\u7684\u5b89\u5168\u3002"}),"\n",(0,l.jsx)(s.p,{children:(0,l.jsx)(s.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/cms/data-source.svg",alt:"image"})}),"\n",(0,l.jsx)(s.p,{children:"\u6211\u4eec\u652f\u6301\u7684\u6570\u636e\u6e90\u5305\u62ec\u4f46\u4e0d\u9650\u4e8ePostgreSQL\u3001MySQL\u3001MongoDB\u3001Snowflake\u3001Amazon S3\u3001Google Sheets\u3001Airtable\u3001Stripe\u7b49\u3002"}),"\n",(0,l.jsx)(s.h2,{id:"\u4e0eai-agent\u96c6\u6210\u4ee5\u5206\u6790\u6570\u636e",children:"\u4e0eAI Agent\u96c6\u6210\u4ee5\u5206\u6790\u6570\u636e"}),"\n",(0,l.jsx)(s.p,{children:"\u60a8\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u5177\u6709\u6570\u636e\u5206\u6790\u6216\u95ee\u7b54\u80fd\u529b\u7684AI Agent\uff0c\u5e76\u5c06\u5176\u65e0\u7f1d\u96c6\u6210\u5230\u60a8\u7684\u4eea\u8868\u76d8\u4e2d\u3002\u8fd9\u4e2aAI Agent\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u6d1e\u5bdf\u548c\u56de\u7b54\u95ee\u9898\u6765\u5e2e\u52a9\u60a8\u5206\u6790\u6570\u636e\u3002 \u6b64 AI \u4ee3\u7406\u4eba\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u6d1e\u5bdf\u529b\u548c\u56de\u7b54\u95ee\u9898\u6765\u5e2e\u52a9\u60a8\u5206\u6790\u6570\u636e\u3002"}),"\n",(0,l.jsx)(s.p,{children:(0,l.jsx)(s.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/dashboard/analysis.gif",alt:"image"})}),"\n",(0,l.jsx)(s.h1,{id:"\u597d\u5904",children:"\u597d\u5904"}),"\n",(0,l.jsx)(s.h2,{id:"100\u53ef\u5b9a\u5236",children:"100\uff05\u53ef\u5b9a\u5236"}),"\n",(0,l.jsx)(s.p,{children:"\u6839\u636e\u60a8\u7684\u8981\u6c42\u81ea\u5b9a\u4e49\u4efb\u4f55\u5de5\u5177\u3002"}),"\n",(0,l.jsx)(s.p,{children:(0,l.jsx)(s.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/custom.svg",alt:"image"})}),"\n",(0,l.jsx)(s.h2,{id:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c",children:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c"}),"\n",(0,l.jsxs)(s.p,{children:["\u901a\u8fc7\u4e00\u7cfb\u5217\u81ea\u5b9a\u4e49\u81ea\u52a8\u5316\u548c\u7b2c\u4e09\u65b9\u96c6\u6210\uff0c\u51cf\u5c11\u624b\u52a8\u64cd\u4f5c\u7684\u4efb\u52a1\u3002\n",(0,l.jsx)(s.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/cut-cost.svg",alt:"image"})]}),"\n",(0,l.jsx)(s.p,{children:(0,l.jsx)(s.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/cut-cost.svg",alt:"image"})}),"\n",(0,l.jsx)(s.h2,{id:"\u4f18\u5316\u6d41\u7a0b",children:"\u4f18\u5316\u6d41\u7a0b"}),"\n",(0,l.jsxs)(s.p,{children:["\u56f4\u7ed5\u60a8\u73b0\u6709\u7684\u6d41\u7a0b\u521b\u5efa\u81ea\u5b9a\u4e49\u5de5\u5177\uff0c\u5e76\u4f7f\u6d41\u7a0b\u66f4\u52a0\u9ad8\u6548\u3002\n",(0,l.jsx)(s.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/process.svg",alt:"image"})]}),"\n",(0,l.jsx)(s.p,{children:(0,l.jsx)(s.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/process.svg",alt:"image"})}),"\n",(0,l.jsx)(s.h2,{id:"\u63d0\u9ad8roi",children:"\u63d0\u9ad8ROI"}),"\n",(0,l.jsx)(s.p,{children:"\u7b80\u5316\u64cd\u4f5c\u6d41\u7a0b\uff0c\u964d\u4f4e\u6210\u672c\u3002 \u63d0\u9ad8\u60a8\u7684\u4e1a\u52a1\u6548\u7387\u548c\u7b80\u5316\u3002"}),"\n",(0,l.jsx)(s.p,{children:(0,l.jsx)(s.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/roi.svg",alt:"image"})}),"\n",(0,l.jsx)(s.h2,{id:"\u96c6\u4e2d\u8d44\u6e90",children:"\u96c6\u4e2d\u8d44\u6e90"}),"\n",(0,l.jsxs)(s.p,{children:["\u8fde\u63a5\u4efb\u4f55\u6570\u636e\u6e90\u5e76\u6784\u5efa\u9002\u7528\u4e8e\u4efb\u4f55\u4e1a\u52a1\u7684\u5e94\u7528\u7a0b\u5e8f\u3002\u5728\u5c06\u60a8\u7684\u5185\u5bb9\u7ba1\u7406\u3001\u5ba2\u6237\u7ba1\u7406\u7b49\u591a\u79cd\u5de5\u5177\u548c\u6570\u636e\u8d44\u6e90\u96c6\u4e2d\u5728\u8fd9\u91cc\u3002\n",(0,l.jsx)(s.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/centralize.svg",alt:"image"})," \u5728\u6b64\u96c6\u4e2d\u7ba1\u7406\u60a8\u7684\u5185\u5bb9\u7ba1\u7406\u3001\u5ba2\u6237\u7ba1\u7406\u548c\u5176\u4ed6\u65b9\u9762\u3002"]}),"\n",(0,l.jsx)(s.p,{children:(0,l.jsx)(s.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/centralize.svg",alt:"image"})}),"\n",(0,l.jsx)(s.h2,{id:"\u7ba1\u7406\u53d8\u9769",children:"\u7ba1\u7406\u53d8\u9769"}),"\n",(0,l.jsxs)(s.p,{children:["\u4f7f\u4e1a\u52a1\u64cd\u4f5c\u6d41\u7a0b\u6807\u51c6\u5316\uff0c\u63d0\u9ad8\u7ba1\u7406\u6548\u7387\u3002\n",(0,l.jsx)(s.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/change.svg",alt:"image"})]}),"\n",(0,l.jsx)(s.p,{children:(0,l.jsx)(s.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/change.svg",alt:"image"})})]})}function m(i={}){const{wrapper:s}={...(0,n.a)(),...i.components};return s?(0,l.jsx)(s,{...i,children:(0,l.jsx)(r,{...i})}):r(i)}},7214:(i,s,e)=>{e.d(s,{Z:()=>c,a:()=>o});var l=e(959);const n={},t=l.createContext(n);function o(i){const s=l.useContext(t);return l.useMemo((function(){return"function"==typeof i?i(s):{...s,...i}}),[s,i])}function c(i){let s;return s=i.disableParentContext?"function"==typeof i.components?i.components(n):i.components||n:o(i.components),l.createElement(t.Provider,{value:s},i.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/771a2950.ee265a88.js b/zh/assets/js/771a2950.ee265a88.js
new file mode 100644
index 0000000000..4c8d705913
--- /dev/null
+++ b/zh/assets/js/771a2950.ee265a88.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7475],{5483:(i,e,l)=>{l.r(e),l.d(e,{assets:()=>a,contentTitle:()=>t,default:()=>h,frontMatter:()=>o,metadata:()=>c,toc:()=>d});var s=l(1527),n=l(7214);const o={title:"\u81ea\u5b9a\u4e49\u60a8\u4e1a\u52a1\u7684\u6570\u636e\u5206\u6790\u9762\u677f",description:"\u5efa\u7acb\u5168\u9762\u7684\u6570\u636e\u5206\u6790\u4eea\u8868\u677f\uff0c\u7528\u6700\u5c11\u7684\u6295\u8d44\u63a8\u52a8\u60a8\u7684\u5546\u4e1a\u589e\u957f\u3002",slogan:'"Customize {colorSlogan} for Your Business"',image:"https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp",imageAlt:"\u5efa\u7acb\u5168\u9762\u7684\u6570\u636e\u5206\u6790\u4eea\u8868\u677f\uff0c\u7528\u6700\u5c11\u7684\u6295\u8d44\u63a8\u52a8\u60a8\u7684\u5546\u4e1a\u589e\u957f\u3002",appID:"ILAcx4p1C7Xz",colorSlogan:"\u6570\u636e\u5206\u6790\u9762\u677f",colorStart:'"#00EE8A"',colorEnd:'"#2C66FA"'},t="\u6211\u4eec\u80fd\u505a\u4ec0\u4e48",c={type:"mdx",permalink:"/illa-website/zh/solutions-dashboard",source:"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-dashboard.mdx",title:"\u81ea\u5b9a\u4e49\u60a8\u4e1a\u52a1\u7684\u6570\u636e\u5206\u6790\u9762\u677f",description:"\u5efa\u7acb\u5168\u9762\u7684\u6570\u636e\u5206\u6790\u4eea\u8868\u677f\uff0c\u7528\u6700\u5c11\u7684\u6295\u8d44\u63a8\u52a8\u60a8\u7684\u5546\u4e1a\u589e\u957f\u3002",frontMatter:{title:"\u81ea\u5b9a\u4e49\u60a8\u4e1a\u52a1\u7684\u6570\u636e\u5206\u6790\u9762\u677f",description:"\u5efa\u7acb\u5168\u9762\u7684\u6570\u636e\u5206\u6790\u4eea\u8868\u677f\uff0c\u7528\u6700\u5c11\u7684\u6295\u8d44\u63a8\u52a8\u60a8\u7684\u5546\u4e1a\u589e\u957f\u3002",slogan:'"Customize {colorSlogan} for Your Business"',image:"https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp",imageAlt:"\u5efa\u7acb\u5168\u9762\u7684\u6570\u636e\u5206\u6790\u4eea\u8868\u677f\uff0c\u7528\u6700\u5c11\u7684\u6295\u8d44\u63a8\u52a8\u60a8\u7684\u5546\u4e1a\u589e\u957f\u3002",appID:"ILAcx4p1C7Xz",colorSlogan:"\u6570\u636e\u5206\u6790\u9762\u677f",colorStart:'"#00EE8A"',colorEnd:'"#2C66FA"'},unlisted:!1},a={},d=[{value:"\u5728\u51e0\u5206\u949f\u5185\u8bbe\u8ba1\u754c\u9762",id:"\u5728\u51e0\u5206\u949f\u5185\u8bbe\u8ba1\u754c\u9762",level:2},{value:"\u8fde\u63a5\u4efb\u4f55\u6570\u636e\u5e93\u6216API",id:"\u8fde\u63a5\u4efb\u4f55\u6570\u636e\u5e93\u6216api",level:2},{value:"\u4e0eAI Agent\u96c6\u6210\u4ee5\u5206\u6790\u6570\u636e",id:"\u4e0eai-agent\u96c6\u6210\u4ee5\u5206\u6790\u6570\u636e",level:2},{value:"100\uff05\u53ef\u5b9a\u5236",id:"100\u53ef\u5b9a\u5236",level:2},{value:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c",id:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c",level:2},{value:"\u4f18\u5316\u6d41\u7a0b",id:"\u4f18\u5316\u6d41\u7a0b",level:2},{value:"\u63d0\u9ad8ROI",id:"\u63d0\u9ad8roi",level:2},{value:"\u96c6\u4e2d\u8d44\u6e90",id:"\u96c6\u4e2d\u8d44\u6e90",level:2},{value:"\u7ba1\u7406\u53d8\u9769",id:"\u7ba1\u7406\u53d8\u9769",level:2}];function r(i){const e={h1:"h1",h2:"h2",img:"img",p:"p",...(0,n.a)(),...i.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(e.h1,{id:"\u6211\u4eec\u80fd\u505a\u4ec0\u4e48",children:"\u6211\u4eec\u80fd\u505a\u4ec0\u4e48"}),"\n",(0,s.jsx)(e.h2,{id:"\u5728\u51e0\u5206\u949f\u5185\u8bbe\u8ba1\u754c\u9762",children:"\u5728\u51e0\u5206\u949f\u5185\u8bbe\u8ba1\u754c\u9762"}),"\n",(0,s.jsx)(e.p,{children:"\u6570\u5341\u4e2a\u7cbe\u7f8e\u7684\u7ec4\u4ef6\u4f7f\u60a8\u53ef\u4ee5\u901a\u8fc7\u7b80\u5355\u5730\u62d6\u653e\u8fd9\u4e9b\u7ec4\u4ef6\u6765\u8f7b\u677e\u6784\u5efa\u5b8c\u7f8e\u7684\u4ea4\u4e92\u5f0f\u9875\u9762\u3002"}),"\n",(0,s.jsx)(e.p,{children:(0,s.jsx)(e.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/dashboard/design.svg",alt:"image"})}),"\n",(0,s.jsx)(e.h2,{id:"\u8fde\u63a5\u4efb\u4f55\u6570\u636e\u5e93\u6216api",children:"\u8fde\u63a5\u4efb\u4f55\u6570\u636e\u5e93\u6216API"}),"\n",(0,s.jsx)(e.p,{children:"\u65e0\u8bba\u60a8\u4f7f\u7528\u54ea\u4e2a\u6570\u636e\u5e93\u6216API\u6765\u7ba1\u7406\u6570\u636e\uff0c\u60a8\u90fd\u53ef\u4ee5\u901a\u8fc7\u5728ILLA\u4e2d\u8f93\u5165\u914d\u7f6e\u4fe1\u606f\u6765\u5feb\u901f\u8fde\u63a5\u5230\u60a8\u7684\u6570\u636e\u6e90\u3002ILLA\u5c06\u4ee5\u5b89\u5168\u7684\u65b9\u5f0f\u8bbf\u95ee\u60a8\u7684\u6570\u636e\uff0c\u786e\u4fdd\u6570\u636e\u7684\u5b89\u5168\u6027\u3002 ILLA\u5c06\u4ee5\u5b89\u5168\u7684\u65b9\u5f0f\u8bbf\u95ee\u60a8\u7684\u6570\u636e\uff0c\u786e\u4fdd\u6570\u636e\u7684\u5b89\u5168\u6027\u3002"}),"\n",(0,s.jsx)(e.p,{children:(0,s.jsx)(e.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/cms/data-source.svg",alt:"image"})}),"\n",(0,s.jsx)(e.p,{children:"\u6211\u4eec\u652f\u6301\u7684\u6570\u636e\u6e90\u5305\u62ec\u4f46\u4e0d\u9650\u4e8ePostgreSQL\u3001MySQL\u3001MongoDB\u3001Snowflake\u3001Amazon S3\u3001Google Sheets\u3001Airtable\u3001Stripe\u7b49\u3002"}),"\n",(0,s.jsx)(e.h2,{id:"\u4e0eai-agent\u96c6\u6210\u4ee5\u5206\u6790\u6570\u636e",children:"\u4e0eAI Agent\u96c6\u6210\u4ee5\u5206\u6790\u6570\u636e"}),"\n",(0,s.jsx)(e.p,{children:"\u60a8\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u5177\u6709\u6570\u636e\u5206\u6790\u6216\u95ee\u7b54\u80fd\u529b\u7684AI Agent\uff0c\u5e76\u5c06\u5176\u65e0\u7f1d\u96c6\u6210\u5230\u60a8\u7684\u4eea\u8868\u76d8\u4e2d\u3002 \u8fd9\u4e2aAI Agent\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u6d1e\u5bdf\u548c\u56de\u7b54\u95ee\u9898\u6765\u5e2e\u52a9\u60a8\u5206\u6790\u6570\u636e\u3002"}),"\n",(0,s.jsx)(e.p,{children:(0,s.jsx)(e.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/dashboard/analysis.gif",alt:"image"})}),"\n",(0,s.jsx)(e.h1,{id:"\u597d\u5904",children:"\u597d\u5904"}),"\n",(0,s.jsx)(e.h2,{id:"100\u53ef\u5b9a\u5236",children:"100\uff05\u53ef\u5b9a\u5236"}),"\n",(0,s.jsx)(e.p,{children:"\u6839\u636e\u60a8\u7684\u8981\u6c42\u81ea\u5b9a\u4e49\u4efb\u4f55\u5de5\u5177\u3002"}),"\n",(0,s.jsx)(e.p,{children:(0,s.jsx)(e.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/custom.svg",alt:"image"})}),"\n",(0,s.jsx)(e.h2,{id:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c",children:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c"}),"\n",(0,s.jsx)(e.p,{children:"\u901a\u8fc7\u4e00\u7cfb\u5217\u81ea\u5b9a\u4e49\u81ea\u52a8\u5316\u548c\u7b2c\u4e09\u65b9\u96c6\u6210\uff0c\u51cf\u5c11\u624b\u52a8\u64cd\u4f5c\u7684\u4efb\u52a1\u3002"}),"\n",(0,s.jsx)(e.p,{children:(0,s.jsx)(e.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/cut-cost.svg",alt:"image"})}),"\n",(0,s.jsx)(e.h2,{id:"\u4f18\u5316\u6d41\u7a0b",children:"\u4f18\u5316\u6d41\u7a0b"}),"\n",(0,s.jsx)(e.p,{children:"\u56f4\u7ed5\u60a8\u73b0\u6709\u7684\u6d41\u7a0b\u521b\u5efa\u81ea\u5b9a\u4e49\u5de5\u5177\uff0c\u5e76\u4f7f\u6d41\u7a0b\u66f4\u52a0\u9ad8\u6548\u3002"}),"\n",(0,s.jsx)(e.p,{children:(0,s.jsx)(e.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/process.svg",alt:"image"})}),"\n",(0,s.jsx)(e.h2,{id:"\u63d0\u9ad8roi",children:"\u63d0\u9ad8ROI"}),"\n",(0,s.jsx)(e.p,{children:"\u7b80\u5316\u64cd\u4f5c\u6d41\u7a0b\uff0c\u964d\u4f4e\u6210\u672c\u3002 \u63d0\u9ad8\u60a8\u7684\u4e1a\u52a1\u6548\u7387\u548c\u7b80\u5316\u3002"}),"\n",(0,s.jsx)(e.p,{children:(0,s.jsx)(e.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/roi.svg",alt:"image"})}),"\n",(0,s.jsx)(e.h2,{id:"\u96c6\u4e2d\u8d44\u6e90",children:"\u96c6\u4e2d\u8d44\u6e90"}),"\n",(0,s.jsx)(e.p,{children:"\u8fde\u63a5\u4efb\u4f55\u6570\u636e\u6e90\u5e76\u6784\u5efa\u9002\u7528\u4e8e\u4efb\u4f55\u4e1a\u52a1\u7684\u5e94\u7528\u7a0b\u5e8f\u3002 \u5728\u5c06\u60a8\u7684\u5185\u5bb9\u7ba1\u7406\u3001\u5ba2\u6237\u7ba1\u7406\u7b49\u591a\u79cd\u5de5\u5177\u548c\u6570\u636e\u8d44\u6e90\u96c6\u4e2d\u5728\u8fd9\u91cc\u3002"}),"\n",(0,s.jsx)(e.p,{children:(0,s.jsx)(e.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/centralize.svg",alt:"image"})}),"\n",(0,s.jsx)(e.h2,{id:"\u7ba1\u7406\u53d8\u9769",children:"\u7ba1\u7406\u53d8\u9769"}),"\n",(0,s.jsx)(e.p,{children:"\u4f7f\u4e1a\u52a1\u64cd\u4f5c\u6d41\u7a0b\u6807\u51c6\u5316\uff0c\u63d0\u9ad8\u7ba1\u7406\u6548\u7387\u3002"}),"\n",(0,s.jsx)(e.p,{children:(0,s.jsx)(e.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/change.svg",alt:"image"})})]})}function h(i={}){const{wrapper:e}={...(0,n.a)(),...i.components};return e?(0,s.jsx)(e,{...i,children:(0,s.jsx)(r,{...i})}):r(i)}},7214:(i,e,l)=>{l.d(e,{Z:()=>c,a:()=>t});var s=l(959);const n={},o=s.createContext(n);function t(i){const e=s.useContext(o);return s.useMemo((function(){return"function"==typeof i?i(e):{...e,...i}}),[e,i])}function c(i){let e;return e=i.disableParentContext?"function"==typeof i.components?i.components(n):i.components||n:t(i.components),s.createElement(o.Provider,{value:e},i.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/88d8af9f.cc2c4f5f.js b/zh/assets/js/88d8af9f.cc2c4f5f.js
deleted file mode 100644
index b712d6c96c..0000000000
--- a/zh/assets/js/88d8af9f.cc2c4f5f.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5038],{9129:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var o=i(1527),n=i(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/zh/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/zh/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/zh/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/zh/blog/tags/react"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/zh/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/zh/blog/nvm-use-2024"},relatedPosts:[{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",description:"2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",permalink:"/illa-website/zh/blog/shadcn-vs-mui",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.12,date:"2024-01-03T15:08:52.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/zh/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/zh/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,o.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,o.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,o.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,o.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,o.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,o.jsxs)(t.ol,{children:["\n",(0,o.jsx)(t.li,{children:"Design"}),"\n",(0,o.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,o.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,o.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,o.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,o.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,o.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,o.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,o.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,o.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,o.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,o.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,o.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,o.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,o.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:"Colors"}),"\n",(0,o.jsx)(t.li,{children:"Border radii"}),"\n",(0,o.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,o.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,o.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,o.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,o.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,o.jsx)(t.p,{children:"These include:"}),"\n",(0,o.jsxs)(t.ul,{children:["\n",(0,o.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,o.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,o.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,o.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,o.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,o.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,o.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,o.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,o.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}},7214:(e,t,i)=>{i.d(t,{Z:()=>r,a:()=>a});var o=i(959);const n={},s=o.createContext(n);function a(e){const t=o.useContext(s);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),o.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/88d8af9f.edf7174e.js b/zh/assets/js/88d8af9f.edf7174e.js
new file mode 100644
index 0000000000..d575107a31
--- /dev/null
+++ b/zh/assets/js/88d8af9f.edf7174e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5038],{9129:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},a=void 0,r={permalink:"/illa-website/zh/blog/mui-2024",source:"@site/blog/mui-2024/mui.md",title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"UI Library",permalink:"/illa-website/zh/blog/tags/ui-library"},{label:"Shadcn UI",permalink:"/illa-website/zh/blog/tags/shadcn-ui"},{label:"React",permalink:"/illa-website/zh/blog/tags/react"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:3.265,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{title:"2024 has arrived, should I choose MUI?",tags:["UI Library","Shadcn UI","React","javascript"],slug:"mui-2024",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"},unlisted:!1,prevItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/zh/blog/lowcode-vs-traditional"},nextItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/zh/blog/nvm-use-2024"},relatedPosts:[{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/zh/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/zh/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"},{title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",permalink:"/illa-website/zh/blog/shadcn-ui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:2.96,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of MUI",id:"features-of-mui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function d(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch."}),"\n",(0,i.jsx)(t.p,{children:"To summarize, component libraries are typically used in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly targeted at company users, usually adhering to the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, focusing on aesthetic design while prioritizing rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze two component libraries based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-mui",children:"Features of MUI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about MUI:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 90k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 3,263,852 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Nov 6, 2014"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI, as a longstanding project maintained since 2014, boasts almost a decade of stability. Its high star count and weekly download numbers ensure that the community remains consistently active."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/mui-2024/mui.png",alt:"mui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, MUI strictly adheres to Google's renowned Material Design. MUI's customization capabilities are extensive, catering to a wide range of internal and external scenarios. Many well-known open-source projects use MUI for front-end development. For most functionalities, MUI provides comprehensive support."}),"\n",(0,i.jsx)(t.p,{children:"In addition to common features like:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"MUI supports complete configurations of fonts, font sizes, colors, and margins, making it a powerful tool as a project with ten years of development."}),"\n",(0,i.jsx)(t.p,{children:"Regarding CSS support, MUI has its custom system, utilizing emotionjs for style adjustments in the overall layout. This may come with a learning curve and may not be as developer-friendly for direct development, requiring documentation consultation for certain style modifications."}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"MUI's component types are highly complex, divided into several dimensions:"}),"\n",(0,i.jsx)(t.p,{children:"These include:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"MUI Core: Basic functional components of MUI, including a multitude of foundational components and a style system."}),"\n",(0,i.jsx)(t.li,{children:"MUI X: High-performance and complex components of MUI, including high-performance tables, charts, etc."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"If you are developing a highly complex system, you can use MUI's full suite solution. However, MUI X is a paid component library, and a subscription fee may be required."}),"\n",(0,i.jsx)(t.p,{children:"MUI is a heavyweight repository with extensive code and a long maintenance history. Its high customizability makes it suitable for large projects. In the MUI repository, you can find a wealth of features."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design's aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable."})]})}function h(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/9591b7e9.196604a0.js b/zh/assets/js/9591b7e9.196604a0.js
deleted file mode 100644
index 061765c21e..0000000000
--- a/zh/assets/js/9591b7e9.196604a0.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4112],{2225:(i,l,e)=>{e.r(l),e.d(l,{assets:()=>a,contentTitle:()=>t,default:()=>m,frontMatter:()=>c,metadata:()=>o,toc:()=>d});var s=e(1527),n=e(7214);const c={title:"\u66f4\u597d\u7684\u9500\u552eCRM\u89e3\u51b3\u65b9\u6848\uff0c\u66f4\u5feb\u5730\u5b8c\u6210\u4ea4\u6613",description:"\u5728\u4e00\u4e2a\u5730\u65b9\u9ad8\u6548\u5730\u7ba1\u7406\u6240\u6709\u6f5c\u5728\u5ba2\u6237\u3001\u5ba2\u6237\u5173\u7cfb\u3001\u9500\u552e\u6e20\u9053\u548c\u4efb\u52a1\uff0c\u4ee5\u4fbf\u60a8\u53ef\u4ee5\u7b80\u5316\u9500\u552e\u6d41\u7a0b\u5e76\u4e13\u6ce8\u4e8e\u5b8c\u6210\u4ea4\u6613\u3002",slogan:'"\u66f4\u597d\u7684{colorSlogan}\uff0c\u66f4\u5feb\u5730\u5b8c\u6210\u4ea4\u6613"',image:"https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp",imageAlt:"ILLA Cloud\u662f\u4e00\u4e2a\u4f4e\u4ee3\u7801CRM\u6784\u5efa\u5de5\u5177\uff0c\u53ef\u4ee5\u8ba9\u60a8\u5728\u4e00\u4e2a\u5730\u65b9\u7ba1\u7406\u6240\u6709\u6f5c\u5728\u5ba2\u6237\u3001\u5ba2\u6237\u5173\u7cfb\u3001\u9500\u552e\u6e20\u9053\u548c\u4efb\u52a1\uff0c\u4ee5\u4fbf\u60a8\u53ef\u4ee5\u7b80\u5316\u9500\u552e\u6d41\u7a0b\u5e76\u4e13\u6ce8\u4e8e\u5b8c\u6210\u4ea4\u6613\u3002",appID:"ILAcx4p1C7N5",colorSlogan:"\u9500\u552eCRM\u89e3\u51b3\u65b9\u6848",colorStart:'"#00EE8A"',colorEnd:'"#2C66FA"'},t="\u6211\u4eec\u80fd\u505a\u4ec0\u4e48",o={type:"mdx",permalink:"/illa-website/zh/solutions-crm",source:"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-crm.mdx",title:"\u66f4\u597d\u7684\u9500\u552eCRM\u89e3\u51b3\u65b9\u6848\uff0c\u66f4\u5feb\u5730\u5b8c\u6210\u4ea4\u6613",description:"\u5728\u4e00\u4e2a\u5730\u65b9\u9ad8\u6548\u5730\u7ba1\u7406\u6240\u6709\u6f5c\u5728\u5ba2\u6237\u3001\u5ba2\u6237\u5173\u7cfb\u3001\u9500\u552e\u6e20\u9053\u548c\u4efb\u52a1\uff0c\u4ee5\u4fbf\u60a8\u53ef\u4ee5\u7b80\u5316\u9500\u552e\u6d41\u7a0b\u5e76\u4e13\u6ce8\u4e8e\u5b8c\u6210\u4ea4\u6613\u3002",frontMatter:{title:"\u66f4\u597d\u7684\u9500\u552eCRM\u89e3\u51b3\u65b9\u6848\uff0c\u66f4\u5feb\u5730\u5b8c\u6210\u4ea4\u6613",description:"\u5728\u4e00\u4e2a\u5730\u65b9\u9ad8\u6548\u5730\u7ba1\u7406\u6240\u6709\u6f5c\u5728\u5ba2\u6237\u3001\u5ba2\u6237\u5173\u7cfb\u3001\u9500\u552e\u6e20\u9053\u548c\u4efb\u52a1\uff0c\u4ee5\u4fbf\u60a8\u53ef\u4ee5\u7b80\u5316\u9500\u552e\u6d41\u7a0b\u5e76\u4e13\u6ce8\u4e8e\u5b8c\u6210\u4ea4\u6613\u3002",slogan:'"\u66f4\u597d\u7684{colorSlogan}\uff0c\u66f4\u5feb\u5730\u5b8c\u6210\u4ea4\u6613"',image:"https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp",imageAlt:"ILLA Cloud\u662f\u4e00\u4e2a\u4f4e\u4ee3\u7801CRM\u6784\u5efa\u5de5\u5177\uff0c\u53ef\u4ee5\u8ba9\u60a8\u5728\u4e00\u4e2a\u5730\u65b9\u7ba1\u7406\u6240\u6709\u6f5c\u5728\u5ba2\u6237\u3001\u5ba2\u6237\u5173\u7cfb\u3001\u9500\u552e\u6e20\u9053\u548c\u4efb\u52a1\uff0c\u4ee5\u4fbf\u60a8\u53ef\u4ee5\u7b80\u5316\u9500\u552e\u6d41\u7a0b\u5e76\u4e13\u6ce8\u4e8e\u5b8c\u6210\u4ea4\u6613\u3002",appID:"ILAcx4p1C7N5",colorSlogan:"\u9500\u552eCRM\u89e3\u51b3\u65b9\u6848",colorStart:'"#00EE8A"',colorEnd:'"#2C66FA"'},unlisted:!1},a={},d=[{value:"\u5728\u51e0\u5206\u949f\u5185\u6784\u5efa\u7ba1\u7406\u7cfb\u7edf",id:"\u5728\u51e0\u5206\u949f\u5185\u6784\u5efa\u7ba1\u7406\u7cfb\u7edf",level:2},{value:"\u56e2\u961f\u534f\u4f5c\u548c\u57fa\u4e8e\u89d2\u8272\u7684\u6743\u9650\u8bbe\u7f6e",id:"\u56e2\u961f\u534f\u4f5c\u548c\u57fa\u4e8e\u89d2\u8272\u7684\u6743\u9650\u8bbe\u7f6e",level:2},{value:"\u5229\u7528\u4eba\u5de5\u667a\u80fd\u751f\u6210\u8425\u9500\u5185\u5bb9",id:"\u5229\u7528\u4eba\u5de5\u667a\u80fd\u751f\u6210\u8425\u9500\u5185\u5bb9",level:2},{value:"\u8425\u9500\u81ea\u52a8\u5316",id:"\u8425\u9500\u81ea\u52a8\u5316",level:2},{value:"100\uff05\u53ef\u5b9a\u5236",id:"100\u53ef\u5b9a\u5236",level:2},{value:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c",id:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c",level:2},{value:"\u4f18\u5316\u6d41\u7a0b",id:"\u4f18\u5316\u6d41\u7a0b",level:2},{value:"\u63d0\u9ad8ROI",id:"\u63d0\u9ad8roi",level:2},{value:"\u96c6\u4e2d\u8d44\u6e90",id:"\u96c6\u4e2d\u8d44\u6e90",level:2},{value:"\u7ba1\u7406\u53d8\u9769",id:"\u7ba1\u7406\u53d8\u9769",level:2}];function r(i){const l={h1:"h1",h2:"h2",img:"img",p:"p",...(0,n.a)(),...i.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.h1,{id:"\u6211\u4eec\u80fd\u505a\u4ec0\u4e48",children:"\u6211\u4eec\u80fd\u505a\u4ec0\u4e48"}),"\n",(0,s.jsx)(l.h2,{id:"\u5728\u51e0\u5206\u949f\u5185\u6784\u5efa\u7ba1\u7406\u7cfb\u7edf",children:"\u5728\u51e0\u5206\u949f\u5185\u6784\u5efa\u7ba1\u7406\u7cfb\u7edf"}),"\n",(0,s.jsx)(l.p,{children:"\u6211\u4eec\u7684\u4f4e\u4ee3\u7801CRM\u6784\u5efa\u5de5\u5177\u53ef\u4ee5\u8ba9\u60a8\u5728\u51e0\u5206\u949f\u5185\u6784\u5efa\u4efb\u4f55\u7c7b\u578b\u7684\u7cfb\u7edf\uff0c\u5305\u62ec\u8054\u7cfb\u4eba\u7ba1\u7406\u3001\u9500\u552e\u6e20\u9053\u7ba1\u7406\u3001\u6f5c\u5728\u5ba2\u6237\u8ffd\u8e2a\u3001\u673a\u4f1a\u7ba1\u7406\u3001\u9500\u552e\u9884\u6d4b\u3001\u5ba2\u6237\u670d\u52a1\u7b49\u3002\u5c06\u8d44\u6e90\u96c6\u4e2d\u5728\u4e00\u4e2a\u5730\u65b9\u3002 \u5c06\u8d44\u6e90\u96c6\u4e2d\u57281\u4e2a\u4f4d\u7f6e\u3002"}),"\n",(0,s.jsx)(l.p,{children:(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/dashboard/design.svg",alt:"image"})}),"\n",(0,s.jsx)(l.h2,{id:"\u56e2\u961f\u534f\u4f5c\u548c\u57fa\u4e8e\u89d2\u8272\u7684\u6743\u9650\u8bbe\u7f6e",children:"\u56e2\u961f\u534f\u4f5c\u548c\u57fa\u4e8e\u89d2\u8272\u7684\u6743\u9650\u8bbe\u7f6e"}),"\n",(0,s.jsx)(l.p,{children:"\u5141\u8bb8\u9500\u552e\u3001\u5e02\u573a\u8425\u9500\u548c\u652f\u6301\u7b49\u90e8\u95e8\u5728\u4e00\u4e2a\u5730\u65b9\u6839\u636e\u5176\u89d2\u8272\u7ba1\u7406\u4e0d\u540c\u7684\u8d44\u6e90\u548c\u5904\u7406\u5404\u79cd\u4efb\u52a1\u3002"}),"\n",(0,s.jsx)(l.p,{children:(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/crm/team.gif",alt:"image"})}),"\n",(0,s.jsx)(l.h2,{id:"\u5229\u7528\u4eba\u5de5\u667a\u80fd\u751f\u6210\u8425\u9500\u5185\u5bb9",children:"\u5229\u7528\u4eba\u5de5\u667a\u80fd\u751f\u6210\u8425\u9500\u5185\u5bb9"}),"\n",(0,s.jsx)(l.p,{children:"ILLA Cloud\u4e0d\u4ec5\u662f\u4f4e\u4ee3\u7801crm build\u5de5\u5177\uff0c\u800c\u4e14\u4e5f\u662f\u5546\u4e1a\u5de5\u5177\u4e0e AI \u80fd\u529b\u4e4b\u95f4\u7684\u6865\u6881\u3002 \u901a\u8fc7\u4e0eAI \u80fd\u529b\u76f8\u7ed3\u5408\uff0cILLA Cloud\u5e2e\u52a9\u4f01\u4e1a\u6839\u636e\u4ea7\u54c1\u7279\u5f81\u548c\u5ba2\u6237\u7279\u5f81\u5236\u4f5c\u4e2a\u6027\u5316\u7684\u8425\u9500\u5185\u5bb9\u3002"}),"\n",(0,s.jsx)(l.p,{children:(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/crm/send.gif",alt:"image"})}),"\n",(0,s.jsx)(l.h2,{id:"\u8425\u9500\u81ea\u52a8\u5316",children:"\u8425\u9500\u81ea\u52a8\u5316"}),"\n",(0,s.jsx)(l.p,{children:"\u501f\u52a9\u4f4e\u4ee3\u7801CRM\u6784\u5efa\u80fd\u529b\u3001\u4eba\u5de5\u667a\u80fd\u80fd\u529b\u548c\u81ea\u52a8\u5316\u80fd\u529b\uff0cILLA Cloud\u5e2e\u52a9\u4f01\u4e1a\u7ba1\u7406\u5176\u8425\u9500\u6d3b\u52a8\uff0c\u5305\u62ec\u7535\u5b50\u90ae\u4ef6\u8425\u9500\u3001\u793e\u4ea4\u5a92\u4f53\u8425\u9500\u548c\u6f5c\u5728\u5ba2\u6237\u751f\u6210\u3002"}),"\n",(0,s.jsx)(l.p,{children:(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/crm/auto.gif",alt:"image"})}),"\n",(0,s.jsx)(l.h1,{id:"\u597d\u5904",children:"\u597d\u5904"}),"\n",(0,s.jsx)(l.h2,{id:"100\u53ef\u5b9a\u5236",children:"100\uff05\u53ef\u5b9a\u5236"}),"\n",(0,s.jsx)(l.p,{children:"\u6839\u636e\u60a8\u7684\u8981\u6c42\u81ea\u5b9a\u4e49\u4efb\u4f55\u5de5\u5177\u3002"}),"\n",(0,s.jsx)(l.p,{children:(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/custom.svg",alt:"image"})}),"\n",(0,s.jsx)(l.h2,{id:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c",children:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c"}),"\n",(0,s.jsxs)(l.p,{children:["\u901a\u8fc7\u4e00\u7cfb\u5217\u81ea\u5b9a\u4e49\u81ea\u52a8\u5316\u548c\u7b2c\u4e09\u65b9\u96c6\u6210\uff0c\u51cf\u5c11\u624b\u52a8\u64cd\u4f5c\u7684\u4efb\u52a1\u3002\n",(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/cut-cost.svg",alt:"image"})]}),"\n",(0,s.jsx)(l.p,{children:(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/cut-cost.svg",alt:"image"})}),"\n",(0,s.jsx)(l.h2,{id:"\u4f18\u5316\u6d41\u7a0b",children:"\u4f18\u5316\u6d41\u7a0b"}),"\n",(0,s.jsxs)(l.p,{children:["\u56f4\u7ed5\u60a8\u73b0\u6709\u7684\u6d41\u7a0b\u521b\u5efa\u81ea\u5b9a\u4e49\u5de5\u5177\uff0c\u5e76\u4f7f\u6d41\u7a0b\u66f4\u52a0\u9ad8\u6548\u3002\n",(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/process.svg",alt:"image"})]}),"\n",(0,s.jsx)(l.p,{children:(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/process.svg",alt:"image"})}),"\n",(0,s.jsx)(l.h2,{id:"\u63d0\u9ad8roi",children:"\u63d0\u9ad8ROI"}),"\n",(0,s.jsx)(l.p,{children:"\u7b80\u5316\u64cd\u4f5c\u6d41\u7a0b\uff0c\u964d\u4f4e\u6210\u672c\u3002 \u63d0\u9ad8\u60a8\u7684\u4e1a\u52a1\u6548\u7387\u548c\u7b80\u5316\u3002"}),"\n",(0,s.jsx)(l.p,{children:(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/roi.svg",alt:"image"})}),"\n",(0,s.jsx)(l.h2,{id:"\u96c6\u4e2d\u8d44\u6e90",children:"\u96c6\u4e2d\u8d44\u6e90"}),"\n",(0,s.jsxs)(l.p,{children:["\u8fde\u63a5\u4efb\u4f55\u6570\u636e\u6e90\u5e76\u6784\u5efa\u9002\u7528\u4e8e\u4efb\u4f55\u4e1a\u52a1\u7684\u5e94\u7528\u7a0b\u5e8f\u3002\u5728\u5c06\u60a8\u7684\u5185\u5bb9\u7ba1\u7406\u3001\u5ba2\u6237\u7ba1\u7406\u7b49\u591a\u79cd\u5de5\u5177\u548c\u6570\u636e\u8d44\u6e90\u96c6\u4e2d\u5728\u8fd9\u91cc\u3002\n",(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/centralize.svg",alt:"image"})," \u5728\u6b64\u96c6\u4e2d\u7ba1\u7406\u60a8\u7684\u5185\u5bb9\u7ba1\u7406\u3001\u5ba2\u6237\u7ba1\u7406\u548c\u5176\u4ed6\u65b9\u9762\u3002"]}),"\n",(0,s.jsx)(l.p,{children:(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/centralize.svg",alt:"image"})}),"\n",(0,s.jsx)(l.h2,{id:"\u7ba1\u7406\u53d8\u9769",children:"\u7ba1\u7406\u53d8\u9769"}),"\n",(0,s.jsxs)(l.p,{children:["\u4f7f\u4e1a\u52a1\u64cd\u4f5c\u6d41\u7a0b\u6807\u51c6\u5316\uff0c\u63d0\u9ad8\u7ba1\u7406\u6548\u7387\u3002\n",(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/change.svg",alt:"image"})]}),"\n",(0,s.jsx)(l.p,{children:(0,s.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/change.svg",alt:"image"})})]})}function m(i={}){const{wrapper:l}={...(0,n.a)(),...i.components};return l?(0,s.jsx)(l,{...i,children:(0,s.jsx)(r,{...i})}):r(i)}},7214:(i,l,e)=>{e.d(l,{Z:()=>o,a:()=>t});var s=e(959);const n={},c=s.createContext(n);function t(i){const l=s.useContext(c);return s.useMemo((function(){return"function"==typeof i?i(l):{...l,...i}}),[l,i])}function o(i){let l;return l=i.disableParentContext?"function"==typeof i.components?i.components(n):i.components||n:t(i.components),s.createElement(c.Provider,{value:l},i.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/9591b7e9.dcedc0c4.js b/zh/assets/js/9591b7e9.dcedc0c4.js
new file mode 100644
index 0000000000..9419537f4a
--- /dev/null
+++ b/zh/assets/js/9591b7e9.dcedc0c4.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[4112],{2225:(i,l,e)=>{e.r(l),e.d(l,{assets:()=>d,contentTitle:()=>t,default:()=>m,frontMatter:()=>c,metadata:()=>o,toc:()=>a});var n=e(1527),s=e(7214);const c={title:"\u66f4\u597d\u7684\u9500\u552eCRM\u89e3\u51b3\u65b9\u6848\uff0c\u66f4\u5feb\u5730\u5b8c\u6210\u4ea4\u6613",description:"\u5728\u4e00\u4e2a\u5730\u65b9\u9ad8\u6548\u5730\u7ba1\u7406\u6240\u6709\u6f5c\u5728\u5ba2\u6237\u3001\u5ba2\u6237\u5173\u7cfb\u3001\u9500\u552e\u6e20\u9053\u548c\u4efb\u52a1\uff0c\u4ee5\u4fbf\u60a8\u53ef\u4ee5\u7b80\u5316\u9500\u552e\u6d41\u7a0b\u5e76\u4e13\u6ce8\u4e8e\u5b8c\u6210\u4ea4\u6613\u3002",slogan:'"\u66f4\u597d\u7684{colorSlogan}\uff0c\u66f4\u5feb\u5730\u5b8c\u6210\u4ea4\u6613"',image:"https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp",imageAlt:"ILLA Cloud\u662f\u4e00\u4e2a\u4f4e\u4ee3\u7801CRM\u6784\u5efa\u5de5\u5177\uff0c\u53ef\u4ee5\u8ba9\u60a8\u5728\u4e00\u4e2a\u5730\u65b9\u7ba1\u7406\u6240\u6709\u6f5c\u5728\u5ba2\u6237\u3001\u5ba2\u6237\u5173\u7cfb\u3001\u9500\u552e\u6e20\u9053\u548c\u4efb\u52a1\uff0c\u4ee5\u4fbf\u60a8\u53ef\u4ee5\u7b80\u5316\u9500\u552e\u6d41\u7a0b\u5e76\u4e13\u6ce8\u4e8e\u5b8c\u6210\u4ea4\u6613\u3002",appID:"ILAcx4p1C7N5",colorSlogan:"\u9500\u552eCRM\u89e3\u51b3\u65b9\u6848",colorStart:'"#00EE8A"',colorEnd:'"#2C66FA"'},t="\u6211\u4eec\u80fd\u505a\u4ec0\u4e48",o={type:"mdx",permalink:"/illa-website/zh/solutions-crm",source:"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-crm.mdx",title:"\u66f4\u597d\u7684\u9500\u552eCRM\u89e3\u51b3\u65b9\u6848\uff0c\u66f4\u5feb\u5730\u5b8c\u6210\u4ea4\u6613",description:"\u5728\u4e00\u4e2a\u5730\u65b9\u9ad8\u6548\u5730\u7ba1\u7406\u6240\u6709\u6f5c\u5728\u5ba2\u6237\u3001\u5ba2\u6237\u5173\u7cfb\u3001\u9500\u552e\u6e20\u9053\u548c\u4efb\u52a1\uff0c\u4ee5\u4fbf\u60a8\u53ef\u4ee5\u7b80\u5316\u9500\u552e\u6d41\u7a0b\u5e76\u4e13\u6ce8\u4e8e\u5b8c\u6210\u4ea4\u6613\u3002",frontMatter:{title:"\u66f4\u597d\u7684\u9500\u552eCRM\u89e3\u51b3\u65b9\u6848\uff0c\u66f4\u5feb\u5730\u5b8c\u6210\u4ea4\u6613",description:"\u5728\u4e00\u4e2a\u5730\u65b9\u9ad8\u6548\u5730\u7ba1\u7406\u6240\u6709\u6f5c\u5728\u5ba2\u6237\u3001\u5ba2\u6237\u5173\u7cfb\u3001\u9500\u552e\u6e20\u9053\u548c\u4efb\u52a1\uff0c\u4ee5\u4fbf\u60a8\u53ef\u4ee5\u7b80\u5316\u9500\u552e\u6d41\u7a0b\u5e76\u4e13\u6ce8\u4e8e\u5b8c\u6210\u4ea4\u6613\u3002",slogan:'"\u66f4\u597d\u7684{colorSlogan}\uff0c\u66f4\u5feb\u5730\u5b8c\u6210\u4ea4\u6613"',image:"https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp",imageAlt:"ILLA Cloud\u662f\u4e00\u4e2a\u4f4e\u4ee3\u7801CRM\u6784\u5efa\u5de5\u5177\uff0c\u53ef\u4ee5\u8ba9\u60a8\u5728\u4e00\u4e2a\u5730\u65b9\u7ba1\u7406\u6240\u6709\u6f5c\u5728\u5ba2\u6237\u3001\u5ba2\u6237\u5173\u7cfb\u3001\u9500\u552e\u6e20\u9053\u548c\u4efb\u52a1\uff0c\u4ee5\u4fbf\u60a8\u53ef\u4ee5\u7b80\u5316\u9500\u552e\u6d41\u7a0b\u5e76\u4e13\u6ce8\u4e8e\u5b8c\u6210\u4ea4\u6613\u3002",appID:"ILAcx4p1C7N5",colorSlogan:"\u9500\u552eCRM\u89e3\u51b3\u65b9\u6848",colorStart:'"#00EE8A"',colorEnd:'"#2C66FA"'},unlisted:!1},d={},a=[{value:"\u5728\u51e0\u5206\u949f\u5185\u6784\u5efa\u7ba1\u7406\u7cfb\u7edf",id:"\u5728\u51e0\u5206\u949f\u5185\u6784\u5efa\u7ba1\u7406\u7cfb\u7edf",level:2},{value:"\u56e2\u961f\u534f\u4f5c\u548c\u57fa\u4e8e\u89d2\u8272\u7684\u6743\u9650\u8bbe\u7f6e",id:"\u56e2\u961f\u534f\u4f5c\u548c\u57fa\u4e8e\u89d2\u8272\u7684\u6743\u9650\u8bbe\u7f6e",level:2},{value:"\u5229\u7528\u4eba\u5de5\u667a\u80fd\u751f\u6210\u8425\u9500\u5185\u5bb9",id:"\u5229\u7528\u4eba\u5de5\u667a\u80fd\u751f\u6210\u8425\u9500\u5185\u5bb9",level:2},{value:"\u8425\u9500\u81ea\u52a8\u5316",id:"\u8425\u9500\u81ea\u52a8\u5316",level:2},{value:"100\uff05\u53ef\u5b9a\u5236",id:"100\u53ef\u5b9a\u5236",level:2},{value:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c",id:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c",level:2},{value:"\u4f18\u5316\u6d41\u7a0b",id:"\u4f18\u5316\u6d41\u7a0b",level:2},{value:"\u63d0\u9ad8ROI",id:"\u63d0\u9ad8roi",level:2},{value:"\u96c6\u4e2d\u8d44\u6e90",id:"\u96c6\u4e2d\u8d44\u6e90",level:2},{value:"\u7ba1\u7406\u53d8\u9769",id:"\u7ba1\u7406\u53d8\u9769",level:2}];function r(i){const l={h1:"h1",h2:"h2",img:"img",p:"p",...(0,s.a)(),...i.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.h1,{id:"\u6211\u4eec\u80fd\u505a\u4ec0\u4e48",children:"\u6211\u4eec\u80fd\u505a\u4ec0\u4e48"}),"\n",(0,n.jsx)(l.h2,{id:"\u5728\u51e0\u5206\u949f\u5185\u6784\u5efa\u7ba1\u7406\u7cfb\u7edf",children:"\u5728\u51e0\u5206\u949f\u5185\u6784\u5efa\u7ba1\u7406\u7cfb\u7edf"}),"\n",(0,n.jsx)(l.p,{children:"\u6211\u4eec\u7684\u4f4e\u4ee3\u7801CRM\u6784\u5efa\u5de5\u5177\u53ef\u4ee5\u8ba9\u60a8\u5728\u51e0\u5206\u949f\u5185\u6784\u5efa\u4efb\u4f55\u7c7b\u578b\u7684\u7cfb\u7edf\uff0c\u5305\u62ec\u8054\u7cfb\u4eba\u7ba1\u7406\u3001\u9500\u552e\u6e20\u9053\u7ba1\u7406\u3001\u6f5c\u5728\u5ba2\u6237\u8ffd\u8e2a\u3001\u673a\u4f1a\u7ba1\u7406\u3001\u9500\u552e\u9884\u6d4b\u3001\u5ba2\u6237\u670d\u52a1\u7b49\u3002\u5c06\u8d44\u6e90\u96c6\u4e2d\u5728\u4e00\u4e2a\u5730\u65b9\u3002 \u5c06\u8d44\u6e90\u96c6\u4e2d\u5728\u4e00\u4e2a\u5730\u65b9\u3002"}),"\n",(0,n.jsx)(l.p,{children:(0,n.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/dashboard/design.svg",alt:"image"})}),"\n",(0,n.jsx)(l.h2,{id:"\u56e2\u961f\u534f\u4f5c\u548c\u57fa\u4e8e\u89d2\u8272\u7684\u6743\u9650\u8bbe\u7f6e",children:"\u56e2\u961f\u534f\u4f5c\u548c\u57fa\u4e8e\u89d2\u8272\u7684\u6743\u9650\u8bbe\u7f6e"}),"\n",(0,n.jsx)(l.p,{children:"\u5141\u8bb8\u9500\u552e\u3001\u5e02\u573a\u8425\u9500\u548c\u652f\u6301\u7b49\u90e8\u95e8\u5728\u4e00\u4e2a\u5730\u65b9\u6839\u636e\u5176\u89d2\u8272\u7ba1\u7406\u4e0d\u540c\u7684\u8d44\u6e90\u548c\u5904\u7406\u5404\u79cd\u4efb\u52a1\u3002"}),"\n",(0,n.jsx)(l.p,{children:(0,n.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/crm/team.gif",alt:"image"})}),"\n",(0,n.jsx)(l.h2,{id:"\u5229\u7528\u4eba\u5de5\u667a\u80fd\u751f\u6210\u8425\u9500\u5185\u5bb9",children:"\u5229\u7528\u4eba\u5de5\u667a\u80fd\u751f\u6210\u8425\u9500\u5185\u5bb9"}),"\n",(0,n.jsx)(l.p,{children:"ILLA Cloud\u4e0d\u4ec5\u662f\u4f4e\u4ee3\u7801crm build\u5de5\u5177\uff0c\u800c\u4e14\u4e5f\u662f\u5546\u4e1a\u5de5\u5177\u4e0e AI \u80fd\u529b\u4e4b\u95f4\u7684\u6865\u6881\u3002 \u901a\u8fc7\u4e0eAI \u80fd\u529b\u76f8\u7ed3\u5408\uff0cILLA Cloud\u5e2e\u52a9\u4f01\u4e1a\u6839\u636e\u4ea7\u54c1\u7279\u5f81\u548c\u5ba2\u6237\u7279\u5f81\u5236\u4f5c\u4e2a\u6027\u5316\u7684\u8425\u9500\u5185\u5bb9\u3002"}),"\n",(0,n.jsx)(l.p,{children:(0,n.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/crm/send.gif",alt:"image"})}),"\n",(0,n.jsx)(l.h2,{id:"\u8425\u9500\u81ea\u52a8\u5316",children:"\u8425\u9500\u81ea\u52a8\u5316"}),"\n",(0,n.jsx)(l.p,{children:"\u501f\u52a9\u4f4e\u4ee3\u7801CRM\u6784\u5efa\u80fd\u529b\u3001\u4eba\u5de5\u667a\u80fd\u80fd\u529b\u548c\u81ea\u52a8\u5316\u80fd\u529b\uff0cILLA Cloud\u5e2e\u52a9\u4f01\u4e1a\u7ba1\u7406\u5176\u8425\u9500\u6d3b\u52a8\uff0c\u5305\u62ec\u7535\u5b50\u90ae\u4ef6\u8425\u9500\u3001\u793e\u4ea4\u5a92\u4f53\u8425\u9500\u548c\u6f5c\u5728\u5ba2\u6237\u751f\u6210\u3002"}),"\n",(0,n.jsx)(l.p,{children:(0,n.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/crm/auto.gif",alt:"image"})}),"\n",(0,n.jsx)(l.h1,{id:"\u597d\u5904",children:"\u597d\u5904"}),"\n",(0,n.jsx)(l.h2,{id:"100\u53ef\u5b9a\u5236",children:"100\uff05\u53ef\u5b9a\u5236"}),"\n",(0,n.jsx)(l.p,{children:"\u6839\u636e\u60a8\u7684\u8981\u6c42\u81ea\u5b9a\u4e49\u4efb\u4f55\u5de5\u5177\u3002"}),"\n",(0,n.jsx)(l.p,{children:(0,n.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/custom.svg",alt:"image"})}),"\n",(0,n.jsx)(l.h2,{id:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c",children:"\u964d\u4f4e\u8fd0\u8425\u6210\u672c"}),"\n",(0,n.jsx)(l.p,{children:"\u901a\u8fc7\u4e00\u7cfb\u5217\u81ea\u5b9a\u4e49\u81ea\u52a8\u5316\u548c\u7b2c\u4e09\u65b9\u96c6\u6210\uff0c\u51cf\u5c11\u624b\u52a8\u64cd\u4f5c\u7684\u4efb\u52a1\u3002"}),"\n",(0,n.jsx)(l.p,{children:(0,n.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/cut-cost.svg",alt:"image"})}),"\n",(0,n.jsx)(l.h2,{id:"\u4f18\u5316\u6d41\u7a0b",children:"\u4f18\u5316\u6d41\u7a0b"}),"\n",(0,n.jsx)(l.p,{children:"\u56f4\u7ed5\u60a8\u73b0\u6709\u7684\u6d41\u7a0b\u521b\u5efa\u81ea\u5b9a\u4e49\u5de5\u5177\uff0c\u5e76\u4f7f\u6d41\u7a0b\u66f4\u52a0\u9ad8\u6548\u3002"}),"\n",(0,n.jsx)(l.p,{children:(0,n.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/process.svg",alt:"image"})}),"\n",(0,n.jsx)(l.h2,{id:"\u63d0\u9ad8roi",children:"\u63d0\u9ad8ROI"}),"\n",(0,n.jsx)(l.p,{children:"\u7b80\u5316\u64cd\u4f5c\u6d41\u7a0b\uff0c\u964d\u4f4e\u6210\u672c\u3002 \u63d0\u9ad8\u60a8\u7684\u4e1a\u52a1\u6548\u7387\u548c\u7b80\u5316\u3002"}),"\n",(0,n.jsx)(l.p,{children:(0,n.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/roi.svg",alt:"image"})}),"\n",(0,n.jsx)(l.h2,{id:"\u96c6\u4e2d\u8d44\u6e90",children:"\u96c6\u4e2d\u8d44\u6e90"}),"\n",(0,n.jsx)(l.p,{children:"\u8fde\u63a5\u4efb\u4f55\u6570\u636e\u6e90\u5e76\u6784\u5efa\u9002\u7528\u4e8e\u4efb\u4f55\u4e1a\u52a1\u7684\u5e94\u7528\u7a0b\u5e8f\u3002 \u5728\u5c06\u60a8\u7684\u5185\u5bb9\u7ba1\u7406\u3001\u5ba2\u6237\u7ba1\u7406\u7b49\u591a\u79cd\u5de5\u5177\u548c\u6570\u636e\u8d44\u6e90\u96c6\u4e2d\u5728\u8fd9\u91cc\u3002"}),"\n",(0,n.jsx)(l.p,{children:(0,n.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/centralize.svg",alt:"image"})}),"\n",(0,n.jsx)(l.h2,{id:"\u7ba1\u7406\u53d8\u9769",children:"\u7ba1\u7406\u53d8\u9769"}),"\n",(0,n.jsx)(l.p,{children:"\u4f7f\u4e1a\u52a1\u64cd\u4f5c\u6d41\u7a0b\u6807\u51c6\u5316\uff0c\u63d0\u9ad8\u7ba1\u7406\u6548\u7387\u3002"}),"\n",(0,n.jsx)(l.p,{children:(0,n.jsx)(l.img,{src:"https://cdn.illacloud.com/official-website/img/solutions/change.svg",alt:"image"})})]})}function m(i={}){const{wrapper:l}={...(0,s.a)(),...i.components};return l?(0,n.jsx)(l,{...i,children:(0,n.jsx)(r,{...i})}):r(i)}},7214:(i,l,e)=>{e.d(l,{Z:()=>o,a:()=>t});var n=e(959);const s={},c=n.createContext(s);function t(i){const l=n.useContext(c);return n.useMemo((function(){return"function"==typeof i?i(l):{...l,...i}}),[l,i])}function o(i){let l;return l=i.disableParentContext?"function"==typeof i.components?i.components(s):i.components||s:t(i.components),n.createElement(c.Provider,{value:l},i.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/96447363.3dea38b5.js b/zh/assets/js/96447363.b71d4b1d.js
similarity index 98%
rename from zh/assets/js/96447363.3dea38b5.js
rename to zh/assets/js/96447363.b71d4b1d.js
index 00634c22bb..4189413514 100644
--- a/zh/assets/js/96447363.3dea38b5.js
+++ b/zh/assets/js/96447363.b71d4b1d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9713],{6100:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/zh/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"data dashboard",permalink:"/illa-website/zh/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/zh/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/zh/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/zh/blog/backend-create-web-ui",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[9713],{6100:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/zh/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"data dashboard",permalink:"/illa-website/zh/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/zh/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/zh/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/zh/blog/backend-create-web-ui",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/ja/assets/js/b6eb34d2.458b1e25.js b/zh/assets/js/b6eb34d2.d2f9f83c.js
similarity index 75%
rename from ja/assets/js/b6eb34d2.458b1e25.js
rename to zh/assets/js/b6eb34d2.d2f9f83c.js
index 2c9a83737f..bdce6aa754 100644
--- a/ja/assets/js/b6eb34d2.458b1e25.js
+++ b/zh/assets/js/b6eb34d2.d2f9f83c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5191],{5067:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/ja/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"shadcn-ui",permalink:"/illa-website/ja/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/ja/blog/tags/react"},{label:"javascript",permalink:"/illa-website/ja/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/ja/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/ja/blog/shadcn-vs-mui"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/ja/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:08:52.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/ja/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:08:52.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/ja/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5191],{5067:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>d,frontMatter:()=>s,metadata:()=>r,toc:()=>c});var i=o(1527),n=o(7214);const s={slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},a=void 0,r={permalink:"/illa-website/zh/blog/shadcn-ui-2024",source:"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"shadcn-ui",permalink:"/illa-website/zh/blog/tags/shadcn-ui"},{label:"react",permalink:"/illa-website/zh/blog/tags/react"},{label:"javascript",permalink:"/illa-website/zh/blog/tags/javascript"}],readingTime:2.96,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"shadcn-ui-2024",title:"2024 has arrived, should I choose Shadcn UI?",description:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png",tags:["shadcn-ui","react","javascript"]},unlisted:!1,prevItem:{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",permalink:"/illa-website/zh/blog/nvm-use-2024"},nextItem:{title:"Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",permalink:"/illa-website/zh/blog/shadcn-vs-mui"},relatedPosts:[{title:"2024 has arrived, should I choose MUI?",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/mui-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.265,date:"2024-01-03T15:28:24.000Z"},{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",description:"With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",permalink:"/illa-website/zh/blog/lowcode-vs-traditional",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.33,date:"2024-01-03T15:28:24.000Z"},{title:"Elegant Use of nvm for Node.js Management on Mac in 2024",description:'Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue\u2014some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.',permalink:"/illa-website/zh/blog/nvm-use-2024",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:4.035,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},l={authorsImageUrls:[void 0]},c=[{value:"Why Choose a Component Library?",id:"why-choose-a-component-library",level:2},{value:"Other Choices for Internal Tool Scenarios",id:"other-choices-for-internal-tool-scenarios",level:2},{value:"Features of Shadcn UI",id:"features-of-shadcn-ui",level:2},{value:"Design",id:"design",level:3},{value:"Richness of Features",id:"richness-of-features",level:3},{value:"How to Choose",id:"how-to-choose",level:2}];function h(e){const t={a:"a",h2:"h2",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",ul:"ul",...(0,n.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.p,{children:"2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."}),"\n",(0,i.jsx)(t.h2,{id:"why-choose-a-component-library",children:"Why Choose a Component Library?"}),"\n",(0,i.jsx)(t.p,{children:"In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch."}),"\n",(0,i.jsx)(t.p,{children:"In summary, we typically use component libraries in two scenarios:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"External tools: Directly facing company users, usually aligned with the company's style, more aesthetically pleasing, and responsive."}),"\n",(0,i.jsx)(t.li,{children:"Internal tools: Aimed at internal use by company employees, emphasizing design aesthetics and rapid functionality implementation."}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Next, we will analyze the Shadcn UI component library based on the following points:"}),"\n",(0,i.jsxs)(t.ol,{children:["\n",(0,i.jsx)(t.li,{children:"Design"}),"\n",(0,i.jsx)(t.li,{children:"Richness of Features"}),"\n",(0,i.jsx)(t.li,{children:"How to Choose in Different Scenarios"}),"\n"]}),"\n",(0,i.jsx)(t.h2,{id:"other-choices-for-internal-tool-scenarios",children:"Other Choices for Internal Tool Scenarios"}),"\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.a,{href:"https://illacloud.com/",children:"ILLA Cloud"})," is an out-of-the-box low-code tool that allows quick construction of internal tools with simple JS, without the need to create new projects."]}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Web & App Admin Panel"}),"\n",(0,i.jsx)(t.li,{children:"Data Dashboard"}),"\n",(0,i.jsx)(t.li,{children:"Customized B2B Tools"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Compared to building with a component library, ILLA Cloud enables 10x faster tool construction and supports collaborative editing within teams."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/dashboard.png",alt:"dashboard"})}),"\n",(0,i.jsx)(t.h2,{id:"features-of-shadcn-ui",children:"Features of Shadcn UI"}),"\n",(0,i.jsx)(t.p,{children:"Some detailed data about Shadcn:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"\u2b50 Github Stars: 37k"}),"\n",(0,i.jsx)(t.li,{children:"\u23ec NPM Downloads: 23,962 downloads per week"}),"\n",(0,i.jsx)(t.li,{children:"\ud83d\udcaa\ud83c\udffc First Release Date: Mar 8, 2023"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"Shadcn UI is a relatively new project that gained 37k stars in less than a year, indicating its rapid recognition in the open-source community."}),"\n",(0,i.jsx)(t.p,{children:(0,i.jsx)(t.img,{src:"https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/shadcn-ui.png",alt:"shadcn-ui"})}),"\n",(0,i.jsx)(t.h3,{id:"design",children:"Design"}),"\n",(0,i.jsx)(t.p,{children:"In terms of design, Shadcn UI leans towards a business style with a clean UI, suitable for internal tools and serious application scenarios. Shadcn UI supports custom themes, but it seems to offer customization only for:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"Colors"}),"\n",(0,i.jsx)(t.li,{children:"Border radii"}),"\n",(0,i.jsx)(t.li,{children:"Dark mode / Light mode"}),"\n",(0,i.jsx)(t.li,{children:'Predefined "Default" and "New York" styles'}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"In terms of fine-grained control, such as font and font size, it appears to lack flexibility. However, for internal tool scenarios, this level of control may be sufficient, but for external tools, it might be somewhat limiting."}),"\n",(0,i.jsxs)(t.p,{children:["In terms of CSS, Shadcn UI supports both traditional CSS and CSS-in-JS, using ",(0,i.jsx)(t.a,{href:"https://stitches.dev/",children:"Stitches"})," for the CSS-in-JS solution. Traditional CSS is supported by default, but additional configuration might be needed for less and sass, and it's not out-of-the-box."]}),"\n",(0,i.jsx)(t.h3,{id:"richness-of-features",children:"Richness of Features"}),"\n",(0,i.jsx)(t.p,{children:"The library's feature richness completely satisfies daily development needs, with most capabilities supported and comprehensive callbacks. Shadcn UI supports crucial capabilities, including but not limited to:"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:"SSR"}),"\n",(0,i.jsx)(t.li,{children:"Accessibility"}),"\n",(0,i.jsx)(t.li,{children:"Animation"}),"\n"]}),"\n",(0,i.jsx)(t.p,{children:"However, for more advanced requirements like extremely rich charts and high-performance tables, it seems not to be supported. With the continuous development of the project, it is expected that the project will evolve over time."}),"\n",(0,i.jsx)(t.h2,{id:"how-to-choose",children:"How to Choose"}),"\n",(0,i.jsx)(t.p,{children:"\u2705 Advantages"}),"\n",(0,i.jsx)(t.p,{children:"If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details."}),"\n",(0,i.jsx)(t.p,{children:"\u274c Disadvantages"}),"\n",(0,i.jsx)(t.p,{children:"If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI's customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features."})]})}function d(e={}){const{wrapper:t}={...(0,n.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},7214:(e,t,o)=>{o.d(t,{Z:()=>r,a:()=>a});var i=o(959);const n={},s=i.createContext(n);function a(e){const t=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function r(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),i.createElement(s.Provider,{value:t},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/bb85b74d.5c5dc4ec.js b/zh/assets/js/bb85b74d.17c03911.js
similarity index 98%
rename from zh/assets/js/bb85b74d.5c5dc4ec.js
rename to zh/assets/js/bb85b74d.17c03911.js
index 5148ec8c59..ea048a6d94 100644
--- a/zh/assets/js/bb85b74d.5c5dc4ec.js
+++ b/zh/assets/js/bb85b74d.17c03911.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5938],{576:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/zh/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"data dashboard",permalink:"/illa-website/zh/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/zh/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/zh/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/zh/blog/backend-create-web-ui",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[5938],{576:(e,s,a)=>{a.r(s),a.d(s,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>n,metadata:()=>l,toc:()=>d});var t=a(1527),i=a(7214);const n={slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},o=void 0,l={permalink:"/illa-website/zh/blog/build-dashboard",source:"@site/blog/build-dashboard/build-dashboard.md",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"data dashboard",permalink:"/illa-website/zh/blog/tags/data-dashboard"}],readingTime:3.12,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"build-dashboard",title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png",tags:["data dashboard"],is_featured:!0},unlisted:!1,prevItem:{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",permalink:"/illa-website/zh/blog/backend-create-web-ui"},nextItem:{title:"Low Code vs Traditional Development: Optimal Efficiency in Choice",permalink:"/illa-website/zh/blog/lowcode-vs-traditional"},relatedPosts:[{title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",permalink:"/illa-website/zh/blog/backend-create-web-ui",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:1.47,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[{value:"Some issues in the construction",id:"some-issues-in-the-construction",level:2},{value:"How to solve",id:"how-to-solve",level:2},{value:"AI-driven",id:"ai-driven",level:2},{value:"Advantages",id:"advantages",level:2},{value:"Conclusion",id:"conclusion",level:2}];function c(e){const s={a:"a",h2:"h2",img:"img",li:"li",p:"p",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.p,{children:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time."}),"\n",(0,t.jsx)(s.p,{children:"After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly."}),"\n",(0,t.jsx)(s.p,{children:"Using efficient tools to leave work early every day."}),"\n",(0,t.jsx)(s.h2,{id:"some-issues-in-the-construction",children:"Some issues in the construction"}),"\n",(0,t.jsx)(s.p,{children:"The business of each company is distributed across different systems, and there are some connections between these systems. Some data needs to be queried using databases:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"Mysql"}),"\n",(0,t.jsx)(s.li,{children:"MongoDB"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"Some data comes from different types of microservices, possibly obtained from a specific API:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"User Detail API"}),"\n",(0,t.jsx)(s.li,{children:"Product Detail API"}),"\n",(0,t.jsx)(s.li,{children:"..."}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"The most challenging thing is that some data requires merging and secondary processing of both database and API data."}),"\n",(0,t.jsx)(s.p,{children:"These issues make it very troublesome to build a personalized data dashboard. If starting development from scratch, we need to adapt to different data sources, leading to a steep increase in engineering costs."}),"\n",(0,t.jsx)(s.p,{children:'Therefore, we need a flexible tool for displaying data dashboards, as "development" is not the most important; "display" is.'}),"\n",(0,t.jsx)(s.p,{children:"This tool needs some objective advantages:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Rich charts to display data from different dimensions."}),"\n",(0,t.jsx)(s.li,{children:"Support for various mainstream data sources."}),"\n",(0,t.jsx)(s.li,{children:"Simple installation and usage."}),"\n"]}),"\n",(0,t.jsx)(s.h2,{id:"how-to-solve",children:"How to solve"}),"\n",(0,t.jsx)(s.p,{children:"Here, I recommend a user-friendly open-source project called ILLA Cloud. ILLA Cloud is a low-code tool specifically designed to address scenarios with personalized requirements."}),"\n",(0,t.jsxs)(s.p,{children:["\ud83d\udcd9 Official website: ",(0,t.jsx)(s.a,{href:"https://illa.cloud?utm_source=juejin",children:"https://illa.cloud"})]}),"\n",(0,t.jsxs)(s.p,{children:["\u23ec Github repository: ",(0,t.jsx)(s.a,{href:"https://github.com/illacloud/illa-builder",children:"https://github.com/illacloud/illa-builder"})]}),"\n",(0,t.jsx)(s.p,{children:"\u2b50 Github Stars: 9k"}),"\n",(0,t.jsx)(s.p,{children:"Below is a demo using fake data, depicting the sales situation of a product in a company, including:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Monthly sales growth trends"}),"\n",(0,t.jsx)(s.li,{children:"Monthly revenue"}),"\n",(0,t.jsx)(s.li,{children:"Total revenue obtained"}),"\n",(0,t.jsx)(s.li,{children:"Number of purchasers"}),"\n",(0,t.jsx)(s.li,{children:"Detailed information about each purchasing user"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/data-dashboard.png",alt:"data_dashboard"})}),"\n",(0,t.jsx)(s.p,{children:"This chart uses several components:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Data Grid"}),"\n",(0,t.jsx)(s.li,{children:"Chart"}),"\n",(0,t.jsx)(s.li,{children:"Statistic"}),"\n",(0,t.jsx)(s.li,{children:"Menu"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"It was quickly built through drag and drop. The data sources come from:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supabase: A Serverless Postgresql"}),"\n",(0,t.jsx)(s.li,{children:"API"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"ILLA supports various data sources, allowing quick retrieval of data from a wide range of mainstream sources."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/integration.png",alt:"integration"})}),"\n",(0,t.jsx)(s.h2,{id:"ai-driven",children:"AI-driven"}),"\n",(0,t.jsx)(s.p,{children:"ILLA not only provides a dashboard but also allows the queried data to be processed further using LLM (Language Model). For example, a set of messy data can be processed into another format as required, enabling alignment of data from multiple sources."}),"\n",(0,t.jsx)(s.h2,{id:"advantages",children:"Advantages"}),"\n",(0,t.jsx)(s.p,{children:"Building a beautiful dashboard is quick and easy using drag and drop within a few minutes."}),"\n",(0,t.jsx)(s.p,{children:"Moreover, compared to various traditional BI tools, ILLA Cloud:"}),"\n",(0,t.jsxs)(s.ul,{children:["\n",(0,t.jsx)(s.li,{children:"Supports data querying from both databases and APIs"}),"\n",(0,t.jsx)(s.li,{children:"Simple installation, directly usable on the web page without any downloads"}),"\n",(0,t.jsx)(s.li,{children:"For secondary data processing, uses Javascript for direct and simple processing"}),"\n",(0,t.jsx)(s.li,{children:"Supports various mainstream charts, meeting most requirements"}),"\n",(0,t.jsx)(s.li,{children:"The Transformer feature effectively solves the problem of merging and processing data between multiple sources, eliminating worries about data format issues"}),"\n"]}),"\n",(0,t.jsx)(s.p,{children:"As an open-source project, ILLA Cloud also supports secondary development, with an active community for collaboration with other developers. No need to worry about maintenance issues."}),"\n",(0,t.jsx)(s.p,{children:"Additionally, ILLA Cloud can not only build data dashboards but also quickly create exclusive management dashboards, accelerating your business iteration."}),"\n",(0,t.jsx)(s.p,{children:"As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together."}),"\n",(0,t.jsx)(s.p,{children:(0,t.jsx)(s.img,{src:"https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png",alt:"collaboration"})}),"\n",(0,t.jsx)(s.h2,{id:"conclusion",children:"Conclusion"}),"\n",(0,t.jsx)(s.p,{children:"After using ILLA Cloud, there's no need to worry about the boss's personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!"})]})}function u(e={}){const{wrapper:s}={...(0,i.a)(),...e.components};return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},7214:(e,s,a)=>{a.d(s,{Z:()=>l,a:()=>o});var t=a(959);const i={},n=t.createContext(i);function o(e){const s=t.useContext(n);return t.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(n.Provider,{value:s},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/e20c763e.2bc10c76.js b/zh/assets/js/e20c763e.37d16f91.js
similarity index 98%
rename from zh/assets/js/e20c763e.2bc10c76.js
rename to zh/assets/js/e20c763e.37d16f91.js
index 16dc8b288e..e60f0b298c 100644
--- a/zh/assets/js/e20c763e.2bc10c76.js
+++ b/zh/assets/js/e20c763e.37d16f91.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7599],{8311:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,l={permalink:"/illa-website/zh/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"internal tools",permalink:"/illa-website/zh/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/zh/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/zh/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/zh/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/build-dashboard",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>l,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function l(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7599],{8311:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,l={permalink:"/illa-website/zh/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"internal tools",permalink:"/illa-website/zh/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/zh/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/zh/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/zh/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/build-dashboard",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>l,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function l(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/e765f05a.ebc845b4.js b/zh/assets/js/e765f05a.2221d221.js
similarity index 98%
rename from zh/assets/js/e765f05a.ebc845b4.js
rename to zh/assets/js/e765f05a.2221d221.js
index 621fb09579..52b369de80 100644
--- a/zh/assets/js/e765f05a.ebc845b4.js
+++ b/zh/assets/js/e765f05a.2221d221.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7272],{26:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,l={permalink:"/illa-website/zh/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:08:52.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"internal tools",permalink:"/illa-website/zh/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/zh/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/zh/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/zh/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/build-dashboard",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:08:52.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>l,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function l(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[7272],{26:(e,a,t)=>{t.r(a),t.d(a,{assets:()=>r,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=t(1527),s=t(7214);const i={slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},o=void 0,l={permalink:"/illa-website/zh/blog/backend-create-web-ui",source:"@site/blog/backend-create-web-ui/backend-create-web-ui.md",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",date:"2024-01-03T15:28:24.000Z",formattedDate:"2024\u5e741\u67083\u65e5",tags:[{label:"internal tools",permalink:"/illa-website/zh/blog/tags/internal-tools"},{label:"data dashboard",permalink:"/illa-website/zh/blog/tags/data-dashboard"},{label:"admin panel",permalink:"/illa-website/zh/blog/tags/admin-panel"}],readingTime:1.47,hasTruncateMarker:!1,authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],frontMatter:{slug:"backend-create-web-ui",title:"I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",description:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",authors:["owen"],image:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png",tags:["internal tools","data dashboard","admin panel"],is_featured:!0},unlisted:!1,nextItem:{title:"Quickly create a personalized data dashboard for your boss",permalink:"/illa-website/zh/blog/build-dashboard"},relatedPosts:[{title:"Quickly create a personalized data dashboard for your boss",description:"Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",permalink:"/illa-website/zh/blog/build-dashboard",formattedDate:"2024\u5e741\u67083\u65e5",authors:[{name:"Owen Chen",title:"CEO",url:"https://github.com/smallSohoSolo",imageURL:"https://avatars.githubusercontent.com/u/7929686?v=4",key:"owen"}],readingTime:3.12,date:"2024-01-03T15:28:24.000Z"}],authorPosts:[]},r={authorsImageUrls:[void 0]},d=[];function c(e){const a={a:"a",img:"img",li:"li",p:"p",ul:"ul",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a.p,{children:"Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience."}),"\n",(0,n.jsx)(a.p,{children:"Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."}),"\n",(0,n.jsx)(a.p,{children:"This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier."}),"\n",(0,n.jsx)(a.p,{children:"Check out the project:"}),"\n",(0,n.jsxs)(a.ul,{children:["\n",(0,n.jsxs)(a.li,{children:["GitHub: ",(0,n.jsx)(a.a,{href:"https://github.com/illacloud/illa-builder",children:"ILLA Builder"})]}),"\n",(0,n.jsxs)(a.li,{children:["ILLA Cloud: ",(0,n.jsx)(a.a,{href:"https://illacloud.com",children:"ILLA Cloud Website"})]}),"\n"]}),"\n",(0,n.jsx)(a.p,{children:(0,n.jsx)(a.img,{src:"https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/dashboard.png",alt:"dashboard"})}),"\n",(0,n.jsx)(a.p,{children:"ILLA is an innovative open-source, low-code tool that I've both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It's a myth that server engineers can't craft UIs \u2013 with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs."}),"\n",(0,n.jsx)(a.p,{children:"Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation."}),"\n",(0,n.jsx)(a.p,{children:"Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it's swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it's all simplified."}),"\n",(0,n.jsx)(a.p,{children:"I encourage you to try it out. Join me in becoming a more content and efficient engineer."})]})}function u(e={}){const{wrapper:a}={...(0,s.a)(),...e.components};return a?(0,n.jsx)(a,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},7214:(e,a,t)=>{t.d(a,{Z:()=>l,a:()=>o});var n=t(959);const s={},i=n.createContext(s);function o(e){const a=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(a):{...a,...e}}),[a,e])}function l(e){let a;return a=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(i.Provider,{value:a},e.children)}}}]);
\ No newline at end of file
diff --git a/zh/assets/js/main.7d876d53.js b/zh/assets/js/main.c51e1297.js
similarity index 79%
rename from zh/assets/js/main.7d876d53.js
rename to zh/assets/js/main.c51e1297.js
index d4f58320b4..3b6486564d 100644
--- a/zh/assets/js/main.7d876d53.js
+++ b/zh/assets/js/main.c51e1297.js
@@ -1,2 +1,2 @@
-/*! For license information please see main.7d876d53.js.LICENSE.txt */
-(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[179],{1422:(e,t,n)=>{var a={"./":1884};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=1422},6002:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7558),r=n.n(a),o=n(6887);const i={"0104b3a5":[()=>Promise.all([n.e(532),n.e(8592),n.e(1205)]).then(n.bind(n,2048)),"@site/src/pages/components/List/index.tsx",2048],"01a85c17":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(4013)]).then(n.bind(n,5602)),"@theme/BlogTagsListPage",5602],"01bd692b":[()=>Promise.all([n.e(532),n.e(8592),n.e(8550)]).then(n.bind(n,9451)),"@site/src/pages/components/Switch/index.tsx",9451],"03598c98":[()=>Promise.all([n.e(532),n.e(8592),n.e(4530)]).then(n.bind(n,406)),"@site/src/pages/components/Statistics/index.tsx",406],"03d60dda":[()=>Promise.all([n.e(532),n.e(8592),n.e(1618)]).then(n.bind(n,489)),"@site/src/pages/components/Divider/index.tsx",489],"063481ba":[()=>n.e(582).then(n.t.bind(n,8616,19)),"~blog/default/illa-website-zh-blog-tags-data-dashboard-214-list.json",8616],"17fb53e2":[()=>Promise.all([n.e(532),n.e(8592),n.e(4893)]).then(n.bind(n,2439)),"@site/src/pages/integrations/OracleDB/index.tsx",2439],"1842627e":[()=>n.e(5037).then(n.bind(n,2640)),"@site/blog/mui-2024/mui.md",2640],"188c27a7":[()=>Promise.all([n.e(532),n.e(8592),n.e(6921)]).then(n.bind(n,7108)),"@site/src/pages/components/index.tsx",7108],"1b97b52f":[()=>Promise.all([n.e(532),n.e(8592),n.e(2833)]).then(n.bind(n,7880)),"@site/src/pages/components/Input/index.tsx",7880],"1da110c6":[()=>n.e(4750).then(n.t.bind(n,8954,19)),"~blog/default/illa-website-zh-blog-tags-data-dashboard-214.json",8954],"1df93b7f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5708),n.e(3237)]).then(n.bind(n,7518)),"@site/src/pages/index.tsx",7518],"1e868152":[()=>n.e(3722).then(n.t.bind(n,922,19)),"~blog/default/illa-website-zh-blog-tags-nvm-a83.json",922],"25bbf118":[()=>Promise.all([n.e(532),n.e(8592),n.e(7277)]).then(n.bind(n,5013)),"@site/src/pages/components/Modal/index.tsx",5013],"25ffa5da":[()=>Promise.all([n.e(532),n.e(8592),n.e(4417)]).then(n.bind(n,716)),"@site/src/pages/components/DateRange/index.tsx",716],"279770d6":[()=>Promise.all([n.e(532),n.e(8592),n.e(7654)]).then(n.bind(n,145)),"@site/src/pages/pricing/index.tsx",145],"2864c10f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5923),n.e(3807)]).then(n.bind(n,6641)),"@theme/SolutionsPage",6641],"28aad211":[()=>n.e(2090).then(n.t.bind(n,320,19)),"~blog/default/illa-website-zh-blog-tags-traditional-development-7bf.json",320],"2937fddb":[()=>Promise.all([n.e(532),n.e(8592),n.e(7559)]).then(n.bind(n,5430)),"@site/src/pages/integrations/HuggingFaceInferenceEndpoint/index.tsx",5430],"2d1ec1f7":[()=>Promise.all([n.e(532),n.e(8592),n.e(4664)]).then(n.bind(n,9400)),"@site/src/pages/integrations/MicrosoftSQLServer/index.tsx",9400],30834002:[()=>Promise.all([n.e(532),n.e(8592),n.e(7949)]).then(n.bind(n,2150)),"@site/src/pages/components/Tabs/index.tsx",2150],"30da2238":[()=>Promise.all([n.e(532),n.e(8592),n.e(7906)]).then(n.bind(n,7201)),"@site/src/pages/integrations/Clickhouse/index.tsx",7201],"31eafaf9":[()=>n.e(3581).then(n.bind(n,2040)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",2040],"34d0e50f":[()=>n.e(5385).then(n.t.bind(n,5745,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],"354dfbd1":[()=>n.e(8248).then(n.bind(n,5209)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md?truncated=true",5209],"36c88f85":[()=>n.e(3897).then(n.t.bind(n,646,19)),"~blog/default/illa-website-zh-blog-tags-tags-50a.json",646],"38806fe8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9248)]).then(n.bind(n,7179)),"@site/src/pages/integrations/PostgreSQL/index.tsx",7179],"3d6ccfd0":[()=>Promise.all([n.e(532),n.e(8592),n.e(7543)]).then(n.bind(n,2667)),"@site/src/pages/components/Video/index.tsx",2667],"3dca0203":[()=>n.e(5694).then(n.bind(n,1077)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md",1077],"3fee51a2":[()=>Promise.all([n.e(532),n.e(8592),n.e(7155)]).then(n.bind(n,2974)),"@site/src/pages/components/Form/index.tsx",2974],41685197:[()=>Promise.all([n.e(532),n.e(8592),n.e(4610)]).then(n.bind(n,3608)),"@site/src/pages/integrations/TiDB/index.tsx",3608],"451bfe05":[()=>Promise.all([n.e(532),n.e(8592),n.e(5162)]).then(n.bind(n,780)),"@site/src/pages/integrations/Hydra/index.tsx",780],45267849:[()=>Promise.all([n.e(532),n.e(8592),n.e(2136)]).then(n.bind(n,7417)),"@site/src/pages/integrations/MySQL/index.tsx",7417],"46a49447":[()=>Promise.all([n.e(532),n.e(8592),n.e(4771)]).then(n.bind(n,2208)),"@site/src/pages/components/CircleProgress/index.tsx",2208],"474ec535":[()=>Promise.all([n.e(532),n.e(8592),n.e(1055)]).then(n.bind(n,3886)),"@site/src/pages/components/PDF/index.tsx",3886],49586834:[()=>Promise.all([n.e(532),n.e(8592),n.e(852)]).then(n.bind(n,8292)),"@site/src/pages/components/Button/index.tsx",8292],"4a61f11b":[()=>n.e(9699).then(n.bind(n,1483)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",1483],"4a83e123":[()=>n.e(6137).then(n.bind(n,8506)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md?truncated=true",8506],"4ac275c7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1679)]).then(n.bind(n,9098)),"@site/src/pages/integrations/CouchDB/index.tsx",9098],"4c3a04f4":[()=>Promise.all([n.e(532),n.e(8592),n.e(2578)]).then(n.bind(n,8532)),"@site/src/pages/components/Chart/index.tsx",8532],"4f9cbbf3":[()=>n.e(6468).then(n.t.bind(n,2753,19)),"~blog/default/illa-website-zh-blog-tags-low-code-a2d.json",2753],"50cfa8ab":[()=>Promise.all([n.e(532),n.e(8592),n.e(9788)]).then(n.bind(n,7779)),"@site/src/pages/components/BarProgress/index.tsx",7779],"52edfc0d":[()=>n.e(1963).then(n.bind(n,9703)),"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-cms.mdx",9703],"53015dc5":[()=>Promise.all([n.e(532),n.e(8592),n.e(8962)]).then(n.bind(n,4118)),"@site/src/pages/components/Menu/index.tsx",4118],"5465328f":[()=>n.e(8377).then(n.t.bind(n,4481,19)),"~blog/default/illa-website-zh-blog-tags-open-source-116.json",4481],"56cbb393":[()=>Promise.all([n.e(532),n.e(8592),n.e(7050)]).then(n.bind(n,4515)),"@site/src/pages/components/Select/index.tsx",4515],"5758dffb":[()=>Promise.all([n.e(532),n.e(8592),n.e(9982)]).then(n.bind(n,5421)),"@site/src/pages/components/EditableText/index.tsx",5421],"589eda2e":[()=>Promise.all([n.e(532),n.e(8592),n.e(4556)]).then(n.bind(n,1566)),"@site/src/pages/integrations/AmazonDynamoDB/index.tsx",1566],"5ca6070c":[()=>Promise.all([n.e(532),n.e(8592),n.e(2056)]).then(n.bind(n,5462)),"@site/src/pages/components/Textarea Input/index.tsx",5462],"5cd65baf":[()=>n.e(9239).then(n.bind(n,9590)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md?truncated=true",9590],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],"5f78ec6a":[()=>n.e(3096).then(n.bind(n,2369)),"@site/blog/nvm-use/nvm-use.md",2369],"6632b8cf":[()=>Promise.all([n.e(532),n.e(8592),n.e(9090)]).then(n.bind(n,786)),"@site/src/pages/components/Icon/index.tsx",786],"6875c492":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(8610)]).then(n.bind(n,2304)),"@theme/BlogTagsPostsPage",2304],"68c10dd5":[()=>Promise.all([n.e(532),n.e(8592),n.e(2714)]).then(n.bind(n,5886)),"@site/src/pages/integrations/Neon/index.tsx",5886],"6b7903a8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9324)]).then(n.bind(n,3564)),"@site/src/pages/components/NumberInput/index.tsx",3564],"6d69edbe":[()=>n.e(8876).then(n.bind(n,5391)),"@site/blog/nvm-use/nvm-use.md?truncated=true",5391],"6e91fee9":[()=>Promise.all([n.e(532),n.e(8592),n.e(856)]).then(n.bind(n,2368)),"@site/src/pages/integrations/S3/index.tsx",2368],"6f3611e8":[()=>n.e(9212).then(n.t.bind(n,8788,19)),"~blog/default/illa-website-zh-blog-tags-mac-50f-list.json",8788],"713d2744":[()=>n.e(6939).then(n.t.bind(n,1792,19)),"~blog/default/illa-website-zh-blog-tags-traditional-development-7bf-list.json",1792],"7213c8c2":[()=>Promise.all([n.e(532),n.e(8592),n.e(3045)]).then(n.bind(n,9219)),"@site/src/pages/components/Timeline/index.tsx",9219],"72d3bf7a":[()=>n.e(4808).then(n.bind(n,2685)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",2685],"733df29f":[()=>Promise.all([n.e(532),n.e(8592),n.e(8151)]).then(n.bind(n,3538)),"@site/src/pages/integrations/Appwrite/index.tsx",3538],"771a2950":[()=>n.e(7475).then(n.bind(n,5483)),"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-dashboard.mdx",5483],"7b91dc2c":[()=>Promise.all([n.e(532),n.e(8592),n.e(7448)]).then(n.bind(n,5764)),"@site/src/pages/integrations/MariaDB/index.tsx",5764],"7d02bed8":[()=>Promise.all([n.e(532),n.e(8592),n.e(7832)]).then(n.bind(n,9840)),"@site/src/pages/integrations/ElasticSearch/index.tsx",9840],"7f0a0f20":[()=>Promise.all([n.e(532),n.e(8592),n.e(2377)]).then(n.bind(n,5092)),"@site/src/pages/components/CheckboxGroup/index.tsx",5092],"824cac02":[()=>n.e(2607).then(n.bind(n,6701)),"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-ai-voice-generator.mdx",6701],"837d095b":[()=>Promise.all([n.e(532),n.e(8592),n.e(9211)]).then(n.bind(n,8824)),"@site/src/pages/components/RadioGroup/index.tsx",8824],"83d2f18d":[()=>Promise.all([n.e(532),n.e(8592),n.e(4638)]).then(n.bind(n,6398)),"@site/src/pages/components/Audio/index.tsx",6398],"84bd9323":[()=>n.e(3e3).then(n.t.bind(n,8485,19)),"~blog/default/illa-website-zh-blog-tags-javascript-7d0.json",8485],"86953be1":[()=>Promise.all([n.e(532),n.e(8592),n.e(6510)]).then(n.bind(n,7072)),"@site/src/pages/components/Cascader/index.tsx",7072],"88d8af9f":[()=>n.e(5038).then(n.bind(n,9129)),"@site/blog/mui-2024/mui.md?truncated=true",9129],"88ef2079":[()=>n.e(6167).then(n.t.bind(n,2527,19)),"~blog/default/illa-website-zh-blog-tags-internal-tools-a79-list.json",2527],"890684bb":[()=>Promise.all([n.e(532),n.e(8592),n.e(3883)]).then(n.bind(n,9917)),"@site/src/pages/integrations/Redis/index.tsx",9917],"8d9a9c02":[()=>Promise.all([n.e(532),n.e(8592),n.e(3265)]).then(n.bind(n,3893)),"@site/src/pages/components/RadioButton/index.tsx",3893],"9030d978":[()=>n.e(2490).then(n.t.bind(n,6736,19)),"~blog/default/illa-website-zh-blog-fce.json",6736],"921028f2":[()=>Promise.all([n.e(532),n.e(8592),n.e(8922)]).then(n.bind(n,4108)),"@site/src/pages/integrations/RESTAPI/index.tsx",4108],"927b8026":[()=>Promise.all([n.e(532),n.e(8592),n.e(1414)]).then(n.bind(n,4882)),"@site/src/pages/integrations/GraphQL/index.tsx",4882],"94161ec7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1845)]).then(n.bind(n,8521)),"@site/src/pages/integrations/Snowflake/index.tsx",8521],"9591b7e9":[()=>n.e(4112).then(n.bind(n,2225)),"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-crm.mdx",2225],96447363:[()=>n.e(9713).then(n.bind(n,6100)),"@site/blog/build-dashboard/build-dashboard.md",6100],"9a27415a":[()=>n.e(2211).then(n.t.bind(n,3252,19)),"~blog/default/illa-website-zh-blog-tags-nodejs-a8c.json",3252],"9de45a08":[()=>Promise.all([n.e(532),n.e(8592),n.e(4640)]).then(n.bind(n,7582)),"@site/src/pages/integrations/SupabaseDB/index.tsx",7582],"9f91eb4c":[()=>Promise.all([n.e(532),n.e(8592),n.e(6290)]).then(n.bind(n,3668)),"@site/src/pages/components/DateTime/index.tsx",3668],a6aa9e1f:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(3089)]).then(n.bind(n,6336)),"@theme/BlogListPage",6336],a6b4f45f:[()=>Promise.all([n.e(532),n.e(8592),n.e(3102)]).then(n.bind(n,9967)),"@site/src/pages/components/Carousel/index.tsx",9967],a79ed8e1:[()=>n.e(564).then(n.t.bind(n,8379,19)),"~blog/default/illa-website-zh-blog-tags-nodejs-a8c-list.json",8379],a828f322:[()=>Promise.all([n.e(532),n.e(8592),n.e(8891)]).then(n.bind(n,9216)),"@site/src/pages/integrations/HuggingFaceInferenceAPI/index.tsx",9216],a9372106:[()=>Promise.all([n.e(532),n.e(8592),n.e(1777)]).then(n.bind(n,7134)),"@site/src/pages/components/Text/index.tsx",7134],a9f55b7b:[()=>n.e(2624).then(n.t.bind(n,1544,19)),"~blog/default/illa-website-zh-blog-tags-javascript-7d0-list.json",1544],aa40eb83:[()=>n.e(3773).then(n.bind(n,4032)),"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-image-generator.mdx",4032],ac92cbdc:[()=>Promise.all([n.e(532),n.e(8592),n.e(5378)]).then(n.bind(n,5501)),"@site/src/pages/integrations/SMTP/index.tsx",5501],af82c06d:[()=>n.e(6993).then(n.t.bind(n,2301,19)),"~blog/default/illa-website-zh-blog-tags-open-source-116-list.json",2301],b60aa1d9:[()=>n.e(7357).then(n.t.bind(n,663,19)),"~blog/default/illa-website-zh-blog-tags-shadcn-ui-632.json",663],b6eb34d2:[()=>n.e(5191).then(n.bind(n,5067)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md?truncated=true",5067],ba0ad9a7:[()=>n.e(7644).then(n.t.bind(n,6015,19)),"~blog/default/illa-website-zh-blog-tags-admin-panel-ee9.json",6015],bb85b74d:[()=>n.e(5938).then(n.bind(n,576)),"@site/blog/build-dashboard/build-dashboard.md?truncated=true",576],bb9e3f22:[()=>Promise.all([n.e(532),n.e(8592),n.e(5118)]).then(n.bind(n,4980)),"@site/src/pages/components/Container/index.tsx",4980],be1d629d:[()=>Promise.all([n.e(532),n.e(8592),n.e(545)]).then(n.bind(n,3563)),"@site/src/pages/components/Rate/index.tsx",3563],c133d0bc:[()=>Promise.all([n.e(532),n.e(8592),n.e(7746)]).then(n.bind(n,1814)),"@site/src/pages/components/Image/index.tsx",1814],c42a7a31:[()=>n.e(7358).then(n.t.bind(n,4720,19)),"~blog/default/illa-website-zh-blog-tags-mac-50f.json",4720],ca19ac91:[()=>Promise.all([n.e(532),n.e(8592),n.e(7612)]).then(n.bind(n,7690)),"@site/src/pages/integrations/GoogleSheets/index.tsx",7690],ca96679e:[()=>Promise.all([n.e(532),n.e(8592),n.e(2031)]).then(n.bind(n,5014)),"@site/src/pages/components/Tables/index.tsx",5014],ccc49370:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(5923),n.e(4809),n.e(6103)]).then(n.bind(n,9466)),"@theme/BlogPostPage",9466],cdf6cb9d:[()=>n.e(9614).then(n.t.bind(n,1867,19)),"~blog/default/illa-website-zh-blog-tags-nvm-a83-list.json",1867],d5232377:[()=>n.e(9845).then(n.t.bind(n,606,19)),"~blog/default/illa-website-zh-blog-tags-admin-panel-ee9-list.json",606],d8096fab:[()=>Promise.all([n.e(532),n.e(8592),n.e(6828)]).then(n.bind(n,3769)),"@site/src/pages/integrations/index.tsx",3769],da1593ee:[()=>Promise.all([n.e(532),n.e(8592),n.e(9321)]).then(n.bind(n,1086)),"@site/src/pages/components/Multiselect/index.tsx",1086],dc615faa:[()=>n.e(6631).then(n.t.bind(n,8458,19)),"~blog/default/illa-website-zh-blog-tags-low-code-a2d-list.json",8458],deb5faec:[()=>Promise.all([n.e(532),n.e(8592),n.e(2224)]).then(n.bind(n,665)),"@site/src/pages/components/Date/index.tsx",665],e015af33:[()=>Promise.all([n.e(532),n.e(8592),n.e(8595)]).then(n.bind(n,7818)),"@site/src/pages/integrations/MongoDB/index.tsx",7818],e0cd9918:[()=>Promise.all([n.e(532),n.e(8592),n.e(8155)]).then(n.bind(n,4855)),"@site/src/pages/components/Upload/index.tsx",4855],e20c763e:[()=>n.e(7599).then(n.bind(n,8311)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md?truncated=true",8311],e2cf21a6:[()=>n.e(204).then(n.t.bind(n,2292,19)),"~blog/default/illa-website-zh-blog-tags-react-c2b.json",2292],e4e1a4b6:[()=>Promise.all([n.e(532),n.e(8592),n.e(8296)]).then(n.bind(n,5586)),"@site/src/pages/integrations/Airtable/index.tsx",5586],e765f05a:[()=>n.e(7272).then(n.bind(n,26)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md",26],e9bfd4f6:[()=>n.e(3505).then(n.t.bind(n,418,19)),"~blog/default/illa-website-zh-blog-tags-internal-tools-a79.json",418],eeb1f792:[()=>n.e(8426).then(n.bind(n,1296)),"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-admin-panel.mdx",1296],ef551f6c:[()=>n.e(3393).then(n.t.bind(n,392,19)),"~blog/default/illa-website-zh-blog-tags-shadcn-ui-632-list.json",392],f275da64:[()=>n.e(8324).then(n.t.bind(n,6553,19)),"~blog/default/illa-website-zh-blog-tags-ui-library-009.json",6553],f2d12a36:[()=>n.e(9207).then(n.t.bind(n,8333,19)),"~blog/default/illa-website-zh-blog-tags-ui-library-009-list.json",8333],f3cf1707:[()=>Promise.all([n.e(532),n.e(8592),n.e(3072)]).then(n.bind(n,109)),"@site/src/pages/integrations/Firebase/index.tsx",109],fa703f53:[()=>n.e(6513).then(n.t.bind(n,967,19)),"~blog/default/illa-website-zh-blog-tags-react-c2b-list.json",967],fc0df049:[()=>n.e(5315).then(n.t.bind(n,4469,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",4469]};var l=n(1527);function s(e){let{error:t,retry:n,pastDelay:a}=e;return t?(0,l.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,l.jsx)("p",{children:String(t)}),(0,l.jsx)("div",{children:(0,l.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):a?(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,l.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,l.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,l.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(4420),u=n(2762);function d(e,t){if("*"===e)return r()({loading:s,loader:()=>Promise.all([n.e(532),n.e(8592),n.e(8245)]).then(n.bind(n,8245)),modules:["@theme/NotFound"],webpack:()=>[8245],render(e,t){const n=e.default;return(0,l.jsx)(u.z,{value:{plugin:{name:"native",id:"default"}},children:(0,l.jsx)(n,{...t})})}});const a=o[`${e}-${t}`],d={},p=[],f=[],g=(0,c.Z)(a);return Object.entries(g).forEach((e=>{let[t,n]=e;const a=i[n];a&&(d[t]=a[0],p.push(a[1]),f.push(a[2]))})),r().Map({loading:s,loader:d,modules:p,webpack:()=>f,render(t,n){const r=JSON.parse(JSON.stringify(a));Object.entries(t).forEach((t=>{let[n,a]=t;const o=a.default;if(!o)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof o&&"function"!=typeof o||Object.keys(a).filter((e=>"default"!==e)).forEach((e=>{o[e]=a[e]}));let i=r;const l=n.split(".");l.slice(0,-1).forEach((e=>{i=i[e]})),i[l[l.length-1]]=o}));const o=r.__comp;delete r.__comp;const i=r.__context;return delete r.__context,(0,l.jsx)(u.z,{value:i,children:(0,l.jsx)(o,{...r,...n})})}})}const p=[{path:"/illa-website/zh/admin-panel",component:d("/illa-website/zh/admin-panel","4bf"),exact:!0},{path:"/illa-website/zh/ai-voice-generator",component:d("/illa-website/zh/ai-voice-generator","aba"),exact:!0},{path:"/illa-website/zh/blog",component:d("/illa-website/zh/blog","ff1"),exact:!0},{path:"/illa-website/zh/blog/backend-create-web-ui",component:d("/illa-website/zh/blog/backend-create-web-ui","9c2"),exact:!0},{path:"/illa-website/zh/blog/build-dashboard",component:d("/illa-website/zh/blog/build-dashboard","a8e"),exact:!0},{path:"/illa-website/zh/blog/lowcode-vs-traditional",component:d("/illa-website/zh/blog/lowcode-vs-traditional","e8e"),exact:!0},{path:"/illa-website/zh/blog/mui-2024",component:d("/illa-website/zh/blog/mui-2024","ab1"),exact:!0},{path:"/illa-website/zh/blog/nvm-use-2024",component:d("/illa-website/zh/blog/nvm-use-2024","adb"),exact:!0},{path:"/illa-website/zh/blog/shadcn-ui-2024",component:d("/illa-website/zh/blog/shadcn-ui-2024","fc2"),exact:!0},{path:"/illa-website/zh/blog/shadcn-vs-mui",component:d("/illa-website/zh/blog/shadcn-vs-mui","c30"),exact:!0},{path:"/illa-website/zh/blog/tags",component:d("/illa-website/zh/blog/tags","bdf"),exact:!0},{path:"/illa-website/zh/blog/tags/admin-panel",component:d("/illa-website/zh/blog/tags/admin-panel","cb1"),exact:!0},{path:"/illa-website/zh/blog/tags/data-dashboard",component:d("/illa-website/zh/blog/tags/data-dashboard","662"),exact:!0},{path:"/illa-website/zh/blog/tags/internal-tools",component:d("/illa-website/zh/blog/tags/internal-tools","149"),exact:!0},{path:"/illa-website/zh/blog/tags/javascript",component:d("/illa-website/zh/blog/tags/javascript","83b"),exact:!0},{path:"/illa-website/zh/blog/tags/low-code",component:d("/illa-website/zh/blog/tags/low-code","8fd"),exact:!0},{path:"/illa-website/zh/blog/tags/mac",component:d("/illa-website/zh/blog/tags/mac","8de"),exact:!0},{path:"/illa-website/zh/blog/tags/nodejs",component:d("/illa-website/zh/blog/tags/nodejs","65b"),exact:!0},{path:"/illa-website/zh/blog/tags/nvm",component:d("/illa-website/zh/blog/tags/nvm","aad"),exact:!0},{path:"/illa-website/zh/blog/tags/open-source",component:d("/illa-website/zh/blog/tags/open-source","51d"),exact:!0},{path:"/illa-website/zh/blog/tags/react",component:d("/illa-website/zh/blog/tags/react","9d4"),exact:!0},{path:"/illa-website/zh/blog/tags/shadcn-ui",component:d("/illa-website/zh/blog/tags/shadcn-ui","eb7"),exact:!0},{path:"/illa-website/zh/blog/tags/traditional-development",component:d("/illa-website/zh/blog/tags/traditional-development","df0"),exact:!0},{path:"/illa-website/zh/blog/tags/ui-library",component:d("/illa-website/zh/blog/tags/ui-library","9b1"),exact:!0},{path:"/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024",component:d("/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024","832"),exact:!0},{path:"/illa-website/zh/cms",component:d("/illa-website/zh/cms","baa"),exact:!0},{path:"/illa-website/zh/components/",component:d("/illa-website/zh/components/","975"),exact:!0},{path:"/illa-website/zh/components/Audio/",component:d("/illa-website/zh/components/Audio/","8aa"),exact:!0},{path:"/illa-website/zh/components/BarProgress/",component:d("/illa-website/zh/components/BarProgress/","f2b"),exact:!0},{path:"/illa-website/zh/components/Button/",component:d("/illa-website/zh/components/Button/","ea3"),exact:!0},{path:"/illa-website/zh/components/Carousel/",component:d("/illa-website/zh/components/Carousel/","d79"),exact:!0},{path:"/illa-website/zh/components/Cascader/",component:d("/illa-website/zh/components/Cascader/","545"),exact:!0},{path:"/illa-website/zh/components/Chart/",component:d("/illa-website/zh/components/Chart/","7a8"),exact:!0},{path:"/illa-website/zh/components/CheckboxGroup/",component:d("/illa-website/zh/components/CheckboxGroup/","e8e"),exact:!0},{path:"/illa-website/zh/components/CircleProgress/",component:d("/illa-website/zh/components/CircleProgress/","91c"),exact:!0},{path:"/illa-website/zh/components/Container/",component:d("/illa-website/zh/components/Container/","357"),exact:!0},{path:"/illa-website/zh/components/Date/",component:d("/illa-website/zh/components/Date/","a72"),exact:!0},{path:"/illa-website/zh/components/DateRange/",component:d("/illa-website/zh/components/DateRange/","393"),exact:!0},{path:"/illa-website/zh/components/DateTime/",component:d("/illa-website/zh/components/DateTime/","23e"),exact:!0},{path:"/illa-website/zh/components/Divider/",component:d("/illa-website/zh/components/Divider/","5b1"),exact:!0},{path:"/illa-website/zh/components/EditableText/",component:d("/illa-website/zh/components/EditableText/","bc8"),exact:!0},{path:"/illa-website/zh/components/Form/",component:d("/illa-website/zh/components/Form/","631"),exact:!0},{path:"/illa-website/zh/components/Icon/",component:d("/illa-website/zh/components/Icon/","7b2"),exact:!0},{path:"/illa-website/zh/components/Image/",component:d("/illa-website/zh/components/Image/","789"),exact:!0},{path:"/illa-website/zh/components/Input/",component:d("/illa-website/zh/components/Input/","ebe"),exact:!0},{path:"/illa-website/zh/components/List/",component:d("/illa-website/zh/components/List/","cbb"),exact:!0},{path:"/illa-website/zh/components/Menu/",component:d("/illa-website/zh/components/Menu/","5f6"),exact:!0},{path:"/illa-website/zh/components/Modal/",component:d("/illa-website/zh/components/Modal/","01a"),exact:!0},{path:"/illa-website/zh/components/Multiselect/",component:d("/illa-website/zh/components/Multiselect/","23f"),exact:!0},{path:"/illa-website/zh/components/NumberInput/",component:d("/illa-website/zh/components/NumberInput/","182"),exact:!0},{path:"/illa-website/zh/components/PDF/",component:d("/illa-website/zh/components/PDF/","d96"),exact:!0},{path:"/illa-website/zh/components/RadioButton/",component:d("/illa-website/zh/components/RadioButton/","4b0"),exact:!0},{path:"/illa-website/zh/components/RadioGroup/",component:d("/illa-website/zh/components/RadioGroup/","e54"),exact:!0},{path:"/illa-website/zh/components/Rate/",component:d("/illa-website/zh/components/Rate/","56f"),exact:!0},{path:"/illa-website/zh/components/Select/",component:d("/illa-website/zh/components/Select/","193"),exact:!0},{path:"/illa-website/zh/components/Statistics/",component:d("/illa-website/zh/components/Statistics/","eb1"),exact:!0},{path:"/illa-website/zh/components/Switch/",component:d("/illa-website/zh/components/Switch/","f89"),exact:!0},{path:"/illa-website/zh/components/Tables/",component:d("/illa-website/zh/components/Tables/","a79"),exact:!0},{path:"/illa-website/zh/components/Tabs/",component:d("/illa-website/zh/components/Tabs/","bb6"),exact:!0},{path:"/illa-website/zh/components/Text/",component:d("/illa-website/zh/components/Text/","02f"),exact:!0},{path:"/illa-website/zh/components/Textarea%20Input/",component:d("/illa-website/zh/components/Textarea%20Input/","f0e"),exact:!0},{path:"/illa-website/zh/components/Timeline/",component:d("/illa-website/zh/components/Timeline/","78d"),exact:!0},{path:"/illa-website/zh/components/Upload/",component:d("/illa-website/zh/components/Upload/","226"),exact:!0},{path:"/illa-website/zh/components/Video/",component:d("/illa-website/zh/components/Video/","5a5"),exact:!0},{path:"/illa-website/zh/crm",component:d("/illa-website/zh/crm","a65"),exact:!0},{path:"/illa-website/zh/dashboard",component:d("/illa-website/zh/dashboard","1b9"),exact:!0},{path:"/illa-website/zh/image-generator",component:d("/illa-website/zh/image-generator","998"),exact:!0},{path:"/illa-website/zh/integrations/",component:d("/illa-website/zh/integrations/","83e"),exact:!0},{path:"/illa-website/zh/integrations/Airtable/",component:d("/illa-website/zh/integrations/Airtable/","928"),exact:!0},{path:"/illa-website/zh/integrations/AmazonDynamoDB/",component:d("/illa-website/zh/integrations/AmazonDynamoDB/","6b0"),exact:!0},{path:"/illa-website/zh/integrations/Appwrite/",component:d("/illa-website/zh/integrations/Appwrite/","f6e"),exact:!0},{path:"/illa-website/zh/integrations/Clickhouse/",component:d("/illa-website/zh/integrations/Clickhouse/","681"),exact:!0},{path:"/illa-website/zh/integrations/CouchDB/",component:d("/illa-website/zh/integrations/CouchDB/","29d"),exact:!0},{path:"/illa-website/zh/integrations/ElasticSearch/",component:d("/illa-website/zh/integrations/ElasticSearch/","078"),exact:!0},{path:"/illa-website/zh/integrations/Firebase/",component:d("/illa-website/zh/integrations/Firebase/","f86"),exact:!0},{path:"/illa-website/zh/integrations/GoogleSheets/",component:d("/illa-website/zh/integrations/GoogleSheets/","7ec"),exact:!0},{path:"/illa-website/zh/integrations/GraphQL/",component:d("/illa-website/zh/integrations/GraphQL/","09c"),exact:!0},{path:"/illa-website/zh/integrations/HuggingFaceInferenceAPI/",component:d("/illa-website/zh/integrations/HuggingFaceInferenceAPI/","dc1"),exact:!0},{path:"/illa-website/zh/integrations/HuggingFaceInferenceEndpoint/",component:d("/illa-website/zh/integrations/HuggingFaceInferenceEndpoint/","5ab"),exact:!0},{path:"/illa-website/zh/integrations/Hydra/",component:d("/illa-website/zh/integrations/Hydra/","b07"),exact:!0},{path:"/illa-website/zh/integrations/MariaDB/",component:d("/illa-website/zh/integrations/MariaDB/","815"),exact:!0},{path:"/illa-website/zh/integrations/MicrosoftSQLServer/",component:d("/illa-website/zh/integrations/MicrosoftSQLServer/","939"),exact:!0},{path:"/illa-website/zh/integrations/MongoDB/",component:d("/illa-website/zh/integrations/MongoDB/","76d"),exact:!0},{path:"/illa-website/zh/integrations/MySQL/",component:d("/illa-website/zh/integrations/MySQL/","f20"),exact:!0},{path:"/illa-website/zh/integrations/Neon/",component:d("/illa-website/zh/integrations/Neon/","7b0"),exact:!0},{path:"/illa-website/zh/integrations/OracleDB/",component:d("/illa-website/zh/integrations/OracleDB/","ea1"),exact:!0},{path:"/illa-website/zh/integrations/PostgreSQL/",component:d("/illa-website/zh/integrations/PostgreSQL/","88b"),exact:!0},{path:"/illa-website/zh/integrations/Redis/",component:d("/illa-website/zh/integrations/Redis/","daa"),exact:!0},{path:"/illa-website/zh/integrations/RESTAPI/",component:d("/illa-website/zh/integrations/RESTAPI/","e78"),exact:!0},{path:"/illa-website/zh/integrations/S3/",component:d("/illa-website/zh/integrations/S3/","eca"),exact:!0},{path:"/illa-website/zh/integrations/SMTP/",component:d("/illa-website/zh/integrations/SMTP/","f43"),exact:!0},{path:"/illa-website/zh/integrations/Snowflake/",component:d("/illa-website/zh/integrations/Snowflake/","a05"),exact:!0},{path:"/illa-website/zh/integrations/SupabaseDB/",component:d("/illa-website/zh/integrations/SupabaseDB/","11c"),exact:!0},{path:"/illa-website/zh/integrations/TiDB/",component:d("/illa-website/zh/integrations/TiDB/","8e7"),exact:!0},{path:"/illa-website/zh/pricing/",component:d("/illa-website/zh/pricing/","55e"),exact:!0},{path:"/illa-website/zh/",component:d("/illa-website/zh/","f61"),exact:!0},{path:"*",component:d("*")}]},7752:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>i});var a=n(959),r=n(1527);const o=a.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{i(!0)}),[]),(0,r.jsx)(o.Provider,{value:n,children:t})}},1136:(e,t,n)=>{"use strict";var a=n(959),r=n(4478),o=n(9500),i=n(387),l=n(6047);const s=[n(3852),n(89),n(6070),n(4329),n(962),n(1245)];var c=n(6002),u=n(8903),d=n(6920);function p(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var a=e.path?(0,u.LX)(t,e):n.length?n[n.length-1].match:u.F0.computeRootMatch(t);return a&&(n.push({route:e,match:a}),e.routes&&p(e.routes,t,n)),a})),n}var f=n(1527);function g(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var m=n(4491),h=n(2688),b=n(9925),y=n(2593),v=n(1610),w=n(8224),x=n(864);const k="default";var L=n(6771),S=n(7535);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,h.Z)(),a=(0,w.l)(),r=n[e].htmlLang,o=e=>e.replace("-","_");return(0,f.jsxs)(m.Z,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:o(r)}),Object.values(n).filter((e=>r!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:o(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,h.Z)(),a=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,h.Z)(),{pathname:a}=(0,u.TH)();return e+(0,L.applyTrailingSlash)((0,b.Z)(a),{trailingSlash:n,baseUrl:t})}(),r=t?`${n}${t}`:a;return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{property:"og:url",content:r}),(0,f.jsx)("link",{rel:"canonical",href:r})]})}function P(){const{i18n:{currentLocale:e}}=(0,h.Z)(),{metadata:t,image:n}=(0,y.L)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:x.h})]}),n&&(0,f.jsx)(v.d,{image:n}),(0,f.jsx)(C,{}),(0,f.jsx)(_,{}),(0,f.jsx)(S.Z,{tag:k,locale:e}),(0,f.jsx)(m.Z,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const A=new Map;function D(e){if(A.has(e.pathname))return{...e,pathname:A.get(e.pathname)};if(p(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return A.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return A.set(e.pathname,t),{...e,pathname:t}}var E=n(7752),I=n(6855),T=n(2827);function j(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];const r=s.map((t=>{const a=t.default?.[e]??t[e];return a?.(...n)}));return()=>r.forEach((e=>e?.()))}const z=function(e){let{children:t,location:n,previousLocation:a}=e;return(0,T.Z)((()=>{a!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const a=t.pathname===n.pathname,r=t.hash===n.hash,o=t.search===n.search;if(a&&r&&!o)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:a}),j("onRouteDidUpdate",{previousLocation:a,location:n}))}),[a,n]),t};function R(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>p(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class N extends a.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?j("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=j("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),R(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(z,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(u.AW,{location:t,render:()=>e})})}}const O=N,M="__docusaurus-base-url-issue-banner-container",F="__docusaurus-base-url-issue-banner",B="__docusaurus-base-url-issue-banner-suggestion-container";function U(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${F}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${B}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${B}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function $(){const{siteConfig:{baseUrl:e}}=(0,h.Z)();return(0,f.jsx)(f.Fragment,{children:!l.Z.canUseDOM&&(0,f.jsx)(m.Z,{children:(0,f.jsx)("script",{children:U(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,h.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?(0,f.jsx)($,{}):null}function H(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:a,localeConfigs:r}}=(0,h.Z)(),o=(0,b.Z)(e),{htmlLang:i,direction:l}=r[a];return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("html",{lang:i,dir:l}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:o})]})}var G=n(1289),Z=n(7111);function V(){const e=(0,Z.Z)();return(0,f.jsx)(m.Z,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}function W(){const e=function(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(u.rs,n,e.map((function(e,n){return a.createElement(u.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,d.Z)({},n,{},t,{route:e})):a.createElement(e.component,(0,d.Z)({},n,t,{route:e}))}})}))):null}(c.Z),t=(0,u.TH)();return(0,f.jsx)(G.Z,{children:(0,f.jsx)(I.M,{children:(0,f.jsxs)(E.t,{children:[(0,f.jsxs)(g,{children:[(0,f.jsx)(H,{}),(0,f.jsx)(P,{}),(0,f.jsx)(q,{}),(0,f.jsx)(O,{location:D(t),children:e})]}),(0,f.jsx)(V,{})]})})})}var Q=n(6887);const Y=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const a=document.createElement("link");a.setAttribute("rel","prefetch"),a.setAttribute("href",e),a.onload=()=>t(),a.onerror=()=>n();const r=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;r?.appendChild(a)}))}:function(e){return new Promise(((t,n)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.withCredentials=!0,a.onload=()=>{200===a.status?t():n()},a.send(null)}))};var K=n(4420);const X=new Set,J=new Set,ee=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,te={prefetch(e){if(!(e=>!ee()&&!J.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=p(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(Q).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,K.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Y(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!ee()&&!J.has(e))(e)&&(J.add(e),R(e))},ne=Object.freeze(te),ae=Boolean(!0);if(l.Z.canUseDOM){window.docusaurus=ne;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(i.B6,{children:(0,f.jsx)(o.VK,{children:(0,f.jsx)(W,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},l=()=>{if(ae)a.startTransition((()=>{r.hydrateRoot(e,t,{onRecoverableError:n})}));else{const o=r.createRoot(e,{onRecoverableError:n});a.startTransition((()=>{o.render(t)}))}};R(window.location.pathname).then(l)}},6855:(e,t,n)=>{"use strict";n.d(t,{_:()=>d,M:()=>p});var a=n(959),r=n(6809);const o=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-QW745VE33W"],"anonymizeIP":false,"id":"default"}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en","zh","ja","de"],"path":"i18n","currentLocale":"zh","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"zh":{"label":"\u4e2d\u6587","direction":"ltr","htmlLang":"zh","calendar":"gregory","path":"zh"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"},"de":{"label":"Deutsch","direction":"ltr","htmlLang":"de","calendar":"gregory","path":"de"}}}');var l=n(7529);const s=JSON.parse('{"docusaurusVersion":"3.0.1","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"3.0.1"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.0.1"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.0.1"},"prefix-svg-ids":{"type":"local"},"docusaurus-tailwindcss":{"type":"local"},"docusaurus-plugin-content-blog":{"type":"project"},"docusaurus-plugin-content-pages":{"type":"project"},"docusaurus-plugin-ILLA-linkedin":{"type":"project"},"docusaurus-plugin-ILLA-twitter":{"type":"project"},"docusaurus-plugin-ILLA-chatwoot":{"type":"project"}}}');var c=n(1527);const u={siteConfig:r.default,siteMetadata:s,globalData:o,i18n:i,codeTranslations:l},d=a.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},1289:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Fe});var a=n(959),r=n(6047),o=n(4491),i=n(6771),l=n(5341),s=n(1610),c=n(9920),u=n(421),d=n(864),p=n(7675),f=n(2593),g=n(4288),m=n(5374),h=n(1527);function b(e){let{width:t=21,height:n=21,color:a="currentColor",strokeWidth:r=1.2,className:o,...i}=e;return(0,h.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,h.jsx)("g",{stroke:a,strokeWidth:r,children:(0,h.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const y={closeButton:"closeButton_r_Ma"};function v(e){return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,l.Z)("clean-btn close",y.closeButton,e.className),children:(0,h.jsx)(b,{width:14,height:14,strokeWidth:3.1})})}const w={content:"content_B3zk"};function x(e){const{announcementBar:t}=(0,f.L)(),{content:n}=t;return(0,h.jsx)("div",{...e,className:(0,l.Z)(w.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const k={announcementBar:"announcementBar_hbYq",announcementBarPlaceholder:"announcementBarPlaceholder_nNiq",announcementBarClose:"announcementBarClose_S8lM",announcementBarContent:"announcementBarContent__DAX"};function L(){const{announcementBar:e}=(0,f.L)(),{isActive:t,close:n}=(0,g.nT)();if(!t)return null;const{backgroundColor:a,textColor:r,isCloseable:o}=e;return(0,h.jsxs)("div",{className:k.announcementBar,style:{backgroundColor:a,color:r},role:"banner",children:[o&&(0,h.jsx)("div",{className:k.announcementBarPlaceholder}),(0,h.jsx)(x,{className:k.announcementBarContent}),o&&(0,h.jsx)(v,{onClick:n,className:k.announcementBarClose})]})}var S=n(5580),_=n(5508),C=n(3707);var P=n(1900);function A(e){let{header:t,primaryMenu:n,secondaryMenu:a}=e;const{shown:r}=(0,P.Y)();return(0,h.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,h.jsxs)("div",{className:(0,l.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":r}),children:[(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:a})]})]})}var D=n(1694),E=n(7111);function I(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function T(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const j={toggle:"toggle_Io7t",toggleButton:"toggleButton_C0po",darkToggleIcon:"darkToggleIcon_iyjK",lightToggleIcon:"lightToggleIcon__wwy",toggleButtonDisabled:"toggleButtonDisabled_IHuh"};function z(e){let{className:t,buttonClassName:n,value:a,onChange:r}=e;const o=(0,E.Z)(),i=(0,m.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===a?(0,m.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,m.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,h.jsx)("div",{className:(0,l.Z)(j.toggle,t),children:(0,h.jsxs)("button",{className:(0,l.Z)("clean-btn",j.toggleButton,!o&&j.toggleButtonDisabled,n),type:"button",onClick:()=>r("dark"===a?"light":"dark"),disabled:!o,title:i,"aria-label":i,"aria-live":"polite",children:[(0,h.jsx)(I,{className:(0,l.Z)(j.toggleIcon,j.lightToggleIcon)}),(0,h.jsx)(T,{className:(0,l.Z)(j.toggleIcon,j.darkToggleIcon)})]})})}const R=a.memo(z),N={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_jx_9"};function O(e){let{className:t}=e;const n=(0,f.L)().navbar.style,a=(0,f.L)().colorMode.disableSwitch,{colorMode:r,setColorMode:o}=(0,D.I)();return a?null:(0,h.jsx)(R,{className:t,buttonClassName:"dark"===n?N.darkNavbarColorModeToggle:void 0,value:r,onChange:o})}var M=n(0),F=n(9925),B=n(2688);const U={themedComponent:"themedComponent_FXRw","themedComponent--light":"themedComponent--light_RIle","themedComponent--dark":"themedComponent--dark_gZs3"};function $(e){let{className:t,children:n}=e;const r=(0,E.Z)(),{colorMode:o}=(0,D.I)();return(0,h.jsx)(h.Fragment,{children:(r?"dark"===o?["dark"]:["light"]:["light","dark"]).map((e=>{const r=n({theme:e,className:(0,l.Z)(t,U.themedComponent,U[`themedComponent--${e}`])});return(0,h.jsx)(a.Fragment,{children:r},e)}))})}function q(e){const{sources:t,className:n,alt:a,...r}=e;return(0,h.jsx)($,{className:n,children:e=>{let{theme:n,className:o}=e;return(0,h.jsx)("img",{src:t[n],alt:a,className:o,...r})}})}function H(e){let{logo:t,alt:n,imageClassName:a}=e;const r={light:(0,F.Z)(t.src),dark:(0,F.Z)(t.srcDark||t.src)},o=(0,h.jsx)(q,{className:t.className,sources:r,height:t.height,width:t.width,alt:n,style:t.style});return a?(0,h.jsx)("div",{className:a,children:o}):o}function G(e){const{siteConfig:{title:t}}=(0,B.Z)(),{navbar:{title:n,logo:a}}=(0,f.L)(),{imageClassName:r,titleClassName:o,...i}=e,l=(0,F.Z)(a?.href||"/"),s=n?"":t,c=a?.alt??s;return(0,h.jsxs)(M.Z,{to:l,...i,...a?.target&&{target:a.target},children:[a&&(0,h.jsx)(H,{logo:a,alt:c,imageClassName:r}),null!=n&&(0,h.jsx)("b",{className:o,children:n})]})}function Z(){return(0,h.jsx)(G,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function V(){const e=(0,S.e)();return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,h.jsx)(b,{color:"var(--ifm-color-emphasis-600)"})})}function W(){return(0,h.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,h.jsx)(Z,{}),(0,h.jsx)(O,{className:"margin-right--md"}),(0,h.jsx)(V,{})]})}var Q=n(6794);function Y(){const e=(0,S.e)(),t=(0,f.L)().navbar.items;return(0,h.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,a.createElement)(Q.Z,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function K(e){return(0,h.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,h.jsx)(m.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function X(){const e=0===(0,f.L)().navbar.items.length,t=(0,P.Y)();return(0,h.jsxs)(h.Fragment,{children:[!e&&(0,h.jsx)(K,{onClick:()=>t.hide()}),t.content]})}function J(){const e=(0,S.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,a.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,h.jsx)(A,{header:(0,h.jsx)(W,{}),primaryMenu:(0,h.jsx)(Y,{}),secondaryMenu:(0,h.jsx)(X,{})}):null}const ee={navbarHideable:"navbarHideable_QJhM",navbarHidden:"navbarHidden_JLKf"};function te(e){return(0,h.jsx)("div",{role:"presentation",...e,className:(0,l.Z)("navbar-sidebar__backdrop",e.className)})}function ne(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:r}}=(0,f.L)(),o=(0,S.e)(),{navbarRef:i,isNavbarVisible:s}=function(e){const[t,n]=(0,a.useState)(e),r=(0,a.useRef)(!1),o=(0,a.useRef)(0),i=(0,a.useCallback)((e=>{null!==e&&(o.current=e.getBoundingClientRect().height)}),[]);return(0,C.RF)(((t,a)=>{let{scrollY:i}=t;if(!e)return;if(i<o.current)return void n(!0);if(r.current)return void(r.current=!1);const l=a?.scrollY,s=document.documentElement.scrollHeight-o.current,c=window.innerHeight;l&&i>=l?n(!1):i+c<s&&n(!0)})),(0,_.S)((t=>{if(!e)return;const a=t.location.hash;if(a?document.getElementById(a.substring(1)):void 0)return r.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,h.jsxs)("nav",{ref:i,"aria-label":(0,m.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,l.Z)("navbar","navbar--fixed-top",n&&[ee.navbarHideable,!s&&ee.navbarHidden],{"navbar--dark":"dark"===r,"navbar--primary":"primary"===r,"navbar-sidebar--show":o.shown}),children:[t,(0,h.jsx)(te,{onClick:o.toggle}),(0,h.jsx)(J,{})]})}var ae=n(809),re=n(5160),oe=n(1603);function ie(e){let{width:t=30,height:n=30,className:a,...r}=e;return(0,h.jsx)("svg",{className:a,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...r,children:(0,h.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function le(){const{toggle:e,shown:t}=(0,S.e)();return(0,h.jsx)("button",{onClick:e,"aria-label":(0,m.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,h.jsx)(ie,{})})}var se=n(5243);const ce={colorModeToggle:"colorModeToggle_Kblj"};function ue(e){let{items:t}=e;return(0,h.jsx)(h.Fragment,{children:t.map(((e,t)=>(0,h.jsx)(ae.QW,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,h.jsx)(Q.Z,{...e})},t)))})}function de(e){let{left:t,right:n}=e;return(0,h.jsxs)("div",{className:"navbar__inner",children:[(0,h.jsx)("div",{className:"navbar__items",children:t}),(0,h.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function pe(){const e=(0,S.e)(),t=(0,f.L)().navbar.items,[n,a]=(0,re.A)(t),r=t.find((e=>"search"===e.type));return(0,h.jsx)(de,{left:(0,h.jsxs)(h.Fragment,{children:[!e.disabled&&(0,h.jsx)(le,{}),(0,h.jsx)(Z,{}),(0,h.jsx)(ue,{items:n})]}),right:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(ue,{items:a}),(0,h.jsx)(O,{className:ce.colorModeToggle}),!r&&(0,h.jsx)(se.Z,{children:(0,h.jsx)(oe.Z,{})})]})})}function fe(){return(0,h.jsx)(ne,{children:(0,h.jsx)(pe,{})})}var ge=n(8295),me=n(3815);function he(e){let{item:t}=e;const{to:n,href:a,label:r,prependBaseUrlToHref:o,...i}=t,l=(0,F.Z)(n),s=(0,F.Z)(a,{forcePrependBaseUrl:!0});return(0,h.jsxs)(M.Z,{className:"footer__link-item",...a?{href:o?s:a}:{to:l},...i,children:[r,a&&!(0,ge.Z)(a)&&(0,h.jsx)(me.Z,{})]})}function be(e){let{item:t}=e;return t.html?(0,h.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)("li",{className:"footer__item",children:(0,h.jsx)(he,{item:t})},t.href??t.to)}function ye(e){let{column:t}=e;return(0,h.jsxs)("div",{className:"col footer__col",children:[(0,h.jsx)("div",{className:"footer__title",children:t.title}),(0,h.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,h.jsx)(be,{item:e},t)))})]})}function ve(e){let{columns:t}=e;return(0,h.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,h.jsx)(ye,{column:e},t)))})}function we(){return(0,h.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function xe(e){let{item:t}=e;return t.html?(0,h.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)(he,{item:t})}function ke(e){let{links:t}=e;return(0,h.jsx)("div",{className:"footer__links text--center",children:(0,h.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,h.jsxs)(a.Fragment,{children:[(0,h.jsx)(xe,{item:e}),t.length!==n+1&&(0,h.jsx)(we,{})]},n)))})})}function Le(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,h.jsx)(ve,{columns:t}):(0,h.jsx)(ke,{links:t})}const Se={footerLogoLink:"footerLogoLink_K6r0"};function _e(e){let{logo:t}=e;const{withBaseUrl:n}=(0,F.C)(),a={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,h.jsx)(q,{className:(0,l.Z)("footer__logo",t.className),alt:t.alt,sources:a,width:t.width,height:t.height,style:t.style})}function Ce(e){let{logo:t}=e;return t.href?(0,h.jsx)(M.Z,{href:t.href,className:Se.footerLogoLink,target:t.target,children:(0,h.jsx)(_e,{logo:t})}):(0,h.jsx)(_e,{logo:t})}function Pe(e){let{copyright:t}=e;return(0,h.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function Ae(e){let{style:t,links:n,logo:a,copyright:r}=e;return(0,h.jsx)("footer",{className:(0,l.Z)("footer",{"footer--dark":"dark"===t}),children:(0,h.jsxs)("div",{className:"container container-fluid",children:[n,(a||r)&&(0,h.jsxs)("div",{className:"footer__bottom text--center",children:[a&&(0,h.jsx)("div",{className:"margin-bottom--sm",children:a}),r]})]})})}function De(){const{footer:e}=(0,f.L)();if(!e)return null;const{copyright:t,links:n,logo:a,style:r}=e;return(0,h.jsx)(Ae,{style:r,links:n&&n.length>0&&(0,h.jsx)(Le,{links:n}),logo:a&&(0,h.jsx)(Ce,{logo:a}),copyright:t&&(0,h.jsx)(Pe,{copyright:t})})}const Ee=a.memo(De);var Ie=n(5299),Te=n(2520);const je={mainWrapper:"mainWrapper_Xc8_"};function ze(e){const{children:t,noFooter:n,wrapperClassName:a,title:r,description:o}=e;return(0,d.t)(),(0,h.jsxs)(Ie.Z,{children:[(0,h.jsx)(s.d,{title:r,description:o}),(0,h.jsx)(p.Z,{}),(0,h.jsx)(L,{}),(0,h.jsx)(fe,{}),(0,h.jsx)("div",{id:c.u,className:(0,l.Z)(u.k.wrapper.main,je.mainWrapper,a),children:(0,h.jsx)(Fe,{fallback:e=>(0,h.jsx)(Te.Z,{...e}),children:t})}),!n&&(0,h.jsx)(Ee,{})]})}function Re(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,h.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,h.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,h.jsx)(Ne,{error:t})]})}function Ne(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,h.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function Oe(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)(Fe,{fallback:()=>(0,h.jsx)(Re,{error:t,tryAgain:n}),children:[(0,h.jsx)(o.Z,{children:(0,h.jsx)("title",{children:"Page Error"})}),(0,h.jsx)(ze,{children:(0,h.jsx)(Re,{error:t,tryAgain:n})})]})}const Me=e=>(0,h.jsx)(Oe,{...e});class Fe extends a.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){r.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??Me)(e)}return e??null}}},6047:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const a="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,r={canUseDOM:a,canUseEventListeners:a&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:a&&"IntersectionObserver"in window,canUseViewport:a&&"screen"in window}},4491:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);var a=n(387),r=n(1527);function o(e){return(0,r.jsx)(a.ql,{...e})}},3630:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i,s:()=>o});var a=n(959),r=n(1527);function o(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,a.isValidElement)(e)))?n.map(((e,t)=>(0,a.isValidElement)(e)?a.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}function i(e){let{children:t,values:n}=e;if("string"!=typeof t)throw new Error("The Docusaurus <Interpolate> component only accept simple string values. Received: "+((0,a.isValidElement)(t)?"React element":typeof t));return(0,r.jsx)(r.Fragment,{children:o(t,n)})}},0:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var a=n(959),r=n(9500),o=n(6771),i=n(2688),l=n(8295),s=n(6047),c=n(1527);const u=a.createContext({collectLink:()=>{}});var d=n(9925);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:g,isActive:m,"data-noBrokenLinkCheck":h,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:{trailingSlash:v,baseUrl:w}}=(0,i.Z)(),{withBaseUrl:x}=(0,d.C)(),k=(0,a.useContext)(u),L=(0,a.useRef)(null);(0,a.useImperativeHandle)(t,(()=>L.current));const S=p||f;const _=(0,l.Z)(S),C=S?.replace("pathname://","");let P=void 0!==C?(A=C,b&&(e=>e.startsWith("/"))(A)?x(A):A):void 0;var A;P&&_&&(P=(0,o.applyTrailingSlash)(P,{trailingSlash:v,baseUrl:w}));const D=(0,a.useRef)(!1),E=n?r.OL:r.rU,I=s.Z.canUseIntersectionObserver,T=(0,a.useRef)(),j=()=>{D.current||null==P||(window.docusaurus.preload(P),D.current=!0)};(0,a.useEffect)((()=>(!I&&_&&null!=P&&window.docusaurus.prefetch(P),()=>{I&&T.current&&T.current.disconnect()})),[T,P,I,_]);const z=P?.startsWith("#")??!1,R=!P||!_||z;return R||h||k.collectLink(P),R?(0,c.jsx)("a",{ref:L,href:P,...S&&!_&&{target:"_blank",rel:"noopener noreferrer"},...y}):(0,c.jsx)(E,{...y,onMouseEnter:j,onTouchStart:j,innerRef:e=>{L.current=e,I&&e&&_&&(T.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(T.current.unobserve(e),T.current.disconnect(),null!=P&&window.docusaurus.prefetch(P))}))})),T.current.observe(e))},to:P,...n&&{isActive:m,activeClassName:g}})}const f=a.forwardRef(p)},1603:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const a=()=>null},5374:(e,t,n)=>{"use strict";n.d(t,{I:()=>l,Z:()=>s});n(959);var a=n(3630),r=n(7529),o=n(1527);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return r[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;const o=i({message:n,id:r});return(0,a.s)(o,t)}function s(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const l=i({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:(0,a.s)(l,r)})}},4684:(e,t,n)=>{"use strict";n.d(t,{m:()=>a});const a="default"},8295:(e,t,n)=>{"use strict";function a(e){return/^(?:\w*:|\/\/)/.test(e)}function r(e){return void 0!==e&&!a(e)}n.d(t,{Z:()=>r,b:()=>a})},9925:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var a=n(959),r=n(2688),o=n(8295);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,r.Z)(),n=(0,a.useCallback)(((n,a)=>function(e,t,n,a){let{forcePrependBaseUrl:r=!1,absolute:i=!1}=void 0===a?{}:a;if(!n||n.startsWith("#")||(0,o.b)(n))return n;if(r)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,a)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},2688:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959),r=n(6855);function o(){return(0,a.useContext)(r._)}},7111:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959),r=n(7752);function o(){return(0,a.useContext)(r._)}},2827:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(959);const r=n(6047).Z.canUseDOM?a.useLayoutEffect:a.useEffect},4420:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const a=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function r(e){const t={};return function e(n,r){Object.entries(n).forEach((n=>{let[o,i]=n;const l=r?`${r}.${o}`:o;a(i)?e(i,l):t[l]=i}))}(e),t}},2762:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,z:()=>i});var a=n(959),r=n(1527);const o=a.createContext(null);function i(e){let{children:t,value:n}=e;const i=a.useContext(o),l=(0,a.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const a={...t.data,...n?.data};return{plugin:t.plugin,data:a}}({parent:i,value:n})),[i,n]);return(0,r.jsx)(o.Provider,{value:l,children:t})}},9384:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>g,_r:()=>u,zh:()=>d,yW:()=>f,gB:()=>p});var a=n(8903),r=n(2688),o=n(4684);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,r.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=function(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,a.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),r=n?.docs.find((e=>!!(0,a.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:r,alternateDocVersions:r?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((a=>{a.id===t&&(n[e.name]=a)}))})),n}(r.id):{}}}const c={},u=()=>i("docusaurus-plugin-content-docs")??c,d=e=>function(e,t,n){void 0===t&&(t=o.m),void 0===n&&(n={});const a=i(e),r=a?.[t];if(!r&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return r}("docusaurus-plugin-content-docs",e,{failfast:!0});function p(e){return d(e).versions}function f(e){const t=d(e);return l(t)}function g(e){const t=d(e),{pathname:n}=(0,a.TH)();return s(t,n)}},3852:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("set","page_path",t.pathname+t.search+t.hash),window.gtag("event","page_view")}))}}},7558:(e,t,n)=>{"use strict";function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}var l=n(959),s=n(507),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(a){var r=d(e[a]);r.loading?t.loading=!0:(t.loaded[a]=r.loaded,t.error=r.error),n.push(r.promise),r.promise.then((function(e){t.loaded[a]=e})).catch((function(e){t.error=e}))}))}catch(a){t.error=a}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return l.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function g(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var g=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),m=null;function h(){return m||(m=e(g.loader)),m.promise}return c.push(h),"function"==typeof g.webpack&&u.push((function(){if((0,g.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return h()})),p=d=function(t){function n(n){var a;return o(r(r(a=t.call(this,n)||this)),"retry",(function(){a.setState({error:null,loading:!0,timedOut:!1}),m=e(g.loader),a._loadModule()})),h(),a.state={error:m.error,pastDelay:!1,timedOut:!1,loading:m.loading,loaded:m.loaded},a}a(n,t),n.preload=function(){return h()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(g.modules)&&g.modules.forEach((function(t){e.context.loadable.report(t)})),m.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof g.delay&&(0===g.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),g.delay)),"number"==typeof g.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),g.timeout));var n=function(){t({error:m.error,loaded:m.loaded,loading:m.loading}),e._clearTimeouts()};m.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?l.createElement(g.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?g.render(this.state.loaded,this.props):null},n}(l.Component),o(d,"contextTypes",{loadable:s.shape({report:s.func.isRequired})}),p}function m(e){return g(d,e)}m.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return g(p,e)};var h=function(e){function t(){return e.apply(this,arguments)||this}a(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return l.Children.only(this.props.children)},t}(l.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}o(h,"propTypes",{report:s.func.isRequired}),o(h,"childContextTypes",{loadable:s.shape({report:s.func.isRequired}).isRequired}),m.Capture=h,m.preloadAll=function(){return new Promise((function(e,t){b(c).then(e,t)}))},m.preloadReady=function(){return new Promise((function(e,t){b(u).then(e,e)}))},e.exports=m},4329:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var a=n(9981),r=n.n(a);r().configure({showSpinner:!1});const o={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{r().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){r().done()}}},6070:(e,t,n)=>{"use strict";n.r(t);var a=n(2425),r=n(6809);!function(e){const{themeConfig:{prism:t}}=r.default,{additionalLanguages:a}=t;globalThis.Prism=e,a.forEach((e=>{"php"===e&&n(1559),n(1422)(`./prism-${e}`)})),delete globalThis.Prism}(a.p1)},2520:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});n(959);var a=n(5374),r=n(809),o=n(6561),i=n(1527);function l(e){let{error:t,tryAgain:n}=e;return(0,i.jsx)("main",{className:"container margin-vert--xl",children:(0,i.jsx)("div",{className:"row",children:(0,i.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,i.jsx)(o.Z,{as:"h1",className:"hero__title",children:(0,i.jsx)(a.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,i.jsx)("div",{className:"margin-vert--lg",children:(0,i.jsx)(r.Cw,{onClick:n,className:"button button--primary shadow--lw"})}),(0,i.jsx)("hr",{}),(0,i.jsx)("div",{className:"margin-vert--md",children:(0,i.jsx)(r.aG,{error:t})})]})})})}},6561:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(5341),r=n(5374),o=n(2593),i=n(0);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_dXVO",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_ZIVZ"};var s=n(1527);function c(e){let{as:t,id:n,...c}=e;const{navbar:{hideOnScroll:u}}=(0,o.L)();if("h1"===t||!n)return(0,s.jsx)(t,{...c,id:void 0});const d=(0,r.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof c.children?c.children:n});return(0,s.jsxs)(t,{...c,className:(0,a.Z)("anchor",u?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,c.className),id:n,children:[c.children,(0,s.jsx)(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":d,title:d,children:"\u200b"})]})}},3815:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);const a={iconExternalLink:"iconExternalLink_ocOZ"};var r=n(1527);function o(e){let{width:t=13.5,height:n=13.5}=e;return(0,r.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:a.iconExternalLink,children:(0,r.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},5299:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7399),r=n(1694),o=n(4288),i=n(3707),l=n(1836),s=n(1610),c=n(5160),u=n(1527);const d=(0,a.Qc)([r.S,o.pl,i.OC,l.L5,s.VC,c.V]);function p(e){let{children:t}=e;return(0,u.jsx)(d,{children:t})}},5243:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(5341);const r={navbarSearchContainer:"navbarSearchContainer_Pu8E"};var o=n(1527);function i(e){let{children:t,className:n}=e;return(0,o.jsx)("div",{className:(0,a.Z)(n,r.navbarSearchContainer),children:t})}},6612:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(0),r=n(9925),o=n(8295),i=n(3535),l=n(3815),s=n(1527);function c(e){let{activeBasePath:t,activeBaseRegex:n,to:c,href:u,label:d,html:p,isDropdownLink:f,prependBaseUrlToHref:g,...m}=e;const h=(0,r.Z)(c),b=(0,r.Z)(t),y=(0,r.Z)(u,{forcePrependBaseUrl:!0}),v=d&&u&&!(0,o.Z)(u),w=p?{dangerouslySetInnerHTML:{__html:p}}:{children:(0,s.jsxs)(s.Fragment,{children:[d,v&&(0,s.jsx)(l.Z,{...f&&{width:12,height:12}})]})};return u?(0,s.jsx)(a.Z,{href:g?y:u,...m,...w}):(0,s.jsx)(a.Z,{to:h,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,i.F)(n,t.pathname):t.pathname.startsWith(b)},...m,...w})}},6794:(e,t,n)=>{"use strict";n.d(t,{Z:()=>w});n(959);var a=n(5341),r=n(6612),o=n(1527);function i(e){let{className:t,isDropdownItem:n=!1,...i}=e;const l=(0,o.jsx)(r.Z,{className:(0,a.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...i});return n?(0,o.jsx)("li",{children:l}):l}function l(e){let{className:t,isDropdownItem:n,...i}=e;return(0,o.jsx)("li",{className:"menu__list-item",children:(0,o.jsx)(r.Z,{className:(0,a.Z)("menu__link",t),...i})})}function s(e){let{mobile:t=!1,position:n,...a}=e;const r=t?l:i;return(0,o.jsx)(r,{...a,activeClassName:a.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var c=n(8784),u=n(7412),d=n(1603),p=n(5243);var f=n(9384),g=n(8068);var m=n(1836),h=n(5374),b=n(8903);const y=e=>e.docs.find((t=>t.id===e.mainDocId));const v={default:s,localeDropdown:u.Z,search:function(e){let{mobile:t,className:n}=e;return t?null:(0,o.jsx)(p.Z,{className:n,children:(0,o.jsx)(d.Z,{})})},dropdown:c.Z,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:i=!1}=e;const l=i?"li":"div";return(0,o.jsx)(l,{className:(0,a.Z)({navbar__item:!r&&!i,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:a,...r}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.vY)(t,a),c=i?.path===l?.path;return null===l||l.unlisted&&!c?null:(0,o.jsx)(s,{exact:!0,...r,isActive:()=>c||!!i?.sidebar&&i.sidebar===l.sidebar,label:n??l.id,to:l.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:a,...r}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.oz)(t,a).link;if(!l)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,o.jsx)(s,{exact:!0,...r,isActive:()=>i?.sidebar===t,label:n??l.label,to:l.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:a,...r}=e;const i=(0,g.lO)(a)[0],l=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return(0,o.jsx)(s,{...r,label:l,to:c})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:a,dropdownItemsBefore:r,dropdownItemsAfter:i,...l}=e;const{search:u,hash:d}=(0,b.TH)(),p=(0,f.Iw)(n),v=(0,f.gB)(n),{savePreferredVersionName:w}=(0,m.J)(n),x=[...r,...v.map((e=>{const t=p.alternateDocVersions[e.name]??y(e);return{label:e.label,to:`${t.path}${u}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>w(e.name)}})),...i],k=(0,g.lO)(n)[0],L=t&&x.length>1?(0,h.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):k.label,S=t&&x.length>1?void 0:y(k).path;return x.length<=1?(0,o.jsx)(s,{...l,mobile:t,label:L,to:S,isActive:a?()=>!1:void 0}):(0,o.jsx)(c.Z,{...l,mobile:t,label:L,to:S,items:x,isActive:a?()=>!1:void 0})}};function w(e){let{type:t,...n}=e;const a=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),r=v[a];if(!r)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,o.jsx)(r,{...n})}},7535:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);var a=n(4491),r=n(1527);function o(e){let{locale:t,version:n,tag:o}=e;const i=t;return(0,r.jsxs)(a.Z,{children:[t&&(0,r.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,r.jsx)("meta",{name:"docusaurus_version",content:n}),o&&(0,r.jsx)("meta",{name:"docusaurus_tag",content:o}),i&&(0,r.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,r.jsx)("meta",{name:"docsearch:version",content:n}),o&&(0,r.jsx)("meta",{name:"docsearch:docusaurus_tag",content:o})]})}},7675:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(9920);const r={skipToContent:"skipToContent_YRel"};var o=n(1527);function i(){return(0,o.jsx)(a.l,{className:r.skipToContent})}},4794:(e,t,n)=>{"use strict";n.d(t,{z:()=>b,u:()=>s});var a=n(959),r=n(6047),o=n(2827);var i=n(1527);const l="ease-in-out";function s(e){let{initialState:t}=e;const[n,r]=(0,a.useState)(t??!1),o=(0,a.useCallback)((()=>{r((e=>!e))}),[]);return{collapsed:n,setCollapsed:r,toggleCollapsed:o}}const c={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?c:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function p(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}function f(e){let{collapsibleRef:t,collapsed:n,animation:r}=e;const o=(0,a.useRef)(!1);(0,a.useEffect)((()=>{const e=t.current;function a(){const t=function(){const t=e.scrollHeight;return{transition:`height ${r?.duration??p(t)}ms ${r?.easing??l}`,height:`${t}px`}}();e.style.transition=t.transition,e.style.height=t.height}if(!o.current)return d(e,n),void(o.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(a(),requestAnimationFrame((()=>{e.style.height=c.height,e.style.overflow=c.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{a()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,r])}function g(e){if(!r.Z.canUseDOM)return e?c:u}function m(e){let{as:t="div",collapsed:n,children:r,animation:o,onCollapseTransitionEnd:l,className:s,disableSSRStyle:c}=e;const u=(0,a.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:o}),(0,i.jsx)(t,{ref:u,style:c?void 0:g(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(u.current,n),l?.(n))},className:s,children:r})}function h(e){let{collapsed:t,...n}=e;const[r,l]=(0,a.useState)(!t),[s,c]=(0,a.useState)(t);return(0,o.Z)((()=>{t||l(!0)}),[t]),(0,o.Z)((()=>{r&&c(t)}),[r,t]),r?(0,i.jsx)(m,{...n,collapsed:s}):null}function b(e){let{lazy:t,...n}=e;const a=t?h:m;return(0,i.jsx)(a,{...n})}},4288:(e,t,n)=>{"use strict";n.d(t,{nT:()=>m,pl:()=>g});var a=n(959),r=n(7111),o=n(6340),i=n(7399),l=n(2593),s=n(1527);const c=(0,o.WA)("docusaurus.announcement.dismiss"),u=(0,o.WA)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=a.createContext(null);function g(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,r.Z)(),[n,o]=(0,a.useState)((()=>!!t&&d()));(0,a.useEffect)((()=>{o(d())}),[]);const i=(0,a.useCallback)((()=>{p(!0),o(!0)}),[]);return(0,a.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const a=t!==n;u.set(t),a&&p(!1),!a&&d()||o(!1)}),[e]),(0,a.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,s.jsx)(f.Provider,{value:n,children:t})}function m(){const e=(0,a.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},1694:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>h});var a=n(959),r=n(6047),o=n(7399),i=n(6340),l=n(2593),s=n(1527);const c=a.createContext(void 0),u="theme",d=(0,i.WA)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,g=e=>r.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),m=e=>{d.set(f(e))};function h(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[r,o]=(0,a.useState)(g(e));(0,a.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,a.useCallback)((function(t,a){void 0===a&&(a={});const{persist:r=!0}=a;t?(o(t),r&&m(t)):(o(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,a.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(r))}),[r]),(0,a.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,a.useRef)(!1);return(0,a.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(a),()=>e.removeListener(a)}),[i,t,n]),(0,a.useMemo)((()=>({colorMode:r,setColorMode:i,get isDarkTheme(){return r===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[r,i])}();return(0,s.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,a.useContext)(c);if(null==e)throw new o.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1836:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b});var a=n(959),r=n(9384),o=n(4684),i=n(2593),l=n(8068),s=n(7399),c=n(6340),u=n(1527);const d=e=>`docs-preferred-version-${e}`,p={save:(e,t,n)=>{(0,c.WA)(d(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(d(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(d(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const g=a.createContext(null);function m(){const e=(0,r._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,a.useMemo)((()=>Object.keys(e)),[e]),[o,l]=(0,a.useState)((()=>f(n)));(0,a.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:a}=e;function r(e){const t=p.read(e,n);return a[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,r(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[o,(0,a.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,u.jsx)(g.Provider,{value:n,children:t})}function b(e){let{children:t}=e;return l.cE?(0,u.jsx)(h,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function y(){const e=(0,a.useContext)(g);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=o.m);const t=(0,r.zh)(e),[n,i]=y(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,a.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},5580:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,e:()=>b});var a=n(959),r=n(5195),o=n(6047);const i={desktop:"desktop",mobile:"mobile",ssr:"ssr"},l=996;function s(){const[e,t]=(0,a.useState)((()=>"ssr"));return(0,a.useEffect)((()=>{function e(){t(function(){if(!o.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>l?i.desktop:i.mobile}())}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e}var c=n(8903),u=n(7399);function d(e){!function(e){const t=(0,c.k6)(),n=(0,u.zX)(e);(0,a.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var p=n(2593),f=n(1527);const g=a.createContext(void 0);function m(){const e=function(){const e=(0,r.HY)(),{items:t}=(0,p.L)().navbar;return 0===t.length&&!e.component}(),t=s(),n=!e&&"mobile"===t,[o,i]=(0,a.useState)(!1);d((()=>{if(o)return i(!1),!1}));const l=(0,a.useCallback)((()=>{i((e=>!e))}),[]);return(0,a.useEffect)((()=>{"desktop"===t&&i(!1)}),[t]),(0,a.useMemo)((()=>({disabled:e,shouldRender:n,toggle:l,shown:o})),[e,n,l,o])}function h(e){let{children:t}=e;const n=m();return(0,f.jsx)(g.Provider,{value:n,children:t})}function b(){const e=a.useContext(g);if(void 0===e)throw new u.i6("NavbarMobileSidebarProvider");return e}},5195:(e,t,n)=>{"use strict";n.d(t,{HY:()=>s,n2:()=>l});var a=n(959),r=n(7399),o=n(1527);const i=a.createContext(null);function l(e){let{children:t}=e;const n=(0,a.useState)({component:null,props:null});return(0,o.jsx)(i.Provider,{value:n,children:t})}function s(){const e=(0,a.useContext)(i);if(!e)throw new r.i6("NavbarSecondaryMenuContentProvider");return e[0]}},1900:(e,t,n)=>{"use strict";n.d(t,{P:()=>c,Y:()=>d});var a=n(959),r=n(7399),o=n(5580),i=n(5195),l=n(1527);const s=a.createContext(null);function c(e){let{children:t}=e;const n=function(){const e=(0,o.e)(),t=(0,i.HY)(),[n,l]=(0,a.useState)(!1),s=null!==t.component,c=(0,r.D9)(s);return(0,a.useEffect)((()=>{s&&!c&&l(!0)}),[s,c]),(0,a.useEffect)((()=>{s?e.shown||l(!0):l(!1)}),[e.shown,s]),(0,a.useMemo)((()=>[n,l]),[n])}();return(0,l.jsx)(s.Provider,{value:n,children:t})}function u(e){if(e.component){const t=e.component;return(0,l.jsx)(t,{...e.props})}}function d(){const e=(0,a.useContext)(s);if(!e)throw new r.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,a.useCallback)((()=>n(!1)),[n]),l=(0,i.HY)();return(0,a.useMemo)((()=>({shown:t,hide:o,content:u(l)})),[o,l,t])}},864:(e,t,n)=>{"use strict";n.d(t,{h:()=>r,t:()=>o});var a=n(959);const r="navigation-with-keyboard";function o(){(0,a.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(r),"mousedown"===e.type&&document.body.classList.remove(r)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(r),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},421:(e,t,n)=>{"use strict";n.d(t,{k:()=>a});const a={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},8068:(e,t,n)=>{"use strict";n.d(t,{cE:()=>l,lO:()=>s,vY:()=>u,oz:()=>c});var a=n(959),r=n(9384),o=n(1836);function i(e){return Array.from(new Set(e))}const l=!!r._r;function s(e){const{activeVersion:t}=(0,r.Iw)(e),{preferredVersion:n}=(0,o.J)(e),l=(0,r.yW)(e);return(0,a.useMemo)((()=>i([t,n,l].filter(Boolean))),[t,n,l])}function c(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),a=t.find((t=>t[0]===e));if(!a)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return a[1]}),[e,n])}function u(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),a=t.find((t=>t.id===e));if(!a){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${i(t.map((e=>e.id))).join("\n- ")}`)}return a}),[e,n])}},809:(e,t,n)=>{"use strict";n.d(t,{aG:()=>c,Cw:()=>s,QW:()=>u});var a=n(959),r=n(5374),o=n(6771);const i={errorBoundaryError:"errorBoundaryError_t44J",errorBoundaryFallback:"errorBoundaryFallback_HTeJ"};var l=n(1527);function s(e){return(0,l.jsx)("button",{type:"button",...e,children:(0,l.jsx)(r.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function c(e){let{error:t}=e;const n=(0,o.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{className:i.errorBoundaryError,children:n})}class u extends a.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}},1610:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>d,VC:()=>g});var a=n(959),r=n(5341),o=n(4491),i=n(2762);function l(){const e=a.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(9925),c=n(2688);var u=n(1527);function d(e){let{title:t,description:n,keywords:a,image:r,children:i}=e;const l=function(e){const{siteConfig:t}=(0,c.Z)(),{title:n,titleDelimiter:a}=t;return e?.trim().length?`${e.trim()} ${a} ${n}`:n}(t),{withBaseUrl:d}=(0,s.C)(),p=r?d(r,{absolute:!0}):void 0;return(0,u.jsxs)(o.Z,{children:[t&&(0,u.jsx)("title",{children:l}),t&&(0,u.jsx)("meta",{property:"og:title",content:l}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),a&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(a)?a.join(","):a}),p&&(0,u.jsx)("meta",{property:"og:image",content:p}),p&&(0,u.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=a.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=a.useContext(p),l=(0,r.Z)(i,t);return(0,u.jsxs)(p.Provider,{value:l,children:[(0,u.jsx)(o.Z,{children:(0,u.jsx)("html",{className:l})}),n]})}function g(e){let{children:t}=e;const n=l(),a=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const o=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,r.Z)(a,o),children:t})}},5160:(e,t,n)=>{"use strict";n.d(t,{A:()=>s,V:()=>c});n(959);var a=n(5580),r=n(5195),o=n(1900),i=n(1527);const l="right";function s(e){function t(e){return"left"===(e.position??l)}return[e.filter(t),e.filter((e=>!t(e)))]}function c(e){let{children:t}=e;return(0,i.jsx)(r.n2,{children:(0,i.jsx)(a.M,{children:(0,i.jsx)(o.P,{children:t})})})}},7399:(e,t,n)=>{"use strict";n.d(t,{D9:()=>l,Qc:()=>u,Ql:()=>c,i6:()=>s,zX:()=>i});var a=n(959),r=n(2827),o=n(1527);function i(e){const t=(0,a.useRef)(e);return(0,r.Z)((()=>{t.current=e}),[e]),(0,a.useCallback)((function(){return t.current(...arguments)}),[])}function l(e){const t=(0,a.useRef)();return(0,r.Z)((()=>{t.current=e})),t.current}class s extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,a.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,o.jsx)(o.Fragment,{children:e.reduceRight(((e,t)=>(0,o.jsx)(t,{children:e})),n)})}}},3535:(e,t,n)=>{"use strict";function a(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{F:()=>a})},3707:(e,t,n)=>{"use strict";n.d(t,{OC:()=>s,RF:()=>d});var a=n(959),r=n(6047),o=(n(7111),n(2827),n(7399)),i=n(1527);const l=a.createContext(void 0);function s(e){let{children:t}=e;const n=function(){const e=(0,a.useRef)(!0);return(0,a.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,i.jsx)(l.Provider,{value:n,children:t})}function c(){const e=(0,a.useContext)(l);if(null==e)throw new o.i6("ScrollControllerProvider");return e}const u=()=>r.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),r=(0,a.useRef)(u()),i=(0,o.zX)(e);(0,a.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();i(e,r.current),r.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[i,n,...t])}},9920:(e,t,n)=>{"use strict";n.d(t,{l:()=>p,u:()=>s});var a=n(959),r=n(8903),o=n(5374),i=n(5508),l=n(1527);const s="__docusaurus_skipToContent_fallback";function c(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function u(){const e=(0,a.useRef)(null),{action:t}=(0,r.k6)(),n=(0,a.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(s);t&&c(t)}),[]);return(0,i.S)((n=>{let{location:a}=n;e.current&&!a.hash&&"PUSH"===t&&c(e.current)})),{containerRef:e,onClick:n}}const d=(0,o.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function p(e){const t=e.children??d,{containerRef:n,onClick:a}=u();return(0,l.jsx)("div",{ref:n,role:"region","aria-label":d,children:(0,l.jsx)("a",{...e,href:`#${s}`,onClick:a,children:t})})}},6340:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(959);const a="localStorage";function r(e){let{key:t,oldValue:n,newValue:a,storage:r}=e;if(n===a)return;const o=document.createEvent("StorageEvent");o.initStorageEvent("storage",!1,!1,t,n,a,window.location.href,r),window.dispatchEvent(o)}function o(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=o(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const a=n.getItem(e);n.setItem(e,t),r({key:e,oldValue:a,newValue:t,storage:n})}catch(a){console.error(`Docusaurus storage error, can't set ${e}=${t}`,a)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),r({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const a=a=>{a.storageArea===n&&a.key===e&&t(a)};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)}catch(a){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,a),()=>{}}}}}},8224:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var a=n(2688),r=n(8903),o=n(6771);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:l}}=(0,a.Z)(),{pathname:s}=(0,r.TH)(),c=(0,o.applyTrailingSlash)(s,{trailingSlash:n,baseUrl:e}),u=l===i?e:e.replace(`/${l}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:a}=e;return`${a?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},5508:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var a=n(959),r=n(8903),o=n(7399);function i(e){const t=(0,r.TH)(),n=(0,o.D9)(t),i=(0,o.zX)(e);(0,a.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},2593:(e,t,n)=>{"use strict";n.d(t,{L:()=>r});var a=n(2688);function r(){return(0,a.Z)().siteConfig.themeConfig}},6115:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:a}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[r]=e.split(/[#?]/),o="/"===r||r===a?r:(i=r,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(r,o)}},6901:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},6771:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var r=n(6115);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return a(r).default}});var o=n(6901);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return o.getErrorCausalChain}})},8784:(e,t,n)=>{"use strict";n.d(t,{Z:()=>h});var a=n(959),r=n(5341),o=n(3535),i=n(4794),l=(n(6002),n(2688));var s=n(8903);var c=n(6612),u=n(6794);const d={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_JUhd"};var p=n(1527);function f(e,t){return e.some((e=>function(e,t){return!!function(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}(e.to,t)||!!(0,o.F)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function g(e){let{items:t,position:n,className:o,onClick:i,...l}=e;const s=(0,a.useRef)(null),[d,f]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{const e=e=>{s.current&&!s.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[s]),(0,p.jsxs)("div",{ref:s,className:(0,r.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":d}),children:[(0,p.jsx)(c.Z,{"aria-haspopup":"true","aria-expanded":d,role:"button",href:l.to?void 0:"#",className:(0,r.Z)("navbar__link",o),...l,onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),f(!d))},children:l.children??l.label}),(0,p.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,a.createElement)(u.Z,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function m(e){let{items:t,className:n,position:o,onClick:g,...m}=e;const h=function(){const{siteConfig:{baseUrl:e}}=(0,l.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),b=f(t,h),{collapsed:y,toggleCollapsed:v,setCollapsed:w}=(0,i.u)({initialState:()=>!b});return(0,a.useEffect)((()=>{b&&w(!b)}),[h,b,w]),(0,p.jsxs)("li",{className:(0,r.Z)("menu__list-item",{"menu__list-item--collapsed":y}),children:[(0,p.jsx)(c.Z,{role:"button",className:(0,r.Z)(d.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...m,onClick:e=>{e.preventDefault(),v()},children:m.children??m.label}),(0,p.jsx)(i.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:y,children:t.map(((e,t)=>(0,a.createElement)(u.Z,{mobile:!0,isDropdownItem:!0,onClick:g,activeClassName:"menu__link--active",...e,key:t})))})]})}function h(e){let{mobile:t=!1,...n}=e;const a=t?m:g;return(0,p.jsx)(a,{...n})}},7412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});n(959);var a=n(2688),r=n(8224),o=n(8903),i=n(8784),l=n(1527);function s(e){let{width:t=20,height:n=20,...a}=e;return(0,l.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...a,children:(0,l.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const c={iconLanguage:"iconLanguage_DSK9"};function u(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:u,queryString:d="",whiteTheme:p=!1,...f}=e;const{i18n:{currentLocale:g,locales:m,localeConfigs:h}}=(0,a.Z)(),b=(0,r.l)(),{search:y,hash:v}=(0,o.TH)(),w=[...n,...m.map((e=>{const n=`${`pathname://${b.createUrl({locale:e,fullyQualified:!1})}`}${y}${v}${d}`;return{label:h[e].label,lang:h[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===g?t?"menu__link--active":"dropdown__link--active":""}})),...u];return(0,l.jsx)(i.Z,{...f,mobile:t,label:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{className:c.iconLanguage}),h[g].label]}),items:w})}},4047:(e,t,n)=>{"use strict";n.d(t,{lX:()=>w,q_:()=>C,ob:()=>f,PP:()=>A,Ep:()=>p});var a=n(6920);function r(e){return"/"===e.charAt(0)}function o(e,t){for(var n=t,a=n+1,r=e.length;a<r;n+=1,a+=1)e[n]=e[a];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,a=e&&e.split("/")||[],i=t&&t.split("/")||[],l=e&&r(e),s=t&&r(t),c=l||s;if(e&&r(e)?i=a:a.length&&(i.pop(),i=i.concat(a)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?o(i,p):".."===f?(o(i,p),d++):d&&(o(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&r(i[0])||i.unshift("");var g=i.join("/");return n&&"/"!==g.substr(-1)&&(g+="/"),g};var l=n(8624);function s(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,a=e.hash,r=t||"/";return n&&"?"!==n&&(r+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(r+="#"===a.charAt(0)?a:"#"+a),r}function f(e,t,n,r){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",a="",r=t.indexOf("#");-1!==r&&(a=t.substr(r),t=t.substr(0,r));var o=t.indexOf("?");return-1!==o&&(n=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===n?"":n,hash:"#"===a?"":a}}(e),o.state=t):(void 0===(o=(0,a.Z)({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(o.key=n),r?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=i(o.pathname,r.pathname)):o.pathname=r.pathname:o.pathname||(o.pathname="/"),o}function g(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,a,r){if(null!=e){var o="function"==typeof e?e(t,n):e;"string"==typeof o?"function"==typeof a?a(o,r):r(!0):r(!1!==o)}else r(!0)},appendListener:function(e){var n=!0;function a(){n&&e.apply(void 0,arguments)}return t.push(a),function(){n=!1,t=t.filter((function(e){return e!==a}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];t.forEach((function(e){return e.apply(void 0,n)}))}}}var m=!("undefined"==typeof window||!window.document||!window.document.createElement);function h(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t,n=window.history,r=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,o=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,x=i.getUserConfirmation,k=void 0===x?h:x,L=i.keyLength,S=void 0===L?6:L,_=e.basename?d(s(e.basename)):"";function C(e){var t=e||{},n=t.key,a=t.state,r=window.location,o=r.pathname+r.search+r.hash;return _&&(o=u(o,_)),f(o,a,n)}function P(){return Math.random().toString(36).substr(2,S)}var A=g();function D(e){(0,a.Z)(U,e),U.length=n.length,A.notifyListeners(U.location,U.action)}function E(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||j(C(e.state))}function I(){j(C(v()))}var T=!1;function j(e){if(T)T=!1,D();else{A.confirmTransitionTo(e,"POP",k,(function(t){t?D({action:"POP",location:e}):function(e){var t=U.location,n=R.indexOf(t.key);-1===n&&(n=0);var a=R.indexOf(e.key);-1===a&&(a=0);var r=n-a;r&&(T=!0,O(r))}(e)}))}}var z=C(v()),R=[z.key];function N(e){return _+p(e)}function O(e){n.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?(window.addEventListener(b,E),o&&window.addEventListener(y,I)):0===M&&(window.removeEventListener(b,E),o&&window.removeEventListener(y,I))}var B=!1;var U={length:n.length,action:"POP",location:z,createHref:N,push:function(e,t){var a="PUSH",o=f(e,t,P(),U.location);A.confirmTransitionTo(o,a,k,(function(e){if(e){var t=N(o),i=o.key,l=o.state;if(r)if(n.pushState({key:i,state:l},null,t),w)window.location.href=t;else{var s=R.indexOf(U.location.key),c=R.slice(0,s+1);c.push(o.key),R=c,D({action:a,location:o})}else window.location.href=t}}))},replace:function(e,t){var a="REPLACE",o=f(e,t,P(),U.location);A.confirmTransitionTo(o,a,k,(function(e){if(e){var t=N(o),i=o.key,l=o.state;if(r)if(n.replaceState({key:i,state:l},null,t),w)window.location.replace(t);else{var s=R.indexOf(U.location.key);-1!==s&&(R[s]=o.key),D({action:a,location:o})}else window.location.replace(t)}}))},go:O,goBack:function(){O(-1)},goForward:function(){O(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return B||(F(1),B=!0),function(){return B&&(B=!1,F(-1)),t()}},listen:function(e){var t=A.appendListener(e);return F(1),function(){F(-1),t()}}};return U}var x="hashchange",k={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:s},slash:{encodePath:s,decodePath:s}};function L(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function S(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(L(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),r=n.getUserConfirmation,o=void 0===r?h:r,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(s(e.basename)):"",y=k[c],v=y.encodePath,w=y.decodePath;function C(){var e=w(S());return b&&(e=u(e,b)),f(e)}var P=g();function A(e){(0,a.Z)(B,e),B.length=t.length,P.notifyListeners(B.location,B.action)}var D=!1,E=null;function I(){var e,t,n=S(),a=v(n);if(n!==a)_(a);else{var r=C(),i=B.location;if(!D&&(t=r,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(E===p(r))return;E=null,function(e){if(D)D=!1,A();else{var t="POP";P.confirmTransitionTo(e,t,o,(function(n){n?A({action:t,location:e}):function(e){var t=B.location,n=R.lastIndexOf(p(t));-1===n&&(n=0);var a=R.lastIndexOf(p(e));-1===a&&(a=0);var r=n-a;r&&(D=!0,N(r))}(e)}))}}(r)}}var T=S(),j=v(T);T!==j&&_(j);var z=C(),R=[p(z)];function N(e){t.go(e)}var O=0;function M(e){1===(O+=e)&&1===e?window.addEventListener(x,I):0===O&&window.removeEventListener(x,I)}var F=!1;var B={length:t.length,action:"POP",location:z,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=L(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",a=f(e,void 0,void 0,B.location);P.confirmTransitionTo(a,n,o,(function(e){if(e){var t=p(a),r=v(b+t);if(S()!==r){E=t,function(e){window.location.hash=e}(r);var o=R.lastIndexOf(p(B.location)),i=R.slice(0,o+1);i.push(t),R=i,A({action:n,location:a})}else A()}}))},replace:function(e,t){var n="REPLACE",a=f(e,void 0,void 0,B.location);P.confirmTransitionTo(a,n,o,(function(e){if(e){var t=p(a),r=v(b+t);S()!==r&&(E=t,_(r));var o=R.indexOf(p(B.location));-1!==o&&(R[o]=t),A({action:n,location:a})}}))},go:N,goBack:function(){N(-1)},goForward:function(){N(1)},block:function(e){void 0===e&&(e=!1);var t=P.setPrompt(e);return F||(M(1),F=!0),function(){return F&&(F=!1,M(-1)),t()}},listen:function(e){var t=P.appendListener(e);return M(1),function(){M(-1),t()}}};return B}function P(e,t,n){return Math.min(Math.max(e,t),n)}function A(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,r=t.initialEntries,o=void 0===r?["/"]:r,i=t.initialIndex,l=void 0===i?0:i,s=t.keyLength,c=void 0===s?6:s,u=g();function d(e){(0,a.Z)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function m(){return Math.random().toString(36).substr(2,c)}var h=P(l,0,o.length-1),b=o.map((function(e){return f(e,void 0,"string"==typeof e?m():e.key||m())})),y=p;function v(e){var t=P(w.index+e,0,w.entries.length-1),a=w.entries[t];u.confirmTransitionTo(a,"POP",n,(function(e){e?d({action:"POP",location:a,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[h],index:h,entries:b,createHref:y,push:function(e,t){var a="PUSH",r=f(e,t,m(),w.location);u.confirmTransitionTo(r,a,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,r):n.push(r),d({action:a,location:r,index:t,entries:n})}}))},replace:function(e,t){var a="REPLACE",r=f(e,t,m(),w.location);u.confirmTransitionTo(r,a,n,(function(e){e&&(w.entries[w.index]=r,d({action:a,location:r}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},2535:(e,t,n)=>{"use strict";var a=n(6237),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return a.isMemo(e)?i:l[e.$$typeof]||r}l[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[a.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,g=Object.prototype;e.exports=function e(t,n,a){if("string"!=typeof n){if(g){var r=f(n);r&&r!==g&&e(t,r,a)}var i=u(n);d&&(i=i.concat(d(n)));for(var l=s(t),m=s(n),h=0;h<i.length;++h){var b=i[h];if(!(o[b]||a&&a[b]||m&&m[b]||l&&l[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},3670:e=>{"use strict";e.exports=function(e,t,n,a,r,o,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,a,r,o,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},901:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},89:(e,t,n)=>{"use strict";n.r(t)},962:(e,t,n)=>{"use strict";n.r(t)},1245:(e,t,n)=>{"use strict";n.r(t)},9981:function(e,t,n){var a,r;a=function(){var e,t,n={version:"0.2.0"},a=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function r(e,t,n){return e<t?t:e>n?n:e}function o(e){return 100*(-1+e)}function i(e,t,n){var r;return(r="translate3d"===a.positionUsing?{transform:"translate3d("+o(e)+"%,0,0)"}:"translate"===a.positionUsing?{transform:"translate("+o(e)+"%,0)"}:{"margin-left":o(e)+"%"}).transition="all "+t+"ms "+n,r}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(a[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=r(e,a.minimum,1),n.status=1===e?null:e;var o=n.render(!t),c=o.querySelector(a.barSelector),u=a.speed,d=a.easing;return o.offsetWidth,l((function(t){""===a.positionUsing&&(a.positionUsing=n.getPositioningCSS()),s(c,i(e,u,d)),1===e?(s(o,{transition:"none",opacity:1}),o.offsetWidth,setTimeout((function(){s(o,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),a.trickleSpeed)};return a.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*r(Math.random()*t,.1,.95)),t=r(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*a.trickleRate)},e=0,t=0,n.promise=function(a){return a&&"resolved"!==a.state()?(0===t&&n.start(),e++,t++,a.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=a.template;var r,i=t.querySelector(a.barSelector),l=e?"-100":o(n.status||0),c=document.querySelector(a.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),a.showSpinner||(r=t.querySelector(a.spinnerSelector))&&f(r),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(a.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function a(t){var n=document.body.style;if(t in n)return t;for(var a,r=e.length,o=t.charAt(0).toUpperCase()+t.slice(1);r--;)if((a=e[r]+o)in n)return a;return t}function r(e){return e=n(e),t[e]||(t[e]=a(e))}function o(e,t,n){t=r(t),e.style[t]=n}return function(e,t){var n,a,r=arguments;if(2==r.length)for(n in t)void 0!==(a=t[n])&&t.hasOwnProperty(n)&&o(e,n,a);else o(e,r[1],r[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),a=n+t;c(n,t)||(e.className=a.substring(1))}function d(e,t){var n,a=p(e);c(e,t)&&(n=a.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(r="function"==typeof a?a.call(t,n,t,e):a)||(e.exports=r)},7720:(e,t,n)=>{var a=n(901);e.exports=f,e.exports.parse=o,e.exports.compile=function(e,t){return l(o(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=p;var r=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function o(e,t){for(var n,a=[],o=0,i=0,l="",u=t&&t.delimiter||"/";null!=(n=r.exec(e));){var d=n[0],p=n[1],f=n.index;if(l+=e.slice(i,f),i=f+d.length,p)l+=p[1];else{var g=e[i],m=n[2],h=n[3],b=n[4],y=n[5],v=n[6],w=n[7];l&&(a.push(l),l="");var x=null!=m&&null!=g&&g!==m,k="+"===v||"*"===v,L="?"===v||"*"===v,S=n[2]||u,_=b||y;a.push({name:h||o++,prefix:m||"",delimiter:S,optional:L,repeat:k,partial:x,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+s(S)+"]+?"})}}return i<e.length&&(l+=e.substr(i)),l&&a.push(l),a}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function l(e,t){for(var n=new Array(e.length),r=0;r<e.length;r++)"object"==typeof e[r]&&(n[r]=new RegExp("^(?:"+e[r].pattern+")$",d(t)));return function(t,r){for(var o="",l=t||{},s=(r||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=l[u.name];if(null==p){if(u.optional){u.partial&&(o+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(a(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=s(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");o+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):s(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');o+=u.prefix+d}}else o+=u}return o}}function s(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){a(t)||(n=t||n,t=[]);for(var r=(n=n||{}).strict,o=!1!==n.end,i="",l=0;l<e.length;l++){var c=e[l];if("string"==typeof c)i+=s(c);else{var p=s(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var g=s(n.delimiter||"/"),m=i.slice(-g.length)===g;return r||(i=(m?i.slice(0,-g.length):i)+"(?:"+g+"(?=$))?"),i+=o?"$":r&&m?"":"(?="+g+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return a(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var a=0;a<n.length;a++)t.push({name:a,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):a(e)?function(e,t,n){for(var a=[],r=0;r<e.length;r++)a.push(f(e[r],t,n).source);return u(new RegExp("(?:"+a.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(o(e,n),t,n)}(e,t,n)}},1064:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},1884:(e,t,n)=>{const a=n(1064),r=n(6474),o=new Set;function i(e){void 0===e?e=Object.keys(a.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...o,...Object.keys(Prism.languages)];r(a,e,t).load((e=>{if(!(e in a.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(2928).resolve(t)],delete Prism.languages[e],n(2928)(t),o.add(e)}))}i.silent=!1,e.exports=i},1559:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,r,o){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(r,(function(e){if("function"==typeof o&&!o(e))return e;for(var r,l=i.length;-1!==n.code.indexOf(r=t(a,l));)++l;return i[l]=e,r})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var r=0,o=Object.keys(n.tokenStack);!function i(l){for(var s=0;s<l.length&&!(r>=o.length);s++){var c=l[s];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=o[r],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(a,u),g=p.indexOf(f);if(g>-1){++r;var m=p.substring(0,g),h=new e.Token(a,e.tokenize(d,n.grammar),"language-"+a,d),b=p.substring(g+f.length),y=[];m&&y.push.apply(y,i([m])),y.push(h),b&&y.push.apply(y,i([b])),"string"==typeof c?l.splice.apply(l,[s,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return l}(n.tokens)}}}})}(Prism)},2928:(e,t,n)=>{var a={"./":1884};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=2928},6474:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,a=e.length;n<a;n++)t[e[n]]=!0;return t}function a(e){var n={},a=[];function r(a,o){if(!(a in n)){o.push(a);var i=o.indexOf(a);if(i<o.length-1)throw new Error("Circular dependency: "+o.slice(i).join(" -> "));var l={},s=e[a];if(s){function c(t){if(!(t in e))throw new Error(a+" depends on an unknown component "+t);if(!(t in l))for(var i in r(t,o),l[t]=!0,n[t])l[i]=!0}t(s.require,c),t(s.optional,c),t(s.modify,c)}n[a]=l,o.pop()}}return function(e){var t=n[e];return t||(r(e,a),t=n[e]),t}}function r(e){for(var t in e)return!0;return!1}return function(o,i,l){var s=function(e){var t={};for(var n in e){var a=e[n];for(var r in a)if("meta"!=r){var o=a[r];t[r]="string"==typeof o?{title:o}:o}}return t}(o),c=function(e){var n;return function(a){if(a in e)return a;if(!n)for(var r in n={},e){var o=e[r];t(o&&o.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+r+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+r+" because it is a component.");n[t]=r}))}return n[a]||a}}(s);i=i.map(c),l=(l||[]).map(c);var u=n(i),d=n(l);i.forEach((function e(n){var a=s[n];t(a&&a.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=a(s),g=u;r(g);){for(var m in p={},g){var h=s[m];t(h&&h.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in g=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,a,r){var o=r?r.series:void 0,i=r?r.parallel:e,l={},s={};function c(e){if(e in l)return l[e];s[e]=!0;var r,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)r=a(e);else{var p=i(u.map((function(e){var t=c(e);return delete s[e],t})));o?r=o(p,(function(){return a(e)})):a(e)}return l[e]=r}for(var u in n)c(u);var d=[];for(var p in s)d.push(l[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},4049:(e,t,n)=>{"use strict";var a=n(6257);function r(){}function o(){}o.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,o,i){if(i!==a){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:r};return n.PropTypes=n,n}},507:(e,t,n)=>{e.exports=n(4049)()},6257:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},3746:(e,t,n)=>{"use strict";var a=n(959),r=n(2962);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,l={};function s(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(l[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},g={};function m(e,t,n,a,r,o,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=a,this.attributeNamespace=r,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=o,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new m(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new m(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new m(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new m(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new m(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new m(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,a){var r=h.hasOwnProperty(t)?h[t]:null;(null!==r?0!==r.type:a||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,a){if(null==t||function(e,t,n,a){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!a&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,a))return!0;if(a)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,r,a)&&(n=null),a||null===r?function(e){return!!d.call(g,e)||!d.call(f,e)&&(p.test(e)?g[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):r.mustUseProperty?e[r.propertyName]=null===n?3!==r.type&&"":n:(t=r.attributeName,a=r.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(r=r.type)||4===r&&!0===n?"":""+n,a?e.setAttributeNS(a,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,x=Symbol.for("react.element"),k=Symbol.for("react.portal"),L=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),P=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),T=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var j=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var z=Symbol.iterator;function R(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=z&&e[z]||e["@@iterator"])?e:null}var N,O=Object.assign;function M(e){if(void 0===N)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);N=t&&t[1]||""}return"\n"+N+e}var F=!1;function B(e,t){if(!e||F)return"";F=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var a=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){a=c}e.call(t.prototype)}else{try{throw Error()}catch(c){a=c}e()}}catch(c){if(c&&a&&"string"==typeof c.stack){for(var r=c.stack.split("\n"),o=a.stack.split("\n"),i=r.length-1,l=o.length-1;1<=i&&0<=l&&r[i]!==o[l];)l--;for(;1<=i&&0<=l;i--,l--)if(r[i]!==o[l]){if(1!==i||1!==l)do{if(i--,0>--l||r[i]!==o[l]){var s="\n"+r[i].replace(" at new "," at ");return e.displayName&&s.includes("<anonymous>")&&(s=s.replace("<anonymous>",e.displayName)),s}}while(1<=i&&0<=l);break}}}finally{F=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?M(e):""}function U(e){switch(e.tag){case 5:return M(e.type);case 16:return M("Lazy");case 13:return M("Suspense");case 19:return M("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 1:return e=B(e.type,!0);default:return""}}function $(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case L:return"Fragment";case k:return"Portal";case _:return"Profiler";case S:return"StrictMode";case D:return"Suspense";case E:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case P:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case I:return null!==(t=e.displayName||null)?t:$(e.type)||"Memo";case T:t=e._payload,e=e._init;try{return $(e(t))}catch(n){}}return null}function q(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return $(t);case 8:return t===S?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function G(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Z(e){e._valueTracker||(e._valueTracker=function(e){var t=G(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),a=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var r=n.get,o=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return r.call(this)},set:function(e){a=""+e,o.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(e){a=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function V(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),a="";return e&&(a=G(e)?e.checked?"true":"false":e.value),(e=a)!==n&&(t.setValue(e),!0)}function W(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return O({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,a=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:a,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function K(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function X(e,t){K(e,t);var n=H(t.value),a=t.type;if(null!=n)"number"===a?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===a||"reset"===a)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function J(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var a=t.type;if(!("submit"!==a&&"reset"!==a||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&W(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,a){if(e=e.options,t){t={};for(var r=0;r<n.length;r++)t["$"+n[r]]=!0;for(n=0;n<e.length;n++)r=t.hasOwnProperty("$"+e[n].value),e[n].selected!==r&&(e[n].selected=r),r&&a&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,r=0;r<e.length;r++){if(e[r].value===n)return e[r].selected=!0,void(a&&(e[r].defaultSelected=!0));null!==t||e[r].disabled||(t=e[r])}null!==t&&(t.selected=!0)}}function ae(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(o(91));return O({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function re(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(o(92));if(te(n)){if(1<n.length)throw Error(o(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function oe(e,t){var n=H(t.value),a=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=a&&(e.defaultValue=""+a)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function le(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function se(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?le(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,a){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ge=["Webkit","ms","Moz","O"];function me(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function he(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var a=0===n.indexOf("--"),r=me(n,t[n],a);"float"===n&&(n="cssFloat"),a?e.setProperty(n,r):e[n]=r}}Object.keys(fe).forEach((function(e){ge.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=O({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(o(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(o(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(o(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(o(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function xe(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var ke=null,Le=null,Se=null;function _e(e){if(e=vr(e)){if("function"!=typeof ke)throw Error(o(280));var t=e.stateNode;t&&(t=xr(t),ke(e.stateNode,e.type,t))}}function Ce(e){Le?Se?Se.push(e):Se=[e]:Le=e}function Pe(){if(Le){var e=Le,t=Se;if(Se=Le=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Ae(e,t){return e(t)}function De(){}var Ee=!1;function Ie(e,t,n){if(Ee)return e(t,n);Ee=!0;try{return Ae(e,t,n)}finally{Ee=!1,(null!==Le||null!==Se)&&(De(),Pe())}}function Te(e,t){var n=e.stateNode;if(null===n)return null;var a=xr(n);if(null===a)return null;n=a[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(a=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!a;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(o(231,t,typeof n));return n}var je=!1;if(u)try{var ze={};Object.defineProperty(ze,"passive",{get:function(){je=!0}}),window.addEventListener("test",ze,ze),window.removeEventListener("test",ze,ze)}catch(ue){je=!1}function Re(e,t,n,a,r,o,i,l,s){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var Ne=!1,Oe=null,Me=!1,Fe=null,Be={onError:function(e){Ne=!0,Oe=e}};function Ue(e,t,n,a,r,o,i,l,s){Ne=!1,Oe=null,Re.apply(Be,arguments)}function $e(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function qe(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if($e(e)!==e)throw Error(o(188))}function Ge(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=$e(e)))throw Error(o(188));return t!==e?null:e}for(var n=e,a=t;;){var r=n.return;if(null===r)break;var i=r.alternate;if(null===i){if(null!==(a=r.return)){n=a;continue}break}if(r.child===i.child){for(i=r.child;i;){if(i===n)return He(r),e;if(i===a)return He(r),t;i=i.sibling}throw Error(o(188))}if(n.return!==a.return)n=r,a=i;else{for(var l=!1,s=r.child;s;){if(s===n){l=!0,n=r,a=i;break}if(s===a){l=!0,a=r,n=i;break}s=s.sibling}if(!l){for(s=i.child;s;){if(s===n){l=!0,n=i,a=r;break}if(s===a){l=!0,a=i,n=r;break}s=s.sibling}if(!l)throw Error(o(189))}}if(n.alternate!==a)throw Error(o(190))}if(3!==n.tag)throw Error(o(188));return n.stateNode.current===n?e:t}(e))?Ze(e):null}function Ze(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ze(e);if(null!==t)return t;e=e.sibling}return null}var Ve=r.unstable_scheduleCallback,We=r.unstable_cancelCallback,Qe=r.unstable_shouldYield,Ye=r.unstable_requestPaint,Ke=r.unstable_now,Xe=r.unstable_getCurrentPriorityLevel,Je=r.unstable_ImmediatePriority,et=r.unstable_UserBlockingPriority,tt=r.unstable_NormalPriority,nt=r.unstable_LowPriority,at=r.unstable_IdlePriority,rt=null,ot=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(lt(e)/st|0)|0},lt=Math.log,st=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var a=0,r=e.suspendedLanes,o=e.pingedLanes,i=268435455&n;if(0!==i){var l=i&~r;0!==l?a=dt(l):0!==(o&=i)&&(a=dt(o))}else 0!==(i=n&~r)?a=dt(i):0!==o&&(a=dt(o));if(0===a)return 0;if(0!==t&&t!==a&&0==(t&r)&&((r=a&-a)>=(o=t&-t)||16===r&&0!=(4194240&o)))return t;if(0!=(4&a)&&(a|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=a;0<t;)r=1<<(n=31-it(t)),a|=e[n],t&=~r;return a}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function gt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function mt(){var e=ct;return 0==(4194240&(ct<<=1))&&(ct=64),e}function ht(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var a=31-it(n),r=1<<a;r&t|e[a]&t&&(e[a]|=t),n&=~r}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?0!=(268435455&e)?16:536870912:4:1}var xt,kt,Lt,St,_t,Ct=!1,Pt=[],At=null,Dt=null,Et=null,It=new Map,Tt=new Map,jt=[],zt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Rt(e,t){switch(e){case"focusin":case"focusout":At=null;break;case"dragenter":case"dragleave":Dt=null;break;case"mouseover":case"mouseout":Et=null;break;case"pointerover":case"pointerout":It.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Tt.delete(t.pointerId)}}function Nt(e,t,n,a,r,o){return null===e||e.nativeEvent!==o?(e={blockedOn:t,domEventName:n,eventSystemFlags:a,nativeEvent:o,targetContainers:[r]},null!==t&&(null!==(t=vr(t))&&kt(t)),e):(e.eventSystemFlags|=a,t=e.targetContainers,null!==r&&-1===t.indexOf(r)&&t.push(r),e)}function Ot(e){var t=yr(e.target);if(null!==t){var n=$e(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=qe(n)))return e.blockedOn=t,void _t(e.priority,(function(){Lt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Mt(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=vr(n))&&kt(t),e.blockedOn=n,!1;var a=new(n=e.nativeEvent).constructor(n.type,n);we=a,n.target.dispatchEvent(a),we=null,t.shift()}return!0}function Ft(e,t,n){Mt(e)&&n.delete(t)}function Bt(){Ct=!1,null!==At&&Mt(At)&&(At=null),null!==Dt&&Mt(Dt)&&(Dt=null),null!==Et&&Mt(Et)&&(Et=null),It.forEach(Ft),Tt.forEach(Ft)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,r.unstable_scheduleCallback(r.unstable_NormalPriority,Bt)))}function $t(e){function t(t){return Ut(t,e)}if(0<Pt.length){Ut(Pt[0],e);for(var n=1;n<Pt.length;n++){var a=Pt[n];a.blockedOn===e&&(a.blockedOn=null)}}for(null!==At&&Ut(At,e),null!==Dt&&Ut(Dt,e),null!==Et&&Ut(Et,e),It.forEach(t),Tt.forEach(t),n=0;n<jt.length;n++)(a=jt[n]).blockedOn===e&&(a.blockedOn=null);for(;0<jt.length&&null===(n=jt[0]).blockedOn;)Ot(n),null===n.blockedOn&&jt.shift()}var qt=w.ReactCurrentBatchConfig,Ht=!0;function Gt(e,t,n,a){var r=vt,o=qt.transition;qt.transition=null;try{vt=1,Vt(e,t,n,a)}finally{vt=r,qt.transition=o}}function Zt(e,t,n,a){var r=vt,o=qt.transition;qt.transition=null;try{vt=4,Vt(e,t,n,a)}finally{vt=r,qt.transition=o}}function Vt(e,t,n,a){if(Ht){var r=Qt(e,t,n,a);if(null===r)Ha(e,t,a,Wt,n),Rt(e,a);else if(function(e,t,n,a,r){switch(t){case"focusin":return At=Nt(At,e,t,n,a,r),!0;case"dragenter":return Dt=Nt(Dt,e,t,n,a,r),!0;case"mouseover":return Et=Nt(Et,e,t,n,a,r),!0;case"pointerover":var o=r.pointerId;return It.set(o,Nt(It.get(o)||null,e,t,n,a,r)),!0;case"gotpointercapture":return o=r.pointerId,Tt.set(o,Nt(Tt.get(o)||null,e,t,n,a,r)),!0}return!1}(r,e,t,n,a))a.stopPropagation();else if(Rt(e,a),4&t&&-1<zt.indexOf(e)){for(;null!==r;){var o=vr(r);if(null!==o&&xt(o),null===(o=Qt(e,t,n,a))&&Ha(e,t,a,Wt,n),o===r)break;r=o}null!==r&&a.stopPropagation()}else Ha(e,t,a,null,n)}}var Wt=null;function Qt(e,t,n,a){if(Wt=null,null!==(e=yr(e=xe(a))))if(null===(t=$e(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=qe(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Wt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Xe()){case Je:return 1;case et:return 4;case tt:case nt:return 16;case at:return 536870912;default:return 16}default:return 16}}var Kt=null,Xt=null,Jt=null;function en(){if(Jt)return Jt;var e,t,n=Xt,a=n.length,r="value"in Kt?Kt.value:Kt.textContent,o=r.length;for(e=0;e<a&&n[e]===r[e];e++);var i=a-e;for(t=1;t<=i&&n[a-t]===r[o-t];t++);return Jt=r.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function an(){return!1}function rn(e){function t(t,n,a,r,o){for(var i in this._reactName=t,this._targetInst=a,this.type=n,this.nativeEvent=r,this.target=o,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(r):r[i]);return this.isDefaultPrevented=(null!=r.defaultPrevented?r.defaultPrevented:!1===r.returnValue)?nn:an,this.isPropagationStopped=an,this}return O(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var on,ln,sn,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=rn(cn),dn=O({},cn,{view:0,detail:0}),pn=rn(dn),fn=O({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==sn&&(sn&&"mousemove"===e.type?(on=e.screenX-sn.screenX,ln=e.screenY-sn.screenY):ln=on=0,sn=e),on)},movementY:function(e){return"movementY"in e?e.movementY:ln}}),gn=rn(fn),mn=rn(O({},fn,{dataTransfer:0})),hn=rn(O({},dn,{relatedTarget:0})),bn=rn(O({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=O({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=rn(yn),wn=rn(O({},cn,{data:0})),xn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},kn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Ln={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Sn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Ln[e])&&!!t[e]}function _n(){return Sn}var Cn=O({},dn,{key:function(e){if(e.key){var t=xn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?kn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Pn=rn(Cn),An=rn(O({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Dn=rn(O({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),En=rn(O({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),In=O({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Tn=rn(In),jn=[9,13,27,32],zn=u&&"CompositionEvent"in window,Rn=null;u&&"documentMode"in document&&(Rn=document.documentMode);var Nn=u&&"TextEvent"in window&&!Rn,On=u&&(!zn||Rn&&8<Rn&&11>=Rn),Mn=String.fromCharCode(32),Fn=!1;function Bn(e,t){switch(e){case"keyup":return-1!==jn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var $n=!1;var qn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!qn[e.type]:"textarea"===t}function Gn(e,t,n,a){Ce(a),0<(t=Za(t,"onChange")).length&&(n=new un("onChange","change",null,n,a),e.push({event:n,listeners:t}))}var Zn=null,Vn=null;function Wn(e){Ma(e,0)}function Qn(e){if(V(wr(e)))return e}function Yn(e,t){if("change"===e)return t}var Kn=!1;if(u){var Xn;if(u){var Jn="oninput"in document;if(!Jn){var ea=document.createElement("div");ea.setAttribute("oninput","return;"),Jn="function"==typeof ea.oninput}Xn=Jn}else Xn=!1;Kn=Xn&&(!document.documentMode||9<document.documentMode)}function ta(){Zn&&(Zn.detachEvent("onpropertychange",na),Vn=Zn=null)}function na(e){if("value"===e.propertyName&&Qn(Vn)){var t=[];Gn(t,Vn,e,xe(e)),Ie(Wn,t)}}function aa(e,t,n){"focusin"===e?(ta(),Vn=n,(Zn=t).attachEvent("onpropertychange",na)):"focusout"===e&&ta()}function ra(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Vn)}function oa(e,t){if("click"===e)return Qn(t)}function ia(e,t){if("input"===e||"change"===e)return Qn(t)}var la="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function sa(e,t){if(la(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++){var r=n[a];if(!d.call(t,r)||!la(e[r],t[r]))return!1}return!0}function ca(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ua(e,t){var n,a=ca(e);for(e=0;a;){if(3===a.nodeType){if(n=e+a.textContent.length,e<=t&&n>=t)return{node:a,offset:t-e};e=n}e:{for(;a;){if(a.nextSibling){a=a.nextSibling;break e}a=a.parentNode}a=void 0}a=ca(a)}}function da(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?da(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pa(){for(var e=window,t=W();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(a){n=!1}if(!n)break;t=W((e=t.contentWindow).document)}return t}function fa(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function ga(e){var t=pa(),n=e.focusedElem,a=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&da(n.ownerDocument.documentElement,n)){if(null!==a&&fa(n))if(t=a.start,void 0===(e=a.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var r=n.textContent.length,o=Math.min(a.start,r);a=void 0===a.end?o:Math.min(a.end,r),!e.extend&&o>a&&(r=a,a=o,o=r),r=ua(n,o);var i=ua(n,a);r&&i&&(1!==e.rangeCount||e.anchorNode!==r.node||e.anchorOffset!==r.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(r.node,r.offset),e.removeAllRanges(),o>a?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var ma=u&&"documentMode"in document&&11>=document.documentMode,ha=null,ba=null,ya=null,va=!1;function wa(e,t,n){var a=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;va||null==ha||ha!==W(a)||("selectionStart"in(a=ha)&&fa(a)?a={start:a.selectionStart,end:a.selectionEnd}:a={anchorNode:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset},ya&&sa(ya,a)||(ya=a,0<(a=Za(ba,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:a}),t.target=ha)))}function xa(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var ka={animationend:xa("Animation","AnimationEnd"),animationiteration:xa("Animation","AnimationIteration"),animationstart:xa("Animation","AnimationStart"),transitionend:xa("Transition","TransitionEnd")},La={},Sa={};function _a(e){if(La[e])return La[e];if(!ka[e])return e;var t,n=ka[e];for(t in n)if(n.hasOwnProperty(t)&&t in Sa)return La[e]=n[t];return e}u&&(Sa=document.createElement("div").style,"AnimationEvent"in window||(delete ka.animationend.animation,delete ka.animationiteration.animation,delete ka.animationstart.animation),"TransitionEvent"in window||delete ka.transitionend.transition);var Ca=_a("animationend"),Pa=_a("animationiteration"),Aa=_a("animationstart"),Da=_a("transitionend"),Ea=new Map,Ia="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Ta(e,t){Ea.set(e,t),s(t,[e])}for(var ja=0;ja<Ia.length;ja++){var za=Ia[ja];Ta(za.toLowerCase(),"on"+(za[0].toUpperCase()+za.slice(1)))}Ta(Ca,"onAnimationEnd"),Ta(Pa,"onAnimationIteration"),Ta(Aa,"onAnimationStart"),Ta("dblclick","onDoubleClick"),Ta("focusin","onFocus"),Ta("focusout","onBlur"),Ta(Da,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),s("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),s("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),s("onBeforeInput",["compositionend","keypress","textInput","paste"]),s("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Ra="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Na=new Set("cancel close invalid load scroll toggle".split(" ").concat(Ra));function Oa(e,t,n){var a=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,a,r,i,l,s,c){if(Ue.apply(this,arguments),Ne){if(!Ne)throw Error(o(198));var u=Oe;Ne=!1,Oe=null,Me||(Me=!0,Fe=u)}}(a,t,void 0,e),e.currentTarget=null}function Ma(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var a=e[n],r=a.event;a=a.listeners;e:{var o=void 0;if(t)for(var i=a.length-1;0<=i;i--){var l=a[i],s=l.instance,c=l.currentTarget;if(l=l.listener,s!==o&&r.isPropagationStopped())break e;Oa(r,l,c),o=s}else for(i=0;i<a.length;i++){if(s=(l=a[i]).instance,c=l.currentTarget,l=l.listener,s!==o&&r.isPropagationStopped())break e;Oa(r,l,c),o=s}}}if(Me)throw e=Fe,Me=!1,Fe=null,e}function Fa(e,t){var n=t[mr];void 0===n&&(n=t[mr]=new Set);var a=e+"__bubble";n.has(a)||(qa(t,e,2,!1),n.add(a))}function Ba(e,t,n){var a=0;t&&(a|=4),qa(n,e,a,t)}var Ua="_reactListening"+Math.random().toString(36).slice(2);function $a(e){if(!e[Ua]){e[Ua]=!0,i.forEach((function(t){"selectionchange"!==t&&(Na.has(t)||Ba(t,!1,e),Ba(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ua]||(t[Ua]=!0,Ba("selectionchange",!1,t))}}function qa(e,t,n,a){switch(Yt(t)){case 1:var r=Gt;break;case 4:r=Zt;break;default:r=Vt}n=r.bind(null,t,n,e),r=void 0,!je||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(r=!0),a?void 0!==r?e.addEventListener(t,n,{capture:!0,passive:r}):e.addEventListener(t,n,!0):void 0!==r?e.addEventListener(t,n,{passive:r}):e.addEventListener(t,n,!1)}function Ha(e,t,n,a,r){var o=a;if(0==(1&t)&&0==(2&t)&&null!==a)e:for(;;){if(null===a)return;var i=a.tag;if(3===i||4===i){var l=a.stateNode.containerInfo;if(l===r||8===l.nodeType&&l.parentNode===r)break;if(4===i)for(i=a.return;null!==i;){var s=i.tag;if((3===s||4===s)&&((s=i.stateNode.containerInfo)===r||8===s.nodeType&&s.parentNode===r))return;i=i.return}for(;null!==l;){if(null===(i=yr(l)))return;if(5===(s=i.tag)||6===s){a=o=i;continue e}l=l.parentNode}}a=a.return}Ie((function(){var a=o,r=xe(n),i=[];e:{var l=Ea.get(e);if(void 0!==l){var s=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":s=Pn;break;case"focusin":c="focus",s=hn;break;case"focusout":c="blur",s=hn;break;case"beforeblur":case"afterblur":s=hn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":s=gn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":s=mn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":s=Dn;break;case Ca:case Pa:case Aa:s=bn;break;case Da:s=En;break;case"scroll":s=pn;break;case"wheel":s=Tn;break;case"copy":case"cut":case"paste":s=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":s=An}var u=0!=(4&t),d=!u&&"scroll"===e,p=u?null!==l?l+"Capture":null:l;u=[];for(var f,g=a;null!==g;){var m=(f=g).stateNode;if(5===f.tag&&null!==m&&(f=m,null!==p&&(null!=(m=Te(g,p))&&u.push(Ga(g,m,f)))),d)break;g=g.return}0<u.length&&(l=new s(l,c,null,n,r),i.push({event:l,listeners:u}))}}if(0==(7&t)){if(s="mouseout"===e||"pointerout"===e,(!(l="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!yr(c)&&!c[gr])&&(s||l)&&(l=r.window===r?r:(l=r.ownerDocument)?l.defaultView||l.parentWindow:window,s?(s=a,null!==(c=(c=n.relatedTarget||n.toElement)?yr(c):null)&&(c!==(d=$e(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(s=null,c=a),s!==c)){if(u=gn,m="onMouseLeave",p="onMouseEnter",g="mouse","pointerout"!==e&&"pointerover"!==e||(u=An,m="onPointerLeave",p="onPointerEnter",g="pointer"),d=null==s?l:wr(s),f=null==c?l:wr(c),(l=new u(m,g+"leave",s,n,r)).target=d,l.relatedTarget=f,m=null,yr(r)===a&&((u=new u(p,g+"enter",c,n,r)).target=f,u.relatedTarget=d,m=u),d=m,s&&c)e:{for(p=c,g=0,f=u=s;f;f=Va(f))g++;for(f=0,m=p;m;m=Va(m))f++;for(;0<g-f;)u=Va(u),g--;for(;0<f-g;)p=Va(p),f--;for(;g--;){if(u===p||null!==p&&u===p.alternate)break e;u=Va(u),p=Va(p)}u=null}else u=null;null!==s&&Wa(i,l,s,u,!1),null!==c&&null!==d&&Wa(i,d,c,u,!0)}if("select"===(s=(l=a?wr(a):window).nodeName&&l.nodeName.toLowerCase())||"input"===s&&"file"===l.type)var h=Yn;else if(Hn(l))if(Kn)h=ia;else{h=ra;var b=aa}else(s=l.nodeName)&&"input"===s.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(h=oa);switch(h&&(h=h(e,a))?Gn(i,h,n,r):(b&&b(e,l,a),"focusout"===e&&(b=l._wrapperState)&&b.controlled&&"number"===l.type&&ee(l,"number",l.value)),b=a?wr(a):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(ha=b,ba=a,ya=null);break;case"focusout":ya=ba=ha=null;break;case"mousedown":va=!0;break;case"contextmenu":case"mouseup":case"dragend":va=!1,wa(i,n,r);break;case"selectionchange":if(ma)break;case"keydown":case"keyup":wa(i,n,r)}var y;if(zn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else $n?Bn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(On&&"ko"!==n.locale&&($n||"onCompositionStart"!==v?"onCompositionEnd"===v&&$n&&(y=en()):(Xt="value"in(Kt=r)?Kt.value:Kt.textContent,$n=!0)),0<(b=Za(a,v)).length&&(v=new wn(v,e,null,n,r),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=Nn?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(Fn=!0,Mn);case"textInput":return(e=t.data)===Mn&&Fn?null:e;default:return null}}(e,n):function(e,t){if($n)return"compositionend"===e||!zn&&Bn(e,t)?(e=en(),Jt=Xt=Kt=null,$n=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return On&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(a=Za(a,"onBeforeInput")).length&&(r=new wn("onBeforeInput","beforeinput",null,n,r),i.push({event:r,listeners:a}),r.data=y))}Ma(i,t)}))}function Ga(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Za(e,t){for(var n=t+"Capture",a=[];null!==e;){var r=e,o=r.stateNode;5===r.tag&&null!==o&&(r=o,null!=(o=Te(e,n))&&a.unshift(Ga(e,o,r)),null!=(o=Te(e,t))&&a.push(Ga(e,o,r))),e=e.return}return a}function Va(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Wa(e,t,n,a,r){for(var o=t._reactName,i=[];null!==n&&n!==a;){var l=n,s=l.alternate,c=l.stateNode;if(null!==s&&s===a)break;5===l.tag&&null!==c&&(l=c,r?null!=(s=Te(n,o))&&i.unshift(Ga(n,s,l)):r||null!=(s=Te(n,o))&&i.push(Ga(n,s,l))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qa=/\r\n?/g,Ya=/\u0000|\uFFFD/g;function Ka(e){return("string"==typeof e?e:""+e).replace(Qa,"\n").replace(Ya,"")}function Xa(e,t,n){if(t=Ka(t),Ka(e)!==t&&n)throw Error(o(425))}function Ja(){}var er=null,tr=null;function nr(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ar="function"==typeof setTimeout?setTimeout:void 0,rr="function"==typeof clearTimeout?clearTimeout:void 0,or="function"==typeof Promise?Promise:void 0,ir="function"==typeof queueMicrotask?queueMicrotask:void 0!==or?function(e){return or.resolve(null).then(e).catch(lr)}:ar;function lr(e){setTimeout((function(){throw e}))}function sr(e,t){var n=t,a=0;do{var r=n.nextSibling;if(e.removeChild(n),r&&8===r.nodeType)if("/$"===(n=r.data)){if(0===a)return e.removeChild(r),void $t(t);a--}else"$"!==n&&"$?"!==n&&"$!"!==n||a++;n=r}while(n);$t(t)}function cr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function ur(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var dr=Math.random().toString(36).slice(2),pr="__reactFiber$"+dr,fr="__reactProps$"+dr,gr="__reactContainer$"+dr,mr="__reactEvents$"+dr,hr="__reactListeners$"+dr,br="__reactHandles$"+dr;function yr(e){var t=e[pr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[gr]||n[pr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=ur(e);null!==e;){if(n=e[pr])return n;e=ur(e)}return t}n=(e=n).parentNode}return null}function vr(e){return!(e=e[pr]||e[gr])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function wr(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(o(33))}function xr(e){return e[fr]||null}var kr=[],Lr=-1;function Sr(e){return{current:e}}function _r(e){0>Lr||(e.current=kr[Lr],kr[Lr]=null,Lr--)}function Cr(e,t){Lr++,kr[Lr]=e.current,e.current=t}var Pr={},Ar=Sr(Pr),Dr=Sr(!1),Er=Pr;function Ir(e,t){var n=e.type.contextTypes;if(!n)return Pr;var a=e.stateNode;if(a&&a.__reactInternalMemoizedUnmaskedChildContext===t)return a.__reactInternalMemoizedMaskedChildContext;var r,o={};for(r in n)o[r]=t[r];return a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function Tr(e){return null!=(e=e.childContextTypes)}function jr(){_r(Dr),_r(Ar)}function zr(e,t,n){if(Ar.current!==Pr)throw Error(o(168));Cr(Ar,t),Cr(Dr,n)}function Rr(e,t,n){var a=e.stateNode;if(t=t.childContextTypes,"function"!=typeof a.getChildContext)return n;for(var r in a=a.getChildContext())if(!(r in t))throw Error(o(108,q(e)||"Unknown",r));return O({},n,a)}function Nr(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Pr,Er=Ar.current,Cr(Ar,e),Cr(Dr,Dr.current),!0}function Or(e,t,n){var a=e.stateNode;if(!a)throw Error(o(169));n?(e=Rr(e,t,Er),a.__reactInternalMemoizedMergedChildContext=e,_r(Dr),_r(Ar),Cr(Ar,e)):_r(Dr),Cr(Dr,n)}var Mr=null,Fr=!1,Br=!1;function Ur(e){null===Mr?Mr=[e]:Mr.push(e)}function $r(){if(!Br&&null!==Mr){Br=!0;var e=0,t=vt;try{var n=Mr;for(vt=1;e<n.length;e++){var a=n[e];do{a=a(!0)}while(null!==a)}Mr=null,Fr=!1}catch(r){throw null!==Mr&&(Mr=Mr.slice(e+1)),Ve(Je,$r),r}finally{vt=t,Br=!1}}return null}var qr=[],Hr=0,Gr=null,Zr=0,Vr=[],Wr=0,Qr=null,Yr=1,Kr="";function Xr(e,t){qr[Hr++]=Zr,qr[Hr++]=Gr,Gr=e,Zr=t}function Jr(e,t,n){Vr[Wr++]=Yr,Vr[Wr++]=Kr,Vr[Wr++]=Qr,Qr=e;var a=Yr;e=Kr;var r=32-it(a)-1;a&=~(1<<r),n+=1;var o=32-it(t)+r;if(30<o){var i=r-r%5;o=(a&(1<<i)-1).toString(32),a>>=i,r-=i,Yr=1<<32-it(t)+r|n<<r|a,Kr=o+e}else Yr=1<<o|n<<r|a,Kr=e}function eo(e){null!==e.return&&(Xr(e,1),Jr(e,1,0))}function to(e){for(;e===Gr;)Gr=qr[--Hr],qr[Hr]=null,Zr=qr[--Hr],qr[Hr]=null;for(;e===Qr;)Qr=Vr[--Wr],Vr[Wr]=null,Kr=Vr[--Wr],Vr[Wr]=null,Yr=Vr[--Wr],Vr[Wr]=null}var no=null,ao=null,ro=!1,oo=null;function io(e,t){var n=Tc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function lo(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,no=e,ao=cr(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,no=e,ao=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Qr?{id:Yr,overflow:Kr}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Tc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,no=e,ao=null,!0);default:return!1}}function so(e){return 0!=(1&e.mode)&&0==(128&e.flags)}function co(e){if(ro){var t=ao;if(t){var n=t;if(!lo(e,t)){if(so(e))throw Error(o(418));t=cr(n.nextSibling);var a=no;t&&lo(e,t)?io(a,n):(e.flags=-4097&e.flags|2,ro=!1,no=e)}}else{if(so(e))throw Error(o(418));e.flags=-4097&e.flags|2,ro=!1,no=e}}}function uo(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;no=e}function po(e){if(e!==no)return!1;if(!ro)return uo(e),ro=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!nr(e.type,e.memoizedProps)),t&&(t=ao)){if(so(e))throw fo(),Error(o(418));for(;t;)io(e,t),t=cr(t.nextSibling)}if(uo(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(o(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){ao=cr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}ao=null}}else ao=no?cr(e.stateNode.nextSibling):null;return!0}function fo(){for(var e=ao;e;)e=cr(e.nextSibling)}function go(){ao=no=null,ro=!1}function mo(e){null===oo?oo=[e]:oo.push(e)}var ho=w.ReactCurrentBatchConfig;function bo(e,t){if(e&&e.defaultProps){for(var n in t=O({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var yo=Sr(null),vo=null,wo=null,xo=null;function ko(){xo=wo=vo=null}function Lo(e){var t=yo.current;_r(yo),e._currentValue=t}function So(e,t,n){for(;null!==e;){var a=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==a&&(a.childLanes|=t)):null!==a&&(a.childLanes&t)!==t&&(a.childLanes|=t),e===n)break;e=e.return}}function _o(e,t){vo=e,xo=wo=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(wl=!0),e.firstContext=null)}function Co(e){var t=e._currentValue;if(xo!==e)if(e={context:e,memoizedValue:t,next:null},null===wo){if(null===vo)throw Error(o(308));wo=e,vo.dependencies={lanes:0,firstContext:e}}else wo=wo.next=e;return t}var Po=null;function Ao(e){null===Po?Po=[e]:Po.push(e)}function Do(e,t,n,a){var r=t.interleaved;return null===r?(n.next=n,Ao(t)):(n.next=r.next,r.next=n),t.interleaved=n,Eo(e,a)}function Eo(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Io=!1;function To(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function jo(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function zo(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ro(e,t,n){var a=e.updateQueue;if(null===a)return null;if(a=a.shared,0!=(2&Ds)){var r=a.pending;return null===r?t.next=t:(t.next=r.next,r.next=t),a.pending=t,Eo(e,n)}return null===(r=a.interleaved)?(t.next=t,Ao(a)):(t.next=r.next,r.next=t),a.interleaved=t,Eo(e,n)}function No(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,0!=(4194240&n))){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}function Oo(e,t){var n=e.updateQueue,a=e.alternate;if(null!==a&&n===(a=a.updateQueue)){var r=null,o=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===o?r=o=i:o=o.next=i,n=n.next}while(null!==n);null===o?r=o=t:o=o.next=t}else r=o=t;return n={baseState:a.baseState,firstBaseUpdate:r,lastBaseUpdate:o,shared:a.shared,effects:a.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Mo(e,t,n,a){var r=e.updateQueue;Io=!1;var o=r.firstBaseUpdate,i=r.lastBaseUpdate,l=r.shared.pending;if(null!==l){r.shared.pending=null;var s=l,c=s.next;s.next=null,null===i?o=c:i.next=c,i=s;var u=e.alternate;null!==u&&((l=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===l?u.firstBaseUpdate=c:l.next=c,u.lastBaseUpdate=s))}if(null!==o){var d=r.baseState;for(i=0,u=c=s=null,l=o;;){var p=l.lane,f=l.eventTime;if((a&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:l.tag,payload:l.payload,callback:l.callback,next:null});e:{var g=e,m=l;switch(p=t,f=n,m.tag){case 1:if("function"==typeof(g=m.payload)){d=g.call(f,d,p);break e}d=g;break e;case 3:g.flags=-65537&g.flags|128;case 0:if(null==(p="function"==typeof(g=m.payload)?g.call(f,d,p):g))break e;d=O({},d,p);break e;case 2:Io=!0}}null!==l.callback&&0!==l.lane&&(e.flags|=64,null===(p=r.effects)?r.effects=[l]:p.push(l))}else f={eventTime:f,lane:p,tag:l.tag,payload:l.payload,callback:l.callback,next:null},null===u?(c=u=f,s=d):u=u.next=f,i|=p;if(null===(l=l.next)){if(null===(l=r.shared.pending))break;l=(p=l).next,p.next=null,r.lastBaseUpdate=p,r.shared.pending=null}}if(null===u&&(s=d),r.baseState=s,r.firstBaseUpdate=c,r.lastBaseUpdate=u,null!==(t=r.shared.interleaved)){r=t;do{i|=r.lane,r=r.next}while(r!==t)}else null===o&&(r.shared.lanes=0);Os|=i,e.lanes=i,e.memoizedState=d}}function Fo(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var a=e[t],r=a.callback;if(null!==r){if(a.callback=null,a=n,"function"!=typeof r)throw Error(o(191,r));r.call(a)}}}var Bo=(new a.Component).refs;function Uo(e,t,n,a){n=null==(n=n(a,t=e.memoizedState))?t:O({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var $o={isMounted:function(e){return!!(e=e._reactInternals)&&$e(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var a=tc(),r=nc(e),o=zo(a,r);o.payload=t,null!=n&&(o.callback=n),null!==(t=Ro(e,o,r))&&(ac(t,e,r,a),No(t,e,r))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var a=tc(),r=nc(e),o=zo(a,r);o.tag=1,o.payload=t,null!=n&&(o.callback=n),null!==(t=Ro(e,o,r))&&(ac(t,e,r,a),No(t,e,r))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=tc(),a=nc(e),r=zo(n,a);r.tag=2,null!=t&&(r.callback=t),null!==(t=Ro(e,r,a))&&(ac(t,e,a,n),No(t,e,a))}};function qo(e,t,n,a,r,o,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(a,o,i):!t.prototype||!t.prototype.isPureReactComponent||(!sa(n,a)||!sa(r,o))}function Ho(e,t,n){var a=!1,r=Pr,o=t.contextType;return"object"==typeof o&&null!==o?o=Co(o):(r=Tr(t)?Er:Ar.current,o=(a=null!=(a=t.contextTypes))?Ir(e,r):Pr),t=new t(n,o),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=$o,e.stateNode=t,t._reactInternals=e,a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=r,e.__reactInternalMemoizedMaskedChildContext=o),t}function Go(e,t,n,a){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,a),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,a),t.state!==e&&$o.enqueueReplaceState(t,t.state,null)}function Zo(e,t,n,a){var r=e.stateNode;r.props=n,r.state=e.memoizedState,r.refs=Bo,To(e);var o=t.contextType;"object"==typeof o&&null!==o?r.context=Co(o):(o=Tr(t)?Er:Ar.current,r.context=Ir(e,o)),r.state=e.memoizedState,"function"==typeof(o=t.getDerivedStateFromProps)&&(Uo(e,t,o,n),r.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof r.getSnapshotBeforeUpdate||"function"!=typeof r.UNSAFE_componentWillMount&&"function"!=typeof r.componentWillMount||(t=r.state,"function"==typeof r.componentWillMount&&r.componentWillMount(),"function"==typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount(),t!==r.state&&$o.enqueueReplaceState(r,r.state,null),Mo(e,n,r,a),r.state=e.memoizedState),"function"==typeof r.componentDidMount&&(e.flags|=4194308)}function Vo(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(o(309));var a=n.stateNode}if(!a)throw Error(o(147,e));var r=a,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=r.refs;t===Bo&&(t=r.refs={}),null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(o(284));if(!n._owner)throw Error(o(290,e))}return e}function Wo(e,t){throw e=Object.prototype.toString.call(t),Error(o(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Qo(e){return(0,e._init)(e._payload)}function Yo(e){function t(t,n){if(e){var a=t.deletions;null===a?(t.deletions=[n],t.flags|=16):a.push(n)}}function n(n,a){if(!e)return null;for(;null!==a;)t(n,a),a=a.sibling;return null}function a(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function r(e,t){return(e=zc(e,t)).index=0,e.sibling=null,e}function i(t,n,a){return t.index=a,e?null!==(a=t.alternate)?(a=a.index)<n?(t.flags|=2,n):a:(t.flags|=2,n):(t.flags|=1048576,n)}function l(t){return e&&null===t.alternate&&(t.flags|=2),t}function s(e,t,n,a){return null===t||6!==t.tag?((t=Mc(n,e.mode,a)).return=e,t):((t=r(t,n)).return=e,t)}function c(e,t,n,a){var o=n.type;return o===L?d(e,t,n.props.children,a,n.key):null!==t&&(t.elementType===o||"object"==typeof o&&null!==o&&o.$$typeof===T&&Qo(o)===t.type)?((a=r(t,n.props)).ref=Vo(e,t,n),a.return=e,a):((a=Rc(n.type,n.key,n.props,null,e.mode,a)).ref=Vo(e,t,n),a.return=e,a)}function u(e,t,n,a){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Fc(n,e.mode,a)).return=e,t):((t=r(t,n.children||[])).return=e,t)}function d(e,t,n,a,o){return null===t||7!==t.tag?((t=Nc(n,e.mode,a,o)).return=e,t):((t=r(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Mc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case x:return(n=Rc(t.type,t.key,t.props,null,e.mode,n)).ref=Vo(e,null,t),n.return=e,n;case k:return(t=Fc(t,e.mode,n)).return=e,t;case T:return p(e,(0,t._init)(t._payload),n)}if(te(t)||R(t))return(t=Nc(t,e.mode,n,null)).return=e,t;Wo(e,t)}return null}function f(e,t,n,a){var r=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==r?null:s(e,t,""+n,a);if("object"==typeof n&&null!==n){switch(n.$$typeof){case x:return n.key===r?c(e,t,n,a):null;case k:return n.key===r?u(e,t,n,a):null;case T:return f(e,t,(r=n._init)(n._payload),a)}if(te(n)||R(n))return null!==r?null:d(e,t,n,a,null);Wo(e,n)}return null}function g(e,t,n,a,r){if("string"==typeof a&&""!==a||"number"==typeof a)return s(t,e=e.get(n)||null,""+a,r);if("object"==typeof a&&null!==a){switch(a.$$typeof){case x:return c(t,e=e.get(null===a.key?n:a.key)||null,a,r);case k:return u(t,e=e.get(null===a.key?n:a.key)||null,a,r);case T:return g(e,t,n,(0,a._init)(a._payload),r)}if(te(a)||R(a))return d(t,e=e.get(n)||null,a,r,null);Wo(t,a)}return null}function m(r,o,l,s){for(var c=null,u=null,d=o,m=o=0,h=null;null!==d&&m<l.length;m++){d.index>m?(h=d,d=null):h=d.sibling;var b=f(r,d,l[m],s);if(null===b){null===d&&(d=h);break}e&&d&&null===b.alternate&&t(r,d),o=i(b,o,m),null===u?c=b:u.sibling=b,u=b,d=h}if(m===l.length)return n(r,d),ro&&Xr(r,m),c;if(null===d){for(;m<l.length;m++)null!==(d=p(r,l[m],s))&&(o=i(d,o,m),null===u?c=d:u.sibling=d,u=d);return ro&&Xr(r,m),c}for(d=a(r,d);m<l.length;m++)null!==(h=g(d,r,m,l[m],s))&&(e&&null!==h.alternate&&d.delete(null===h.key?m:h.key),o=i(h,o,m),null===u?c=h:u.sibling=h,u=h);return e&&d.forEach((function(e){return t(r,e)})),ro&&Xr(r,m),c}function h(r,l,s,c){var u=R(s);if("function"!=typeof u)throw Error(o(150));if(null==(s=u.call(s)))throw Error(o(151));for(var d=u=null,m=l,h=l=0,b=null,y=s.next();null!==m&&!y.done;h++,y=s.next()){m.index>h?(b=m,m=null):b=m.sibling;var v=f(r,m,y.value,c);if(null===v){null===m&&(m=b);break}e&&m&&null===v.alternate&&t(r,m),l=i(v,l,h),null===d?u=v:d.sibling=v,d=v,m=b}if(y.done)return n(r,m),ro&&Xr(r,h),u;if(null===m){for(;!y.done;h++,y=s.next())null!==(y=p(r,y.value,c))&&(l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return ro&&Xr(r,h),u}for(m=a(r,m);!y.done;h++,y=s.next())null!==(y=g(m,r,h,y.value,c))&&(e&&null!==y.alternate&&m.delete(null===y.key?h:y.key),l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return e&&m.forEach((function(e){return t(r,e)})),ro&&Xr(r,h),u}return function e(a,o,i,s){if("object"==typeof i&&null!==i&&i.type===L&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case x:e:{for(var c=i.key,u=o;null!==u;){if(u.key===c){if((c=i.type)===L){if(7===u.tag){n(a,u.sibling),(o=r(u,i.props.children)).return=a,a=o;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===T&&Qo(c)===u.type){n(a,u.sibling),(o=r(u,i.props)).ref=Vo(a,u,i),o.return=a,a=o;break e}n(a,u);break}t(a,u),u=u.sibling}i.type===L?((o=Nc(i.props.children,a.mode,s,i.key)).return=a,a=o):((s=Rc(i.type,i.key,i.props,null,a.mode,s)).ref=Vo(a,o,i),s.return=a,a=s)}return l(a);case k:e:{for(u=i.key;null!==o;){if(o.key===u){if(4===o.tag&&o.stateNode.containerInfo===i.containerInfo&&o.stateNode.implementation===i.implementation){n(a,o.sibling),(o=r(o,i.children||[])).return=a,a=o;break e}n(a,o);break}t(a,o),o=o.sibling}(o=Fc(i,a.mode,s)).return=a,a=o}return l(a);case T:return e(a,o,(u=i._init)(i._payload),s)}if(te(i))return m(a,o,i,s);if(R(i))return h(a,o,i,s);Wo(a,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==o&&6===o.tag?(n(a,o.sibling),(o=r(o,i)).return=a,a=o):(n(a,o),(o=Mc(i,a.mode,s)).return=a,a=o),l(a)):n(a,o)}}var Ko=Yo(!0),Xo=Yo(!1),Jo={},ei=Sr(Jo),ti=Sr(Jo),ni=Sr(Jo);function ai(e){if(e===Jo)throw Error(o(174));return e}function ri(e,t){switch(Cr(ni,t),Cr(ti,e),Cr(ei,Jo),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:se(null,"");break;default:t=se(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}_r(ei),Cr(ei,t)}function oi(){_r(ei),_r(ti),_r(ni)}function ii(e){ai(ni.current);var t=ai(ei.current),n=se(t,e.type);t!==n&&(Cr(ti,e),Cr(ei,n))}function li(e){ti.current===e&&(_r(ei),_r(ti))}var si=Sr(0);function ci(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(128&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ui=[];function di(){for(var e=0;e<ui.length;e++)ui[e]._workInProgressVersionPrimary=null;ui.length=0}var pi=w.ReactCurrentDispatcher,fi=w.ReactCurrentBatchConfig,gi=0,mi=null,hi=null,bi=null,yi=!1,vi=!1,wi=0,xi=0;function ki(){throw Error(o(321))}function Li(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!la(e[n],t[n]))return!1;return!0}function Si(e,t,n,a,r,i){if(gi=i,mi=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,pi.current=null===e||null===e.memoizedState?ll:sl,e=n(a,r),vi){i=0;do{if(vi=!1,wi=0,25<=i)throw Error(o(301));i+=1,bi=hi=null,t.updateQueue=null,pi.current=cl,e=n(a,r)}while(vi)}if(pi.current=il,t=null!==hi&&null!==hi.next,gi=0,bi=hi=mi=null,yi=!1,t)throw Error(o(300));return e}function _i(){var e=0!==wi;return wi=0,e}function Ci(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===bi?mi.memoizedState=bi=e:bi=bi.next=e,bi}function Pi(){if(null===hi){var e=mi.alternate;e=null!==e?e.memoizedState:null}else e=hi.next;var t=null===bi?mi.memoizedState:bi.next;if(null!==t)bi=t,hi=e;else{if(null===e)throw Error(o(310));e={memoizedState:(hi=e).memoizedState,baseState:hi.baseState,baseQueue:hi.baseQueue,queue:hi.queue,next:null},null===bi?mi.memoizedState=bi=e:bi=bi.next=e}return bi}function Ai(e,t){return"function"==typeof t?t(e):t}function Di(e){var t=Pi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var a=hi,r=a.baseQueue,i=n.pending;if(null!==i){if(null!==r){var l=r.next;r.next=i.next,i.next=l}a.baseQueue=r=i,n.pending=null}if(null!==r){i=r.next,a=a.baseState;var s=l=null,c=null,u=i;do{var d=u.lane;if((gi&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),a=u.hasEagerState?u.eagerState:e(a,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(s=c=p,l=a):c=c.next=p,mi.lanes|=d,Os|=d}u=u.next}while(null!==u&&u!==i);null===c?l=a:c.next=s,la(a,t.memoizedState)||(wl=!0),t.memoizedState=a,t.baseState=l,t.baseQueue=c,n.lastRenderedState=a}if(null!==(e=n.interleaved)){r=e;do{i=r.lane,mi.lanes|=i,Os|=i,r=r.next}while(r!==e)}else null===r&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Ei(e){var t=Pi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var a=n.dispatch,r=n.pending,i=t.memoizedState;if(null!==r){n.pending=null;var l=r=r.next;do{i=e(i,l.action),l=l.next}while(l!==r);la(i,t.memoizedState)||(wl=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,a]}function Ii(){}function Ti(e,t){var n=mi,a=Pi(),r=t(),i=!la(a.memoizedState,r);if(i&&(a.memoizedState=r,wl=!0),a=a.queue,Hi(Ri.bind(null,n,a,e),[e]),a.getSnapshot!==t||i||null!==bi&&1&bi.memoizedState.tag){if(n.flags|=2048,Fi(9,zi.bind(null,n,a,r,t),void 0,null),null===Es)throw Error(o(349));0!=(30&gi)||ji(n,t,r)}return r}function ji(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function zi(e,t,n,a){t.value=n,t.getSnapshot=a,Ni(t)&&Oi(e)}function Ri(e,t,n){return n((function(){Ni(t)&&Oi(e)}))}function Ni(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!la(e,n)}catch(a){return!0}}function Oi(e){var t=Eo(e,1);null!==t&&ac(t,e,1,-1)}function Mi(e){var t=Ci();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Ai,lastRenderedState:e},t.queue=e,e=e.dispatch=nl.bind(null,mi,e),[t.memoizedState,e]}function Fi(e,t,n,a){return e={tag:e,create:t,destroy:n,deps:a,next:null},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(a=n.next,n.next=e,e.next=a,t.lastEffect=e),e}function Bi(){return Pi().memoizedState}function Ui(e,t,n,a){var r=Ci();mi.flags|=e,r.memoizedState=Fi(1|t,n,void 0,void 0===a?null:a)}function $i(e,t,n,a){var r=Pi();a=void 0===a?null:a;var o=void 0;if(null!==hi){var i=hi.memoizedState;if(o=i.destroy,null!==a&&Li(a,i.deps))return void(r.memoizedState=Fi(t,n,o,a))}mi.flags|=e,r.memoizedState=Fi(1|t,n,o,a)}function qi(e,t){return Ui(8390656,8,e,t)}function Hi(e,t){return $i(2048,8,e,t)}function Gi(e,t){return $i(4,2,e,t)}function Zi(e,t){return $i(4,4,e,t)}function Vi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Wi(e,t,n){return n=null!=n?n.concat([e]):null,$i(4,4,Vi.bind(null,t,e),n)}function Qi(){}function Yi(e,t){var n=Pi();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(n.memoizedState=[e,t],e)}function Ki(e,t){var n=Pi();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(e=e(),n.memoizedState=[e,t],e)}function Xi(e,t,n){return 0==(21&gi)?(e.baseState&&(e.baseState=!1,wl=!0),e.memoizedState=n):(la(n,t)||(n=mt(),mi.lanes|=n,Os|=n,e.baseState=!0),t)}function Ji(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var a=fi.transition;fi.transition={};try{e(!1),t()}finally{vt=n,fi.transition=a}}function el(){return Pi().memoizedState}function tl(e,t,n){var a=nc(e);if(n={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null},al(e))rl(t,n);else if(null!==(n=Do(e,t,n,a))){ac(n,e,a,tc()),ol(n,t,a)}}function nl(e,t,n){var a=nc(e),r={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null};if(al(e))rl(t,r);else{var o=e.alternate;if(0===e.lanes&&(null===o||0===o.lanes)&&null!==(o=t.lastRenderedReducer))try{var i=t.lastRenderedState,l=o(i,n);if(r.hasEagerState=!0,r.eagerState=l,la(l,i)){var s=t.interleaved;return null===s?(r.next=r,Ao(t)):(r.next=s.next,s.next=r),void(t.interleaved=r)}}catch(c){}null!==(n=Do(e,t,r,a))&&(ac(n,e,a,r=tc()),ol(n,t,a))}}function al(e){var t=e.alternate;return e===mi||null!==t&&t===mi}function rl(e,t){vi=yi=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function ol(e,t,n){if(0!=(4194240&n)){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}var il={readContext:Co,useCallback:ki,useContext:ki,useEffect:ki,useImperativeHandle:ki,useInsertionEffect:ki,useLayoutEffect:ki,useMemo:ki,useReducer:ki,useRef:ki,useState:ki,useDebugValue:ki,useDeferredValue:ki,useTransition:ki,useMutableSource:ki,useSyncExternalStore:ki,useId:ki,unstable_isNewReconciler:!1},ll={readContext:Co,useCallback:function(e,t){return Ci().memoizedState=[e,void 0===t?null:t],e},useContext:Co,useEffect:qi,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ui(4194308,4,Vi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ui(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ui(4,2,e,t)},useMemo:function(e,t){var n=Ci();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var a=Ci();return t=void 0!==n?n(t):t,a.memoizedState=a.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},a.queue=e,e=e.dispatch=tl.bind(null,mi,e),[a.memoizedState,e]},useRef:function(e){return e={current:e},Ci().memoizedState=e},useState:Mi,useDebugValue:Qi,useDeferredValue:function(e){return Ci().memoizedState=e},useTransition:function(){var e=Mi(!1),t=e[0];return e=Ji.bind(null,e[1]),Ci().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var a=mi,r=Ci();if(ro){if(void 0===n)throw Error(o(407));n=n()}else{if(n=t(),null===Es)throw Error(o(349));0!=(30&gi)||ji(a,t,n)}r.memoizedState=n;var i={value:n,getSnapshot:t};return r.queue=i,qi(Ri.bind(null,a,i,e),[e]),a.flags|=2048,Fi(9,zi.bind(null,a,i,n,t),void 0,null),n},useId:function(){var e=Ci(),t=Es.identifierPrefix;if(ro){var n=Kr;t=":"+t+"R"+(n=(Yr&~(1<<32-it(Yr)-1)).toString(32)+n),0<(n=wi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=xi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},sl={readContext:Co,useCallback:Yi,useContext:Co,useEffect:Hi,useImperativeHandle:Wi,useInsertionEffect:Gi,useLayoutEffect:Zi,useMemo:Ki,useReducer:Di,useRef:Bi,useState:function(){return Di(Ai)},useDebugValue:Qi,useDeferredValue:function(e){return Xi(Pi(),hi.memoizedState,e)},useTransition:function(){return[Di(Ai)[0],Pi().memoizedState]},useMutableSource:Ii,useSyncExternalStore:Ti,useId:el,unstable_isNewReconciler:!1},cl={readContext:Co,useCallback:Yi,useContext:Co,useEffect:Hi,useImperativeHandle:Wi,useInsertionEffect:Gi,useLayoutEffect:Zi,useMemo:Ki,useReducer:Ei,useRef:Bi,useState:function(){return Ei(Ai)},useDebugValue:Qi,useDeferredValue:function(e){var t=Pi();return null===hi?t.memoizedState=e:Xi(t,hi.memoizedState,e)},useTransition:function(){return[Ei(Ai)[0],Pi().memoizedState]},useMutableSource:Ii,useSyncExternalStore:Ti,useId:el,unstable_isNewReconciler:!1};function ul(e,t){try{var n="",a=t;do{n+=U(a),a=a.return}while(a);var r=n}catch(o){r="\nError generating stack: "+o.message+"\n"+o.stack}return{value:e,source:t,stack:r,digest:null}}function dl(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function pl(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var fl="function"==typeof WeakMap?WeakMap:Map;function gl(e,t,n){(n=zo(-1,n)).tag=3,n.payload={element:null};var a=t.value;return n.callback=function(){Gs||(Gs=!0,Zs=a),pl(0,t)},n}function ml(e,t,n){(n=zo(-1,n)).tag=3;var a=e.type.getDerivedStateFromError;if("function"==typeof a){var r=t.value;n.payload=function(){return a(r)},n.callback=function(){pl(0,t)}}var o=e.stateNode;return null!==o&&"function"==typeof o.componentDidCatch&&(n.callback=function(){pl(0,t),"function"!=typeof a&&(null===Vs?Vs=new Set([this]):Vs.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hl(e,t,n){var a=e.pingCache;if(null===a){a=e.pingCache=new fl;var r=new Set;a.set(t,r)}else void 0===(r=a.get(t))&&(r=new Set,a.set(t,r));r.has(n)||(r.add(n),e=Cc.bind(null,e,t,n),t.then(e,e))}function bl(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function yl(e,t,n,a,r){return 0==(1&e.mode)?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=zo(-1,1)).tag=2,Ro(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=r,e)}var vl=w.ReactCurrentOwner,wl=!1;function xl(e,t,n,a){t.child=null===e?Xo(t,null,n,a):Ko(t,e.child,n,a)}function kl(e,t,n,a,r){n=n.render;var o=t.ref;return _o(t,r),a=Si(e,t,n,a,o,r),n=_i(),null===e||wl?(ro&&n&&eo(t),t.flags|=1,xl(e,t,a,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Gl(e,t,r))}function Ll(e,t,n,a,r){if(null===e){var o=n.type;return"function"!=typeof o||jc(o)||void 0!==o.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Rc(n.type,null,a,t,t.mode,r)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=o,Sl(e,t,o,a,r))}if(o=e.child,0==(e.lanes&r)){var i=o.memoizedProps;if((n=null!==(n=n.compare)?n:sa)(i,a)&&e.ref===t.ref)return Gl(e,t,r)}return t.flags|=1,(e=zc(o,a)).ref=t.ref,e.return=t,t.child=e}function Sl(e,t,n,a,r){if(null!==e){var o=e.memoizedProps;if(sa(o,a)&&e.ref===t.ref){if(wl=!1,t.pendingProps=a=o,0==(e.lanes&r))return t.lanes=e.lanes,Gl(e,t,r);0!=(131072&e.flags)&&(wl=!0)}}return Pl(e,t,n,a,r)}function _l(e,t,n){var a=t.pendingProps,r=a.children,o=null!==e?e.memoizedState:null;if("hidden"===a.mode)if(0==(1&t.mode))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Cr(zs,js),js|=n;else{if(0==(1073741824&n))return e=null!==o?o.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Cr(zs,js),js|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},a=null!==o?o.baseLanes:n,Cr(zs,js),js|=a}else null!==o?(a=o.baseLanes|n,t.memoizedState=null):a=n,Cr(zs,js),js|=a;return xl(e,t,r,n),t.child}function Cl(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Pl(e,t,n,a,r){var o=Tr(n)?Er:Ar.current;return o=Ir(t,o),_o(t,r),n=Si(e,t,n,a,o,r),a=_i(),null===e||wl?(ro&&a&&eo(t),t.flags|=1,xl(e,t,n,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Gl(e,t,r))}function Al(e,t,n,a,r){if(Tr(n)){var o=!0;Nr(t)}else o=!1;if(_o(t,r),null===t.stateNode)Hl(e,t),Ho(t,n,a),Zo(t,n,a,r),a=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Co(c):c=Ir(t,c=Tr(n)?Er:Ar.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==a||s!==c)&&Go(t,i,a,c),Io=!1;var p=t.memoizedState;i.state=p,Mo(t,a,i,r),s=t.memoizedState,l!==a||p!==s||Dr.current||Io?("function"==typeof u&&(Uo(t,n,u,a),s=t.memoizedState),(l=Io||qo(t,n,l,a,p,s,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=a,t.memoizedState=s),i.props=a,i.state=s,i.context=c,a=l):("function"==typeof i.componentDidMount&&(t.flags|=4194308),a=!1)}else{i=t.stateNode,jo(e,t),l=t.memoizedProps,c=t.type===t.elementType?l:bo(t.type,l),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(s=n.contextType)&&null!==s?s=Co(s):s=Ir(t,s=Tr(n)?Er:Ar.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==d||p!==s)&&Go(t,i,a,s),Io=!1,p=t.memoizedState,i.state=p,Mo(t,a,i,r);var g=t.memoizedState;l!==d||p!==g||Dr.current||Io?("function"==typeof f&&(Uo(t,n,f,a),g=t.memoizedState),(c=Io||qo(t,n,c,a,p,g,s)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(a,g,s),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(a,g,s)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=a,t.memoizedState=g),i.props=a,i.state=g,i.context=s,a=c):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),a=!1)}return Dl(e,t,n,a,o,r)}function Dl(e,t,n,a,r,o){Cl(e,t);var i=0!=(128&t.flags);if(!a&&!i)return r&&Or(t,n,!1),Gl(e,t,o);a=t.stateNode,vl.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:a.render();return t.flags|=1,null!==e&&i?(t.child=Ko(t,e.child,null,o),t.child=Ko(t,null,l,o)):xl(e,t,l,o),t.memoizedState=a.state,r&&Or(t,n,!0),t.child}function El(e){var t=e.stateNode;t.pendingContext?zr(0,t.pendingContext,t.pendingContext!==t.context):t.context&&zr(0,t.context,!1),ri(e,t.containerInfo)}function Il(e,t,n,a,r){return go(),mo(r),t.flags|=256,xl(e,t,n,a),t.child}var Tl,jl,zl,Rl,Nl={dehydrated:null,treeContext:null,retryLane:0};function Ol(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ml(e,t,n){var a,r=t.pendingProps,i=si.current,l=!1,s=0!=(128&t.flags);if((a=s)||(a=(null===e||null!==e.memoizedState)&&0!=(2&i)),a?(l=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),Cr(si,1&i),null===e)return co(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&t.mode)?t.lanes=1:"$!"===e.data?t.lanes=8:t.lanes=1073741824,null):(s=r.children,e=r.fallback,l?(r=t.mode,l=t.child,s={mode:"hidden",children:s},0==(1&r)&&null!==l?(l.childLanes=0,l.pendingProps=s):l=Oc(s,r,0,null),e=Nc(e,r,n,null),l.return=t,e.return=t,l.sibling=e,t.child=l,t.child.memoizedState=Ol(n),t.memoizedState=Nl,e):Fl(t,s));if(null!==(i=e.memoizedState)&&null!==(a=i.dehydrated))return function(e,t,n,a,r,i,l){if(n)return 256&t.flags?(t.flags&=-257,Bl(e,t,l,a=dl(Error(o(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=a.fallback,r=t.mode,a=Oc({mode:"visible",children:a.children},r,0,null),(i=Nc(i,r,l,null)).flags|=2,a.return=t,i.return=t,a.sibling=i,t.child=a,0!=(1&t.mode)&&Ko(t,e.child,null,l),t.child.memoizedState=Ol(l),t.memoizedState=Nl,i);if(0==(1&t.mode))return Bl(e,t,l,null);if("$!"===r.data){if(a=r.nextSibling&&r.nextSibling.dataset)var s=a.dgst;return a=s,Bl(e,t,l,a=dl(i=Error(o(419)),a,void 0))}if(s=0!=(l&e.childLanes),wl||s){if(null!==(a=Es)){switch(l&-l){case 4:r=2;break;case 16:r=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:r=32;break;case 536870912:r=268435456;break;default:r=0}0!==(r=0!=(r&(a.suspendedLanes|l))?0:r)&&r!==i.retryLane&&(i.retryLane=r,Eo(e,r),ac(a,e,r,-1))}return hc(),Bl(e,t,l,a=dl(Error(o(421))))}return"$?"===r.data?(t.flags|=128,t.child=e.child,t=Ac.bind(null,e),r._reactRetry=t,null):(e=i.treeContext,ao=cr(r.nextSibling),no=t,ro=!0,oo=null,null!==e&&(Vr[Wr++]=Yr,Vr[Wr++]=Kr,Vr[Wr++]=Qr,Yr=e.id,Kr=e.overflow,Qr=t),t=Fl(t,a.children),t.flags|=4096,t)}(e,t,s,r,a,i,n);if(l){l=r.fallback,s=t.mode,a=(i=e.child).sibling;var c={mode:"hidden",children:r.children};return 0==(1&s)&&t.child!==i?((r=t.child).childLanes=0,r.pendingProps=c,t.deletions=null):(r=zc(i,c)).subtreeFlags=14680064&i.subtreeFlags,null!==a?l=zc(a,l):(l=Nc(l,s,n,null)).flags|=2,l.return=t,r.return=t,r.sibling=l,t.child=r,r=l,l=t.child,s=null===(s=e.child.memoizedState)?Ol(n):{baseLanes:s.baseLanes|n,cachePool:null,transitions:s.transitions},l.memoizedState=s,l.childLanes=e.childLanes&~n,t.memoizedState=Nl,r}return e=(l=e.child).sibling,r=zc(l,{mode:"visible",children:r.children}),0==(1&t.mode)&&(r.lanes=n),r.return=t,r.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function Fl(e,t){return(t=Oc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function Bl(e,t,n,a){return null!==a&&mo(a),Ko(t,e.child,null,n),(e=Fl(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Ul(e,t,n){e.lanes|=t;var a=e.alternate;null!==a&&(a.lanes|=t),So(e.return,t,n)}function $l(e,t,n,a,r){var o=e.memoizedState;null===o?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:r}:(o.isBackwards=t,o.rendering=null,o.renderingStartTime=0,o.last=a,o.tail=n,o.tailMode=r)}function ql(e,t,n){var a=t.pendingProps,r=a.revealOrder,o=a.tail;if(xl(e,t,a.children,n),0!=(2&(a=si.current)))a=1&a|2,t.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Ul(e,n,t);else if(19===e.tag)Ul(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}a&=1}if(Cr(si,a),0==(1&t.mode))t.memoizedState=null;else switch(r){case"forwards":for(n=t.child,r=null;null!==n;)null!==(e=n.alternate)&&null===ci(e)&&(r=n),n=n.sibling;null===(n=r)?(r=t.child,t.child=null):(r=n.sibling,n.sibling=null),$l(t,!1,r,n,o);break;case"backwards":for(n=null,r=t.child,t.child=null;null!==r;){if(null!==(e=r.alternate)&&null===ci(e)){t.child=r;break}e=r.sibling,r.sibling=n,n=r,r=e}$l(t,!0,n,null,o);break;case"together":$l(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Hl(e,t){0==(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Gl(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Os|=t.lanes,0==(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(o(153));if(null!==t.child){for(n=zc(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=zc(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Zl(e,t){if(!ro)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var a=null;null!==n;)null!==n.alternate&&(a=n),n=n.sibling;null===a?t||null===e.tail?e.tail=null:e.tail.sibling=null:a.sibling=null}}function Vl(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,a=0;if(t)for(var r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=14680064&r.subtreeFlags,a|=14680064&r.flags,r.return=e,r=r.sibling;else for(r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=r.subtreeFlags,a|=r.flags,r.return=e,r=r.sibling;return e.subtreeFlags|=a,e.childLanes=n,t}function Wl(e,t,n){var a=t.pendingProps;switch(to(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Vl(t),null;case 1:case 17:return Tr(t.type)&&jr(),Vl(t),null;case 3:return a=t.stateNode,oi(),_r(Dr),_r(Ar),di(),a.pendingContext&&(a.context=a.pendingContext,a.pendingContext=null),null!==e&&null!==e.child||(po(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&t.flags)||(t.flags|=1024,null!==oo&&(lc(oo),oo=null))),jl(e,t),Vl(t),null;case 5:li(t);var r=ai(ni.current);if(n=t.type,null!==e&&null!=t.stateNode)zl(e,t,n,a,r),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!a){if(null===t.stateNode)throw Error(o(166));return Vl(t),null}if(e=ai(ei.current),po(t)){a=t.stateNode,n=t.type;var i=t.memoizedProps;switch(a[pr]=t,a[fr]=i,e=0!=(1&t.mode),n){case"dialog":Fa("cancel",a),Fa("close",a);break;case"iframe":case"object":case"embed":Fa("load",a);break;case"video":case"audio":for(r=0;r<Ra.length;r++)Fa(Ra[r],a);break;case"source":Fa("error",a);break;case"img":case"image":case"link":Fa("error",a),Fa("load",a);break;case"details":Fa("toggle",a);break;case"input":Y(a,i),Fa("invalid",a);break;case"select":a._wrapperState={wasMultiple:!!i.multiple},Fa("invalid",a);break;case"textarea":re(a,i),Fa("invalid",a)}for(var s in ye(n,i),r=null,i)if(i.hasOwnProperty(s)){var c=i[s];"children"===s?"string"==typeof c?a.textContent!==c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),r=["children",c]):"number"==typeof c&&a.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),r=["children",""+c]):l.hasOwnProperty(s)&&null!=c&&"onScroll"===s&&Fa("scroll",a)}switch(n){case"input":Z(a),J(a,i,!0);break;case"textarea":Z(a),ie(a);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(a.onclick=Ja)}a=r,t.updateQueue=a,null!==a&&(t.flags|=4)}else{s=9===r.nodeType?r:r.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=le(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=s.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof a.is?e=s.createElement(n,{is:a.is}):(e=s.createElement(n),"select"===n&&(s=e,a.multiple?s.multiple=!0:a.size&&(s.size=a.size))):e=s.createElementNS(e,n),e[pr]=t,e[fr]=a,Tl(e,t,!1,!1),t.stateNode=e;e:{switch(s=ve(n,a),n){case"dialog":Fa("cancel",e),Fa("close",e),r=a;break;case"iframe":case"object":case"embed":Fa("load",e),r=a;break;case"video":case"audio":for(r=0;r<Ra.length;r++)Fa(Ra[r],e);r=a;break;case"source":Fa("error",e),r=a;break;case"img":case"image":case"link":Fa("error",e),Fa("load",e),r=a;break;case"details":Fa("toggle",e),r=a;break;case"input":Y(e,a),r=Q(e,a),Fa("invalid",e);break;case"option":default:r=a;break;case"select":e._wrapperState={wasMultiple:!!a.multiple},r=O({},a,{value:void 0}),Fa("invalid",e);break;case"textarea":re(e,a),r=ae(e,a),Fa("invalid",e)}for(i in ye(n,r),c=r)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?he(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(l.hasOwnProperty(i)?null!=u&&"onScroll"===i&&Fa("scroll",e):null!=u&&v(e,i,u,s))}switch(n){case"input":Z(e),J(e,a,!1);break;case"textarea":Z(e),ie(e);break;case"option":null!=a.value&&e.setAttribute("value",""+H(a.value));break;case"select":e.multiple=!!a.multiple,null!=(i=a.value)?ne(e,!!a.multiple,i,!1):null!=a.defaultValue&&ne(e,!!a.multiple,a.defaultValue,!0);break;default:"function"==typeof r.onClick&&(e.onclick=Ja)}switch(n){case"button":case"input":case"select":case"textarea":a=!!a.autoFocus;break e;case"img":a=!0;break e;default:a=!1}}a&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Vl(t),null;case 6:if(e&&null!=t.stateNode)Rl(e,t,e.memoizedProps,a);else{if("string"!=typeof a&&null===t.stateNode)throw Error(o(166));if(n=ai(ni.current),ai(ei.current),po(t)){if(a=t.stateNode,n=t.memoizedProps,a[pr]=t,(i=a.nodeValue!==n)&&null!==(e=no))switch(e.tag){case 3:Xa(a.nodeValue,n,0!=(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Xa(a.nodeValue,n,0!=(1&e.mode))}i&&(t.flags|=4)}else(a=(9===n.nodeType?n:n.ownerDocument).createTextNode(a))[pr]=t,t.stateNode=a}return Vl(t),null;case 13:if(_r(si),a=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(ro&&null!==ao&&0!=(1&t.mode)&&0==(128&t.flags))fo(),go(),t.flags|=98560,i=!1;else if(i=po(t),null!==a&&null!==a.dehydrated){if(null===e){if(!i)throw Error(o(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(o(317));i[pr]=t}else go(),0==(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Vl(t),i=!1}else null!==oo&&(lc(oo),oo=null),i=!0;if(!i)return 65536&t.flags?t:null}return 0!=(128&t.flags)?(t.lanes=n,t):((a=null!==a)!==(null!==e&&null!==e.memoizedState)&&a&&(t.child.flags|=8192,0!=(1&t.mode)&&(null===e||0!=(1&si.current)?0===Rs&&(Rs=3):hc())),null!==t.updateQueue&&(t.flags|=4),Vl(t),null);case 4:return oi(),jl(e,t),null===e&&$a(t.stateNode.containerInfo),Vl(t),null;case 10:return Lo(t.type._context),Vl(t),null;case 19:if(_r(si),null===(i=t.memoizedState))return Vl(t),null;if(a=0!=(128&t.flags),null===(s=i.rendering))if(a)Zl(i,!1);else{if(0!==Rs||null!==e&&0!=(128&e.flags))for(e=t.child;null!==e;){if(null!==(s=ci(e))){for(t.flags|=128,Zl(i,!1),null!==(a=s.updateQueue)&&(t.updateQueue=a,t.flags|=4),t.subtreeFlags=0,a=n,n=t.child;null!==n;)e=a,(i=n).flags&=14680066,null===(s=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=s.childLanes,i.lanes=s.lanes,i.child=s.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=s.memoizedProps,i.memoizedState=s.memoizedState,i.updateQueue=s.updateQueue,i.type=s.type,e=s.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Cr(si,1&si.current|2),t.child}e=e.sibling}null!==i.tail&&Ke()>qs&&(t.flags|=128,a=!0,Zl(i,!1),t.lanes=4194304)}else{if(!a)if(null!==(e=ci(s))){if(t.flags|=128,a=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Zl(i,!0),null===i.tail&&"hidden"===i.tailMode&&!s.alternate&&!ro)return Vl(t),null}else 2*Ke()-i.renderingStartTime>qs&&1073741824!==n&&(t.flags|=128,a=!0,Zl(i,!1),t.lanes=4194304);i.isBackwards?(s.sibling=t.child,t.child=s):(null!==(n=i.last)?n.sibling=s:t.child=s,i.last=s)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ke(),t.sibling=null,n=si.current,Cr(si,a?1&n|2:1&n),t):(Vl(t),null);case 22:case 23:return pc(),a=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==a&&(t.flags|=8192),a&&0!=(1&t.mode)?0!=(1073741824&js)&&(Vl(t),6&t.subtreeFlags&&(t.flags|=8192)):Vl(t),null;case 24:case 25:return null}throw Error(o(156,t.tag))}function Ql(e,t){switch(to(t),t.tag){case 1:return Tr(t.type)&&jr(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return oi(),_r(Dr),_r(Ar),di(),0!=(65536&(e=t.flags))&&0==(128&e)?(t.flags=-65537&e|128,t):null;case 5:return li(t),null;case 13:if(_r(si),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(o(340));go()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return _r(si),null;case 4:return oi(),null;case 10:return Lo(t.type._context),null;case 22:case 23:return pc(),null;default:return null}}Tl=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},jl=function(){},zl=function(e,t,n,a){var r=e.memoizedProps;if(r!==a){e=t.stateNode,ai(ei.current);var o,i=null;switch(n){case"input":r=Q(e,r),a=Q(e,a),i=[];break;case"select":r=O({},r,{value:void 0}),a=O({},a,{value:void 0}),i=[];break;case"textarea":r=ae(e,r),a=ae(e,a),i=[];break;default:"function"!=typeof r.onClick&&"function"==typeof a.onClick&&(e.onclick=Ja)}for(u in ye(n,a),n=null,r)if(!a.hasOwnProperty(u)&&r.hasOwnProperty(u)&&null!=r[u])if("style"===u){var s=r[u];for(o in s)s.hasOwnProperty(o)&&(n||(n={}),n[o]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(l.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in a){var c=a[u];if(s=null!=r?r[u]:void 0,a.hasOwnProperty(u)&&c!==s&&(null!=c||null!=s))if("style"===u)if(s){for(o in s)!s.hasOwnProperty(o)||c&&c.hasOwnProperty(o)||(n||(n={}),n[o]="");for(o in c)c.hasOwnProperty(o)&&s[o]!==c[o]&&(n||(n={}),n[o]=c[o])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,s=s?s.__html:void 0,null!=c&&s!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(l.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Fa("scroll",e),i||s===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Rl=function(e,t,n,a){n!==a&&(t.flags|=4)};var Yl=!1,Kl=!1,Xl="function"==typeof WeakSet?WeakSet:Set,Jl=null;function es(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(a){_c(e,t,a)}else n.current=null}function ts(e,t,n){try{n()}catch(a){_c(e,t,a)}}var ns=!1;function as(e,t,n){var a=t.updateQueue;if(null!==(a=null!==a?a.lastEffect:null)){var r=a=a.next;do{if((r.tag&e)===e){var o=r.destroy;r.destroy=void 0,void 0!==o&&ts(t,n,o)}r=r.next}while(r!==a)}}function rs(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var a=n.create;n.destroy=a()}n=n.next}while(n!==t)}}function os(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function is(e){var t=e.alternate;null!==t&&(e.alternate=null,is(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[pr],delete t[fr],delete t[mr],delete t[hr],delete t[br])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ls(e){return 5===e.tag||3===e.tag||4===e.tag}function ss(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||ls(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cs(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Ja));else if(4!==a&&null!==(e=e.child))for(cs(e,t,n),e=e.sibling;null!==e;)cs(e,t,n),e=e.sibling}function us(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==a&&null!==(e=e.child))for(us(e,t,n),e=e.sibling;null!==e;)us(e,t,n),e=e.sibling}var ds=null,ps=!1;function fs(e,t,n){for(n=n.child;null!==n;)gs(e,t,n),n=n.sibling}function gs(e,t,n){if(ot&&"function"==typeof ot.onCommitFiberUnmount)try{ot.onCommitFiberUnmount(rt,n)}catch(l){}switch(n.tag){case 5:Kl||es(n,t);case 6:var a=ds,r=ps;ds=null,fs(e,t,n),ps=r,null!==(ds=a)&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ds.removeChild(n.stateNode));break;case 18:null!==ds&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?sr(e.parentNode,n):1===e.nodeType&&sr(e,n),$t(e)):sr(ds,n.stateNode));break;case 4:a=ds,r=ps,ds=n.stateNode.containerInfo,ps=!0,fs(e,t,n),ds=a,ps=r;break;case 0:case 11:case 14:case 15:if(!Kl&&(null!==(a=n.updateQueue)&&null!==(a=a.lastEffect))){r=a=a.next;do{var o=r,i=o.destroy;o=o.tag,void 0!==i&&(0!=(2&o)||0!=(4&o))&&ts(n,t,i),r=r.next}while(r!==a)}fs(e,t,n);break;case 1:if(!Kl&&(es(n,t),"function"==typeof(a=n.stateNode).componentWillUnmount))try{a.props=n.memoizedProps,a.state=n.memoizedState,a.componentWillUnmount()}catch(l){_c(n,t,l)}fs(e,t,n);break;case 21:fs(e,t,n);break;case 22:1&n.mode?(Kl=(a=Kl)||null!==n.memoizedState,fs(e,t,n),Kl=a):fs(e,t,n);break;default:fs(e,t,n)}}function ms(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Xl),t.forEach((function(t){var a=Dc.bind(null,e,t);n.has(t)||(n.add(t),t.then(a,a))}))}}function hs(e,t){var n=t.deletions;if(null!==n)for(var a=0;a<n.length;a++){var r=n[a];try{var i=e,l=t,s=l;e:for(;null!==s;){switch(s.tag){case 5:ds=s.stateNode,ps=!1;break e;case 3:case 4:ds=s.stateNode.containerInfo,ps=!0;break e}s=s.return}if(null===ds)throw Error(o(160));gs(i,l,r),ds=null,ps=!1;var c=r.alternate;null!==c&&(c.return=null),r.return=null}catch(u){_c(r,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)bs(t,e),t=t.sibling}function bs(e,t){var n=e.alternate,a=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hs(t,e),ys(e),4&a){try{as(3,e,e.return),rs(3,e)}catch(h){_c(e,e.return,h)}try{as(5,e,e.return)}catch(h){_c(e,e.return,h)}}break;case 1:hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return);break;case 5:if(hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return),32&e.flags){var r=e.stateNode;try{pe(r,"")}catch(h){_c(e,e.return,h)}}if(4&a&&null!=(r=e.stateNode)){var i=e.memoizedProps,l=null!==n?n.memoizedProps:i,s=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===s&&"radio"===i.type&&null!=i.name&&K(r,i),ve(s,l);var u=ve(s,i);for(l=0;l<c.length;l+=2){var d=c[l],p=c[l+1];"style"===d?he(r,p):"dangerouslySetInnerHTML"===d?de(r,p):"children"===d?pe(r,p):v(r,d,p,u)}switch(s){case"input":X(r,i);break;case"textarea":oe(r,i);break;case"select":var f=r._wrapperState.wasMultiple;r._wrapperState.wasMultiple=!!i.multiple;var g=i.value;null!=g?ne(r,!!i.multiple,g,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(r,!!i.multiple,i.defaultValue,!0):ne(r,!!i.multiple,i.multiple?[]:"",!1))}r[fr]=i}catch(h){_c(e,e.return,h)}}break;case 6:if(hs(t,e),ys(e),4&a){if(null===e.stateNode)throw Error(o(162));r=e.stateNode,i=e.memoizedProps;try{r.nodeValue=i}catch(h){_c(e,e.return,h)}}break;case 3:if(hs(t,e),ys(e),4&a&&null!==n&&n.memoizedState.isDehydrated)try{$t(t.containerInfo)}catch(h){_c(e,e.return,h)}break;case 4:default:hs(t,e),ys(e);break;case 13:hs(t,e),ys(e),8192&(r=e.child).flags&&(i=null!==r.memoizedState,r.stateNode.isHidden=i,!i||null!==r.alternate&&null!==r.alternate.memoizedState||($s=Ke())),4&a&&ms(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Kl=(u=Kl)||d,hs(t,e),Kl=u):hs(t,e),ys(e),8192&a){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&0!=(1&e.mode))for(Jl=e,d=e.child;null!==d;){for(p=Jl=d;null!==Jl;){switch(g=(f=Jl).child,f.tag){case 0:case 11:case 14:case 15:as(4,f,f.return);break;case 1:es(f,f.return);var m=f.stateNode;if("function"==typeof m.componentWillUnmount){a=f,n=f.return;try{t=a,m.props=t.memoizedProps,m.state=t.memoizedState,m.componentWillUnmount()}catch(h){_c(a,n,h)}}break;case 5:es(f,f.return);break;case 22:if(null!==f.memoizedState){ks(p);continue}}null!==g?(g.return=f,Jl=g):ks(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{r=p.stateNode,u?"function"==typeof(i=r.style).setProperty?i.setProperty("display","none","important"):i.display="none":(s=p.stateNode,l=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,s.style.display=me("display",l))}catch(h){_c(e,e.return,h)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(h){_c(e,e.return,h)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hs(t,e),ys(e),4&a&&ms(e);case 21:}}function ys(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(ls(n)){var a=n;break e}n=n.return}throw Error(o(160))}switch(a.tag){case 5:var r=a.stateNode;32&a.flags&&(pe(r,""),a.flags&=-33),us(e,ss(e),r);break;case 3:case 4:var i=a.stateNode.containerInfo;cs(e,ss(e),i);break;default:throw Error(o(161))}}catch(l){_c(e,e.return,l)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function vs(e,t,n){Jl=e,ws(e,t,n)}function ws(e,t,n){for(var a=0!=(1&e.mode);null!==Jl;){var r=Jl,o=r.child;if(22===r.tag&&a){var i=null!==r.memoizedState||Yl;if(!i){var l=r.alternate,s=null!==l&&null!==l.memoizedState||Kl;l=Yl;var c=Kl;if(Yl=i,(Kl=s)&&!c)for(Jl=r;null!==Jl;)s=(i=Jl).child,22===i.tag&&null!==i.memoizedState?Ls(r):null!==s?(s.return=i,Jl=s):Ls(r);for(;null!==o;)Jl=o,ws(o,t,n),o=o.sibling;Jl=r,Yl=l,Kl=c}xs(e)}else 0!=(8772&r.subtreeFlags)&&null!==o?(o.return=r,Jl=o):xs(e)}}function xs(e){for(;null!==Jl;){var t=Jl;if(0!=(8772&t.flags)){var n=t.alternate;try{if(0!=(8772&t.flags))switch(t.tag){case 0:case 11:case 15:Kl||rs(5,t);break;case 1:var a=t.stateNode;if(4&t.flags&&!Kl)if(null===n)a.componentDidMount();else{var r=t.elementType===t.type?n.memoizedProps:bo(t.type,n.memoizedProps);a.componentDidUpdate(r,n.memoizedState,a.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Fo(t,i,a);break;case 3:var l=t.updateQueue;if(null!==l){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Fo(t,l,n)}break;case 5:var s=t.stateNode;if(null===n&&4&t.flags){n=s;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&$t(p)}}}break;default:throw Error(o(163))}Kl||512&t.flags&&os(t)}catch(f){_c(t,t.return,f)}}if(t===e){Jl=null;break}if(null!==(n=t.sibling)){n.return=t.return,Jl=n;break}Jl=t.return}}function ks(e){for(;null!==Jl;){var t=Jl;if(t===e){Jl=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Jl=n;break}Jl=t.return}}function Ls(e){for(;null!==Jl;){var t=Jl;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rs(4,t)}catch(s){_c(t,n,s)}break;case 1:var a=t.stateNode;if("function"==typeof a.componentDidMount){var r=t.return;try{a.componentDidMount()}catch(s){_c(t,r,s)}}var o=t.return;try{os(t)}catch(s){_c(t,o,s)}break;case 5:var i=t.return;try{os(t)}catch(s){_c(t,i,s)}}}catch(s){_c(t,t.return,s)}if(t===e){Jl=null;break}var l=t.sibling;if(null!==l){l.return=t.return,Jl=l;break}Jl=t.return}}var Ss,_s=Math.ceil,Cs=w.ReactCurrentDispatcher,Ps=w.ReactCurrentOwner,As=w.ReactCurrentBatchConfig,Ds=0,Es=null,Is=null,Ts=0,js=0,zs=Sr(0),Rs=0,Ns=null,Os=0,Ms=0,Fs=0,Bs=null,Us=null,$s=0,qs=1/0,Hs=null,Gs=!1,Zs=null,Vs=null,Ws=!1,Qs=null,Ys=0,Ks=0,Xs=null,Js=-1,ec=0;function tc(){return 0!=(6&Ds)?Ke():-1!==Js?Js:Js=Ke()}function nc(e){return 0==(1&e.mode)?1:0!=(2&Ds)&&0!==Ts?Ts&-Ts:null!==ho.transition?(0===ec&&(ec=mt()),ec):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type)}function ac(e,t,n,a){if(50<Ks)throw Ks=0,Xs=null,Error(o(185));bt(e,n,a),0!=(2&Ds)&&e===Es||(e===Es&&(0==(2&Ds)&&(Ms|=n),4===Rs&&sc(e,Ts)),rc(e,a),1===n&&0===Ds&&0==(1&t.mode)&&(qs=Ke()+500,Fr&&$r()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,a=e.pingedLanes,r=e.expirationTimes,o=e.pendingLanes;0<o;){var i=31-it(o),l=1<<i,s=r[i];-1===s?0!=(l&n)&&0==(l&a)||(r[i]=ft(l,t)):s<=t&&(e.expiredLanes|=l),o&=~l}}(e,t);var a=pt(e,e===Es?Ts:0);if(0===a)null!==n&&We(n),e.callbackNode=null,e.callbackPriority=0;else if(t=a&-a,e.callbackPriority!==t){if(null!=n&&We(n),1===t)0===e.tag?function(e){Fr=!0,Ur(e)}(cc.bind(null,e)):Ur(cc.bind(null,e)),ir((function(){0==(6&Ds)&&$r()})),n=null;else{switch(wt(a)){case 1:n=Je;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=at}n=Ec(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Js=-1,ec=0,0!=(6&Ds))throw Error(o(327));var n=e.callbackNode;if(Lc()&&e.callbackNode!==n)return null;var a=pt(e,e===Es?Ts:0);if(0===a)return null;if(0!=(30&a)||0!=(a&e.expiredLanes)||t)t=bc(e,a);else{t=a;var r=Ds;Ds|=2;var i=mc();for(Es===e&&Ts===t||(Hs=null,qs=Ke()+500,fc(e,t));;)try{vc();break}catch(s){gc(e,s)}ko(),Cs.current=i,Ds=r,null!==Is?t=0:(Es=null,Ts=0,t=Rs)}if(0!==t){if(2===t&&(0!==(r=gt(e))&&(a=r,t=ic(e,r))),1===t)throw n=Ns,fc(e,0),sc(e,a),rc(e,Ke()),n;if(6===t)sc(e,a);else{if(r=e.current.alternate,0==(30&a)&&!function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var a=0;a<n.length;a++){var r=n[a],o=r.getSnapshot;r=r.value;try{if(!la(o(),r))return!1}catch(l){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(r)&&(2===(t=bc(e,a))&&(0!==(i=gt(e))&&(a=i,t=ic(e,i))),1===t))throw n=Ns,fc(e,0),sc(e,a),rc(e,Ke()),n;switch(e.finishedWork=r,e.finishedLanes=a,t){case 0:case 1:throw Error(o(345));case 2:case 5:kc(e,Us,Hs);break;case 3:if(sc(e,a),(130023424&a)===a&&10<(t=$s+500-Ke())){if(0!==pt(e,0))break;if(((r=e.suspendedLanes)&a)!==a){tc(),e.pingedLanes|=e.suspendedLanes&r;break}e.timeoutHandle=ar(kc.bind(null,e,Us,Hs),t);break}kc(e,Us,Hs);break;case 4:if(sc(e,a),(4194240&a)===a)break;for(t=e.eventTimes,r=-1;0<a;){var l=31-it(a);i=1<<l,(l=t[l])>r&&(r=l),a&=~i}if(a=r,10<(a=(120>(a=Ke()-a)?120:480>a?480:1080>a?1080:1920>a?1920:3e3>a?3e3:4320>a?4320:1960*_s(a/1960))-a)){e.timeoutHandle=ar(kc.bind(null,e,Us,Hs),a);break}kc(e,Us,Hs);break;default:throw Error(o(329))}}}return rc(e,Ke()),e.callbackNode===n?oc.bind(null,e):null}function ic(e,t){var n=Bs;return e.current.memoizedState.isDehydrated&&(fc(e,t).flags|=256),2!==(e=bc(e,t))&&(t=Us,Us=n,null!==t&&lc(t)),e}function lc(e){null===Us?Us=e:Us.push.apply(Us,e)}function sc(e,t){for(t&=~Fs,t&=~Ms,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),a=1<<n;e[n]=-1,t&=~a}}function cc(e){if(0!=(6&Ds))throw Error(o(327));Lc();var t=pt(e,0);if(0==(1&t))return rc(e,Ke()),null;var n=bc(e,t);if(0!==e.tag&&2===n){var a=gt(e);0!==a&&(t=a,n=ic(e,a))}if(1===n)throw n=Ns,fc(e,0),sc(e,t),rc(e,Ke()),n;if(6===n)throw Error(o(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,kc(e,Us,Hs),rc(e,Ke()),null}function uc(e,t){var n=Ds;Ds|=1;try{return e(t)}finally{0===(Ds=n)&&(qs=Ke()+500,Fr&&$r())}}function dc(e){null!==Qs&&0===Qs.tag&&0==(6&Ds)&&Lc();var t=Ds;Ds|=1;var n=As.transition,a=vt;try{if(As.transition=null,vt=1,e)return e()}finally{vt=a,As.transition=n,0==(6&(Ds=t))&&$r()}}function pc(){js=zs.current,_r(zs)}function fc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,rr(n)),null!==Is)for(n=Is.return;null!==n;){var a=n;switch(to(a),a.tag){case 1:null!=(a=a.type.childContextTypes)&&jr();break;case 3:oi(),_r(Dr),_r(Ar),di();break;case 5:li(a);break;case 4:oi();break;case 13:case 19:_r(si);break;case 10:Lo(a.type._context);break;case 22:case 23:pc()}n=n.return}if(Es=e,Is=e=zc(e.current,null),Ts=js=t,Rs=0,Ns=null,Fs=Ms=Os=0,Us=Bs=null,null!==Po){for(t=0;t<Po.length;t++)if(null!==(a=(n=Po[t]).interleaved)){n.interleaved=null;var r=a.next,o=n.pending;if(null!==o){var i=o.next;o.next=r,a.next=i}n.pending=a}Po=null}return e}function gc(e,t){for(;;){var n=Is;try{if(ko(),pi.current=il,yi){for(var a=mi.memoizedState;null!==a;){var r=a.queue;null!==r&&(r.pending=null),a=a.next}yi=!1}if(gi=0,bi=hi=mi=null,vi=!1,wi=0,Ps.current=null,null===n||null===n.return){Rs=1,Ns=t,Is=null;break}e:{var i=e,l=n.return,s=n,c=t;if(t=Ts,s.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=s,p=d.tag;if(0==(1&d.mode)&&(0===p||11===p||15===p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var g=bl(l);if(null!==g){g.flags&=-257,yl(g,l,s,0,t),1&g.mode&&hl(i,u,t),c=u;var m=(t=g).updateQueue;if(null===m){var h=new Set;h.add(c),t.updateQueue=h}else m.add(c);break e}if(0==(1&t)){hl(i,u,t),hc();break e}c=Error(o(426))}else if(ro&&1&s.mode){var b=bl(l);if(null!==b){0==(65536&b.flags)&&(b.flags|=256),yl(b,l,s,0,t),mo(ul(c,s));break e}}i=c=ul(c,s),4!==Rs&&(Rs=2),null===Bs?Bs=[i]:Bs.push(i),i=l;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,Oo(i,gl(0,c,t));break e;case 1:s=c;var y=i.type,v=i.stateNode;if(0==(128&i.flags)&&("function"==typeof y.getDerivedStateFromError||null!==v&&"function"==typeof v.componentDidCatch&&(null===Vs||!Vs.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,Oo(i,ml(i,s,t));break e}}i=i.return}while(null!==i)}xc(n)}catch(w){t=w,Is===n&&null!==n&&(Is=n=n.return);continue}break}}function mc(){var e=Cs.current;return Cs.current=il,null===e?il:e}function hc(){0!==Rs&&3!==Rs&&2!==Rs||(Rs=4),null===Es||0==(268435455&Os)&&0==(268435455&Ms)||sc(Es,Ts)}function bc(e,t){var n=Ds;Ds|=2;var a=mc();for(Es===e&&Ts===t||(Hs=null,fc(e,t));;)try{yc();break}catch(r){gc(e,r)}if(ko(),Ds=n,Cs.current=a,null!==Is)throw Error(o(261));return Es=null,Ts=0,Rs}function yc(){for(;null!==Is;)wc(Is)}function vc(){for(;null!==Is&&!Qe();)wc(Is)}function wc(e){var t=Ss(e.alternate,e,js);e.memoizedProps=e.pendingProps,null===t?xc(e):Is=t,Ps.current=null}function xc(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(32768&t.flags)){if(null!==(n=Wl(n,t,js)))return void(Is=n)}else{if(null!==(n=Ql(n,t)))return n.flags&=32767,void(Is=n);if(null===e)return Rs=6,void(Is=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}if(null!==(t=t.sibling))return void(Is=t);Is=t=e}while(null!==t);0===Rs&&(Rs=5)}function kc(e,t,n){var a=vt,r=As.transition;try{As.transition=null,vt=1,function(e,t,n,a){do{Lc()}while(null!==Qs);if(0!=(6&Ds))throw Error(o(327));n=e.finishedWork;var r=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(o(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var a=e.eventTimes;for(e=e.expirationTimes;0<n;){var r=31-it(n),o=1<<r;t[r]=0,a[r]=-1,e[r]=-1,n&=~o}}(e,i),e===Es&&(Is=Es=null,Ts=0),0==(2064&n.subtreeFlags)&&0==(2064&n.flags)||Ws||(Ws=!0,Ec(tt,(function(){return Lc(),null}))),i=0!=(15990&n.flags),0!=(15990&n.subtreeFlags)||i){i=As.transition,As.transition=null;var l=vt;vt=1;var s=Ds;Ds|=4,Ps.current=null,function(e,t){if(er=Ht,fa(e=pa())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var a=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(a&&0!==a.rangeCount){n=a.anchorNode;var r=a.anchorOffset,i=a.focusNode;a=a.focusOffset;try{n.nodeType,i.nodeType}catch(x){n=null;break e}var l=0,s=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var g;p!==n||0!==r&&3!==p.nodeType||(s=l+r),p!==i||0!==a&&3!==p.nodeType||(c=l+a),3===p.nodeType&&(l+=p.nodeValue.length),null!==(g=p.firstChild);)f=p,p=g;for(;;){if(p===e)break t;if(f===n&&++u===r&&(s=l),f===i&&++d===a&&(c=l),null!==(g=p.nextSibling))break;f=(p=f).parentNode}p=g}n=-1===s||-1===c?null:{start:s,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(tr={focusedElem:e,selectionRange:n},Ht=!1,Jl=t;null!==Jl;)if(e=(t=Jl).child,0!=(1028&t.subtreeFlags)&&null!==e)e.return=t,Jl=e;else for(;null!==Jl;){t=Jl;try{var m=t.alternate;if(0!=(1024&t.flags))switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==m){var h=m.memoizedProps,b=m.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?h:bo(t.type,h),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(o(163))}}catch(x){_c(t,t.return,x)}if(null!==(e=t.sibling)){e.return=t.return,Jl=e;break}Jl=t.return}m=ns,ns=!1}(e,n),bs(n,e),ga(tr),Ht=!!er,tr=er=null,e.current=n,vs(n,e,r),Ye(),Ds=s,vt=l,As.transition=i}else e.current=n;if(Ws&&(Ws=!1,Qs=e,Ys=r),i=e.pendingLanes,0===i&&(Vs=null),function(e){if(ot&&"function"==typeof ot.onCommitFiberRoot)try{ot.onCommitFiberRoot(rt,e,void 0,128==(128&e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ke()),null!==t)for(a=e.onRecoverableError,n=0;n<t.length;n++)r=t[n],a(r.value,{componentStack:r.stack,digest:r.digest});if(Gs)throw Gs=!1,e=Zs,Zs=null,e;0!=(1&Ys)&&0!==e.tag&&Lc(),i=e.pendingLanes,0!=(1&i)?e===Xs?Ks++:(Ks=0,Xs=e):Ks=0,$r()}(e,t,n,a)}finally{As.transition=r,vt=a}return null}function Lc(){if(null!==Qs){var e=wt(Ys),t=As.transition,n=vt;try{if(As.transition=null,vt=16>e?16:e,null===Qs)var a=!1;else{if(e=Qs,Qs=null,Ys=0,0!=(6&Ds))throw Error(o(331));var r=Ds;for(Ds|=4,Jl=e.current;null!==Jl;){var i=Jl,l=i.child;if(0!=(16&Jl.flags)){var s=i.deletions;if(null!==s){for(var c=0;c<s.length;c++){var u=s[c];for(Jl=u;null!==Jl;){var d=Jl;switch(d.tag){case 0:case 11:case 15:as(8,d,i)}var p=d.child;if(null!==p)p.return=d,Jl=p;else for(;null!==Jl;){var f=(d=Jl).sibling,g=d.return;if(is(d),d===u){Jl=null;break}if(null!==f){f.return=g,Jl=f;break}Jl=g}}}var m=i.alternate;if(null!==m){var h=m.child;if(null!==h){m.child=null;do{var b=h.sibling;h.sibling=null,h=b}while(null!==h)}}Jl=i}}if(0!=(2064&i.subtreeFlags)&&null!==l)l.return=i,Jl=l;else e:for(;null!==Jl;){if(0!=(2048&(i=Jl).flags))switch(i.tag){case 0:case 11:case 15:as(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Jl=y;break e}Jl=i.return}}var v=e.current;for(Jl=v;null!==Jl;){var w=(l=Jl).child;if(0!=(2064&l.subtreeFlags)&&null!==w)w.return=l,Jl=w;else e:for(l=v;null!==Jl;){if(0!=(2048&(s=Jl).flags))try{switch(s.tag){case 0:case 11:case 15:rs(9,s)}}catch(k){_c(s,s.return,k)}if(s===l){Jl=null;break e}var x=s.sibling;if(null!==x){x.return=s.return,Jl=x;break e}Jl=s.return}}if(Ds=r,$r(),ot&&"function"==typeof ot.onPostCommitFiberRoot)try{ot.onPostCommitFiberRoot(rt,e)}catch(k){}a=!0}return a}finally{vt=n,As.transition=t}}return!1}function Sc(e,t,n){e=Ro(e,t=gl(0,t=ul(n,t),1),1),t=tc(),null!==e&&(bt(e,1,t),rc(e,t))}function _c(e,t,n){if(3===e.tag)Sc(e,e,n);else for(;null!==t;){if(3===t.tag){Sc(t,e,n);break}if(1===t.tag){var a=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof a.componentDidCatch&&(null===Vs||!Vs.has(a))){t=Ro(t,e=ml(t,e=ul(n,e),1),1),e=tc(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function Cc(e,t,n){var a=e.pingCache;null!==a&&a.delete(t),t=tc(),e.pingedLanes|=e.suspendedLanes&n,Es===e&&(Ts&n)===n&&(4===Rs||3===Rs&&(130023424&Ts)===Ts&&500>Ke()-$s?fc(e,0):Fs|=n),rc(e,t)}function Pc(e,t){0===t&&(0==(1&e.mode)?t=1:(t=ut,0==(130023424&(ut<<=1))&&(ut=4194304)));var n=tc();null!==(e=Eo(e,t))&&(bt(e,t,n),rc(e,n))}function Ac(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Pc(e,n)}function Dc(e,t){var n=0;switch(e.tag){case 13:var a=e.stateNode,r=e.memoizedState;null!==r&&(n=r.retryLane);break;case 19:a=e.stateNode;break;default:throw Error(o(314))}null!==a&&a.delete(t),Pc(e,n)}function Ec(e,t){return Ve(e,t)}function Ic(e,t,n,a){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Tc(e,t,n,a){return new Ic(e,t,n,a)}function jc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function zc(e,t){var n=e.alternate;return null===n?((n=Tc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Rc(e,t,n,a,r,i){var l=2;if(a=e,"function"==typeof e)jc(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case L:return Nc(n.children,r,i,t);case S:l=8,r|=8;break;case _:return(e=Tc(12,n,t,2|r)).elementType=_,e.lanes=i,e;case D:return(e=Tc(13,n,t,r)).elementType=D,e.lanes=i,e;case E:return(e=Tc(19,n,t,r)).elementType=E,e.lanes=i,e;case j:return Oc(n,r,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:l=10;break e;case P:l=9;break e;case A:l=11;break e;case I:l=14;break e;case T:l=16,a=null;break e}throw Error(o(130,null==e?e:typeof e,""))}return(t=Tc(l,n,t,r)).elementType=e,t.type=a,t.lanes=i,t}function Nc(e,t,n,a){return(e=Tc(7,e,a,t)).lanes=n,e}function Oc(e,t,n,a){return(e=Tc(22,e,a,t)).elementType=j,e.lanes=n,e.stateNode={isHidden:!1},e}function Mc(e,t,n){return(e=Tc(6,e,null,t)).lanes=n,e}function Fc(e,t,n){return(t=Tc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Bc(e,t,n,a,r){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ht(0),this.expirationTimes=ht(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ht(0),this.identifierPrefix=a,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Uc(e,t,n,a,r,o,i,l,s){return e=new Bc(e,t,n,l,s),1===t?(t=1,!0===o&&(t|=8)):t=0,o=Tc(3,null,null,t),e.current=o,o.stateNode=e,o.memoizedState={element:a,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},To(o),e}function $c(e){if(!e)return Pr;e:{if($e(e=e._reactInternals)!==e||1!==e.tag)throw Error(o(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Tr(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(o(171))}if(1===e.tag){var n=e.type;if(Tr(n))return Rr(e,n,t)}return t}function qc(e,t,n,a,r,o,i,l,s){return(e=Uc(n,a,!0,e,0,o,0,l,s)).context=$c(null),n=e.current,(o=zo(a=tc(),r=nc(n))).callback=null!=t?t:null,Ro(n,o,r),e.current.lanes=r,bt(e,r,a),rc(e,a),e}function Hc(e,t,n,a){var r=t.current,o=tc(),i=nc(r);return n=$c(n),null===t.context?t.context=n:t.pendingContext=n,(t=zo(o,i)).payload={element:e},null!==(a=void 0===a?null:a)&&(t.callback=a),null!==(e=Ro(r,t,i))&&(ac(e,r,i,o),No(e,r,i)),i}function Gc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Zc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Vc(e,t){Zc(e,t),(e=e.alternate)&&Zc(e,t)}Ss=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||Dr.current)wl=!0;else{if(0==(e.lanes&n)&&0==(128&t.flags))return wl=!1,function(e,t,n){switch(t.tag){case 3:El(t),go();break;case 5:ii(t);break;case 1:Tr(t.type)&&Nr(t);break;case 4:ri(t,t.stateNode.containerInfo);break;case 10:var a=t.type._context,r=t.memoizedProps.value;Cr(yo,a._currentValue),a._currentValue=r;break;case 13:if(null!==(a=t.memoizedState))return null!==a.dehydrated?(Cr(si,1&si.current),t.flags|=128,null):0!=(n&t.child.childLanes)?Ml(e,t,n):(Cr(si,1&si.current),null!==(e=Gl(e,t,n))?e.sibling:null);Cr(si,1&si.current);break;case 19:if(a=0!=(n&t.childLanes),0!=(128&e.flags)){if(a)return ql(e,t,n);t.flags|=128}if(null!==(r=t.memoizedState)&&(r.rendering=null,r.tail=null,r.lastEffect=null),Cr(si,si.current),a)break;return null;case 22:case 23:return t.lanes=0,_l(e,t,n)}return Gl(e,t,n)}(e,t,n);wl=0!=(131072&e.flags)}else wl=!1,ro&&0!=(1048576&t.flags)&&Jr(t,Zr,t.index);switch(t.lanes=0,t.tag){case 2:var a=t.type;Hl(e,t),e=t.pendingProps;var r=Ir(t,Ar.current);_o(t,n),r=Si(null,t,a,e,r,n);var i=_i();return t.flags|=1,"object"==typeof r&&null!==r&&"function"==typeof r.render&&void 0===r.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Tr(a)?(i=!0,Nr(t)):i=!1,t.memoizedState=null!==r.state&&void 0!==r.state?r.state:null,To(t),r.updater=$o,t.stateNode=r,r._reactInternals=t,Zo(t,a,e,n),t=Dl(null,t,a,!0,i,n)):(t.tag=0,ro&&i&&eo(t),xl(null,t,r,n),t=t.child),t;case 16:a=t.elementType;e:{switch(Hl(e,t),e=t.pendingProps,a=(r=a._init)(a._payload),t.type=a,r=t.tag=function(e){if("function"==typeof e)return jc(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===I)return 14}return 2}(a),e=bo(a,e),r){case 0:t=Pl(null,t,a,e,n);break e;case 1:t=Al(null,t,a,e,n);break e;case 11:t=kl(null,t,a,e,n);break e;case 14:t=Ll(null,t,a,bo(a.type,e),n);break e}throw Error(o(306,a,""))}return t;case 0:return a=t.type,r=t.pendingProps,Pl(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 1:return a=t.type,r=t.pendingProps,Al(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 3:e:{if(El(t),null===e)throw Error(o(387));a=t.pendingProps,r=(i=t.memoizedState).element,jo(e,t),Mo(t,a,null,n);var l=t.memoizedState;if(a=l.element,i.isDehydrated){if(i={element:a,isDehydrated:!1,cache:l.cache,pendingSuspenseBoundaries:l.pendingSuspenseBoundaries,transitions:l.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Il(e,t,a,n,r=ul(Error(o(423)),t));break e}if(a!==r){t=Il(e,t,a,n,r=ul(Error(o(424)),t));break e}for(ao=cr(t.stateNode.containerInfo.firstChild),no=t,ro=!0,oo=null,n=Xo(t,null,a,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(go(),a===r){t=Gl(e,t,n);break e}xl(e,t,a,n)}t=t.child}return t;case 5:return ii(t),null===e&&co(t),a=t.type,r=t.pendingProps,i=null!==e?e.memoizedProps:null,l=r.children,nr(a,r)?l=null:null!==i&&nr(a,i)&&(t.flags|=32),Cl(e,t),xl(e,t,l,n),t.child;case 6:return null===e&&co(t),null;case 13:return Ml(e,t,n);case 4:return ri(t,t.stateNode.containerInfo),a=t.pendingProps,null===e?t.child=Ko(t,null,a,n):xl(e,t,a,n),t.child;case 11:return a=t.type,r=t.pendingProps,kl(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 7:return xl(e,t,t.pendingProps,n),t.child;case 8:case 12:return xl(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(a=t.type._context,r=t.pendingProps,i=t.memoizedProps,l=r.value,Cr(yo,a._currentValue),a._currentValue=l,null!==i)if(la(i.value,l)){if(i.children===r.children&&!Dr.current){t=Gl(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var s=i.dependencies;if(null!==s){l=i.child;for(var c=s.firstContext;null!==c;){if(c.context===a){if(1===i.tag){(c=zo(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),So(i.return,n,t),s.lanes|=n;break}c=c.next}}else if(10===i.tag)l=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(l=i.return))throw Error(o(341));l.lanes|=n,null!==(s=l.alternate)&&(s.lanes|=n),So(l,n,t),l=i.sibling}else l=i.child;if(null!==l)l.return=i;else for(l=i;null!==l;){if(l===t){l=null;break}if(null!==(i=l.sibling)){i.return=l.return,l=i;break}l=l.return}i=l}xl(e,t,r.children,n),t=t.child}return t;case 9:return r=t.type,a=t.pendingProps.children,_o(t,n),a=a(r=Co(r)),t.flags|=1,xl(e,t,a,n),t.child;case 14:return r=bo(a=t.type,t.pendingProps),Ll(e,t,a,r=bo(a.type,r),n);case 15:return Sl(e,t,t.type,t.pendingProps,n);case 17:return a=t.type,r=t.pendingProps,r=t.elementType===a?r:bo(a,r),Hl(e,t),t.tag=1,Tr(a)?(e=!0,Nr(t)):e=!1,_o(t,n),Ho(t,a,r),Zo(t,a,r,n),Dl(null,t,a,!0,e,n);case 19:return ql(e,t,n);case 22:return _l(e,t,n)}throw Error(o(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Qc(e){this._internalRoot=e}function Yc(e){this._internalRoot=e}function Kc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Xc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function eu(e,t,n,a,r){var o=n._reactRootContainer;if(o){var i=o;if("function"==typeof r){var l=r;r=function(){var e=Gc(i);l.call(e)}}Hc(t,i,e,r)}else i=function(e,t,n,a,r){if(r){if("function"==typeof a){var o=a;a=function(){var e=Gc(i);o.call(e)}}var i=qc(t,a,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[gr]=i.current,$a(8===e.nodeType?e.parentNode:e),dc(),i}for(;r=e.lastChild;)e.removeChild(r);if("function"==typeof a){var l=a;a=function(){var e=Gc(s);l.call(e)}}var s=Uc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=s,e[gr]=s.current,$a(8===e.nodeType?e.parentNode:e),dc((function(){Hc(t,s,n,a)})),s}(n,t,e,r,a);return Gc(i)}Yc.prototype.render=Qc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(o(409));Hc(e,t,null,null)},Yc.prototype.unmount=Qc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;dc((function(){Hc(null,e,null,null)})),t[gr]=null}},Yc.prototype.unstable_scheduleHydration=function(e){if(e){var t=St();e={blockedOn:null,target:e,priority:t};for(var n=0;n<jt.length&&0!==t&&t<jt[n].priority;n++);jt.splice(n,0,e),0===n&&Ot(e)}},xt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ke()),0==(6&Ds)&&(qs=Ke()+500,$r()))}break;case 13:dc((function(){var t=Eo(e,1);if(null!==t){var n=tc();ac(t,e,1,n)}})),Vc(e,1)}},kt=function(e){if(13===e.tag){var t=Eo(e,134217728);if(null!==t)ac(t,e,134217728,tc());Vc(e,134217728)}},Lt=function(e){if(13===e.tag){var t=nc(e),n=Eo(e,t);if(null!==n)ac(n,e,t,tc());Vc(e,t)}},St=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},ke=function(e,t,n){switch(t){case"input":if(X(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var a=n[t];if(a!==e&&a.form===e.form){var r=xr(a);if(!r)throw Error(o(90));V(a),X(a,r)}}}break;case"textarea":oe(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Ae=uc,De=dc;var tu={usingClientEntryPoint:!1,Events:[vr,wr,xr,Ce,Pe,uc]},nu={findFiberByHostInstance:yr,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},au={bundleType:nu.bundleType,version:nu.version,rendererPackageName:nu.rendererPackageName,rendererConfig:nu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ge(e))?null:e.stateNode},findFiberByHostInstance:nu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0-next-9e3b772b8-20220608"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{rt=ru.inject(au),ot=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=tu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Kc(t))throw Error(o(200));return function(e,t,n){var a=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:k,key:null==a?null:""+a,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Kc(e))throw Error(o(299));var n=!1,a="",r=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(a=t.identifierPrefix),void 0!==t.onRecoverableError&&(r=t.onRecoverableError)),t=Uc(e,1,!1,null,0,n,0,a,r),e[gr]=t.current,$a(8===e.nodeType?e.parentNode:e),new Qc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(o(188));throw e=Object.keys(e).join(","),Error(o(268,e))}return e=null===(e=Ge(t))?null:e.stateNode},t.flushSync=function(e){return dc(e)},t.hydrate=function(e,t,n){if(!Xc(t))throw Error(o(200));return eu(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Kc(e))throw Error(o(405));var a=null!=n&&n.hydratedSources||null,r=!1,i="",l=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(r=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(l=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,r,0,i,l),e[gr]=t.current,$a(e),a)for(e=0;e<a.length;e++)r=(r=(n=a[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,r]:t.mutableSourceEagerHydrationData.push(n,r);return new Yc(t)},t.render=function(e,t,n){if(!Xc(t))throw Error(o(200));return eu(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Xc(e))throw Error(o(40));return!!e._reactRootContainer&&(dc((function(){eu(null,null,e,!1,(function(){e._reactRootContainer=null,e[gr]=null}))})),!0)},t.unstable_batchedUpdates=uc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,a){if(!Xc(n))throw Error(o(200));if(null==e||void 0===e._reactInternals)throw Error(o(38));return eu(e,t,n,!1,a)},t.version="18.2.0-next-9e3b772b8-20220608"},4478:(e,t,n)=>{"use strict";var a=n(422);t.createRoot=a.createRoot,t.hydrateRoot=a.hydrateRoot},422:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(3746)},5154:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,a="function"==typeof Set,r="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function o(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var l,s,c,u;if(Array.isArray(e)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(!o(e[s],i[s]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;for(u=e.entries();!(s=u.next()).done;)if(!o(s.value[1],i.get(s.value[0])))return!1;return!0}if(a&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;return!0}if(r&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(e[s]!==i[s])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((l=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(i,c[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==c[s]&&"__v"!==c[s]&&"__o"!==c[s]||!e.$$typeof)&&!o(e[c[s]],i[c[s]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return o(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},387:(e,t,n)=>{"use strict";n.d(t,{B6:()=>G,ql:()=>J});var a=n(959),r=n(507),o=n.n(r),i=n(5154),l=n.n(i),s=n(3670),c=n.n(s),u=n(631),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,g(e,t)}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function m(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)t.indexOf(n=o[a])>=0||(r[n]=e[n]);return r}var h={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(h).map((function(e){return h[e]})),x={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},k=Object.keys(x).reduce((function(e,t){return e[x[t]]=t,e}),{}),L=function(e,t){for(var n=e.length-1;n>=0;n-=1){var a=e[n];if(Object.prototype.hasOwnProperty.call(a,t))return a[t]}return null},S=function(e){var t=L(e,h.TITLE),n=L(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var a=L(e,"defaultTitle");return t||a||void 0},_=function(e){return L(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},P=function(e,t){return t.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var a=Object.keys(n),r=0;r<a.length;r+=1){var o=a[r].toLowerCase();if(-1!==e.indexOf(o)&&n[o])return t.concat(n)}return t}),[])},A=function(e,t,n){var a={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var r={};n.filter((function(e){for(var n,o=Object.keys(e),i=0;i<o.length;i+=1){var l=o[i],s=l.toLowerCase();-1===t.indexOf(s)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===s&&"stylesheet"===e[s].toLowerCase()||(n=s),-1===t.indexOf(l)||"innerHTML"!==l&&"cssText"!==l&&"itemprop"!==l||(n=l)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return a[n]||(a[n]={}),r[n]||(r[n]={}),!a[n][c]&&(r[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var o=Object.keys(r),i=0;i<o.length;i+=1){var l=o[i],s=p({},a[l],r[l]);a[l]=s}return e}),[]).reverse()},D=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},E=function(e){return Array.isArray(e)?e.join(""):e},I=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),a=0;a<n.length;a+=1)if(t[n[a]]&&t[n[a]].includes(e[n[a]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},T=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},j=[h.NOSCRIPT,h.SCRIPT,h.STYLE],z=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},R=function(e){return Object.keys(e).reduce((function(t,n){var a=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+a:a}),"")},N=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[x[n]||n]=e[n],t}),t)},O=function(e,t){return t.map((function(t,n){var r,o=((r={key:n})["data-rh"]=!0,r);return Object.keys(t).forEach((function(e){var n=x[e]||e;"innerHTML"===n||"cssText"===n?o.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:o[n]=t[e]})),a.createElement(e,o)}))},M=function(e,t,n){switch(e){case h.TITLE:return{toComponent:function(){return n=t.titleAttributes,(r={key:e=t.title})["data-rh"]=!0,o=N(n,r),[a.createElement(h.TITLE,o,e)];var e,n,r,o},toString:function(){return function(e,t,n,a){var r=R(n),o=E(t);return r?"<"+e+' data-rh="true" '+r+">"+z(o,a)+"</"+e+">":"<"+e+' data-rh="true">'+z(o,a)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return N(t)},toString:function(){return R(t)}};default:return{toComponent:function(){return O(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,a){var r=Object.keys(a).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var r=void 0===a[t]?t:t+'="'+z(a[t],n)+'"';return e?e+" "+r:r}),""),o=a.innerHTML||a.cssText||"",i=-1===j.indexOf(e);return t+"<"+e+' data-rh="true" '+r+(i?"/>":">"+o+"</"+e+">")}),"")}(e,t,n)}}}},F=function(e){var t=e.baseTag,n=e.bodyAttributes,a=e.encode,r=e.htmlAttributes,o=e.noscriptTags,i=e.styleTags,l=e.title,s=void 0===l?"":l,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var g=function(e){var t=e.linkTags,n=e.scriptTags,a=e.encode,r=I(e.metaTags,v),o=I(t,b),i=I(n,y);return{priorityMethods:{toComponent:function(){return[].concat(O(h.META,r.priority),O(h.LINK,o.priority),O(h.SCRIPT,i.priority))},toString:function(){return M(h.META,r.priority,a)+" "+M(h.LINK,o.priority,a)+" "+M(h.SCRIPT,i.priority,a)}},metaTags:r.default,linkTags:o.default,scriptTags:i.default}}(e);f=g.priorityMethods,u=g.linkTags,d=g.metaTags,p=g.scriptTags}return{priority:f,base:M(h.BASE,t,a),bodyAttributes:M("bodyAttributes",n,a),htmlAttributes:M("htmlAttributes",r,a),link:M(h.LINK,u,a),meta:M(h.META,d,a),noscript:M(h.NOSCRIPT,o,a),script:M(h.SCRIPT,p,a),style:M(h.STYLE,i,a),title:M(h.TITLE,{title:s,titleAttributes:c},a)}},B=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=F({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},$=a.createContext({}),q=o().shape({setHelmet:o().func,helmetInstances:o().shape({get:o().func,add:o().func,remove:o().func})}),H="undefined"!=typeof document,G=function(e){function t(n){var a;return(a=e.call(this,n)||this).helmetData=new U(a.props.context,t.canUseDOM),a}return f(t,e),t.prototype.render=function(){return a.createElement($.Provider,{value:this.helmetData.value},this.props.children)},t}(a.Component);G.canUseDOM=H,G.propTypes={context:o().shape({helmet:o().shape()}),children:o().node.isRequired},G.defaultProps={context:{}},G.displayName="HelmetProvider";var Z=function(e,t){var n,a=document.head||document.querySelector(h.HEAD),r=a.querySelectorAll(e+"[data-rh]"),o=[].slice.call(r),i=[];return t&&t.length&&t.forEach((function(t){var a=document.createElement(e);for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&("innerHTML"===r?a.innerHTML=t.innerHTML:"cssText"===r?a.styleSheet?a.styleSheet.cssText=t.cssText:a.appendChild(document.createTextNode(t.cssText)):a.setAttribute(r,void 0===t[r]?"":t[r]));a.setAttribute("data-rh","true"),o.some((function(e,t){return n=t,a.isEqualNode(e)}))?o.splice(n,1):i.push(a)})),o.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return a.appendChild(e)})),{oldTags:o,newTags:i}},V=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var a=n.getAttribute("data-rh"),r=a?a.split(","):[],o=[].concat(r),i=Object.keys(t),l=0;l<i.length;l+=1){var s=i[l],c=t[s]||"";n.getAttribute(s)!==c&&n.setAttribute(s,c),-1===r.indexOf(s)&&r.push(s);var u=o.indexOf(s);-1!==u&&o.splice(u,1)}for(var d=o.length-1;d>=0;d-=1)n.removeAttribute(o[d]);r.length===o.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},W=function(e,t){var n=e.baseTag,a=e.htmlAttributes,r=e.linkTags,o=e.metaTags,i=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;V(h.BODY,e.bodyAttributes),V(h.HTML,a),function(e,t){void 0!==e&&document.title!==e&&(document.title=E(e)),V(h.TITLE,t)}(u,d);var p={baseTag:Z(h.BASE,n),linkTags:Z(h.LINK,r),metaTags:Z(h.META,o),noscriptTags:Z(h.NOSCRIPT,i),scriptTags:Z(h.SCRIPT,s),styleTags:Z(h.STYLE,c)},f={},g={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,a=t.oldTags;n.length&&(f[e]=n),a.length&&(g[e]=p[e].oldTags)})),t&&t(),l(e,f,g)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(t=e.call.apply(e,[this].concat(a))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,a=n.setHelmet,r=null,o=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:P(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:L(e,"defer"),encode:L(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:A(h.LINK,["rel","href"],e),metaTags:A(h.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:A(h.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:A(h.SCRIPT,["src","innerHTML"],e),styleTags:A(h.STYLE,["cssText"],e),title:S(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:D(e,"prioritizeSeoTags")});G.canUseDOM?(t=o,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){W(t,(function(){Q=null}))})):(W(t),Q=null)):F&&(r=F(o)),a(r)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(a.Component);Y.propTypes={context:q.isRequired},Y.displayName="HelmetDispatcher";var K=["children"],X=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!l()(T(this.props,"helmetData"),T(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case h.SCRIPT:case h.NOSCRIPT:return{innerHTML:t};case h.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,a=e.arrayTypeChildren;return p({},a,((t={})[n.type]=[].concat(a[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,a=e.child,r=e.newProps,o=e.newChildProps,i=e.nestedChildren;switch(a.type){case h.TITLE:return p({},r,((t={})[a.type]=i,t.titleAttributes=p({},o),t));case h.BODY:return p({},r,{bodyAttributes:p({},o)});case h.HTML:return p({},r,{htmlAttributes:p({},o)});default:return p({},r,((n={})[a.type]=p({},o),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var a;n=p({},n,((a={})[t]=e[t],a))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,r={};return a.Children.forEach(e,(function(e){if(e&&e.props){var a=e.props,o=a.children,i=m(a,K),l=Object.keys(i).reduce((function(e,t){return e[k[t]||t]=i[t],e}),{}),s=e.type;switch("symbol"==typeof s?s=s.toString():n.warnOnInvalidChildren(e,o),s){case h.FRAGMENT:t=n.mapChildrenToProps(o,t);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:r=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:l,nestedChildren:o});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:l,nestedChildren:o})}}})),this.mapArrayTypeChildrenToProps(r,t)},n.render=function(){var e=this.props,t=e.children,n=m(e,X),r=p({},n),o=n.helmetData;return t&&(r=this.mapChildrenToProps(t,r)),!o||o instanceof U||(o=new U(o.context,o.instances)),o?a.createElement(Y,p({},r,{context:o.value,helmetData:void 0})):a.createElement($.Consumer,null,(function(e){return a.createElement(Y,p({},r,{context:e}))}))},t}(a.Component);J.propTypes={base:o().object,bodyAttributes:o().object,children:o().oneOfType([o().arrayOf(o().node),o().node]),defaultTitle:o().string,defer:o().bool,encodeSpecialCharacters:o().bool,htmlAttributes:o().object,link:o().arrayOf(o().object),meta:o().arrayOf(o().object),noscript:o().arrayOf(o().object),onChangeClientState:o().func,script:o().arrayOf(o().object),style:o().arrayOf(o().object),title:o().string,titleAttributes:o().object,titleTemplate:o().string,prioritizeSeoTags:o().bool,helmetData:o().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},198:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,a=n?Symbol.for("react.element"):60103,r=n?Symbol.for("react.portal"):60106,o=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,g=n?Symbol.for("react.suspense_list"):60120,m=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function x(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case u:case d:case o:case l:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case m:case s:return e;default:return t}}case r:return t}}}function k(e){return x(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=s,t.Element=a,t.ForwardRef=p,t.Fragment=o,t.Lazy=h,t.Memo=m,t.Portal=r,t.Profiler=l,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return k(e)||x(e)===u},t.isConcurrentMode=k,t.isContextConsumer=function(e){return x(e)===c},t.isContextProvider=function(e){return x(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return x(e)===p},t.isFragment=function(e){return x(e)===o},t.isLazy=function(e){return x(e)===h},t.isMemo=function(e){return x(e)===m},t.isPortal=function(e){return x(e)===r},t.isProfiler=function(e){return x(e)===l},t.isStrictMode=function(e){return x(e)===i},t.isSuspense=function(e){return x(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===d||e===l||e===i||e===f||e===g||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=x},6237:(e,t,n)=>{"use strict";e.exports=n(198)},9500:(e,t,n)=>{"use strict";n.d(t,{OL:()=>v,VK:()=>u,rU:()=>h});var a=n(8903),r=n(2666),o=n(959),i=n(4047),l=n(6920),s=n(3804),c=n(8624),u=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(t=e.call.apply(e,[this].concat(a))||this).history=(0,i.lX)(t.props),t}return(0,r.Z)(t,e),t.prototype.render=function(){return o.createElement(a.F0,{history:this.history,children:this.props.children})},t}(o.Component);o.Component;var d=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},f=function(e){return e},g=o.forwardRef;void 0===g&&(g=f);var m=g((function(e,t){var n=e.innerRef,a=e.navigate,r=e.onClick,i=(0,s.Z)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,l.Z)({},i,{onClick:function(e){try{r&&r(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),a())}});return u.ref=f!==g&&t||n,o.createElement("a",u)}));var h=g((function(e,t){var n=e.component,r=void 0===n?m:n,u=e.replace,h=e.to,b=e.innerRef,y=(0,s.Z)(e,["component","replace","to","innerRef"]);return o.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=e.history,a=p(d(h,e.location),e.location),s=a?n.createHref(a):"",m=(0,l.Z)({},y,{href:s,navigate:function(){var t=d(h,e.location),a=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(u||a?n.replace:n.push)(t)}});return f!==g?m.ref=t||b:m.innerRef=b,o.createElement(r,m)}))})),b=function(e){return e},y=o.forwardRef;void 0===y&&(y=b);var v=y((function(e,t){var n=e["aria-current"],r=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,g=e.className,m=e.exact,v=e.isActive,w=e.location,x=e.sensitive,k=e.strict,L=e.style,S=e.to,_=e.innerRef,C=(0,s.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return o.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=w||e.location,i=p(d(S,n),n),s=i.pathname,P=s&&s.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=P?(0,a.LX)(n.pathname,{path:P,exact:m,sensitive:x,strict:k}):null,D=!!(v?v(A,n):A),E="function"==typeof g?g(D):g,I="function"==typeof L?L(D):L;D&&(E=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(E,u),I=(0,l.Z)({},I,f));var T=(0,l.Z)({"aria-current":D&&r||null,className:E,style:I,to:i},C);return b!==y?T.ref=t||_:T.innerRef=_,o.createElement(h,T)}))}))},8903:(e,t,n)=>{"use strict";n.d(t,{AW:()=>S,F0:()=>v,LX:()=>L,TH:()=>j,k6:()=>T,rs:()=>E,s6:()=>y});var a=n(2666),r=n(959),o=n(507),i=n.n(o),l=n(4047),s=n(8624),c=n(6920),u=n(7720),d=n.n(u),p=(n(6237),n(3804)),f=(n(2535),1073741823),g="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var m=r.createContext||function(e,t){var n,o,l="__create-react-context-"+function(){var e="__global_unique_id__";return g[e]=(g[e]||0)+1}()+"__",s=function(e){function n(){for(var t,n,a,r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];return(t=e.call.apply(e,[this].concat(o))||this).emitter=(n=t.props.value,a=[],{on:function(e){a.push(e)},off:function(e){a=a.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,a.forEach((function(e){return e(n,t)}))}}),t}(0,a.Z)(n,e);var r=n.prototype;return r.getChildContext=function(){var e;return(e={})[l]=this.emitter,e},r.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,a=this.props.value,r=e.value;((o=a)===(i=r)?0!==o||1/o==1/i:o!=o&&i!=i)?n=0:(n="function"==typeof t?t(a,r):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var o,i},r.render=function(){return this.props.children},n}(r.Component);s.childContextTypes=((n={})[l]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(e=t.call.apply(t,[this].concat(a))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,a.Z)(n,t);var r=n.prototype;return r.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},r.componentDidMount=function(){this.context[l]&&this.context[l].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},r.componentWillUnmount=function(){this.context[l]&&this.context[l].off(this.onUpdate)},r.getValue=function(){return this.context[l]?this.context[l].get():e},r.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(r.Component);return c.contextTypes=((o={})[l]=i().object,o),{Provider:s,Consumer:c}},h=function(e){var t=m();return t.displayName=e,t},b=h("Router-History"),y=h("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,a.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return r.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},r.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(r.Component);r.Component;r.Component;var w={},x=1e4,k=0;function L(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,a=n.path,r=n.exact,o=void 0!==r&&r,i=n.strict,l=void 0!==i&&i,s=n.sensitive,c=void 0!==s&&s;return[].concat(a).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var a=function(e,t){var n=""+t.end+t.strict+t.sensitive,a=w[n]||(w[n]={});if(a[e])return a[e];var r=[],o={regexp:d()(e,r,t),keys:r};return k<x&&(a[e]=o,k++),o}(n,{end:o,strict:l,sensitive:c}),r=a.regexp,i=a.keys,s=r.exec(e);if(!s)return null;var u=s[0],p=s.slice(1),f=e===u;return o&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var S=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n=e.props.location||t.location,a=e.props.computedMatch?e.props.computedMatch:e.props.path?L(n.pathname,e.props):t.match,o=(0,c.Z)({},t,{location:n,match:a}),i=e.props,l=i.children,u=i.component,d=i.render;return Array.isArray(l)&&function(e){return 0===r.Children.count(e)}(l)&&(l=null),r.createElement(y.Provider,{value:o},o.match?l?"function"==typeof l?l(o):l:u?r.createElement(u,o):d?d(o):null:"function"==typeof l?l(o):null)}))},t}(r.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.Z)({},t,{pathname:t.pathname.substr(n.length)})}function P(e){return"string"==typeof e?e:(0,l.Ep)(e)}function A(e){return function(){(0,s.Z)(!1)}}function D(){}r.Component;var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n,a,o=e.props.location||t.location;return r.Children.forEach(e.props.children,(function(e){if(null==a&&r.isValidElement(e)){n=e;var i=e.props.path||e.props.from;a=i?L(o.pathname,(0,c.Z)({},e.props,{path:i})):t.match}})),a?r.cloneElement(n,{location:o,computedMatch:a}):null}))},t}(r.Component);var I=r.useContext;function T(){return I(b)}function j(){return I(y).location}},3354:(e,t,n)=>{"use strict";var a=n(959),r=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var a,o={},c=null,u=null;for(a in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,a)&&!s.hasOwnProperty(a)&&(o[a]=t[a]);if(e&&e.defaultProps)for(a in t=e.defaultProps)void 0===o[a]&&(o[a]=t[a]);return{$$typeof:r,type:e,key:c,ref:u,props:o,_owner:l.current}}t.Fragment=o,t.jsx=c,t.jsxs=c},5257:(e,t)=>{"use strict";var n=Symbol.for("react.element"),a=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),s=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var g={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,h={};function b(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,m(w,b.prototype),w.isPureReactComponent=!0;var x=Array.isArray,k=Object.prototype.hasOwnProperty,L={current:null},S={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,a){var r,o={},i=null,l=null;if(null!=t)for(r in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)k.call(t,r)&&!S.hasOwnProperty(r)&&(o[r]=t[r]);var s=arguments.length-2;if(1===s)o.children=a;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];o.children=c}if(e&&e.defaultProps)for(r in s=e.defaultProps)void 0===o[r]&&(o[r]=s[r]);return{$$typeof:n,type:e,key:i,ref:l,props:o,_owner:L.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var P=/\/+/g;function A(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function D(e,t,r,o,i){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case n:case a:s=!0}}if(s)return i=i(s=e),e=""===o?"."+A(s,0):o,x(i)?(r="",null!=e&&(r=e.replace(P,"$&/")+"/"),D(i,t,r,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,r+(!i.key||s&&s.key===i.key?"":(""+i.key).replace(P,"$&/")+"/")+e)),t.push(i)),1;if(s=0,o=""===o?".":o+":",x(e))for(var c=0;c<e.length;c++){var u=o+A(l=e[c],c);s+=D(l,t,r,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(l=e.next()).done;)s+=D(l=l.value,t,r,u=o+A(l,c++),i);else if("object"===l)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return s}function E(e,t,n){if(null==e)return e;var a=[],r=0;return D(e,a,"","",(function(e){return t.call(n,e,r++)})),a}function I(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var T={current:null},j={transition:null},z={ReactCurrentDispatcher:T,ReactCurrentBatchConfig:j,ReactCurrentOwner:L};t.Children={map:E,forEach:function(e,t,n){E(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return E(e,(function(){t++})),t},toArray:function(e){return E(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=r,t.Profiler=i,t.PureComponent=v,t.StrictMode=o,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=z,t.cloneElement=function(e,t,a){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=m({},e.props),o=e.key,i=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,l=L.current),void 0!==t.key&&(o=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(c in t)k.call(t,c)&&!S.hasOwnProperty(c)&&(r[c]=void 0===t[c]&&void 0!==s?s[c]:t[c])}var c=arguments.length-2;if(1===c)r.children=a;else if(1<c){s=Array(c);for(var u=0;u<c;u++)s[u]=arguments[u+2];r.children=s}return{$$typeof:n,type:e.type,key:o,ref:i,props:r,_owner:l}},t.createContext=function(e){return(e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:l,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:I}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=j.transition;j.transition={};try{e()}finally{j.transition=t}},t.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},t.useCallback=function(e,t){return T.current.useCallback(e,t)},t.useContext=function(e){return T.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return T.current.useDeferredValue(e)},t.useEffect=function(e,t){return T.current.useEffect(e,t)},t.useId=function(){return T.current.useId()},t.useImperativeHandle=function(e,t,n){return T.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return T.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return T.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return T.current.useMemo(e,t)},t.useReducer=function(e,t,n){return T.current.useReducer(e,t,n)},t.useRef=function(e){return T.current.useRef(e)},t.useState=function(e){return T.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return T.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return T.current.useTransition()},t.version="18.2.0"},959:(e,t,n)=>{"use strict";e.exports=n(5257)},1527:(e,t,n)=>{"use strict";e.exports=n(3354)},5568:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var a=n-1>>>1,r=e[a];if(!(0<o(r,t)))break e;e[a]=t,e[n]=r,n=a}}function a(e){return 0===e.length?null:e[0]}function r(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var a=0,r=e.length,i=r>>>1;a<i;){var l=2*(a+1)-1,s=e[l],c=l+1,u=e[c];if(0>o(s,n))c<r&&0>o(u,s)?(e[a]=u,e[c]=n,a=c):(e[a]=s,e[l]=n,a=l);else{if(!(c<r&&0>o(u,n)))break e;e[a]=u,e[c]=n,a=c}}}return t}function o(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var l=Date,s=l.now();t.unstable_now=function(){return l.now()-s}}var c=[],u=[],d=1,p=null,f=3,g=!1,m=!1,h=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=a(u);null!==t;){if(null===t.callback)r(u);else{if(!(t.startTime<=e))break;r(u),t.sortIndex=t.expirationTime,n(c,t)}t=a(u)}}function x(e){if(h=!1,w(e),!m)if(null!==a(c))m=!0,j(k);else{var t=a(u);null!==t&&z(x,t.startTime-e)}}function k(e,n){m=!1,h&&(h=!1,y(C),C=-1),g=!0;var o=f;try{for(w(n),p=a(c);null!==p&&(!(p.expirationTime>n)||e&&!D());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var l=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof l?p.callback=l:p===a(c)&&r(c),w(n)}else r(c);p=a(c)}if(null!==p)var s=!0;else{var d=a(u);null!==d&&z(x,d.startTime-n),s=!1}return s}finally{p=null,f=o,g=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var L,S=!1,_=null,C=-1,P=5,A=-1;function D(){return!(t.unstable_now()-A<P)}function E(){if(null!==_){var e=t.unstable_now();A=e;var n=!0;try{n=_(!0,e)}finally{n?L():(S=!1,_=null)}}else S=!1}if("function"==typeof v)L=function(){v(E)};else if("undefined"!=typeof MessageChannel){var I=new MessageChannel,T=I.port2;I.port1.onmessage=E,L=function(){T.postMessage(null)}}else L=function(){b(E,0)};function j(e){_=e,S||(S=!0,L())}function z(e,n){C=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){m||g||(m=!0,j(k))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):P=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return a(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,r,o){var i=t.unstable_now();switch("object"==typeof o&&null!==o?o="number"==typeof(o=o.delay)&&0<o?i+o:i:o=i,e){case 1:var l=-1;break;case 2:l=250;break;case 5:l=1073741823;break;case 4:l=1e4;break;default:l=5e3}return e={id:d++,callback:r,priorityLevel:e,startTime:o,expirationTime:l=o+l,sortIndex:-1},o>i?(e.sortIndex=o,n(u,e),null===a(c)&&e===a(u)&&(h?(y(C),C=-1):h=!0,z(x,o-i))):(e.sortIndex=l,n(c,e),m||g||(m=!0,j(k))),e},t.unstable_shouldYield=D,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},2962:(e,t,n)=>{"use strict";e.exports=n(5568)},631:e=>{e.exports=function(e,t,n,a){var r=n?n.call(a,e,t):void 0;if(void 0!==r)return!!r;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var o=Object.keys(e),i=Object.keys(t);if(o.length!==i.length)return!1;for(var l=Object.prototype.hasOwnProperty.bind(t),s=0;s<o.length;s++){var c=o[s];if(!l(c))return!1;var u=e[c],d=t[c];if(!1===(r=n?n.call(a,u,d,c):void 0)||void 0===r&&u!==d)return!1}return!0}},6809:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={title:"ILLA Cloud",tagline:"Dinosaurs are cool",favicon:"img/public/favicon.ico",url:"https://illacloud.github.io",baseUrl:"/illa-website/zh/",organizationName:"illacloud",projectName:"illa-website",staticDirectories:["public","static"],onBrokenLinks:"warn",onBrokenMarkdownLinks:"warn",i18n:{defaultLocale:"en",locales:["en","zh","ja","de"],path:"i18n",localeConfigs:{}},presets:[["classic",{docs:!1,blog:!1,pages:!1,theme:{customCss:["./src/ILLATheme/css/custom.css","./src/css/custom.css"]},gtag:{trackingID:"G-QW745VE33W"}}]],themeConfig:{image:"img/social-card-large.png",colorMode:{defaultMode:"dark",disableSwitch:!1,respectPrefersColorScheme:!1},metadata:[{name:"og:type",content:"website"},{name:"twitter:card",content:"summary_large_image"},{name:"twitter:site",content:"@illaCloudHQ"},{name:"twitter:creator",content:"@illaCloudHQ"},{name:"keywords",content:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"}],prism:{theme:{plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},docs:{versionPersistence:"localStorage",sidebar:{hideable:!1,autoCollapseCategories:!1}},navbar:{hideOnScroll:!1,items:[]},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},plugins:[null,null,["./plugins/blog-plugin.js",{blogTitle:"Blog",blogDescription:"A resource for ILLA, front-end ecosystem, and web development",routeBasePath:"/blog",postsPerPage:12,blogSidebarTitle:"All posts",blogSidebarCount:0,feedOptions:{type:"all",copyright:"Copyright \xa9 2024 ILLA."}}],"./plugins/solution-plugin.js","./plugins/linkedin.js","./plugins/twitter.js","./plugins/chatwoot.js"],baseUrlIssueBanner:!0,onDuplicateRoutes:"warn",customFields:{},themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0}}}},6920:(e,t,n)=>{"use strict";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},a.apply(this,arguments)}n.d(t,{Z:()=>a})},2666:(e,t,n)=>{"use strict";function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,a(e,t)}n.d(t,{Z:()=>r})},3804:(e,t,n)=>{"use strict";function a(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}n.d(t,{Z:()=>a})},5341:(e,t,n)=>{"use strict";function a(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=a(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}n.d(t,{Z:()=>r});const r=function(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=a(e))&&(r&&(r+=" "),r+=t);return r}},2425:(e,t,n)=>{"use strict";n.d(t,{p1:()=>P,y$:()=>ee});var a,r,o,i,l,s,c,u=n(959),d=n(5341),p=Object.create,f=Object.defineProperty,g=Object.defineProperties,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertyNames,y=Object.getOwnPropertySymbols,v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,k=(e,t,n)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,L=(e,t)=>{for(var n in t||(t={}))w.call(t,n)&&k(e,n,t[n]);if(y)for(var n of y(t))x.call(t,n)&&k(e,n,t[n]);return e},S=(e,t)=>g(e,h(t)),_=(e,t)=>{var n={};for(var a in e)w.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&y)for(var a of y(e))t.indexOf(a)<0&&x.call(e,a)&&(n[a]=e[a]);return n},C=(a={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},a={util:{encode:function e(t){return t instanceof r?new r(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var r,o;switch(n=n||{},a.util.type(t)){case"Object":if(o=a.util.objId(t),n[o])return n[o];for(var i in r={},n[o]=r,t)t.hasOwnProperty(i)&&(r[i]=e(t[i],n));return r;case"Array":return o=a.util.objId(t),n[o]?n[o]:(r=[],n[o]=r,t.forEach((function(t,a){r[a]=e(t,n)})),r);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var a="no-"+t;e;){var r=e.classList;if(r.contains(t))return!0;if(r.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=a.util.clone(a.languages[e]);for(var r in t)n[r]=t[r];return n},insertBefore:function(e,t,n,r){var o=(r=r||a.languages)[e],i={};for(var l in o)if(o.hasOwnProperty(l)){if(l==t)for(var s in n)n.hasOwnProperty(s)&&(i[s]=n[s]);n.hasOwnProperty(l)||(i[l]=o[l])}var c=r[e];return r[e]=i,a.languages.DFS(a.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,r,o){o=o||{};var i=a.util.objId;for(var l in t)if(t.hasOwnProperty(l)){n.call(t,l,t[l],r||l);var s=t[l],c=a.util.type(s);"Object"!==c||o[i(s)]?"Array"!==c||o[i(s)]||(o[i(s)]=!0,e(s,n,l,o)):(o[i(s)]=!0,e(s,n,null,o))}}},plugins:{},highlight:function(e,t,n){var o={code:e,grammar:t,language:n};if(a.hooks.run("before-tokenize",o),!o.grammar)throw new Error('The language "'+o.language+'" has no grammar.');return o.tokens=a.tokenize(o.code,o.grammar),a.hooks.run("after-tokenize",o),r.stringify(a.util.encode(o.tokens),o.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var r=new l;return s(r,r.head,e),i(e,r,t,r.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(r)},hooks:{all:{},add:function(e,t){var n=a.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=a.hooks.all[e];if(n&&n.length)for(var r,o=0;r=n[o++];)r(t)}},Token:r};function r(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function o(e,t,n,a){e.lastIndex=t;var r=e.exec(n);if(r&&a&&r[1]){var o=r[1].length;r.index+=o,r[0]=r[0].slice(o)}return r}function i(e,t,n,l,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var g=0;g<f.length;++g){if(d&&d.cause==p+","+g)return;var m=f[g],h=m.inside,b=!!m.lookbehind,y=!!m.greedy,v=m.alias;if(y&&!m.pattern.global){var w=m.pattern.toString().match(/[imsuy]*$/)[0];m.pattern=RegExp(m.pattern.source,w+"g")}for(var x=m.pattern||m,k=l.next,L=u;k!==t.tail&&!(d&&L>=d.reach);L+=k.value.length,k=k.next){var S=k.value;if(t.length>e.length)return;if(!(S instanceof r)){var _,C=1;if(y){if(!(_=o(x,L,e,b))||_.index>=e.length)break;var P=_.index,A=_.index+_[0].length,D=L;for(D+=k.value.length;P>=D;)D+=(k=k.next).value.length;if(L=D-=k.value.length,k.value instanceof r)continue;for(var E=k;E!==t.tail&&(D<A||"string"==typeof E.value);E=E.next)C++,D+=E.value.length;C--,S=e.slice(L,D),_.index-=L}else if(!(_=o(x,0,S,b)))continue;P=_.index;var I=_[0],T=S.slice(0,P),j=S.slice(P+I.length),z=L+S.length;d&&z>d.reach&&(d.reach=z);var R=k.prev;if(T&&(R=s(t,R,T),L+=T.length),c(t,R,C),k=s(t,R,new r(p,h?a.tokenize(I,h):I,v,I)),j&&s(t,k,j),C>1){var N={cause:p+","+g,reach:z};i(e,t,n,k.prev,L,N),d&&N.reach>d.reach&&(d.reach=N.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var a=t.next,r={value:n,prev:t,next:a};return t.next=r,a.prev=r,e.length++,r}function c(e,t,n){for(var a=t.next,r=0;r<n&&a!==e.tail;r++)a=a.next;t.next=a,a.prev=t,e.length-=r}return r.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var r="";return t.forEach((function(t){r+=e(t,n)})),r}var o={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(o.classes,i):o.classes.push(i)),a.hooks.run("wrap",o);var l="";for(var s in o.attributes)l+=" "+s+'="'+(o.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+o.tag+' class="'+o.classes.join(" ")+'"'+l+">"+o.content+"</"+o.tag+">"},a}();t.exports=n,n.default=n}},function(){return r||(0,a[b(a)[0]])((r={exports:{}}).exports,r),r.exports}),P=((e,t,n)=>(n=null!=e?p(v(e)):{},((e,t,n,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let r of b(t))w.call(e,r)||r===n||f(e,r,{get:()=>t[r],enumerable:!(a=m(t,r))||a.enumerable});return e})(!t&&e&&e.__esModule?n:f(n,"default",{value:e,enumerable:!0}),e)))(C());P.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},P.languages.markup.tag.inside["attr-value"].inside.entity=P.languages.markup.entity,P.languages.markup.doctype.inside["internal-subset"].inside=P.languages.markup,P.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(P.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:P.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:P.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},P.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(P.languages.markup.tag,"addAttribute",{value:function(e,t){P.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:P.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),P.languages.html=P.languages.markup,P.languages.mathml=P.languages.markup,P.languages.svg=P.languages.markup,P.languages.xml=P.languages.extend("markup",{}),P.languages.ssml=P.languages.xml,P.languages.atom=P.languages.xml,P.languages.rss=P.languages.xml,o=P,i={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},s="(?:[^\\\\-]|"+(l=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/).source+")",s=RegExp(s+"-"+s),c={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"},o.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:s,inside:{escape:l,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":i,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:l}},"special-escape":i,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":c}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:l,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":c}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}},P.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},P.languages.javascript=P.languages.extend("clike",{"class-name":[P.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),P.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,P.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:P.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:P.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:P.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:P.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:P.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),P.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:P.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),P.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),P.languages.markup&&(P.languages.markup.tag.addInlined("script","javascript"),P.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),P.languages.js=P.languages.javascript,P.languages.actionscript=P.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),P.languages.actionscript["class-name"].alias="function",delete P.languages.actionscript.parameter,delete P.languages.actionscript["literal-property"],P.languages.markup&&P.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:P.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(P),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var a=function(e){e.inside||(e.inside={}),e.inside.rest=n},r="doc-comment";if(o=e.languages[t]){var o,i=o[r];if((i=i||(o=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[r])instanceof RegExp&&(i=o[r]={pattern:i}),Array.isArray(i))for(var l=0,s=i.length;l<s;l++)i[l]instanceof RegExp&&(i[l]={pattern:i[l]}),a(i[l]);else a(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(P),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(P),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(P),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,a="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),o=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return a}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<key>>/g,(function(){return"(?:"+r+"|"+o+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(o),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(P),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var a=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,r=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return a})),o=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+r+o+"(?:"+r+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+r+o+")(?:"+r+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(a),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+r+")"+o+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+r+"$"),inside:{"table-header":{pattern:RegExp(a),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,a=t.length;n<a;n++){var r,o=t[n];"code"!==o.type?e(o.content):(r=o.content[1],o=o.content[3],r&&o&&"code-language"===r.type&&"code-block"===o.type&&"string"==typeof r.content&&(r=r.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),r="language-"+(r=(/[a-z][\w-]*/i.exec(r)||[""])[0].toLowerCase()),o.alias?"string"==typeof o.alias?o.alias=[o.alias,r]:o.alias.push(r):o.alias=[r]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",a=0,r=t.classes.length;a<r;a++){var o=t.classes[a];if(o=/language-(.+)/.exec(o)){n=o[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),s(n)):l[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),l={amp:"&",lt:"<",gt:">",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(P),P.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:P.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},P.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var a=t[n++];if("keyword"===a.type&&"mutation"===a.content){var r=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var o=p(/^\($/,/^\)$/);if(-1===o)continue;for(;n<o;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),r.push(i.content))}n=o+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<r.length)){var l=p(/^\{$/,/^\}$/);if(-1!==l)for(var s=n;s<l;s++){var c=t[s];"variable"===c.type&&0<=r.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var a=u(n+t);if(!a||a.type!==e[n])return}return 1}function p(e,a){for(var r=1,o=n;o<t.length;o++){var i=t[o],l=i.content;if("punctuation"===i.type&&"string"==typeof l)if(e.test(l))r++;else if(a.test(l)&&0==--r)return o}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),P.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,a=t.inside.interpolation,r=a.inside["interpolation-punctuation"],o=a.pattern.source;function i(t,a){if(e.languages[t])return{pattern:RegExp("((?:"+a+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(t,n,a){return t={code:t,grammar:n,language:a},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function s(t,n,i){var s=e.tokenize(t,{interpolation:{pattern:RegExp(o),lookbehind:!0}}),c=0,u={},d=(s=l(s.map((function(e){if("string"==typeof e)return e;var n,a;for(e=e.content;-1!==t.indexOf((a=c++,n="___"+i.toUpperCase()+"_"+a+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var o=0;o<n.length;o++){if(c>=d.length)return;var i,s,p,f,g,m,h,b=n[o];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(h=(m="string"==typeof b?b:b.content).indexOf(i))&&(++c,s=m.substring(0,h),g=u[i],p=void 0,(f={})["interpolation-punctuation"]=r,3===(f=e.tokenize(g,f)).length&&((p=[1,1]).push.apply(p,l(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,a.alias,g),f=m.substring(h+i.length),g=[],s&&g.push(s),g.push(p),f&&(t(m=[f]),g.push.apply(g,m)),"string"==typeof b?(n.splice.apply(n,[o,1].concat(g)),o+=g.length-1):b.content=g)):(h=b.content,Array.isArray(h)?t(h):t([h]))}}(s),new e.Token(i,s,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var a=0,r=n.length;a<r;a++){var o,i,l,c=n[a];"string"!=typeof c&&(o=c.content,Array.isArray(o)?"template-string"===c.type?(c=o[1],3===o.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,l=e.languages[c])&&(o[1]=s(i,l,c))):t(o):"string"!=typeof o&&t([o]))}}(t.tokens)}))}(P),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(P),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,a="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(a+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(a+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(P),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(P),P.languages.n4js=P.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),P.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),P.languages.n4jsd=P.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],a=0;a<n.length;a++){var r=n[a],o=e.languages.javascript[r];r=(o="RegExp"===e.util.type(o)?e.languages.javascript[r]={pattern:o}:o).inside||{};(o.inside=r)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(P),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,a=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,r=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function o(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return a})).replace(/<SPREAD>/g,(function(){return r})),RegExp(e,t)}function i(t){for(var n=[],a=0;a<t.length;a++){var r=t[a],o=!1;"string"!=typeof r&&("tag"===r.type&&r.content[0]&&"tag"===r.content[0].type?"</"===r.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===l(r.content[0].content[1])&&n.pop():"/>"!==r.content[r.content.length-1].content&&n.push({tagName:l(r.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===r.type&&"{"===r.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===r.type&&"}"===r.content?n[n.length-1].openedBraces--:o=!0),(o||"string"==typeof r)&&0<n.length&&0===n[n.length-1].openedBraces&&(o=l(r),a<t.length-1&&("string"==typeof t[a+1]||"plain-text"===t[a+1].type)&&(o+=l(t[a+1]),t.splice(a+1,1)),0<a&&("string"==typeof t[a-1]||"plain-text"===t[a-1].type)&&(o=l(t[a-1])+o,t.splice(a-1,1),a--),t[a]=new e.Token("plain-text",o,null,o)),r.content&&"string"!=typeof r.content&&i(r.content)}}r=o(r).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=o(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:o(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:o(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var l=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(l).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(P),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(P),P.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},P.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=P.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(P),P.languages.c=P.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),P.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),P.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},P.languages.c.string],char:P.languages.c.char,comment:P.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:P.languages.c}}}}),P.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete P.languages.c.boolean,P.languages.objectivec=P.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete P.languages.objectivec["class-name"],P.languages.objc=P.languages.objectivec,P.languages.reason=P.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),P.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete P.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(P),P.languages.go=P.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),P.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete P.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(P),P.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},P.languages.python["string-interpolation"].inside.interpolation.inside.rest=P.languages.python,P.languages.py=P.languages.python;((e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>A,duotoneDark:()=>D,duotoneLight:()=>E,github:()=>I,jettwaveDark:()=>H,jettwaveLight:()=>G,nightOwl:()=>T,nightOwlLight:()=>j,oceanicNext:()=>N,okaidia:()=>O,oneDark:()=>Z,oneLight:()=>V,palenight:()=>M,shadesOfPurple:()=>F,synthwave84:()=>B,ultramin:()=>U,vsDark:()=>$,vsLight:()=>q});var A={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},D={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},E={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},I={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},T={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},j={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},z="#c5a5c5",R="#8dc891",N={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:z}},{types:["attr-value"],style:{color:R}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:R}},{types:["punctuation"],style:{color:R}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:z}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},O={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},M={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},F={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},B={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},U={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},$={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},q={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},H={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},G={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},Z={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},V={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},W=(e,t)=>{const{plain:n}=e,a=e.styles.reduce(((e,n)=>{const{languages:a,style:r}=n;return a&&!a.includes(t)||n.types.forEach((t=>{const n=L(L({},e[t]),r);e[t]=n})),e}),{});return a.root=n,a.plain=S(L({},n),{backgroundColor:void 0}),a},Q=/\r\n|\r|\n/,Y=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},K=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},X=e=>{const t=[[]],n=[e],a=[0],r=[e.length];let o=0,i=0,l=[];const s=[l];for(;i>-1;){for(;(o=a[i]++)<r[i];){let e,c=t[i];const u=n[i][o];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=K(c,u.type),u.alias&&(c=K(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),a.push(0),r.push(e.length);continue}const d=e.split(Q),p=d.length;l.push({types:c,content:d[0]});for(let t=1;t<p;t++)Y(l),s.push(l=[]),l.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),a.pop(),r.pop()}return Y(l),s},J=({children:e,language:t,code:n,theme:a,prism:r})=>{const o=t.toLowerCase(),i=((e,t)=>{const[n,a]=(0,u.useState)(W(t,e)),r=(0,u.useRef)(),o=(0,u.useRef)();return(0,u.useEffect)((()=>{t===r.current&&e===o.current||(r.current=t,o.current=e,a(W(t,e)))}),[e,t]),n})(o,a),l=(e=>(0,u.useCallback)((t=>{var n=t,{className:a,style:r,line:o}=n,i=_(n,["className","style","line"]);const l=S(L({},i),{className:(0,d.Z)("token-line",a)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof r&&(l.style=L(L({},l.style||{}),r)),l}),[e]))(i),s=(e=>{const t=(0,u.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,u.useCallback)((e=>{var n=e,{token:a,className:r,style:o}=n,i=_(n,["token","className","style"]);const l=S(L({},i),{className:(0,d.Z)("token",...a.types,r),children:a.content,style:t(a)});return null!=o&&(l.style=L(L({},l.style||{}),o)),l}),[t])})(i),c=(({prism:e,code:t,grammar:n,language:a})=>{const r=(0,u.useRef)(e);return(0,u.useMemo)((()=>{if(null==n)return X([t]);const e={code:t,grammar:n,language:a,tokens:[]};return r.current.hooks.run("before-tokenize",e),e.tokens=r.current.tokenize(t,n),r.current.hooks.run("after-tokenize",e),X(e.tokens)}),[t,n,a])})({prism:r,language:o,code:n,grammar:r.languages[o]});return e({tokens:c,className:`prism-code language-${o}`,style:null!=i?i.root:{},getLineProps:l,getTokenProps:s})},ee=e=>(0,u.createElement)(J,S(L({},e),{prism:e.prism||P,theme:e.theme||$,code:e.code,language:e.language}))},8624:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=!0,r="Invariant failed";function o(e,t){if(!e){if(a)throw new Error(r);var n="function"==typeof t?t():t,o=n?"".concat(r,": ").concat(n):r;throw new Error(o)}}},7529:e=>{"use strict";e.exports=JSON.parse('{"theme.AnnouncementBar.closeButtonAriaLabel":"\u5173\u95ed","theme.BackToTopButton.buttonAriaLabel":"\u56de\u5230\u9876\u90e8","theme.CodeBlock.copied":"\u5df2\u590d\u5236","theme.CodeBlock.copy":"\u590d\u5236","theme.CodeBlock.copyButtonAriaLabel":"\u590d\u5236\u4ee3\u7801\u5230\u526a\u8d34\u677f","theme.CodeBlock.wordWrapToggle":"\u5207\u6362\u5355\u8bcd\u6362\u884c","theme.DocSidebarItem.collapseCategoryAriaLabel":"\u6298\u53e0\u4fa7\u8fb9\u680f\u5206\u7c7b \u201c{label}\u201d","theme.DocSidebarItem.expandCategoryAriaLabel":"\u5c55\u5f00\u4fa7\u8fb9\u680f\u5206\u7c7b \u201c{label}\u201d","theme.ErrorPageContent.title":"\u6b64\u9875\u9762\u5df2\u5d29\u6e83\u3002","theme.ErrorPageContent.tryAgain":"\u518d\u8bd5\u4e00\u6b21","theme.NavBar.navAriaLabel":"\u4e3b\u8981\u7684","theme.NotFound.p1":"\u6211\u4eec\u627e\u4e0d\u5230\u4f60\u60f3\u8981\u7684\u4e1c\u897f\u3002","theme.NotFound.p2":"\u8bf7\u8054\u7cfb\u94fe\u63a5\u5230\u539f\u59cbURL\u7684\u7ad9\u70b9\u6240\u6709\u8005\u5e76\u8ba9\u4ed6\u4eec\u77e5\u9053\u4ed6\u4eec\u7684\u94fe\u63a5\u5df2\u7ecf\u635f\u574f\u3002","theme.NotFound.title":"\u627e\u4e0d\u5230\u9875\u9762","theme.TOCCollapsible.toggleButtonLabel":"\u5728\u672c\u9875","theme.admonition.caution":"\u8b66\u544a","theme.admonition.danger":"\u5371\u9669","theme.admonition.info":"\u4fe1\u606f","theme.admonition.note":"\u5907\u6ce8","theme.admonition.tip":"tip","theme.admonition.warning":"\u8b66\u544a","theme.blog.archive.description":"\u5f52\u6863","theme.blog.archive.title":"\u5f52\u6863","theme.blog.paginator.navAriaLabel":"\u535a\u5ba2\u5217\u8868\u5bfc\u822a","theme.blog.paginator.newerEntries":"\u8f83\u65b0\u7684\u6587\u7ae0","theme.blog.paginator.olderEntries":"\u8f83\u65e9\u7684\u6587\u7ae0","theme.blog.post.paginator.navAriaLabel":"\u535a\u5ba2\u5bfc\u822a","theme.blog.post.paginator.newerPost":"\u8f83\u65b0\u7684\u5e16\u5b50","theme.blog.post.paginator.olderPost":"\u8f83\u65e9\u7684\u5e16\u5b50","theme.blog.post.plurals":"\u4e00\u7bc7\u535a\u6587| {count} \u7bc7\u535a\u6587","theme.blog.post.readMore":"\u9605\u8bfb\u66f4\u591a","theme.blog.post.readMoreLabel":"\u9605\u8bfb {title} \u7684\u5168\u6587","theme.blog.post.readingTime.plurals":"\u9605\u8bfb\u9700 {readingTime} \u5206\u949f","theme.blog.sidebar.navAriaLabel":"\u535a\u5ba2\u6700\u8fd1\u5e16\u5b50\u5bfc\u822a","theme.blog.tagTitle":"{nPosts} \u7bc7\u535a\u6587\u542b\u6709\u6807\u7b7e\u201c{tagName}\u201d","theme.colorToggle.ariaLabel":"\u5207\u6362\u6d45\u8272/\u6697\u9ed1\u6a21\u5f0f\uff08\u5f53\u524d\u4e3a{mode}\uff09","theme.colorToggle.ariaLabel.mode.dark":"\u6697\u8272\u6a21\u5f0f","theme.colorToggle.ariaLabel.mode.light":"\u6d45\u8272\u6a21\u5f0f","theme.common.editThisPage":"\u7f16\u8f91\u6b64\u9875\u9762","theme.common.headingLinkTitle":"Direct link to {heading}","theme.common.skipToMainContent":"\u8df3\u8f6c\u5230\u4e3b\u8981\u5185\u5bb9","theme.docs.DocCard.categoryDescription":"{count} \u7bc7\u5185\u5bb9","theme.docs.breadcrumbs.home":"\u4e3b\u9875","theme.docs.breadcrumbs.navAriaLabel":"\u9762\u5305\u5c51\u5bfc\u822a","theme.docs.paginator.navAriaLabel":"\u6587\u6863\u9875\u9762","theme.docs.paginator.next":"\u4e0b\u4e00\u4e2a","theme.docs.paginator.previous":"\u4e0a\u4e00\u4e2a","theme.docs.sidebar.closeSidebarButtonAriaLabel":"\u5173\u95ed\u5bfc\u822a\u680f","theme.docs.sidebar.collapseButtonAriaLabel":"\u6298\u53e0\u4fa7\u8fb9\u680f","theme.docs.sidebar.collapseButtonTitle":"\u6298\u53e0\u4fa7\u8fb9\u680f","theme.docs.sidebar.expandButtonAriaLabel":"Expand sidebar","theme.docs.sidebar.expandButtonTitle":"Expand sidebar","theme.docs.sidebar.navAriaLabel":"Docs sidebar","theme.docs.sidebar.toggleSidebarButtonAriaLabel":"\u5207\u6362\u5bfc\u822a\u680f","theme.docs.tagDocListPageTitle":"{nDocsTagged} with \\"{tagName}\\"","theme.docs.tagDocListPageTitle.nDocsTagged":"One doc tagged|{count} docs tagged","theme.docs.versionBadge.label":"\u7248\u672c\uff1a{versionLabel}","theme.docs.versions.latestVersionLinkLabel":"\u6700\u65b0\u7248\u672c","theme.docs.versions.latestVersionSuggestionLabel":"\u8981\u67e5\u770b\u6700\u65b0\u7248\u672c\uff0c\u8bf7\u53c2\u9605{latestVersionLink}({versionLabel})\u3002","theme.docs.versions.unmaintainedVersionLabel":"\u6b64\u4e3a {siteTitle} {versionLabel} \u7248\u7684\u6587\u6863\uff0c\u73b0\u5df2\u4e0d\u518d\u79ef\u6781\u7ef4\u62a4\u3002","theme.docs.versions.unreleasedVersionLabel":"\u8fd9\u662f\u5c1a\u672a\u53d1\u884c\u7684 {siteTitle} {versionLabel} \u7248\u672c\u6587\u6863\u3002","theme.lastUpdated.atDate":" \u65f6\u95f4\uff1a{date}","theme.lastUpdated.byUser":" \u7f16\u8f91\uff1a{user}","theme.lastUpdated.lastUpdatedAtBy":"\u6700\u540e\u66f4\u65b0\u5728 {atDate}\uff0c\u7531 {byUser} \u64b0\u5199","theme.navbar.mobileLanguageDropdown.label":"\u8bed\u6587","theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel":"format@@0 \u8fd4\u56de\u4e3b\u83dc\u5355","theme.navbar.mobileVersionsDropdown.label":"\u7248\u672c","theme.tags.tagsListLabel":"\u6807\u7b7e\uff1a","theme.tags.tagsPageLink":"\u67e5\u770b\u6240\u6709\u6807\u7b7e","theme.tags.tagsPageTitle":"\u6807\u7b7e","theme.unlistedContent.message":"\u6b64\u9875\u9762\u672a\u5217\u51fa\u3002\u641c\u7d22\u5f15\u64ce\u4e0d\u4f1a\u7d22\u5f15\u5b83\uff0c\u53ea\u6709\u62e5\u6709\u76f4\u63a5\u94fe\u63a5\u7684\u7528\u6237\u624d\u80fd\u8bbf\u95ee\u5b83\u3002","theme.unlistedContent.title":"\u672a\u5217\u51fa\u9875\u9762","footer.status":"\u8fd0\u884c\u72b6\u6001","footer.roadmap":"\u4ea7\u54c1\u8def\u7ebf\u56fe","footer.changelog":"\u66f4\u65b0\u65e5\u5fd7","footer.media":"\u5a92\u4f53\u8d44\u6599","ai_header.solutions_title.image_generator":"AI\u56fe\u7247\u751f\u6210\u5668","ai_header.solutions_title.ai_voice_generator":"AI\u8bed\u97f3\u5904\u7406\u5de5\u5177","ai_header.solutions_title.dashboard":"\u6570\u636e\u5206\u6790\u4eea\u8868\u76d8","ai_header.solutions_title.cms":"\u5185\u5bb9\u7ba1\u7406\u7cfb\u7edf","ai_header.solutions_title.crm":"\u9500\u552eCRM","ai_header.solutions_title.admin_panel":"\u7ba1\u7406\u9762\u677f","footer.table":"\u8868\u683c","footer.chart":"\u56fe\u8868","footer.upload":"\u4e0a\u4f20","footer.switch":"\u4ea4\u6362\u673a","footer.select":"\u4e0b\u62c9\u9009\u62e9","footer.radio_group":"\u5355\u9009\u6846\u7ec4","footer.checkbox_group":"\u590d\u9009\u6846\u7ec4","footer.pdf":"PDF","footer.video":"\u89c6\u9891","footer.mysql":"MySQL","footer.postgre":"PostgreSQL","footer.mongodb":"MongoDB","footer.firebase":"Firebase","footer.elasticsearch":"Elastic Search","footer.mssql":"Microsoft SQL Server","footer.supabase":"Supabase","footer.dynamo":"DynamoDB","footer.hf":"Hugging Face Inference API","footer.components":"\u7ec4\u4ef6","footer.integrations":"\u6570\u636e\u96c6\u6210","ai_header.solutions_title.solutions":"\u89e3\u51b3\u65b9\u6848","footer.company":"\u516c\u53f8","footer.community":"\u793e\u533a","slogan-1":"\u6784\u5efaAI\u9a71\u52a8\u7684\u4e1a\u52a1\u5e94\u7528","footer.privacy-policy":"\u9690\u79c1\u534f\u8bae","footer.terms-of-service":"\u670d\u52a1\u6761\u6b3e","ai_header.solutions_sub_title.solutions_by_use_case":"\u7528\u4f8b","ai_header.solutions_description.image_generator":"\u4f7f\u7528AI\u751f\u6210\u56fe\u50cf\uff0c\u4f7f\u521b\u610f\u6c9f\u901a\u66f4\u52a0\u9ad8\u6548\u3002","ai_header.solutions_description.ai_voice_generator":"\u7ffb\u8bd1\u548c\u914d\u97f3\uff0c\u63d0\u5347\u4e0d\u540c\u5730\u533a\u89c6\u9891\u5185\u5bb9\u7684\u751f\u4ea7\u6548\u7387\u3002","ai_header.solutions_description.dashboard":"\u6784\u5efa\u5b8c\u5584\u7684\u6570\u636e\u5206\u6790\u4eea\u8868\u677f\uff0c\u7528\u6700\u5c11\u7684\u6295\u5165\u63a8\u52a8\u4e1a\u52a1\u589e\u957f\u3002","ai_header.solutions_description.cms":"\u9ad8\u6548\u7ba1\u7406\u7f51\u9875\u6216\u79fb\u52a8\u5e94\u7528\u7684\u5185\u5bb9\u3002","ai_header.solutions_description.crm":"\u66f4\u597d\u7684\u9500\u552eCRM\u89e3\u51b3\u65b9\u6848\uff0c\u5feb\u901f\u5b8c\u6210\u4ea4\u6613\u3002","ai_header.solutions_description.admin_panel":"\u4ee510\u500d\u7684\u901f\u5ea6\u6784\u5efa\u7ba1\u7406\u9762\u677f\uff0c\u7ba1\u7406\u6570\u636e\u6216\u6267\u884c\u64cd\u4f5c\u3002","nav.resource":"\u8d44\u6e90","sub_nav.resource.integrations":"\u6570\u636e\u96c6\u6210","sub_nav.resource.components":"\u7ec4\u4ef6","nav.pricing":"\u5b9a\u4ef7","nav.doc":"\u6587\u6863","nav.blog":"\u535a\u5ba2","nav.login":"\u767b\u5f55","nav.signup":"\u514d\u8d39\u5f00\u59cb","blog.scroll_down":"\u4f7f\u7528ILLA Cloud\u6784\u5efaAI\u9a71\u52a8\u7684\u4e1a\u52a1\u5e94\u7528","blog.blog_desc_left_title":"\u8fd8\u5728\u4e3a\u5185\u90e8\u5de5\u5177\u7684\u6784\u5efa\u52b3\u5fc3\u52b3\u529b\uff1f","blog.blog_desc_left_desc":"\u4f7f\u7528ILLA Cloud, \u5728\u51e0\u5206\u949f\u5185\u5b8c\u6210CRUD\u5e94\u7528\u3001\u4eea\u8868\u677f\u3001\u7ba1\u7406\u9762\u677f\u3001\u9500\u552eCRM\u3001AI\u56fe\u50cf\u751f\u6210\u5668\u7b49\u5de5\u5177\u7684\u6784\u5efa\uff01","pricing.sub-title":"\u521b\u5efaAI\u9a71\u52a8\u7684\u4e1a\u52a1\u5e94\u7528","pricing.title":"\u5b9a\u4ef7","pricing.page-desc":"\u901a\u8fc7\u8ba2\u9605ILLA Cloud Premium\uff0c\u60a8\u53ef\u4ee5\u89e3\u9501\u5ba1\u8ba1\u65e5\u5fd7\u3001\u53d1\u5e03\u516c\u5f00\u5e94\u7528\u7b49\u9ad8\u7ea7\u529f\u80fd\u3002Premium\u7684\u603b\u8d39\u7528\u6839\u636e\u6709\u7f16\u8f91\u6743\u9650\u7684\u7528\u6237\u786e\u5b9a\uff0c\u5305\u62ec\u6240\u6709\u8005\u3001\u7ba1\u7406\u8005\u548c\u7f16\u8f91\u8005\u3002 \u8ba2\u9605Premium\u4e4b\u540e\uff0c\u60a8\u53ef\u4ee5\u514d\u8d39\u6dfb\u52a0\u65e0\u9650\u4e2a\u6d4f\u89c8\u8005\u3002","blog.meta.title":"ILLA\u535a\u5ba2","blog.meta.description":"\u4e00\u4e2a\u4e13\u4e3a\u5f00\u53d1\u8005\u63d0\u4f9b\u7684\u77e5\u8bc6\u5e93\uff0c\u5185\u5bb9\u8303\u56f4\u8986\u76d6\u5e7f\u6cdb\uff0c\u5982\u524d\u7aef\u548c\u540e\u7aef\u6280\u672f\u53d1\u5c55\u3001AI\u3001\u4f4e\u4ee3\u7801\u548cILLA Cloud\u7b49\u3002 \u5728\u8fd9\u65b9\u9762\uff0c\u4f60\u53ef\u4ee5\u5173\u6ce8\u5c16\u7aef\u6280\u672f\uff0c\u63a2\u7d22\u65b0\u8d8b\u52bf\uff0c\u5e76\u4e0e\u6211\u4eec\u7684\u4f5c\u8005\u8fdb\u884c\u7ecf\u9a8c\u4ea4\u6d41\u3002","meta.title":"ILLA Cloud | \u6784\u5efaAI\u9a71\u52a8\u7684\u4e1a\u52a1\u5e94\u7528","meta.description":"\u4f7f\u7528AI Agent\u548c\u9ad8\u7ea7\u7684\u4f4e\u4ee3\u7801\u5de5\u5177\u521b\u5efa\u4e1a\u52a1\u5e94\u7528\uff0c\u4e3a\u60a8\u7684\u56e2\u961f\u8d4b\u80fd","faq.title":"\u5e38\u89c1\u95ee\u9898","faq.content.0.question":"\u6211\u53ef\u4ee5\u901a\u8fc7 ILLA AI\u6784\u5efa\u4ec0\u4e48\u6837\u7684\u5185\u5bb9\uff1f","faq.content.0.answer":"\u60a8\u53ef\u4ee5\u6784\u5efa\u60a8\u9700\u8981\u7684\u4efb\u4f55\u5185\u90e8\u5e94\u7528\u7a0b\u5e8f\u6216AI\u5de5\u5177\uff0c\u60a8\u4e5f\u53ef\u4ee5\u5c06AI\u4e0e\u5185\u90e8\u5e94\u7528\u7a0b\u5e8f\u96c6\u6210\u3002 \u4f8b\u5982\uff0c\u4eea\u8868\u677f\u3001\u7ba1\u7406\u9762\u677f\u3001\u5185\u5bb9\u7ba1\u7406\u3001\u5ba2\u6237\u7ba1\u7406\u7cfb\u7edf\u3001\u6587\u672c\u751f\u6210\u5de5\u5177\u3001\u56fe\u50cf\u5de5\u5177\u3001\u7535\u5b50\u90ae\u4ef6\u751f\u6210\u5de5\u5177\u7b49\u3002","faq.content.1.question":"\u8c01\u53ef\u4ee5\u4f7f\u7528 ILLA Cloud\uff1f","faq.content.1.answer":"\u65e0\u8bba\u60a8\u662f\u4ea7\u54c1\u7ecf\u7406\u3001\u5168\u5806\u6808\u5f00\u53d1\u8005\u3001\u9879\u76ee\u7ecf\u7406\u3001\u6570\u636e\u5206\u6790... \u4efb\u4f55\u4eba\u90fd\u53ef\u4ee5\u4f7f\u7528 ILLA Cloud\u6784\u5efa\u5de5\u5177\uff1a\u4ece\u8bbe\u8ba1\u5e26\u6709\u62d6\u653e\u7ec4\u4ef6\u7684\u524d\u7aef\u63a5\u53e3\u5230\u4e0e\u6570\u636e\u6e90\u96c6\u6210\u5e76\u4f7f\u7528 AI \u63f4\u52a9\u751f\u6210\u67e5\u8be2 \u56fd\u9645\u6cd5\u534f\u4f1a\u63d0\u4f9b\u4e86\u4e00\u79cd\u7cbe\u7b80\u7684\u7ecf\u9a8c\uff0c\u6d88\u9664\u4e86\u4e0d\u5fc5\u8981\u7684\u590d\u6742\u6027\u3002 \u60a8\u4e0d\u9700\u8981\u662f\u6280\u672f\u4e13\u5bb6\u624d\u80fd\u521b\u5efa\u60a8\u81ea\u5df1\u7684\u5e94\u7528\u7a0b\u5e8f\u3002","faq.content.2.question":"ILLA Cloud\u80fd\u5e26\u7ed9\u6211\u600e\u6837\u7684\u597d\u5904\uff1f","faq.content.2.answer":"ILLA Cloud\u4e0d\u4ec5\u53ef\u4ee5\u964d\u4f4e\u6784\u5efa\u60a8\u7684\u5de5\u5177\u521b\u5efa\u548c\u7ef4\u62a4\u6210\u672c\uff0c\u8fd8\u53ef\u4ee5\u6574\u5408\u60a8\u60f3\u8981\u7684\u4efb\u4f55AI\u80fd\u529b\uff0c \u4f7f\u60a8\u7684\u5de5\u4f5c\u66f4\u6709\u6548\u7387\uff0c\u4f7f\u60a8\u80fd\u591f\u5728\u66f4\u5c11\u7684\u65f6\u95f4\u5185\u751f\u6210\u66f4\u5b9d\u8d35\u7684\u5185\u5bb9\u3002","faq.content.3.question":"\u6211\u80fd\u6839\u636e\u6211\u7684\u7279\u5b9a\u4e1a\u52a1\u9700\u8981\u81ea\u5b9a\u4e49AI Agent\u5417\uff1f","faq.content.3.answer":"\u662f\u7684\uff0c\u4f60\u53ef\u4ee5\uff01AI Agent\u57fa\u4e8e\u5927\u578b\u8bed\u8a00\u6a21\u578b\uff0c\u53ef\u4ee5\u4fdd\u5b58\u60a8\u7684\u63d0\u793a\u8bcd\uff0c\u7528\u4e8e\u6267\u884c\u60a8\u81ea\u5b9a\u4e49\u7684\u4efb\u52a1\u3002 \u60a8\u53ef\u4ee5\u6839\u636e\u60a8\u7684\u4e1a\u52a1\u8981\u6c42\u5b9a\u4e49AI Agent\u7684\u884c\u4e3a\u3002 \u901a\u8fc7\u4f7f\u7528ILLA Builder\uff0c\u60a8\u53ef\u4ee5\u5c06\u6570\u636e\u8f93\u5165\u5230AI Agent\u5e76\u4f7f\u4ed6\u5b83\u5b8c\u6210\u6307\u5b9a\u7684\u4efb\u52a1\uff0c\u4f8b\u5982\u6587\u672c\u5904\u7406\u3002 \u56fe\u50cf\u8bc6\u522b\u548c\u81ea\u7136\u8bed\u8a00\u5904\u7406\u3002","faq.content.4.question":"ILLA\u652f\u6301\u54ea\u4e9b\u6570\u636e\u6e90\uff1f","faq.content.4.answer":"ILLA\u652f\u6301\u5305\u62ecPostgreSQL\u3001MongoDB\u3001REST API\u3001GraphQL\u3001Google Sheets\u5728\u5185\u7684\u5404\u79cd\u6570\u636e\u6e90\u96c6\u6210\u3002 \u60a8\u53ef\u4ee5\u5728\u4e0d\u5199\u4ee3\u7801\u7684\u60c5\u51b5\u4e0b\u5feb\u901f\u8fde\u63a5\u5230\u4efb\u4f55\u6570\u636e\u6e90\uff0c\u8bbf\u95ee\u60a8\u6240\u9700\u7684\u6570\u636e\u3002","faq.content.5.question":"ILLA Cloud\u7528\u6237\u662f\u5426\u6709\u6280\u672f\u652f\u6301\uff1f","faq.content.5.answer":"\u662f\u7684\uff0cILLA Cloud\u5411\u7528\u6237\u63d0\u4f9b\u6280\u672f\u652f\u6301\u3002 \u5982\u679c\u60a8\u9047\u5230\u4efb\u4f55\u95ee\u9898\u6216\u5bf9\u5e73\u53f0\u7684\u529f\u80fd\u6709\u7591\u95ee\uff0c\u60a8\u53ef\u4ee5\u8054\u7cfb\u6211\u4eec\u7684\u652f\u6301\u56e2\u961f\u5bfb\u6c42\u5e2e\u52a9\u3002 \u6211\u4eec\u81f4\u529b\u4e8e\u5e2e\u52a9\u4f60\u5728ILLA Cloud\u4e0a\u62e5\u6709\u65e0\u7f1d\u7684\u4f53\u9a8c\u3002","pricing.meta-desc":"\u9002\u7528\u4e8e\u4e2a\u4eba\u5f00\u53d1\u8005\u6216\u5c0f\u56e2\u961f\u9700\u8981\u6784\u5efa\u5185\u90e8\u5e94\u7528\u7a0b\u5e8f\u3002","pricing.billing.pricing.premium.feature.builder.viewer":"\u514d\u8d39\u6dfb\u52a0\u65e0\u9650\u4e2a\u6d4f\u89c8\u8005","pricing.billing.pricing.premium.feature.builder.audit_log":"\u5ba1\u6838\u65e5\u5fd7","pricing.billing.pricing.premium.feature.builder.public":"\u53d1\u5e03\u516c\u5f00\u5e94\u7528","pricing.billing.pricing.premium.feature.builder.sql":"AI SQL\u751f\u6210","pricing.billing.pricing.premium.feature.builder.history":"\u5907\u4efd\u7f16\u8f91\u5386\u53f2\u548c\u6062\u590d","pricing.billing.pricing.premium.feature.builder.theme":"\u4e3a\u60a8\u7684\u5e94\u7528\u81ea\u5b9a\u4e49\u4e3b\u9898(\u5373\u5c06\u63a8\u51fa)","pricing.billing.pricing.premium.feature.builder.multi_environment":"\u591a\u5f00\u53d1\u73af\u5883(\u5373\u5c06\u63a8\u51fa)","pricing.billing.pricing.premium.feature.builder.deployed_version":"\u4fdd\u7559\u5df2\u90e8\u7f72\u7684\u7248\u672c\u5e76\u6062\u590d(\u5373\u5c06\u63a8\u51fa)","pricing.billing.pricing.premium.feature.agent.gpt":"\u8bbf\u95ee\u66f4\u591a\u6a21\u578b\uff0c\u5982GPT-4\u7b49","pricing.billing.pricing.colla.feature.storage":"\u5b58\u50a8","pricing.billing.pricing.colla.feature.traffic":"\u6d41\u91cf","pricing.billing.pricing.colla.feature.token":"AI Agent","pricing.faq.title":"\u5e38\u89c1\u95ee\u9898","pricing.faq.content.0.question":"ILLA Cloud Premium\u5bf9\u54ea\u4e9b\u7528\u6237\u6536\u53d6\u8d39\u7528\uff1f","pricing.faq.content.0.answer":"\u6709\u7f16\u8f91\u6743\u9650\u7684\u7528\u6237(\u7f16\u8f91\u8005)","pricing.faq.content.1.question":"\u6709\u7f16\u8f91\u6743\u9650\u7684\u7528\u6237\u5305\u542b\u54ea\u4e9b\u7c7b\u578b\uff1f","pricing.faq.content.1.answer":"\u5305\u62ec\u6240\u6709\u8005\u3001\u7ba1\u7406\u5458\u548c\u7f16\u8f91\u8005","pricing.faq.content.2.question":"\u53ea\u4f7f\u7528\u6211\u642d\u5efa\u7684\u4ea7\u54c1\u7684\u7528\u6237\uff08\u4ec5\u6d4f\u89c8\uff09\u662f\u5426\u8ba1\u8d39\uff1f","pricing.faq.content.2.answer":"\u4e0d\uff0c\u60a8\u7684\u56e2\u961f\u5347\u7ea7\u5230Premium\u4e4b\u540e\uff0c\u5c31\u53ef\u4ee5\u514d\u8d39\u6dfb\u52a0\u65e0\u9650\u4e2a\u6d4f\u89c8\u8005\uff0c\u6765\u4f7f\u7528\u60a8\u642d\u5efa\u7684\u4ea7\u54c1\u3002","pricing.faq.content.3.question":"\u5982\u4f55\u9080\u8bf7\u6d4f\u89c8\u8005\uff1f","pricing.faq.content.3.answer":"\u82e5\u8981\u9080\u8bf7\u6d4f\u89c8\u8005\uff0c\u60a8\u9700\u8981\u5c06\u56e2\u961f\u5347\u7ea7\u5230Premium\uff0c\u7136\u540e\u5c31\u53ef\u4ee5\u901a\u8fc7\u7535\u5b50\u90ae\u4ef6\u6216\u94fe\u63a5\u9080\u8bf7\u7528\u6237\u4e86\u3002","pricing.faq.content.4.question":"ILLA Cloud\u8986\u76d6\u54ea\u4e9b\u4ea7\u54c1\uff1f","pricing.faq.content.4.answer":"ILLA Builder, ILLA Drive, ILLA Flow \u548c AI Agent","pricing.faq.content.5.question":"\u4ec0\u4e48\u662fILLA Drive\uff1f","pricing.faq.content.5.answer":"ILLA Drive\u662f\u4e00\u4e2a\u5185\u5bb9\u5b58\u50a8\u5e73\u53f0\uff0c\u5141\u8bb8\u5b58\u50a8\u4efb\u4f55\u6587\u4ef6\u5e76\u901a\u8fc7\u516c\u53f8\u7f51\u7ad9\u6216\u5176\u4ed6\u4ea7\u54c1\u5411\u7528\u6237\u5206\u53d1\u3002","pricing.faq.content.6.question":"\u4ec0\u4e48\u662fAI Agent\uff1f","pricing.faq.content.6.answer":"AI Agent\u57fa\u4e8e\u5927\u8bed\u8a00\u6a21\u578b\uff08\u5982GPT4\u7b49\uff09\u6784\u5efa\uff0c\u5141\u8bb8\u60a8\u81ea\u5b9a\u4e49\u63d0\u793a\u8bcd\uff0c\u7528\u4e8e\u9488\u5bf9\u60a8\u7684\u4e1a\u52a1\u9700\u6c42\u6784\u5efa\u4e13\u5c5e\u7684AI Agent\u3002","pricing.faq.content.7.question":"AI Agent\u5982\u4f55\u8ba1\u8d39\uff1f","pricing.faq.content.7.answer":"\u6839\u636e\u8f93\u5165\u548c\u8f93\u51fa\u7684\u5b57\u7b26\u6570\uff0c\u6263\u9664Colla","landingPage.components.meta.title":"ILLA Cloud\u7ec4\u4ef6","landingPage.components.meta.description":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u9884\u8bbe\u7ec4\u4ef6\u6765\u6784\u5efa\u5e94\u7528\u3002","landingPage.components.headerContent.title":"\u5185\u7f6e\u7ec4\u4ef6\u5e93","landingPage.components.headerContent.description":"ILLA\u63d0\u4f9b\u4e86\u4e00\u7cfb\u5217\u5e38\u7528\u7684\u524d\u7aef\u5f00\u53d1\u7ec4\u4ef6\uff0c\u7528\u6237\u80fd\u591f\u901a\u8fc7\u7b80\u5355\u7684\u62d6\u653e\u64cd\u4f5c\u8f7b\u677e\u6784\u5efa\u524d\u7aef\u754c\u9762\u5e76\u54cd\u5e94\u7528\u6237\u64cd\u4f5c\u548c\u663e\u793a\u6570\u636e\uff0c\u5305\u542b\u8868\u683c\u3001\u56fe\u8868\u3001\u8868\u5355\u3001\u5217\u8868\u7b49\u590d\u6742\u7ec4\u4ef6\u3002","landingPage.components.headerContent.btnText":"\u514d\u8d39\u4f53\u9a8c","landingPage.components.classify.inputs.title":"Input","landingPage.components.classify.inputs.upload.title":"Upload","landingPage.components.classify.inputs.upload.description":"ILLA Cloud \u4e2d\u7684\u201c\u4e0a\u4f20\u201d\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u5c06\u4efb\u4f55\u7c7b\u578b\u7684\u6587\u4ef6\u4e0a\u4f20\u5230\u4ed6\u4eec\u7684\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\u3002","landingPage.components.classify.inputs.switch.title":"Switch","landingPage.components.classify.inputs.switch.description":"ILLA Cloud \u4e2d\u7684\u201c\u5f00\u5173\u201d\u7ec4\u4ef6\u63d0\u4f9b\u4e86\u4e00\u4e2a\u5207\u6362\u5f00\u5173\uff0c\u5141\u8bb8\u7528\u6237\u6253\u5f00\u6216\u5173\u95ed\u7279\u5b9a\u8bbe\u7f6e\u6216\u529f\u80fd\u3002","landingPage.components.classify.inputs.select.title":"Select","landingPage.components.classify.inputs.select.description":"ILLA Cloud \u4e2d\u7684\u201c\u9009\u62e9\u201d\u7ec4\u4ef6\u662f\u4e00\u4e2a\u4e0b\u62c9\u9009\u62e9\u5668\uff0c\u5141\u8bb8\u7528\u6237\u4ece\u9009\u9879\u5217\u8868\u4e2d\u8fdb\u884c\u9009\u62e9\uff0c\u63d0\u4f9b\u4e00\u79cd\u7528\u6237\u53cb\u597d\u4e14\u8282\u7701\u7a7a\u95f4\u7684\u65b9\u5f0f\u6765\u8f93\u5165\u6570\u636e\u3002","landingPage.components.classify.inputs.radioGroup.title":"Radio group","landingPage.components.classify.inputs.radioGroup.description":"ILLA Cloud \u4e2d\u7684\u201cRadio Group\u201d\u7ec4\u4ef6\u662f\u4e00\u4e2a\u5355\u9009\u6846\u7ec4\uff0c\u5141\u8bb8\u7528\u6237\u4ece\u9009\u9879\u5217\u8868\u4e2d\u9009\u62e9\u4e00\u4e2a\u9009\u9879\uff0c\u63d0\u4f9b\u4e00\u79cd\u7b80\u5355\u660e\u4e86\u7684\u65b9\u5f0f\u6765\u8f93\u5165\u548c\u7ba1\u7406\u6570\u636e\u3002","landingPage.components.classify.inputs.checkboxGroup.title":"\u590d\u9009\u6846\u7ec4","landingPage.components.classify.inputs.checkboxGroup.description":"ILLA Cloud \u4e2d\u7684\u201c\u590d\u9009\u6846\u7ec4\u201d\u7ec4\u4ef6\u662f\u4e00\u4e2a\u590d\u9009\u6846\u9009\u62e9\u5668\uff0c\u5141\u8bb8\u7528\u6237\u4ece\u5217\u8868\u4e2d\u9009\u62e9\u591a\u4e2a\u9009\u9879\uff0c\u4ece\u800c\u63d0\u4f9b\u4e00\u79cd\u7b80\u5355\u9ad8\u6548\u7684\u6570\u636e\u7ba1\u7406\u65b9\u5f0f\u3002","landingPage.components.classify.data.title":"\u6570\u636e","landingPage.components.classify.inputs.chart.title":"Chart","landingPage.components.classify.inputs.chart.description":"ILLA Cloud \u4e2d\u7684\u201c\u56fe\u8868\u201d\u7ec4\u4ef6\u57fa\u4e8e\u8fde\u63a5\u7684\u6570\u636e\u663e\u793a\u591a\u79cd\u7c7b\u578b\u7684\u56fe\u8868\uff0c\u4e3a\u7528\u6237\u63d0\u4f9b\u6e05\u6670\u4e14\u89c6\u89c9\u4e0a\u5438\u5f15\u4eba\u7684\u590d\u6742\u6570\u636e\u8868\u793a\u3002","landingPage.components.classify.inputs.tables.title":"Tables","landingPage.components.classify.inputs.tables.description":"ILLA Cloud \u4e2d\u7684\u201c\u8868\u683c\u201d\u7ec4\u4ef6\u4ee5\u8868\u683c\u5f62\u5f0f\u663e\u793a\u6570\u636e\u5e93\u4e2d\u7684\u6570\u636e\uff0c\u4fbf\u4e8e\u7528\u6237\u4e00\u76ee\u4e86\u7136\u5730\u67e5\u770b\u3001\u6392\u5e8f\u548c\u5206\u6790\u5927\u91cf\u4fe1\u606f\u3002","landingPage.components.classify.Presentation.title":"\u5c55\u793a","landingPage.components.classify.inputs.pdf.title":"PDF","landingPage.components.classify.inputs.pdf.description":"ILLA Cloud \u4e2d\u7684\u201cPDF\u201d\u7ec4\u4ef6\u662f\u4e00\u4e2a\u663e\u793a\u5143\u7d20\uff0c\u5141\u8bb8\u7528\u6237\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u67e5\u770b PDF \u6587\u4ef6\u5e76\u4e0e\u4e4b\u4ea4\u4e92\u3002","landingPage.components.classify.inputs.video.title":"Video","landingPage.components.classify.inputs.video.description":"ILLA Cloud \u4e2d\u7684\u201c\u89c6\u9891\u201d\u7ec4\u4ef6\u662f\u4e00\u4e2a\u663e\u793a\u5143\u7d20\uff0c\u5141\u8bb8\u7528\u6237\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u64ad\u653e\u89c6\u9891\u5e76\u4e0e\u4e4b\u4ea4\u4e92\u3002","landingPage.integrations.meta.title":"ILLA Cloud \u96c6\u6210","landingPage.integrations.meta.description":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u96c6\u6210\u8bbf\u95ee\u548c\u4f7f\u7528\u6570\u636e\u8d44\u6e90\u3002","landingPage.integrations.headerContent.title":"\u8fde\u63a5\u5230\u4efb\u4f55\u6570\u636e\u6e90","landingPage.integrations.headerContent.description":"\u80fd\u591f\u8fde\u63a5\u5230\u4e3b\u6d41\u6570\u636e\u5e93\u6216\u901a\u8fc7API\u8fde\u63a5\u7684\u4efb\u4f55\u6570\u636e\uff0c ILLA \u4e91\u7aef\u5141\u8bb8\u5f00\u53d1\u8005\u5c06\u4ece\u540e\u7aef\u83b7\u53d6\u7684\u6570\u636e\u4e0e\u524d\u7aef\u7ec4\u4ef6\u7d27\u5bc6\u7ed3\u5408\u8d77\u6765\u3002 \u8fd9\u4f7f\u5f00\u53d1\u4eba\u5458\u80fd\u591f\u901a\u8fc7\u6dfb\u52a0\u8d44\u6e90\u548c\u52a8\u4f5c\u6765\u54cd\u5e94\u7528\u6237\u4e8b\u4ef6\uff0c\u8f7b\u677e\u5730\u5199\u5165\u6570\u636e\u901a\u8bdd\u5e76\u5b9e\u73b0\u5e7f\u6cdb\u7684\u4fe1\u606f\u4ea4\u4e92\u3002","landingPage.integrations.headerContent.btnText":"\u514d\u8d39\u4f53\u9a8c","landingPage.integrations.classify.database.title":"\u6570\u636e\u5e93\u96c6\u6210","landingPage.integrations.classify.database.mysql.description":"\u4e00\u4e2a\u5f00\u653e\u6e90\u7801\u5173\u7cfb\u6570\u636e\u5e93\u7ba1\u7406\u7cfb\u7edf\uff0c\u80fd\u591f\u6709\u6548\u5730\u50a8\u5b58\u548c\u68c0\u7d22\u6570\u636e\u3002","landingPage.integrations.classify.database.postgreSQL.description":"\u4e00\u4e2a\u4ee5\u5176\u7a33\u5b9a\u6027\u548c\u53ef\u9760\u6027\u8457\u79f0\u7684\u9ad8\u7ea7\u5f00\u6e90\u5173\u7cfb\u6570\u636e\u5e93\u7ba1\u7406\u7cfb\u7edf\u3002","landingPage.integrations.classify.database.mariadb.description":"\u4e00\u4e2a\u793e\u533a\u9a71\u52a8\u7684 MySQL \u7684\u5f00\u653e\u6e90\u7801\u5e73\u53f0\uff0c\u5176\u529f\u80fd\u548c\u6027\u80fd\u90fd\u5f97\u5230\u52a0\u5f3a\u3002","landingPage.integrations.classify.database.tidb.description":"\u4e00\u4e2a\u5206\u5e03\u5f0f\u7684 SQL \u6570\u636e\u5e93\uff0c\u652f\u6301\u540c\u65f6\u4f7f\u7528 SQL \u548c NoSQL \u5de5\u4f5c\u8d1f\u8f7d\uff0c\u5e76\u5177\u6709\u6c34\u5e73\u53ef\u4f38\u7f29\u6027\u548c\u6545\u969c\u5bb9\u91cf\u3002","landingPage.integrations.classify.database.redis.description":"\u5185\u5b58\u6570\u636e\u7ed3\u6784\u5b58\u50a8\uff0c\u901a\u5e38\u7528\u4f5c\u6570\u636e\u5e93\u3001\u7f13\u5b58\u548c\u6d88\u606f\u4e2d\u4ecb\u3002","landingPage.integrations.classify.database.appwrite.description":"\u4e00\u4e2a\u5f00\u653e\u6e90\u7801\u540e\u7aef\u670d\u52a1\u5668\u5e73\u53f0\uff0c\u4e3a\u7f51\u7edc\u548c\u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u63d0\u4f9b\u8ba4\u8bc1\u3001\u6570\u636e\u5e93\u548c\u5b58\u50a8\u670d\u52a1\u3002","landingPage.integrations.classify.database.mongodb.description":"\u4e00\u4e2a NoSQL \u6587\u6863\u6570\u636e\u5e93\uff0c\u5728\u7075\u6d3b\u7684 JSON \u6587\u6863\u4e2d\u5b58\u50a8\u6570\u636e\u3002","landingPage.integrations.classify.database.oracleDB.description":"\u4e00\u4e2a\u9ad8\u6027\u80fd\u3001\u53ef\u8c03\u6574\u7684\u5173\u7cfb\u6570\u636e\u5e93\u7ba1\u7406\u7cfb\u7edf\uff0c\u63d0\u4f9b\u4e00\u5957\u5168\u9762\u7684\u529f\u80fd\u548c\u5de5\u5177\u3002","landingPage.integrations.classify.database.elasticSearch.description":"\u4e00\u4e2a\u80fd\u591f\u5904\u7406\u5927\u91cf\u6570\u636e\u7684\u5206\u5e03\u5f0fRESTFL\u641c\u7d22\u548c\u5206\u6790\u5f15\u64ce\u3002","landingPage.integrations.classify.database.couchDB.description":"\u4e00\u4e2a\u4ee5\u6587\u4ef6\u4e3a\u5bfc\u5411\uff0c\u63d0\u4f9b\u4e86\u4e00\u4e2a\u5206\u5e03\u5f0f\u67b6\u6784\uff0c\u5e26\u6709\u9012\u589e\u590d\u5236\u548c\u51b2\u7a81\u68c0\u6d4b\u7684\u6570\u636e\u5e93","landingPage.integrations.classify.database.firebase.description":"\u4e00\u4e2a\u4e3a\u79fb\u52a8\u548c\u7f51\u7edc\u5e94\u7528\u7a0b\u5e8f\u63d0\u4f9b\u540e\u7aef\u670d\u52a1\u7684\u5e73\u53f0\uff0c\u5305\u62ec\u5b9e\u65f6\u6570\u636e\u5e93\u3001\u8eab\u4efd\u9a8c\u8bc1\u3001\u4e91\u4fe1\u606f\u53ca\u5176\u4ed6\u670d\u52a1\u3002","landingPage.integrations.classify.database.mssql.description":"\u5fae\u8f6f\u5f00\u53d1\u7684\u5173\u7cfb\u6570\u636e\u5e93\u7ba1\u7406\u7cfb\u7edf\u3002\u652f\u6301\u4ea4\u6613\u5904\u7406\u3001\u5546\u4e1a\u60c5\u62a5\u548c\u5206\u6790\u5e94\u7528\u7b49\u3002","landingPage.integrations.classify.database.supabaseDB.description":"\u4e00\u4e2a\u9762\u5411\u5f00\u653e\u6e90\u7801\u7684\u6570\u636e\u5e93\u7ba1\u7406\u7cfb\u7edf\uff0c\u7528\u4e8e\u7f51\u4e0a\u5206\u6790\u5904\u7406\u3002","landingPage.integrations.classify.database.neon.description":"\u5b8c\u5168\u7ba1\u7406\u7684multi-cloud Postgres\uff0c\u514d\u8d39\u8bd5\u7528\u3002\u5206\u79bb\u5b58\u50a8\u548c\u8ba1\u7b97\u4ee5\u63d0\u4f9b\u81ea\u52a8\u5316\u3001\u5206\u652f\u548c\u65e0\u5e95\u5c42\u5b58\u50a8\u3002","landingPage.integrations.classify.database.hydra.description":"\u4e00\u4e2a\u5f00\u6e90\uff0c\u4e13\u680f\u5f0f\u7684 RDBMS \u6784\u5efa\u4e8ePostgres","landingPage.integrations.classify.database.dynamoDB.description":"\u4e00\u4e2a\u5b8c\u5168\u7ba1\u7406\u7684 NoSQL \u6570\u636e\u5e93\u670d\u52a1\uff0c\u63d0\u4f9b\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u6027\u548c\u53ef\u9760\u6027\u3002","landingPage.integrations.classify.database.snowflake.description":"\u4e00\u4e2a\u57fa\u4e8e\u4e91\u5c42\u7684\u6570\u636e\u50a8\u5b58\u5e73\u53f0\uff0c\u7528\u4e8e\u5927\u89c4\u6a21\u6570\u636e\u50a8\u5b58\u548c\u5206\u6790\u3002","landingPage.integrations.classify.api.title":"API \u96c6\u6210","landingPage.integrations.classify.api.hfAPI.description":"\u4e00\u4e2a API \uff0c\u63d0\u4f9b\u6613\u4e8e\u4f7f\u7528\u7684\u4e8b\u5148\u57f9\u8bad\u7684\u5929\u7136\u8bed\u8a00\u5904\u7406\u6a21\u578b\uff0c\u7528\u4e8e\u63a8\u8bba\u4efb\u52a1\u3002","landingPage.integrations.classify.api.hfEndpoint.description":"\u4e00\u4e2aEndpoint\uff0c\u53ef\u4ee5\u8f7b\u677e\u90e8\u7f72Hugging Face\u6a21\u578b","landingPage.integrations.classify.api.restAPI.description":"\u4e00\u79cd\u57fa\u4e8eweb\u7684\u4f53\u7cfb\u7ed3\u6784\u6837\u5f0f\uff0c\u7528\u4e8e\u6784\u5efa\u4f7f\u7528HTTP\u534f\u8bae\u5728\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u5668\u4e4b\u95f4\u4ea4\u6362\u6570\u636e\u7684web\u670d\u52a1\u3002","landingPage.integrations.classify.api.s3.description":"\u57fa\u4e8e\u4e91\u7684\u5bf9\u8c61\u5b58\u50a8\u670d\u52a1\uff0c\u4e3a\u5404\u79cd\u60c5\u51b5\u63d0\u4f9b\u53ef\u7f29\u653e\u3001\u5b89\u5168\u548c\u8010\u4e45\u7684\u6570\u636e\u5b58\u50a8\u670d\u52a1\u3002","landingPage.integrations.classify.api.smtp.description":"\u7528\u4e8e\u901a\u8fc7\u4e92\u8054\u7f51\u53d1\u9001\u548c\u63a5\u6536\u7535\u5b50\u90ae\u4ef6\u4fe1\u606f\u7684\u534f\u8bae\u3002","landingPage.integrations.classify.api.graphQL.description":"\u4e00\u4e2a API \u7684\u67e5\u8be2\u8bed\u8a00\uff0c\u4e3a\u4f20\u7edf\u7684REST API\u63d0\u4f9b\u4e86\u66f4\u6709\u6548\u3001\u66f4\u5f3a\u5927\u548c\u66f4\u7075\u6d3b\u7684\u66ff\u4ee3\u65b9\u6cd5\u3002","landingPage.integrations.classify.api.googleSheets.description":"\u4e00\u4e2a\u4e91\u7aef\u7535\u5b50\u8868\u683c\u8f6f\u4ef6\uff0c\u4f7f\u7528\u6237\u80fd\u591f\u5728\u7f51\u4e0a\u521b\u5efa\u548c\u7f16\u8f91\u7535\u5b50\u8868\u683c\uff0c\u540c\u65f6\u5b9e\u65f6\u4e0e\u5176\u4ed6\u7528\u6237\u5408\u4f5c\u3002","landingPage.integrations.classify.api.airtable.description":"\u4e00\u4e2a\u7075\u6d3b\u548c\u53ef\u534f\u4f5c\u7684\u5e73\u53f0\uff0c\u7528\u4ee5\u7ba1\u7406\u9879\u76ee\u3001\u6570\u636e\u548c\u56e2\u961f\u3002","blog.all_posts":"\u6240\u6709\u5e16\u5b50","blog.all_posts_desc_bold":"ILLA \u535a\u5ba2","blog.all_posts_desc":"|\u5f00\u53d1\u8005\u7684\u7acb\u4f53\u77e5\u8bc6\u5e93\uff0c\u6db5\u76d6\u8303\u56f4\u5e7f\u6cdb\u7684\u79d1\u76ee\uff0c\u5982\u524d\u7aef\u548c\u540e\u7aef\u53d1\u5c55\u3001AI\u3001\u4f4e\u4ee3\u7801\u548cILLA Cloud\u7b49\u3002 \u5728\u8fd9\u65b9\u9762\uff0c\u4f60\u53ef\u4ee5\u6ce8\u5165\u5c16\u7aef\u6280\u672f\uff0c\u63a2\u7d22\u65b0\u51fa\u73b0\u7684\u8d8b\u52bf\uff0c\u5e76\u8fdb\u884c\u6d3b\u8dc3\u7684\u7ecf\u9a8c\u4ea4\u6d41\u3002","theme.blog.posts_tagged_with":"\u8d34\u6807\u7b7e\u7684\u5e16\u5b50","footer.less":"\u663e\u793a\u66f4\u5c11","footer.more":"\u663e\u793a\u66f4\u591a","nav.contact":"\u9884\u7ea6\u6f14\u793a","website_4.solution.use_this_template":"\u7acb\u5373\u4f53\u9a8c","call-to-action.title":"\u4f7f\u7528 ILLA \u4e91\u542f\u52a8\u6784\u5efa\u5e94\u7528\u7a0b\u5e8f","call-to-action.desc":"\u60a8\u9700\u8981\u7684\u4efb\u4f55\u5185\u90e8\u5de5\u5177\u53ef\u4ee5\u5728 1 \u5206\u949f\u5185\u4f7f\u7528 ILLA \u4e91\u6784\u5efa\u3002","call-to-action.button-1":"\u514d\u8d39\u8bd5\u7528\u4e91\u7aef","call-to-action.button-2":"\u4f7f\u7528 GitHub \u767b\u5f55","title.github":"Github","title.stars":"\u661f\u661f","title.star-us":"\u7ed9\u6211\u4eec\u52a0\u661f","learn_more":"\u4e86\u89e3\u66f4\u591a","pricing.billing.pricing.premium.desc":"\u5347\u7ea7\u60a8\u7684\u56e2\u961f\u4ee5\u8bbf\u95ee\u9ad8\u7ea7\u529f\u80fd","pricing.billing.pricing.premium.price":"/\u6708/\u7f16\u8f91\u5668","pricing.billing.pricing.colla.desc":"\u7528\u4e8e\u652f\u4ed8ILLA \u4e91\u7aef\u7684\u589e\u503c\u670d\u52a1","pricing.billing.pricing.colla.price":"/month/5k Colla","pricing.billing.plus-btn":"\u5347\u7ea7","landingPageDetail.audio.name":"Audio","landingPageDetail.audio.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u97f3\u9891\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.audio.description":"ILLA Cloud \u4e2d\u7684\u201c\u89c6\u9891\u201d\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u5728\u5e94\u7528\u7a0b\u5e8f\u5185\u64ad\u653e\u89c6\u9891\u548c\u97f3\u9891\u5e76\u4e0e\u4e4b\u4ea4\u4e92\uff0c\u63d0\u4f9b\u4e00\u79cd\u9ad8\u6548\u4fbf\u6377\u7684\u8bbf\u95ee\u591a\u5a92\u4f53\u5185\u5bb9\u7684\u65b9\u5f0f\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u5728\u5de5\u4f5c\u65f6\u4f7f\u7528\u89c6\u9891\u7ec4\u4ef6\u89c2\u770b\u6559\u7a0b\u89c6\u9891\u5728\u9879\u76ee\u4e2d\uff0c\u901a\u8fc7\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u968f\u65f6\u63d0\u4f9b\u6240\u6709\u5fc5\u8981\u7684\u4fe1\u606f\u6765\u8282\u7701\u65f6\u95f4\u5e76\u63d0\u9ad8\u751f\u4ea7\u529b\u3002","landingPageDetail.audio.metaTitle":"ILLA Cloud | \u97f3\u9891\u7ec4\u4ef6","landingPageDetail.audio.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u97f3\u9891\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.barProgress.name":"Bar progress","landingPageDetail.barProgress.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u8fdb\u5ea6\u6761\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.barProgress.description":"ILLA Cloud \u4e2d\u7684 Bar Progress \u7ec4\u4ef6\u4ee5 100% \u7684\u6bd4\u4f8b\u76f4\u89c2\u5730\u8868\u793a\u8fdb\u5ea6\u6761\uff0c\u4f7f\u7528\u6237\u53ef\u4ee5\u8f7b\u677e\u5feb\u901f\u9ad8\u6548\u5730\u8ddf\u8e2a\u4ed6\u4eec\u7684\u8fdb\u5ea6\u3002\u901a\u8fc7\u63d0\u4f9b\u6e05\u6670\u7b80\u6d01\u7684\u8fdb\u5ea6\u53ef\u89c6\u5316\u8868\u793a\uff0c\u7528\u6237\u53ef\u4ee5\u8f7b\u677e\u4e86\u89e3\u8fdb\u5ea6\u4ed6\u4eec\u5728\u6267\u884c\u7279\u5b9a\u4efb\u52a1\u6216\u9879\u76ee\u65f6\u65e0\u9700\u82b1\u65f6\u95f4\u8ba1\u7b97\u5b8c\u6210\u767e\u5206\u6bd4\uff0c\u4ece\u800c\u8282\u7701\u5b9d\u8d35\u7684\u65f6\u95f4\u5e76\u8ba9\u4ed6\u4eec\u4e13\u6ce8\u4e8e\u66f4\u91cd\u8981\u7684\u4efb\u52a1\u3002","landingPageDetail.barProgress.metaTitle":"ILLA Cloud\u8fdb\u5ea6\u6761\u7ec4\u4ef6 - \u53ef\u89c6\u5316\u6570\u636e\u8fdb\u5ea6","landingPageDetail.barProgress.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528Bar progress\u6765\u521b\u5efa\u4eea\u8868\u677f\u3001\u62a5\u544a\u3001\u8c03\u67e5\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.button.name":"Button","landingPageDetail.button.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.button.description":"ILLA Cloud \u4e2d\u7684\u6309\u94ae\u7ec4\u4ef6\u662f\u4e00\u79cd\u591a\u529f\u80fd\u5de5\u5177\uff0c\u53ef\u7528\u4e8e\u89e6\u53d1\u64cd\u4f5c\u5e76\u901a\u8fc7\u63d0\u4f9b\u6e05\u6670\u76f4\u89c2\u7684\u65b9\u5f0f\u4e0e\u5e94\u7528\u7a0b\u5e8f\u8fdb\u884c\u4ea4\u4e92\u6765\u589e\u5f3a\u7528\u6237\u4f53\u9a8c\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u201c\u4fdd\u5b58\u201d\u6309\u94ae\u6765\u89e6\u53d1\u6570\u636e\u5e93\u5355\u51fb\u65f6\u66f4\u65b0\uff0c\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u5e76\u8282\u7701\u7528\u6237\u624b\u52a8\u66f4\u65b0\u6570\u636e\u5e93\u7684\u65f6\u95f4\u3002","landingPageDetail.button.metaTitle":"ILLA Cloud | \u6309\u94ae\u7ec4\u4ef6","landingPageDetail.button.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud \u4e2d\u4f7f\u7528\u6309\u94ae\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.carousel.name":"Carousel","landingPageDetail.carousel.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u8f6e\u64ad\u56fe\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.carousel.description":"ILLA Cloud \u4e2d\u7684\u201c\u8f6e\u64ad\u56fe\u201d\u7ec4\u4ef6\u5728\u5355\u4e2a\u754c\u9762\u4e2d\u663e\u793a\u591a\u4e2a\u56fe\u50cf\u6216\u5a92\u4f53\uff0c\u65e0\u9700\u5728\u5355\u72ec\u7684\u9875\u9762\u6216\u7a97\u53e3\u4e2d\u5bfc\u822a\uff0c\u4ece\u800c\u8282\u7701\u4e86\u7528\u6237\u65f6\u95f4\u3002\u7528\u6237\u53ef\u4ee5\u4e0e\u8f6e\u64ad\u4ea4\u4e92\u4ee5\u67e5\u770b\u548c\u53c2\u4e0e\u663e\u793a\u7684\u5185\u5bb9\uff0c\u4f8b\u5982\u56fe\u7247\u6216\u89c6\u9891\uff0c\u90fd\u5728\u540c\u4e00\u4e2a\u754c\u9762\u4e2d\uff0c\u63d0\u4f9b\u65e0\u7f1d\u548c\u9ad8\u6548\u7684\u7528\u6237\u4f53\u9a8c\u3002","landingPageDetail.carousel.metaTitle":"ILLA Cloud | \u8f6e\u64ad\u56fe\u7ec4\u4ef6","landingPageDetail.carousel.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u8f6e\u64ad\u56fe\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.cascader.name":"Cascader","landingPageDetail.cascader.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684 Cascader \u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.cascader.description":"ILLA Cloud \u4e2d\u7684 Cascader \u7ec4\u4ef6\u4f7f\u7528\u6237\u80fd\u591f\u4ece\u591a\u5c42\u9009\u62e9\u4e2d\u9009\u62e9\u4e00\u4e2a\u9009\u9879\uff0c\u4e3a\u6570\u636e\u8f93\u5165\u548c\u7ba1\u7406\u63d0\u4f9b\u4e86\u4e00\u79cd\u5206\u5c42\u548c\u9ad8\u6548\u7684\u65b9\u6cd5\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u7528\u4e8e\u4ea7\u54c1\u9009\u62e9\u7684\u8868\u5355\uff0c\u5e76\u4f7f\u7528\u201cCascader\u201d\u7ec4\u4ef6\u6765\u5141\u8bb8\u7528\u6237\u9009\u62e9\u81ea\u5df1\u559c\u6b22\u7684\u4ea7\u54c1\u7c7b\u522b\u3001\u54c1\u724c\u548c\u578b\u53f7\uff0c\u63d0\u9ad8\u6570\u636e\u6536\u96c6\u7684\u51c6\u786e\u6027\u548c\u6548\u7387\u3002","landingPageDetail.cascader.metaTitle":"ILLA Cloud Cascader \u7ec4\u4ef6 | ILLA Cloud","landingPageDetail.cascader.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud\u4e2d\u4f7f\u7528 Cascader \u7ec4\u4ef6\u4ece\u8fde\u4e32\u83dc\u5355\u4e2d\u9009\u62e9\u9009\u9879\u3002","landingPageDetail.chart.name":"Chart","landingPageDetail.chart.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u56fe\u8868\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.chart.description":"ILLA Cloud \u4e2d\u7684\u201c\u56fe\u8868\u201d\u7ec4\u4ef6\u663e\u793a\u57fa\u4e8e\u94fe\u63a5\u6570\u636e\u7684\u5404\u79cd\u56fe\u8868\u7c7b\u578b\uff0c\u4e3a\u5206\u6790\u590d\u6742\u4fe1\u606f\u63d0\u4f9b\u4e86\u4e00\u79cd\u6e05\u6670\u4e14\u5177\u6709\u89c6\u89c9\u5438\u5f15\u529b\u7684\u65b9\u5f0f\u3002\u7528\u6237\u53ef\u4ee5\u8f7b\u677e\u6bd4\u8f83\u6570\u636e\u70b9\u5e76\u8bc6\u522b\u8d8b\u52bf\uff0c\u4f7f\u5176\u6210\u4e3a\u51b3\u7b56\u5236\u5b9a\u7684\u6709\u6548\u5de5\u5177\u3002\u4f8b\u5982\uff0c\u9500\u552e\u56e2\u961f\u53ef\u4ee5\u4f7f\u7528\u56fe\u8868\u6765\u53ef\u89c6\u5316\u4ed6\u4eec\u7684\u6536\u5165\u5e76\u786e\u5b9a\u9700\u8981\u6539\u8fdb\u7684\u5730\u65b9\u3002\u603b\u7684\u6765\u8bf4\uff0c\u56fe\u8868\u7ec4\u4ef6\u53ef\u4ee5\u901a\u8fc7\u7b80\u5316\u6570\u636e\u5206\u6790\u8fc7\u7a0b\u5e76\u4ee5\u6613\u4e8e\u7406\u89e3\u7684\u683c\u5f0f\u5448\u73b0\u4fe1\u606f\u6765\u8282\u7701\u7528\u6237\u65f6\u95f4\u3002","landingPageDetail.chart.metaTitle":"ILLA Cloud \u56fe\u8868\u7ec4\u4ef6 - \u4f7f\u7528\u56fe\u548c\u56fe\u8868\u53ef\u89c6\u5316\u6570\u636e","landingPageDetail.chart.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u56fe\u8868\u7ec4\u4ef6\u6765\u521b\u5efa\u4eea\u8868\u677f\u3001\u62a5\u544a\u3001\u8c03\u67e5\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.checkboxGroup.name":"Checkbox Group","landingPageDetail.checkboxGroup.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u590d\u9009\u6846\u7ec4\u7ec4\u4ef6\uff0c\u53ea\u9700\u5355\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.checkboxGroup.description":"ILLA Cloud \u4e2d\u7684\u590d\u9009\u6846\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u65b9\u4fbf\u9ad8\u6548\u7684\u65b9\u5f0f\u6765\u4ece\u5217\u8868\u4e2d\u9009\u62e9\u591a\u4e2a\u9009\u9879\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\u548c\u7cbe\u529b\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4e3a\u4ea7\u54c1\u504f\u597d\u521b\u5efa\u4e00\u4e2a\u8868\u5355\u5e76\u4f7f\u7528\u590d\u9009\u6846\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u53ef\u4ee5\u9009\u62e9\u591a\u4e2a\u9009\u9879\uff0c\u4f8b\u5982\u989c\u8272\u6216\u5c3a\u5bf8\uff0c\u4ece\u800c\u7b80\u5316\u6570\u636e\u6536\u96c6\u8fc7\u7a0b\u3002","landingPageDetail.checkboxGroup.metaTitle":"ILLA Cloud | \u590d\u9009\u6846\u7ec4\u7ec4\u4ef6","landingPageDetail.checkboxGroup.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u590d\u9009\u6846\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.circleProgress.name":"Circle Progress","landingPageDetail.circleProgress.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684 Circle Progress Component\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.circleProgress.description":"ILLA Cloud \u4e2d\u7684 Circle Progress \u7ec4\u4ef6\u65e8\u5728\u4ee5\u5706\u5f62\u663e\u793a\u8fdb\u5ea6\uff0c\u4e3a\u7528\u6237\u63d0\u4f9b\u4e00\u79cd\u89c6\u89c9\u4e0a\u5438\u5f15\u4eba\u7684\u65b9\u5f0f\u6765\u8ddf\u8e2a\u8fdb\u5ea6\u3002\u8be5\u7ec4\u4ef6\u53ef\u4ee5\u8ba9\u7528\u6237\u5feb\u901f\u8f7b\u677e\u5730\u67e5\u770b\u4efb\u52a1\u6216\u9879\u76ee\u7684\u8fdb\u5ea6\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\uff0c\u800c\u65e0\u9700\u5fc5\u987b\u624b\u52a8\u8ba1\u7b97\u767e\u5206\u6bd4\uff0c\u5e2e\u52a9\u4ed6\u4eec\u786e\u5b9a\u53ef\u80fd\u9700\u8981\u989d\u5916\u5173\u6ce8\u6216\u8d44\u6e90\u7684\u9886\u57df\uff0c\u5e76\u4ee5\u6e05\u6670\u7b80\u6d01\u7684\u65b9\u5f0f\u5411\u56e2\u961f\u6210\u5458\u548c\u5229\u76ca\u76f8\u5173\u8005\u4f20\u8fbe\u8fdb\u5c55\u60c5\u51b5\u3002","landingPageDetail.circleProgress.metaTitle":"ILLA Cloud \u73af\u8fdb\u5ea6\u7ec4\u4ef6 - \u5728\u5706\u5f62\u680f\u4e2d\u663e\u793a\u548c\u7ba1\u7406\u6570\u636e\u8fdb\u5ea6","landingPageDetail.circleProgress.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud\u4e2d\u4f7f\u7528\u5706\u5f62\u8fdb\u5ea6\u7ec4\u4ef6\u5728\u5faa\u73af\u680f\u4e2d\u663e\u793a\u6570\u636e\u8fdb\u5ea6\u3002","landingPageDetail.container.name":"Container","landingPageDetail.container.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5bb9\u5668\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.container.description":"ILLA Cloud \u4e2d\u7684\u201c\u5bb9\u5668\u201d\u7ec4\u4ef6\u5c06\u591a\u4e2a\u7ec4\u4ef6\u7ec4\u5408\u5728\u4e00\u8d77\uff0c\u4f7f\u7528\u6237\u66f4\u5bb9\u6613\u7ec4\u7ec7\u548c\u7ba1\u7406\u5185\u5bb9\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u5c06\u4e00\u7ec4\u8f93\u5165\u5b57\u6bb5\u7ec4\u5408\u5728\u4e00\u4e2a\u5bb9\u5668\u4e2d\uff0c\u4ece\u800c\u7b80\u5316\u6536\u96c6\u548c\u63d0\u4ea4\u6570\u636e\u7684\u8fc7\u7a0b\u3002\u8fd9\u53ef\u4ee5\u901a\u8fc7\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u548c\u63d0\u9ad8\u6574\u4f53\u6548\u7387\u6765\u8282\u7701\u65f6\u95f4\u3002","landingPageDetail.container.metaTitle":"ILLA Cloud | \u5bb9\u5668\u7ec4\u4ef6","landingPageDetail.container.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u5bb9\u5668\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.date.name":"Date","landingPageDetail.date.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u65e5\u671f\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.date.description":"ILLA Cloud\u4e2d\u7684Date\u7ec4\u4ef6\u901a\u8fc7\u63d0\u4f9b\u57fa\u4e8e\u65e5\u5386\u7684\u754c\u9762\u7b80\u5316\u4e86\u65e5\u671f\u7684\u9009\u62e9\uff0c\u63d0\u9ad8\u4e86\u65e5\u671f\u76f8\u5173\u6570\u636e\u7ba1\u7406\u7684\u6548\u7387\u548c\u51c6\u786e\u6027\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u7528\u4e8e\u4e8b\u4ef6\u6ce8\u518c\u7684\u8868\u5355\uff0c\u5e76\u4f7f\u7528Date\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u9009\u62e9\u6d3b\u52a8\u65e5\u671f\uff0c\u51cf\u5c11\u65e5\u671f\u76f8\u5173\u9519\u8bef\u7684\u53ef\u80fd\u6027\u5e76\u7b80\u5316\u6ce8\u518c\u8fc7\u7a0b\u3002","landingPageDetail.date.metaTitle":"ILLA Cloud | \u65e5\u671f","landingPageDetail.date.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u65e5\u671f\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.dateRange.name":"Date Range","landingPageDetail.dateRange.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u65e5\u671f\u8303\u56f4\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.dateRange.description":"ILLA Cloud \u4e2d\u7684\u201c\u65e5\u671f\u8303\u56f4\u201d\u7ec4\u4ef6\u901a\u8fc7\u63d0\u4f9b\u57fa\u4e8e\u65e5\u5386\u7684\u754c\u9762\u7b80\u5316\u4e86\u65e5\u671f\u8303\u56f4\u7684\u9009\u62e9\uff0c\u8282\u7701\u4e86\u7528\u6237\u7684\u65f6\u95f4\u548c\u7cbe\u529b\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u62a5\u544a\u5e76\u4f7f\u7528\u201c\u65e5\u671f\u8303\u56f4\u201d\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u9009\u62e9\u6570\u636e\u5206\u6790\u7684\u65e5\u671f\u8303\u56f4\uff0c\u7b80\u5316\u6d41\u7a0b\uff0c\u63d0\u9ad8\u6548\u7387\u3002","landingPageDetail.dateRange.metaTitle":"ILLA Cloud | \u65e5\u671f\u8303\u56f4\u7ec4\u4ef6","landingPageDetail.dateRange.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u65e5\u671f\u8303\u56f4\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.dateTime.name":"Date Time","landingPageDetail.dateTime.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u65e5\u671f\u65f6\u95f4\u7ec4\u4ef6\uff0c\u53ea\u9700\u5355\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.dateTime.description":"ILLA Cloud\u4e2d\u7684\u65e5\u671f\u65f6\u95f4\u7ec4\u4ef6\u901a\u8fc7\u63d0\u4f9b\u57fa\u4e8e\u65e5\u5386\u7684\u754c\u9762\u7b80\u5316\u4e86\u65e5\u671f\u548c\u65f6\u95f4\u7684\u9009\u62e9\uff0c\u63d0\u9ad8\u4e86\u6570\u636e\u7ba1\u7406\u7684\u6548\u7387\u548c\u51c6\u786e\u6027\u3002\u5141\u8bb8\u7528\u6237\u9009\u62e9\u5177\u4f53\u7684\u65e5\u671f\u548c\u65f6\u95f4\uff0c\u51cf\u5c11\u8c03\u5ea6\u9519\u8bef\u7684\u53ef\u80fd\u6027\u5e76\u7b80\u5316\u6d41\u7a0b\u3002","landingPageDetail.dateTime.metaTitle":"ILLA Cloud\u65e5\u671f\u65f6\u95f4\u7ec4\u4ef6 - \u9009\u62e9\u5e76\u663e\u793a\u65e5\u671f\u548c\u65f6\u95f4","landingPageDetail.dateTime.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u65e5\u671f\u65f6\u95f4\u7ec4\u4ef6\u521b\u5efa\u8868\u5355\u3001\u8c03\u67e5\u3001\u4eea\u8868\u677f\u548c\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.divider.name":"Divider","landingPageDetail.divider.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5206\u5272\u7ebf\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.divider.description":"ILLA Cloud \u4e2d\u7684\u201c\u5206\u5272\u7ebf\u201d\u7ec4\u4ef6\u662f\u4e00\u79cd\u89c6\u89c9\u5143\u7d20\uff0c\u53ef\u4ee5\u5728\u5185\u5bb9\u7684\u4e0d\u540c\u90e8\u5206\u4e4b\u95f4\u521b\u5efa\u6e05\u6670\u7684\u533a\u522b\uff0c\u4ece\u800c\u6539\u8fdb\u5bfc\u822a\u548c\u7ec4\u7ec7\u3002\u901a\u8fc7\u4f7f\u7528\u5206\u5272\u7ebf\uff0c\u7528\u6237\u53ef\u4ee5\u901a\u8fc7\u5feb\u901f\u627e\u5230\u6240\u9700\u7684\u4fe1\u606f\u6765\u8282\u7701\u65f6\u95f4\uff0c\u800c\u65e0\u9700\u5728\u6df7\u4e71\u6216\u6742\u4e71\u65e0\u7ae0\u7684\u60c5\u51b5\u4e0b\u8fdb\u884c\u641c\u7d22\u5185\u5bb9\uff0c\u63d0\u5347\u7528\u6237\u4f53\u9a8c\u3002","landingPageDetail.divider.metaTitle":"ILLA Cloud | \u5206\u5272\u7ebf\u7ec4\u4ef6","landingPageDetail.divider.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u5206\u9694\u7b26\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.editableText.name":"Editable text","landingPageDetail.editableText.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u53ef\u7f16\u8f91\u6587\u672c\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.editableText.description":"ILLA Cloud\u4e2d\u7684\u53ef\u7f16\u8f91\u6587\u672c\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u5728\u4e00\u884c\u6587\u672c\u8f93\u5165\u6846\u4e2d\u8f93\u5165\u548c\u7f16\u8f91\u6587\u672c\uff0c\u8f93\u5165\u7684\u6587\u672c\u53ef\u4ee5\u60ac\u505c\u663e\u793a\u3002\u8be5\u7ec4\u4ef6\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u4e00\u79cd\u5feb\u901f\u7b80\u4fbf\u7684\u65b9\u5f0f\u6765\u7f16\u8f91\u6587\u672c\u6765\u8282\u7701\u7528\u6237\u7684\u65f6\u95f4\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u6536\u96c6\u7528\u6237\u53cd\u9988\u7684\u8868\u5355\uff0c\u5e76\u4f7f\u7528\u201c\u53ef\u7f16\u8f91\u6587\u672c\u201d\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u5728\u63d0\u4ea4\u4e4b\u524d\u7f16\u8f91\u4ed6\u4eec\u7684\u8bc4\u8bba\u3002\u8fd9\u53ef\u4ee5\u901a\u8fc7\u51cf\u5c11\u6765\u56de\u901a\u4fe1\u7684\u9700\u6c42\u6765\u5e2e\u52a9\u4f01\u4e1a\u63d0\u9ad8\u6548\u7387\u3002","landingPageDetail.editableText.metaTitle":"ILLA Cloud | \u53ef\u7f16\u8f91\u6587\u672c\u7ec4\u4ef6","landingPageDetail.editableText.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u53ef\u7f16\u8f91\u6587\u672c\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.form.name":"Form","landingPageDetail.form.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u8868\u5355\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.form.description":"ILLA Cloud \u4e2d\u7684\u201c\u8868\u5355\u201d\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u8f93\u5165\u548c\u63d0\u4ea4\u6240\u9700\u4fe1\u606f\uff0c\u63d0\u4f9b\u4e86\u4e00\u79cd\u6536\u96c6\u548c\u5904\u7406\u6570\u636e\u7684\u6709\u6548\u65b9\u5f0f\u3002\u5b83\u53ef\u4ee5\u901a\u8fc7\u6807\u51c6\u5316\u6570\u636e\u8f93\u5165\u6d41\u7a0b\u3001\u51cf\u5c11\u9519\u8bef\u4ee5\u53ca\u66f4\u8f7b\u677e\u5730\u7ec4\u7ec7\u548c\u5206\u6790\u6570\u636e\u6765\u8282\u7701\u65f6\u95f4\u3002\u4f8b\u5982\uff0c\u516c\u53f8\u53ef\u4ee5\u4f7f\u7528 Form \u7ec4\u4ef6\u6765\u6536\u96c6\u5458\u5de5\u4fe1\u606f\uff0c\u4f8b\u5982\u8054\u7cfb\u65b9\u5f0f\u548c\u5de5\u4f5c\u804c\u4f4d\uff0c\u5e76\u8f7b\u677e\u5730\u4e3a\u4eba\u529b\u8d44\u6e90\u76ee\u7684\u7ec4\u7ec7\u6570\u636e\u3002","landingPageDetail.form.metaTitle":"ILLA Cloud | \u8868\u5355\u7ec4\u4ef6","landingPageDetail.form.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u8868\u5355\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.icon.name":"Icon","landingPageDetail.icon.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u56fe\u6807\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.icon.description":"ILLA Cloud \u4e2d\u7684\u56fe\u6807\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u5feb\u901f\u7b80\u4fbf\u7684\u65b9\u5f0f\u6765\u63d2\u5165\u9884\u5efa\u56fe\u6807\uff0c\u63d0\u9ad8\u4e86\u5e94\u7528\u7a0b\u5e8f\u7684\u89c6\u89c9\u5438\u5f15\u529b\u548c\u53ef\u7528\u6027\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u63d2\u5165\u8d2d\u7269\u8f66\u56fe\u6807\u6765\u8868\u793a\u8d2d\u7269\u8f66\u529f\u80fd\u7535\u5b50\u5546\u52a1\u5e94\u7528\u7a0b\u5e8f\uff0c\u8282\u7701\u521b\u5efa\u81ea\u5b9a\u4e49\u56fe\u6807\u7684\u65f6\u95f4\u548c\u7cbe\u529b\u5e76\u6539\u5584\u7528\u6237\u4f53\u9a8c\u3002","landingPageDetail.icon.metaTitle":"ILLA Cloud | \u56fe\u6807\u7ec4\u4ef6","landingPageDetail.icon.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u56fe\u6807\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.image.name":"Image","landingPageDetail.image.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u56fe\u50cf\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.image.description":"ILLA Cloud \u4e2d\u7684\u56fe\u50cf\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u76f4\u63a5\u663e\u793a\u56fe\u50cf\u7684\u65b9\u5f0f\uff0c\u589e\u5f3a\u4e86\u89c6\u89c9\u5438\u5f15\u529b\u548c\u4fe1\u606f\u7684\u53ef\u8bbf\u95ee\u6027\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528\u201c\u56fe\u50cf\u201d\u7ec4\u4ef6\u5728\u7535\u5b50\u5546\u52a1\u5e94\u7528\u7a0b\u5e8f\u4e2d\u663e\u793a\u4ea7\u54c1\u56fe\u50cf\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\u52aa\u529b\u63d0\u4f9b\u6e05\u6670\u4e14\u6709\u5438\u5f15\u529b\u7684\u4ea7\u54c1\u5c55\u793a\u3002","landingPageDetail.image.metaTitle":"ILLA Cloud \u56fe\u50cf\u7ec4\u4ef6 - \u5728\u60a8\u7684\u5e94\u7528\u7a0b\u5e8f\u4e2d\u663e\u793a\u548c\u7ba1\u7406\u56fe\u50cf","landingPageDetail.image.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u56fe\u50cf\u7ec4\u4ef6\u6765\u521b\u5efa\u753b\u5eca\u3001\u6ed1\u5757\u3001\u7f29\u7565\u56fe\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.input.name":"Input","landingPageDetail.input.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u8f93\u5165\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.input.description":"\u5728 ILLA Cloud \u4e2d\uff0c\u5e26\u6709\u5de6\u4fa7\u6807\u7b7e\u7684 Input \u7ec4\u4ef6\u6d88\u9664\u4e86\u624b\u52a8\u6570\u636e\u8f93\u5165\uff0c\u4ece\u800c\u8282\u7701\u4e86\u65f6\u95f4\u5e76\u63d0\u9ad8\u4e86\u6548\u7387\u3002\u5b83\u5141\u8bb8\u7528\u6237\u8f7b\u677e\u63d0\u4f9b\u8fdb\u4e00\u6b65\u5904\u7406\u6240\u9700\u7684\u4fe1\u606f\u3002\u4f8b\u5982\uff0c\u5b83\u53ef\u7528\u4e8e\u6536\u96c6\u5ba2\u6237\u8054\u7cfb\u4fe1\u606f\uff0c\u7b80\u5316\u6570\u636e\u6536\u96c6\u548c\u5904\u7406\u5de5\u4f5c\u6d41\u7a0b\u3002\u6536\u96c6\u7684\u6570\u636e\u53ef\u7528\u4e8e\u5ba2\u6237\u7ec6\u5206\u3001\u6709\u9488\u5bf9\u6027\u7684\u8425\u9500\u6d3b\u52a8\u548c\u5ba2\u6237\u652f\u6301\uff0c\u4ece\u800c\u63d0\u4f9b\u9ad8\u6548\u4e14\u7701\u65f6\u7684\u89e3\u51b3\u65b9\u6848\u3002","landingPageDetail.input.metaTitle":"ILLA Cloud | \u8f93\u5165\u6846\u7ec4\u4ef6 ","landingPageDetail.input.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u8f93\u5165\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.list.name":"List","landingPageDetail.list.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5217\u8868\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.list.description":"List \u7ec4\u4ef6\u63d0\u4f9b\u4e86\u4e00\u79cd\u6709\u7ec4\u7ec7\u4e14\u9ad8\u6548\u7684\u65b9\u5f0f\u6765\u67e5\u770b\u548c\u7ba1\u7406\u6570\u636e\uff0c\u901a\u8fc7\u5141\u8bb8\u7528\u6237\u5feb\u901f\u8bbf\u95ee\u548c\u64cd\u4f5c\u4fe1\u606f\u6765\u8282\u7701\u7528\u6237\u65f6\u95f4\u3002\u4f8b\u5982\uff0c\u9500\u552e\u7ecf\u7406\u53ef\u4ee5\u4f7f\u7528 List \u7ec4\u4ef6\u6765\u67e5\u770b\u548c\u8ddf\u8e2a\u5ba2\u6237\u8ba2\u5355\uff0c\u5feb\u901f\u8bc6\u522b\u8d8b\u52bf\u548c\u5236\u5b9a\u6570\u636e\u9a71\u52a8\u7684\u51b3\u7b56\u3002\u603b\u7684\u6765\u8bf4\uff0cList \u7ec4\u4ef6\u53ef\u4ee5\u63d0\u9ad8\u751f\u4ea7\u529b\u5e76\u589e\u5f3a\u6570\u636e\u5206\u6790\u3002","landingPageDetail.list.metaTitle":"ILLA Cloud \u5217\u8868\u7ec4\u4ef6 - \u521b\u5efa\u53ef\u91cd\u590d\u7684\u6570\u636e\u884c","landingPageDetail.list.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u5217\u8868\u7ec4\u4ef6\u6765\u521b\u5efa\u753b\u5eca\u3001\u6ed1\u5757\u3001\u8868\u683c\u548c\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.menu.name":"Menu","landingPageDetail.menu.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u83dc\u5355\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.menu.description":"\u901a\u8fc7\u4f7f\u7528 Menu \u7ec4\u4ef6\uff0c\u7528\u6237\u53ef\u4ee5\u5feb\u901f\u8bbf\u95ee\u4e0d\u540c\u7684\u9009\u9879\uff0c\u800c\u65e0\u9700\u6d4f\u89c8\u591a\u4e2a\u9875\u9762\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\u5e76\u63d0\u9ad8\u6548\u7387\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528 Menu \u7ec4\u4ef6\u8bbf\u95ee\u8f6f\u4ef6\u5e94\u7528\u7a0b\u5e8f\u7684\u5404\u79cd\u529f\u80fd\uff0c\u4ece\u800c\u4f7f\u4ed6\u4eec\u53ef\u4ee5\u8f7b\u677e\u8bbf\u95ee\u7ecf\u5e38\u4f7f\u7528\u7684\u529f\u80fd\u5e76\u7b80\u5316\u4ed6\u4eec\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002","landingPageDetail.menu.metaTitle":"ILLA Cloud\u83dc\u5355\u7ec4\u4ef6 - \u663e\u793a\u548c\u7ba1\u7406\u9875\u9762\u7ed3\u6784","landingPageDetail.menu.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u83dc\u5355\u7ec4\u4ef6\u6765\u521b\u5efa\u5bfc\u822a\u680f\u3001\u4fa7\u8fb9\u680f\u3001\u4e0b\u62c9\u83dc\u5355\u548c\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.modal.name":"Modal","landingPageDetail.modal.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5bf9\u8bdd\u6846\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.modal.description":"ILLA Cloud \u4e2d\u7684\u201c\u5bf9\u8bdd\u6846\u201d\u7ec4\u4ef6\u662f\u4e00\u4e2a\u7528\u6237\u754c\u9762\u5143\u7d20\uff0c\u53ef\u4ee5\u5728\u4e0d\u79bb\u5f00\u5f53\u524d\u9875\u9762\u6216\u4e2d\u65ad\u7528\u6237\u5de5\u4f5c\u6d41\u7a0b\u7684\u60c5\u51b5\u4e0b\u663e\u793a\u5185\u5bb9\u6216\u63d0\u793a\u7528\u6237\u4ea4\u4e92\u3002\u5b83\u5728\u73b0\u6709\u9875\u9762\u7684\u9876\u90e8\u521b\u5efa\u4e00\u4e2a\u6d6e\u52a8\u5c42\uff0c\u4ee5\u6536\u96c6\u7528\u6237\u53cd\u9988\u3001\u663e\u793a\u4fe1\u606f\u6216\u63d0\u793a\u8f93\u5165\u3002\u8fd9\u5141\u8bb8\u66f4\u65e0\u7f1d\u548c\u7b80\u5316\u7684\u7528\u6237\u4f53\u9a8c\uff0c\u56e0\u4e3a\u7528\u6237\u53ef\u4ee5\u7559\u5728\u76f8\u540c\u7684\u4e0a\u4e0b\u6587\u4e2d\uff0c\u540c\u65f6\u4ecd\u7136\u80fd\u591f\u4e0e\u5e94\u7528\u7a0b\u5e8f\u4ea4\u4e92\u3002","landingPageDetail.modal.metaTitle":"ILLA Cloud | \u5bf9\u8bdd\u6846\u7ec4\u4ef6","landingPageDetail.modal.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u5bf9\u8bdd\u6846\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.multiselect.name":"Multiselect","landingPageDetail.multiselect.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u591a\u9879\u9009\u62e9\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.multiselect.description":"ILLA Cloud \u4e2d\u7684\u591a\u9879\u9009\u62e9\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u65b9\u4fbf\u9ad8\u6548\u7684\u65b9\u5f0f\u6765\u4ece\u5217\u8868\u4e2d\u9009\u62e9\u591a\u4e2a\u9009\u9879\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\u548c\u7cbe\u529b\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u8c03\u67e5\u8868\u5e76\u4f7f\u7528\u591a\u9879\u9009\u62e9\u7ec4\u4ef6\u6765\u5141\u8bb8\u7528\u6237\u9009\u62e9\u591a\u4e2a\u9009\u9879\uff0c\u4f8b\u5982\u4ed6\u4eec\u559c\u6b22\u7684\u4ea7\u54c1\u6216\u670d\u52a1\uff0c\u4ece\u800c\u7b80\u5316\u6570\u636e\u6536\u96c6\u8fc7\u7a0b\u3002","landingPageDetail.multiselect.metaTitle":"ILLA Cloud | \u591a\u9009\u7ec4\u4ef6","landingPageDetail.multiselect.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud \u4e2d\u4f7f\u7528\u591a\u9879\u9009\u62e9\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.numberInput.name":"Number input","landingPageDetail.numberInput.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u6570\u5b57\u8f93\u5165\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.numberInput.description":"\u5728ILLA Cloud\u4e2d\uff0c\u5e26\u6709\u5de6\u6807\u7b7e\u7684\u6570\u5b57\u8f93\u5165\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u8f93\u5165\u6570\u5b57\u503c\u3002 \u63d0\u4f9b\u4e00\u4e2a\u7b80\u5316\u7684\u63a5\u53e3\uff0c\u7528\u4e8e\u5feb\u901f\u548c\u7b80\u5355\u7684\u8f93\u5165\u3002 \u6b64\u7ec4\u4ef6\u53ef\u4ee5\u901a\u8fc7\u53d6\u6d88\u624b\u52a8\u8f93\u5165\u6570\u636e\u7684\u9700\u8981\u6765\u8282\u7701\u7528\u6237\u7684\u65f6\u95f4\u3002 \u6216\u8005\u4e3e\u4f8b\u8bf4\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u8ba2\u5355\u8868\u5355\uff0c\u5176\u4e2d\u5305\u62ec\u201c\u6570\u5b57\u8f93\u5165\u201d\u7ec4\u4ef6\uff0c\u4ee5\u6536\u96c6\u6bcf\u4e2a\u9879\u76ee\u7684\u6570\u91cf\u548c\u4ef7\u683c\u3002 \u8fd9\u53ef\u4ee5\u5e2e\u52a9\u4f01\u4e1a\u8282\u7701\u65f6\u95f4\u548c\u51cf\u5c11\u5904\u7406\u8ba2\u5355\u65f6\u7684\u9519\u8bef\u3002","landingPageDetail.numberInput.metaTitle":"ILLA Cloud | \u6570\u5b57\u8f93\u5165\u7ec4\u4ef6","landingPageDetail.numberInput.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud \u4e2d\u4f7f\u7528\u6570\u5b57\u8f93\u5165\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.pdf.name":"PDF","landingPageDetail.pdf.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684 PDF \u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.pdf.description":"ILLA Cloud \u4e2d\u7684\u201cPDF\u201d\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u67e5\u770b PDF \u6587\u4ef6\u5e76\u4e0e\u4e4b\u4ea4\u4e92\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\u5e76\u7b80\u5316\u6587\u6863\u7ba1\u7406\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u8f7b\u677e\u8bbf\u95ee\u548c\u6ce8\u91ca PDF \u6587\u6863\uff0c\u800c\u65e0\u9700\u5728\u4e0d\u540c\u7684\u8f6f\u4ef6\u6216\u5e94\u7528\u7a0b\u5e8f\u4e4b\u95f4\u5207\u6362\uff0c\u4ece\u800c\u63d0\u9ad8\u751f\u4ea7\u529b\u548c\u5de5\u4f5c\u6d41\u7a0b\u6548\u7387\u3002","landingPageDetail.pdf.metaTitle":"ILLA Cloud | PDF \u7ec4\u4ef6","landingPageDetail.pdf.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528PDF \u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.radioButton.name":"Radio Button","landingPageDetail.radioButton.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5355\u9009\u6309\u94ae\u7ec4\u4ef6\uff0c\u53ea\u9700\u5355\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.radioButton.description":"Radio Button \u7ec4\u4ef6\u662f\u7528\u6237\u4ece\u591a\u4e2a\u9009\u9879\u4e2d\u9009\u62e9\u4e00\u4e2a\u9009\u9879\u7684\u5feb\u901f\u6709\u6548\u65b9\u5f0f\uff0c\u907f\u514d\u6df7\u6dc6\u5e76\u7b80\u5316\u51b3\u7b56\u8fc7\u7a0b\u3002\u4f8b\u5982\uff0c\u8c03\u67e5\u8868\u53ef\u4ee5\u4f7f\u7528 Radio Button \u7ec4\u4ef6\u8ba9\u7528\u6237\u9009\u62e9\u4ed6\u4eec\u7684\u5e74\u9f84\u7ec4\u3001\u6027\u522b\u6216\u9996\u9009\u8054\u7cfb\u65b9\u5f0f\uff0c\u901a\u8fc7\u7b80\u5316\u6570\u636e\u8f93\u5165\u8fc7\u7a0b\u8282\u7701\u65f6\u95f4\u3002","landingPageDetail.radioButton.metaTitle":"ILLA Cloud | \u5355\u9009\u6309\u94ae\u7ec4\u4ef6","landingPageDetail.radioButton.metaDescription":" \u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud \u4e2d\u4f7f\u7528\u5355\u9009\u6309\u94ae\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.radioGroup.name":"Radio group","landingPageDetail.radioGroup.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5355\u9009\u6846\u7ec4\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.radioGroup.description":"ILLA Cloud \u4e2d\u7684\u5355\u9009\u6846\u7ec4\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u76f4\u63a5\u6709\u6548\u7684\u65b9\u5f0f\u6765\u4ece\u5217\u8868\u4e2d\u9009\u62e9\u4e00\u4e2a\u9009\u9879\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\u5e76\u51cf\u5c11\u9519\u8bef\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u7528\u4e8e\u4e8b\u4ef6\u6ce8\u518c\u7684\u8868\u5355\u5e76\u4f7f\u7528\u5355\u9009\u6846\u7ec4\u7ec4\u4ef6\u6765\u5141\u8bb8\u7528\u6237\u9009\u62e9\u4ed6\u4eec\u559c\u6b22\u7684\u4e8b\u4ef6\uff0c\u7b80\u5316\u6ce8\u518c\u8fc7\u7a0b\u5e76\u63d0\u9ad8\u6548\u7387\u3002","landingPageDetail.radioGroup.metaTitle":"ILLA Cloud \u5355\u9009\u6846\u7ec4\u7ec4\u4ef6 - \u4f7f\u7528\u7b80\u6613\u6784\u5efa\u5185\u90e8\u5de5\u5177","landingPageDetail.radioGroup.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 ILLA Cloud \u521b\u5efa\u8868\u5355\u3001\u8c03\u67e5\u3001\u4eea\u8868\u677f\u548c\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.rate.name":"Rate","landingPageDetail.rate.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684 Rate \u7ec4\u4ef6 \u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.rate.description":"ILLA Cloud \u4e2d\u7684\u201c\u8bc4\u5206\u201d\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u5feb\u901f\u7b80\u4fbf\u7684\u65b9\u5f0f\u6765\u5bf9\u4ea7\u54c1\u3001\u670d\u52a1\u6216\u4f53\u9a8c\u8fdb\u884c\u8bc4\u5206\uff0c\u4ece\u800c\u8282\u7701\u4e86\u63d0\u4f9b\u53cd\u9988\u7684\u65f6\u95f4\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528\u8bc4\u5206\u7ec4\u4ef6\u5bf9\u6700\u8fd1\u7684\u8d2d\u4e70\u6216\u4f53\u9a8c\u8fdb\u884c\u8bc4\u5206\uff0c\u4ece\u800c\u5e2e\u52a9\u4f01\u4e1a\u6839\u636e\u5ba2\u6237\u53cd\u9988\u6539\u8fdb\u4ed6\u4eec\u7684\u4ea7\u54c1\u548c\u670d\u52a1\u3002","landingPageDetail.rate.metaTitle":"ILLA Cloud | \u8bc4\u5206\u7ec4\u4ef6","landingPageDetail.rate.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u8bc4\u5206\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.select.name":"Select","landingPageDetail.select.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u9009\u62e9\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.select.description":"ILLA Cloud \u4e2d\u7684 Select \u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u4ece\u9009\u9879\u5217\u8868\u4e2d\u8fdb\u884c\u9009\u62e9\uff0c\u63d0\u4f9b\u4e00\u79cd\u7528\u6237\u53cb\u597d\u4e14\u8282\u7701\u7a7a\u95f4\u7684\u65b9\u5f0f\u6765\u8f93\u5165\u6570\u636e\uff0c\u8fd9\u53ef\u4ee5\u8282\u7701\u7528\u6237\u7684\u65f6\u95f4\u5e76\u63d0\u9ad8\u6548\u7387\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u8c03\u67e5\u8868\u5e76\u4f7f\u7528\u201c\u9009\u62e9\u201d\u7ec4\u4ef6\u63d0\u4f9b\u4e00\u7cfb\u5217\u9009\u9879\u4f9b\u7528\u6237\u9009\u62e9\uff0c\u7b80\u5316\u6d41\u7a0b\u5e76\u786e\u4fdd\u51c6\u786e\u6536\u96c6\u6570\u636e\u3002","landingPageDetail.select.metaTitle":"ILLA Cloud \u9009\u62e9\u7ec4\u4ef6 - \u4ece\u9009\u62e9\u5217\u8868\u4e2d\u9009\u62e9\u4e00\u4e2a\u9009\u9879","landingPageDetail.select.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud\u4e2d\u9009\u62e9\u7ec4\u4ef6\uff0c\u4ece\u9009\u9879\u5217\u8868\u4e2d\u9009\u62e9\u3002","landingPageDetail.statistics.name":"Statistics","landingPageDetail.statistics.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u7edf\u8ba1\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.statistics.description":"ILLA Cloud\u4e2d\u7684\'Statistics\'\u7ec4\u4ef6\u65e8\u5728\u5e2e\u52a9\u7528\u6237\u4ee5\u89c6\u89c9\u4e0a\u5438\u5f15\u4eba\u4e14\u6613\u4e8e\u7406\u89e3\u7684\u65b9\u5f0f\u663e\u793a\u6570\u503c\u6570\u636e\uff0c\u4ece\u800c\u6539\u8fdb\u6570\u636e\u5206\u6790\u548c\u51b3\u7b56\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528Statistics\u7ec4\u4ef6\u521b\u5efa\u4eea\u8868\u677f\u4ee5\u6761\u5f62\u56fe\u3001\u997c\u56fe\u548c\u6298\u7ebf\u56fe\u7b49\u5404\u79cd\u89c6\u89c9\u683c\u5f0f\u663e\u793a\u9500\u552e\u6570\u636e\uff0c\u4ece\u800c\u8282\u7701\u521b\u5efa\u81ea\u5b9a\u4e49\u53ef\u89c6\u5316\u6548\u679c\u7684\u65f6\u95f4\u5e76\u63d0\u4f9b\u5feb\u901f\u6e05\u6670\u7684\u6570\u636e\u6982\u89c8\u3002","landingPageDetail.statistics.metaTitle":"ILLA Cloud | \u7edf\u8ba1\u7ec4\u4ef6","landingPageDetail.statistics.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u7edf\u8ba1\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.switch.name":"Switch","landingPageDetail.switch.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5f00\u5173\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.switch.description":"ILLA \u4e91\u4e2d\u7684\u5f00\u5173\u7ec4\u4ef6\u4e3a\u7528\u6237\u6253\u5f00\u6216\u5173\u95ed\u7279\u5b9a\u8bbe\u7f6e\u6216\u529f\u80fd\u63d0\u4f9b\u4e86\u4e00\u79cd\u76f4\u89c2\u548c\u65b9\u4fbf\u7528\u6237\u7684\u65b9\u5f0f\u3002 \u2022 \u8282\u7701\u65f6\u95f4\u548c\u63d0\u9ad8\u6548\u7387\u3002 \u4f8b\u5982\uff0c \u4e00\u4e2a\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u901a\u77e5\u7cfb\u7edf\uff0c\u5e76\u4f7f\u7528\u201c\u5f00\u5173\u201d\u7ec4\u4ef6\u6765\u5141\u8bb8\u7528\u6237\u6253\u5f00\u6216\u5173\u95ed\u7279\u5b9a\u4e8b\u4ef6\u7684\u901a\u77e5\u3002 \u4f8b\u5982\u65b0\u6d88\u606f\u6216\u66f4\u65b0\uff0c\u51cf\u5c11\u4e0d\u5fc5\u8981\u7684\u4e2d\u65ad\u3002","landingPageDetail.switch.metaTitle":"ILLA \u4e91 | \u5207\u6362\u7ec4\u4ef6","landingPageDetail.switch.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u5207\u6362\u7ec4\u4ef6\uff0c\u8fd9\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.tables.name":"\u8868","landingPageDetail.tables.title":"\u4f7f\u7528 ILLA \u4e91\u4e2d\u7684\u8868\u7ec4\u4ef6\u6765\u521b\u5efa\u5185\u90e8\u5de5\u5177\u53ea\u9700\u70b9\u51fb\u51e0\u6b21\u3002","landingPageDetail.tables.description":"ILLA \u4e91\u4e2d\u7684\u201c\u8868\u683c\u201d\u7ec4\u4ef6\u4ee5\u8868\u683c\u683c\u5f0f\u663e\u793a\u6570\u636e\u5e93\u6570\u636e\uff0c\u7528\u6237\u53ef\u4ee5\u5feb\u901f\u5206\u6790\u5927\u91cf\u4fe1\u606f\u3002 \u5177\u6709\u6392\u5e8f\u3001\u641c\u7d22\u548c\u8fc7\u6ee4\u7b49\u529f\u80fd\uff0c \u8868\u683c\u7ec4\u4ef6\u53ef\u4ee5\u8282\u7701\u7528\u6237\u65f6\u95f4\uff0c\u4f7f\u4ed6\u4eec\u80fd\u591f\u8f7b\u677e\u5730\u627e\u5230\u548c\u64cd\u7eb5\u4ed6\u4eec\u6240\u9700\u8981\u7684\u6570\u636e\u3002 \u6b64\u5916\uff0c\u8868\u683c\u53ef\u4ee5\u4f7f\u7528\u4e0d\u540c\u7684\u5217\u7c7b\u578b\u3001\u989c\u8272\u548c\u683c\u5f0f\u9009\u9879\u81ea\u5b9a\u4e49. \u4f7f\u6211\u4eec\u80fd\u591f\u521b\u5efa\u5177\u6709\u89c6\u89c9\u5438\u5f15\u529b\u548c\u6613\u4e8e\u7406\u89e3\u7684\u590d\u6742\u6570\u636e\u8868\u8ff0\u3002","landingPageDetail.tables.metaTitle":"ILLA \u4e91 | \u8868\u683c\u7ec4\u4ef6","landingPageDetail.tables.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u8868\u683c\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.tabs.name":"Tabs","landingPageDetail.tabs.title":"\u5728 ILLA \u4e91\u4e2d\u4f7f\u7528\u6807\u7b7e\u7ec4\u4ef6\u6765\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u53ea\u9700\u70b9\u51fb\u51e0\u6b21\u3002","landingPageDetail.tabs.description":"ILLA \u4e91\u4e2d\u7684\u201cTab\u201d\u7ec4\u4ef6\u53ef\u4ee5\u8282\u7701\u7528\u6237\u65f6\u95f4\uff0c\u8ba9\u4ed6\u4eec\u53ef\u4ee5\u8f7b\u677e\u5730\u5728\u4e0d\u540c\u7684\u5185\u5bb9\u90e8\u5206\u95f4\u5207\u6362\uff0c\u800c\u65e0\u9700\u5927\u89c4\u6a21\u6eda\u52a8\u3002 \u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528\u6807\u7b7e\u5728\u8f6f\u4ef6\u5e94\u7528\u7a0b\u5e8f\u4e2d\u5728\u4e0d\u540c\u7684\u89c6\u56fe\u6216\u6a21\u5f0f\u4e4b\u95f4\u5207\u6362\uff0c\u63d0\u9ad8\u53ef\u7528\u6027\u548c\u751f\u4ea7\u7387\u3002","landingPageDetail.tabs.metaTitle":"ILLA \u4e91\u6807\u7b7e\u7ec4\u4ef6 - \u5206\u7c7b\u548c\u663e\u793a\u5185\u5bb9","landingPageDetail.tabs.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 tabs \u7ec4\u4ef6\u6765\u521b\u5efa\u4eea\u8868\u677f\u3001\u62a5\u544a\u3001\u8868\u683c\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA \u4e91\u3002","landingPageDetail.text.name":"\u6587\u672c","landingPageDetail.text.title":"\u4f7f\u7528ILLA \u4e91\u4e2d\u7684\u6587\u672c\u7ec4\u4ef6\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.text.description":"ILLA \u4e91\u4e2d\u7684\u6587\u672c\u7ec4\u4ef6\u4e3a\u7528\u6237\u663e\u793a\u6587\u672c\u63d0\u4f9b\u4e86\u4e00\u79cd\u76f4\u622a\u4e86\u5f53\u7684\u65b9\u5f0f\uff0c\u63d0\u9ad8\u4e86\u4fe1\u606f\u7684\u53ef\u8bfb\u6027\u548c\u53ef\u83b7\u53d6\u6027\u3002 \u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528\u201c\u6587\u672c\u201d\u7ec4\u4ef6\u6765\u663e\u793a\u91cd\u8981\u7684\u8bf4\u660e\u6216\u4fe1\u606f\u3002 \u4f8b\u5982\u8054\u7cfb\u7ec6\u8282\u6216\u4ea7\u54c1\u8bf4\u660e\uff0c\u8282\u7701\u65f6\u95f4\u548c\u52aa\u529b\u4f20\u9012\u91cd\u8981\u4fe1\u606f\u3002","landingPageDetail.text.metaTitle":"ILLA \u4e91|\u6587\u672c\u7ec4\u4ef6","landingPageDetail.text.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u6587\u672c\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.textareaInput.name":"Textarea input","landingPageDetail.textareaInput.title":"\u4f7f\u7528 ILLA \u4e91\u4e2d\u7684 Textarea \u8f93\u5165\u7ec4\u4ef6\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.textareaInput.description":"ILLA \u4e91\u4e2d\u7684 Textarea \u8f93\u5165\u7ec4\u4ef6\u662f\u4e00\u4e2a\u65b9\u4fbf\u7528\u6237\u7684\u5de5\u5177\uff0c\u7528\u6237\u53ef\u4ee5\u8f7b\u677e\u5730\u8f93\u5165\u548c\u7f16\u8f91\u591a\u884c\u6587\u672c\u3002 \u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u5305\u542b\u201cTextarea Input\u201d\u7ec4\u4ef6\u7684\u8054\u7cfb\u8868\u5355\uff0c\u5141\u8bb8\u7528\u6237\u8f93\u5165\u8be6\u7ec6\u4fe1\u606f\uff0c \u4e3a\u8282\u7701\u65f6\u95f4\u548c\u7b80\u5316\u6c9f\u901a\u8fc7\u7a0b\u3002","landingPageDetail.textareaInput.metaTitle":"ILLA Cloud | Textarea Input Component","landingPageDetail.textareaInput.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 ILLA Cloud\u4e2d\u7684 Textarea \u8f93\u5165\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.timeline.name":"\u65f6\u95f4\u8868","landingPageDetail.timeline.title":"\u4f7f\u7528ILLA \u4e91\u4e2d\u7684\u65f6\u95f4\u7ebf\u7ec4\u4ef6\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.timeline.description":"ILLA \u4e91\u4e2d\u7684\u65f6\u95f4\u7ebf\u7ec4\u4ef6\u53ef\u4ee5\u901a\u8fc7\u6e05\u6670\u3001\u6709\u7ec4\u7ec7\u5730\u5c55\u793a\u9879\u76ee\u7684\u8fdb\u5ea6\u6216\u5386\u53f2\u6765\u8282\u7701\u7528\u6237\u7684\u65f6\u95f4\u3002 \u4f8b\u5982\uff0c\u9879\u76ee\u7ba1\u7406\u4eba\u5458\u53ef\u4ee5\u4f7f\u7528\u65f6\u95f4\u8868\u90e8\u5206\u6765\u5236\u4f5c\u4e00\u4e2a\u9879\u76ee\u91cc\u7a0b\u7891\u7684\u76f4\u89c2\u63cf\u8ff0\u3002 \u9879\u76ee\u7684\u6700\u540e\u671f\u9650\u548c\u53ef\u8fbe\u5230\u7684\u76ee\u6807\uff0c\u4e3a\u5236\u5b9a\u548c\u5411\u5c0f\u7ec4\u6210\u5458\u548c\u5229\u76ca\u6538\u5173\u65b9\u901a\u62a5\u9879\u76ee\u65f6\u95f4\u8868\u8282\u7701\u65f6\u95f4\u3002","landingPageDetail.timeline.metaTitle":"ILLA \u4e91 | \u65f6\u95f4\u7ebf\u7ec4\u4ef6","landingPageDetail.timeline.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 ILLA Cloud\u4e2d\u7684\u65f6\u95f4\u7ebf\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.upload.name":"\u4e0a\u4f20","landingPageDetail.upload.title":"\u4f7f\u7528 ILLA \u4e91\u4e2d\u7684\u4e0a\u4f20\u7ec4\u4ef6\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.upload.description":"\u4e0a\u4f20\u7ec4\u4ef6\u5728 ILLA \u4e91\u7aef\u4f7f\u7528\u6237\u80fd\u591f\u8f7b\u677e\u4e0a\u4f20\u4efb\u4f55\u7c7b\u578b\u7684\u6587\u4ef6\u5230\u4ed6\u4eec\u7684\u5e94\u7528\u7a0b\u5e8f\u3002 \u4e3a\u6570\u636e\u7ba1\u7406\u63d0\u4f9b\u4e00\u79cd\u65b9\u4fbf\u548c\u7b80\u5316\u7684\u65b9\u6cd5\u3002 \u4f8b\u5982\uff0c \u4e00\u4e2a\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u5728\u7ebf\u5546\u5e97\uff0c\u5e76\u4f7f\u7528\u201c\u4e0a\u4f20\u201d\u7ec4\u4ef6\u5141\u8bb8\u5ba2\u6237\u5728\u63d0\u4ea4\u8ba2\u5355\u65f6\u4e0a\u4f20\u56fe\u50cf\u6216\u5176\u4ed6\u6587\u4ef6 \u2022 \u8282\u7701\u65f6\u95f4\u548c\u63d0\u9ad8\u6548\u7387\u3002","landingPageDetail.upload.metaTitle":"ILLA \u4e91 | \u4e0a\u4f20\u7ec4\u4ef6","landingPageDetail.upload.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u4e0a\u4f20\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.video.name":"\u89c6\u9891","landingPageDetail.video.title":"\u4f7f\u7528 ILLA \u4e91\u4e2d\u7684\u89c6\u9891\u7ec4\u4ef6\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.video.description":"ILLA \u4e91\u4e2d\u7684\u201c\u89c6\u9891\u201d\u7ec4\u4ef6\u64ad\u653e\u5e76\u4e0e\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u89c6\u9891\u4ea4\u4e92\u3002 \u5141\u8bb8\u7528\u6237\u8f7b\u677e\u67e5\u770b\u548c\u4ea4\u4e92\u89c6\u9891\u5185\u5bb9\u4ee5\u8282\u7701\u65f6\u95f4\uff0c\u800c\u65e0\u9700\u5207\u6362\u5230\u5916\u90e8\u89c6\u9891\u64ad\u653e\u5668\u3002 \u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528\u89c6\u9891\u7ec4\u4ef6\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u89c2\u770b\u57f9\u8bad\u89c6\u9891\u6216\u4ea7\u54c1\u6f14\u793a\uff0c\u4ee5\u63d0\u9ad8\u751f\u4ea7\u7387\u548c\u6548\u7387\u3002","landingPageDetail.video.metaTitle":"ILLA \u4e91\u89c6\u9891\u7ec4\u4ef6 - \u5728\u60a8\u7684\u5e94\u7528\u7a0b\u5e8f\u4e2d\u4e0e\u89c6\u9891\u7684\u4e92\u52a8","landingPageDetail.video.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u89c6\u9891\u7ec4\u4ef6\u6765\u521b\u5efa\u57f9\u8bad\u89c6\u9891\u3001\u4ea7\u54c1\u6f14\u793a\u3001\u6559\u7a0b\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPage.build_with":"\u7528 {name} \u6784\u5efa","landingPage.back_to_components":"\u8fd4\u56de\u7ec4\u4ef6\u9875\u9762","landingPageDetail.airtable.name":"Airtable","landingPageDetail.airtable.title":"\u4e0e ILLA \u4e91\u8fde\u63a5\u5230\u53ef\u7a7a\u7684\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u6b21\u5373\u53ef\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.airtable.description":"\u201c\u4e0eILLA Cloud\u7684\u6c14\u76f8\u96c6\u6210\uff0c \u60a8\u53ef\u4ee5\u5feb\u901f\u548c\u8f7b\u677e\u5730\u8fde\u63a5\u5230\u5f00\u6e90\u540e\u7aef\u670d\u52a1\u5668\u5e73\u53f0\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u91cf\u3002 \u96c6\u6210\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u901a\u8fc7 Airtable\u7684 API \u7aef\u70b9\uff0c\u8ba9\u60a8\u80fd\u591f\u8f7b\u677e\u5730\u64cd\u4f5c\u60a8\u7684 Airtable \u6570\u636e\u5e93\u3001\u5b58\u50a8\u548c\u8ba4\u8bc1\u670d\u52a1\u4e2d\u7684\u6570\u636e\u3002 \u60a8\u53ef\u4ee5\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\uff0c\u65b9\u6cd5\u662f\u63d0\u4f9b\u8f93\u5165\uff0c\u5305\u62ec\u5fc5\u8981\u7684 API \u901a\u8bdd\uff0c\u5e76\u4e14\u5305\u542b\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u3002 \u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece\u53ef\u64cd\u4f5c\u6570\u636e\u5e93\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c \u5f53\u70b9\u51fb\u65f6\uff0c\u6267\u884c API \u8c03\u7528\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002 \u901a\u8fc7ILLA Cloud\u7684\u6c14\u76f8\u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\uff0c\u5e76\u5229\u7528\u6c14\u76f8\u673a\u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u751f\u4ea7\u529b\u3002\u201d","landingPageDetail.airtable.metaTitle":"Airtable","landingPageDetail.airtable.metaDescription":"\u4e00\u4e2a\u7075\u6d3b\u548c\u534f\u4f5c\u7684\u5e73\u53f0\uff0c\u7528\u4ee5\u7ba1\u7406\u9879\u76ee\u3001\u6570\u636e\u548c\u56e2\u961f\u5b8c\u7f8e\u65e0\u95f4\u3002","landingPageDetail.appwrite.name":"\u5e94\u7528\u7a0b\u5e8f\u5199","landingPageDetail.appwrite.title":"\u4e0e ILLA \u4e91\u8fde\u63a5 Appwrite \u5e76\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.appwrite.description":"\u4e0e ILLA Cloud \u7684 Appwrite \u96c6\u6210 \u60a8\u53ef\u4ee5\u5feb\u901f\u548c\u8f7b\u677e\u5730\u8fde\u63a5\u5230\u5f00\u6e90\u540e\u7aef\u670d\u52a1\u5668\u5e73\u53f0\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u91cf\u3002 \u4ed6\u901a\u8fc7\u901a\u8fc7 Appwrite \u7684 API \u7aef\u70b9\u6765\u6574\u5408\u7b80\u5316\u6570\u636e\u7ba1\u7406\uff0c\u8ba9\u60a8\u53ef\u4ee5\u8f7b\u677e\u5730\u64cd\u7eb5\u60a8\u7684 Appwrite \u6570\u636e\u5e93\u3001\u5b58\u50a8\u548c\u8eab\u4efd\u9a8c\u8bc1\u670d\u52a1\u4e2d\u7684\u6570\u636e\u3002 \u60a8\u53ef\u4ee5\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\uff0c\u65b9\u6cd5\u662f\u63d0\u4f9b\u8f93\u5165\uff0c\u5305\u62ec\u5fc5\u8981\u7684 API \u901a\u8bdd\uff0c\u5e76\u4e14\u5305\u542b\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u3002 \u6216\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece Appwrite \u6570\u636e\u5e93\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c \u5f53\u70b9\u51fb\u65f6\uff0c\u6267\u884c API \u8c03\u7528\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002 \u901a\u8fc7ILLA Cloud\u7684\u5e94\u7528\u7a0b\u5e8f\u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\uff0c\u5e76\u5229\u7528\u5e94\u7528\u7a0b\u5e8f\u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u751f\u4ea7\u7387\u3002","landingPageDetail.appwrite.metaTitle":"ILLA \u4e91\u5e94\u7528\u5199\u5165\u96c6\u6210 - \u8fde\u63a5\u548c\u7ba1\u7406\u60a8\u7684\u5e94\u7528\u5199\u5165\u6570\u636e","landingPageDetail.appwrite.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 Appwrite \u96c6\u6210\u6765\u521b\u5efa\u80fd\u591f\u901a\u8fc7 ILLA Cloud \u5e26\u4e0aAppwrite \u7684\u5e94\u7528\u7a0b\u5e8f\u3002","landingPageDetail.clickhouse.name":"Clickhouse","landingPageDetail.clickhouse.title":"\u4e0e ILLA \u4e91\u8fde\u63a5\u5230Clickhouse\uff0c\u53ea\u9700\u51e0\u6b21\u70b9\u51fb\u5373\u53ef\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.clickhouse.description":"\u901a\u8fc7 ILLA Cloud \u7684 ClickHouse \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 ClickHouse \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 ClickHouse \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece ClickHouse \u8868\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u65f6\u5c06\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 ClickHouse \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 ClickHouse \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.clickhouse.metaTitle":"ILLA Cloud | ClickHouse \u96c6\u6210","landingPageDetail.clickhouse.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\uff0c\u4e0e\u4efb\u4f55ClickHouse\u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.couchdb.name":"CouchDB","landingPageDetail.couchdb.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 CouchDB\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.couchdb.description":"\u501f\u52a9 ILLA Cloud \u7684 CouchDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 CouchDB \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 CouchDB \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece CouchDB \u6570\u636e\u5e93\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 CouchDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 CouchDB \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.couchdb.metaTitle":"ILLA Cloud | CouchDB \u96c6\u6210","landingPageDetail.couchdb.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5c06\u60a8\u7684CouchDB \u6570\u636e\u5e93\u8fde\u63a5\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.dynamodb.name":"Amazon DynamoDB","landingPageDetail.dynamodb.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Amazon DynamoDB\uff0c\u53ea\u9700\u5355\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.dynamodb.description":"\u501f\u52a9 ILLA Cloud \u7684 Amazon DynamoDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230 DynamoDB \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 DynamoDB \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u8ba9\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece DynamoDB \u8868\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 Amazon DynamoDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 DynamoDB \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.dynamodb.metaTitle":"ILLA Cloud | Amazon DynamoDB \u96c6\u6210","landingPageDetail.dynamodb.metaDescription":"\u5b66\u4e60\u5982\u4f55\u8fde\u63a5\u60a8\u7684 Amazon DynamoDB \u6570\u636e\u5e93\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.elasticsearch.name":"Elastic Search","landingPageDetail.elasticsearch.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Elastic Search\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.elasticsearch.description":"\u501f\u52a9 ILLA Cloud \u7684 Elastic Search \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230 Elastic Search \u96c6\u7fa4\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u589e\u5f3a\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 Elastic Search \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u8ba9\u60a8\u53ef\u4ee5\u8f7b\u677e\u641c\u7d22\u548c\u68c0\u7d22\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u501f\u52a9 ILLA Cloud \u7684 Elastic Search \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Elastic Search \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.elasticsearch.metaTitle":"ILLA Cloud | Elastic Search \u96c6\u6210","landingPageDetail.elasticsearch.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u60a8\u7684Elastic Search \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.firebase.name":"Firebase","landingPageDetail.firebase.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Firebase\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.firebase.description":"\u901a\u8fc7 ILLA Cloud \u7684 Firebase \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 Firebase \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 Firebase \u67e5\u8be2\u548c API \u8c03\u7528\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u5730\u64cd\u7eb5\u6570\u636e\u5e76\u6267\u884c\u590d\u6742\u7684\u64cd\u4f5c\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece Firebase \u96c6\u5408\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u65f6\u4f1a\u6267\u884c API \u8c03\u7528\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u501f\u52a9 ILLA Cloud \u7684 Firebase \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Firebase \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.firebase.metaTitle":"ILLA Cloud | Firebase \u96c6\u6210","landingPageDetail.firebase.metaDescription":"\u5b66\u4e60\u5982\u4f55\u8fde\u63a5\u60a8\u7684 Firebase \u6570\u636e\u5e93\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.googlesheets.name":"Google Sheets","landingPageDetail.googlesheets.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Google Sheets\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.googlesheets.description":"\u901a\u8fc7 ILLA Cloud \u7684 Google Sheets \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u8fde\u63a5\u5230\u60a8\u7684 Google Sheets \u7535\u5b50\u8868\u683c\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u5141\u8bb8\u60a8\u4f7f\u7528 Google \u8bfb\u53d6\u3001\u5199\u5165\u548c\u64cd\u4f5c Google Sheets \u7535\u5b50\u8868\u683c\u4e2d\u7684\u6570\u636e\uff0c\u4ece\u800c\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\u8868\u683c API\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 API \u8c03\u7528\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece Google \u8868\u683c\u7535\u5b50\u8868\u683c\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u65f6\u4f1a\u6267\u884c API \u8c03\u7528\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 Google Sheets \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Google Sheets \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.googlesheets.metaTitle":"ILLA Cloud Google \u8868\u683c\u96c6\u6210 - \u8fde\u63a5\u548c\u7ba1\u7406\u60a8\u7684Google \u8868\u6570\u636e","landingPageDetail.googlesheets.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528Google sheet\u6765\u521b\u5efa\u4eea\u8868\u677f\u3001\u62a5\u544a\u3001\u8c03\u67e5\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.graphql.name":"GraphQL","landingPageDetail.graphql.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 GraphQL\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.graphql.description":"\u901a\u8fc7 ILLA Cloud \u7684 GraphQL \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u914d\u7f6e\u548c\u8fde\u63a5\u5230\u60a8\u7684 GraphQL API\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u5141\u8bb8\u60a8\u8f7b\u677e\u5730\u4ece GraphQL API \u68c0\u7d22\u548c\u64cd\u4f5c\u6570\u636e\uff0c\u4ece\u800c\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 GraphQL \u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece GraphQL API \u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 GraphQL \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 GraphQL \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.graphql.metaTitle":"ILLA Cloud | GraphQL \u96c6\u6210","landingPageDetail.graphql.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5c06\u60a8\u7684 GraphQL API \u8fde\u63a5\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.huggingface.name":"Hugging Face Inference API","landingPageDetail.huggingface.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Hugging Face Inference API\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.huggingface.description":"\u901a\u8fc7 ILLA Cloud \u7684 Hugging Face Inference API \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u8fde\u63a5\u5230 Hugging Face \u5f3a\u5927\u7684\u81ea\u7136\u8bed\u8a00\u5904\u7406\u6a21\u578b\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u901a\u8fc7\u5229\u7528 Hugging Face \u7684 API \u7aef\u70b9\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u5141\u8bb8\u60a8\u68c0\u7d22\u548c\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 API \u8c03\u7528\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece\u5916\u90e8\u6e90\u68c0\u7d22\u6587\u672c\u6570\u636e\u5e76\u901a\u8fc7 Hugging Face API \u8c03\u7528\u4f20\u9012\u5b83\u4ee5\u6267\u884c\u60c5\u7eea\u5206\u6790\u6216\u8bed\u8a00\u7ffb\u8bd1\u3002\u901a\u8fc7 ILLA Cloud \u7684 Hugging Face Inference API \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Hugging Face \u81ea\u7136\u8bed\u8a00\u5904\u7406\u6a21\u578b\u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.huggingface.metaTitle":"ILLA Cloud Hugging Face Inference API \u96c6\u6210 - \u8fde\u63a5\u5e76\u4f7f\u7528ML\u6a21\u578b","landingPageDetail.huggingface.metaDescription":"\u5728 ILLA Cloud\u7684 Hugging Face Inference API \u96c6\u6210\u5141\u8bb8\u7528\u6237\u8fde\u63a5\u548c\u4f7f\u7528\u8d85\u8fc7130 000\u53f0\u673a\u5668\u5b66\u4e60\u6a21\u578b\u3002 ","landingPageDetail.huggingfaceendpoint.name":"Hugging Face Inference Endpoint","landingPageDetail.huggingfaceendpoint.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Hugging Face Inference API\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.huggingfaceendpoint.description":"\u901a\u8fc7 ILLA Cloud \u7684 Hugging Face Inference Endpoint \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u914d\u7f6e\u548c\u8fde\u63a5\u5230 Hugging Face \u5f3a\u5927\u7684\u81ea\u7136\u8bed\u8a00\u5904\u7406\u6a21\u578b\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u901a\u8fc7\u5229\u7528 Hugging Face \u7684 API \u7aef\u70b9\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u80fd\u591f\u8f7b\u677e\u68c0\u7d22\u548c\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 API \u8c03\u7528\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece\u5916\u90e8\u6e90\u68c0\u7d22\u6587\u672c\u6570\u636e\u5e76\u5c06\u5176\u4f20\u9012\u7ed9\u62e5\u62b1\u9762\u63a8\u7406\u7aef\u70b9\u4ee5\u6267\u884c\u60c5\u7eea\u5206\u6790\u6216\u8bed\u8a00\u7ffb\u8bd1\u3002\u901a\u8fc7 ILLA Cloud \u7684 Hugging Face Inference Endpoint \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Hugging Face \u81ea\u7136\u8bed\u8a00\u5904\u7406\u6a21\u578b\u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.huggingfaceendpoint.metaTitle":"ILLA Cloud | Hugging Face Inference Endpoint \u96c6\u6210","landingPageDetail.huggingfaceendpoint.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u4efb\u4f55Hugging Face Inference End\u70b9\u8fde\u63a5\u548c\u4ea4\u4e92\uff0cILLA Cloud\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.hydra.name":"Hydra","landingPageDetail.hydra.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Hydra\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.hydra.description":"\u201c\u4e0eILLA Cloud\u7684Hydra\u96c6\u6210\uff0c \u60a8\u53ef\u4ee5\u5feb\u901f\u548c\u8f7b\u677e\u5730\u8fde\u63a5\u5230\u5f00\u6e90\u540e\u7aef\u670d\u52a1\u5668\u5e73\u53f0\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u91cf\u3002\\n\u901a\u8fc7\u5229\u7528Hydra\u7684 API \u7aef\u70b9\u6765\u7b80\u5316\u6570\u636e\u7ba1\u7406\uff0c\u8ba9\u60a8\u53ef\u4ee5\u8f7b\u677e\u5730\u64cd\u7eb5\u60a8\u7684 Hydraa \u6570\u636e\u5e93\u3001\u5b58\u50a8\u548c\u8ba4\u8bc1\u670d\u52a1\u4e2d\u7684\u6570\u636e\u3002 \u60a8\u53ef\u4ee5\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\uff0c\u65b9\u6cd5\u662f\u63d0\u4f9b\u8f93\u5165\uff0c\u5305\u62ec\u5fc5\u8981\u7684 API \u901a\u8bdd\uff0c\u5e76\u4e14\u5305\u542b\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u3002\\n\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4eceHydra\u6570\u636e\u5e93\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c \u5f53\u70b9\u51fb\u65f6\uff0c\u6267\u884c API \u8c03\u7528\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002 \u901a\u8fc7ILLA Cloud\u7684Hydra\u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\uff0c\u5e76\u5229\u7528Hydra\u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u751f\u4ea7\u7387\u3002\u201d","landingPageDetail.hydra.metaTitle":"Hydra","landingPageDetail.hydra.metaDescription":"\u4e00\u4e2a\u5f00\u6e90\uff0c\u4e13\u680f\u5f0f\u7684 RDBMS \u6784\u5efa\u4e8ePostgres","landingPageDetail.mariadb.name":"MariaDB","landingPageDetail.mariadb.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 MariaDB\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.mariadb.description":"\u901a\u8fc7 ILLA Cloud \u7684 MariaDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u914d\u7f6e\u548c\u8fde\u63a5\u5230\u60a8\u7684 MariaDB \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 SQL \u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u5730\u64cd\u4f5c\u8868\u3001\u68c0\u7d22\u6570\u636e\u548c\u6267\u884c\u590d\u6742\u7684\u67e5\u8be2.\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece MariaDB \u8868\u4e2d\u83b7\u53d6\u5458\u5de5\u7684\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u5c06\u8fd0\u884c SQL \u67e5\u8be2\u66f4\u65b0\u5458\u5de5\u4fe1\u606f\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u501f\u52a9 ILLA Cloud \u7684 MariaDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u6700\u5927\u9650\u5ea6\u5730\u53d1\u6325\u6570\u636e\u6e90\u7684\u6f5c\u529b\uff0c\u5e76\u4ee5\u6700\u5c0f\u7684\u52aa\u529b\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.mariadb.metaTitle":"ILLA Cloud | MariaDB \u96c6\u6210","landingPageDetail.mariadb.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u60a8\u7684MariaDB \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.mongodb.name":"MongoDB","landingPageDetail.mongodb.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 MongoDB\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.mongodb.description":"\u901a\u8fc7 ILLA Cloud \u7684 MongoDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u548c\u8fde\u63a5\u5230\u60a8\u7684 MongoDB \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 MongoDB \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece MongoDB \u96c6\u5408\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 MongoDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 MongoDB \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.mongodb.metaTitle":"ILLA Cloud | MongodB \u96c6\u6210","landingPageDetail.mongodb.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u60a8\u7684MongoDB \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.mssql.name":"Microsoft SQL Server","landingPageDetail.mssql.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Microsoft SQL Server\uff0c\u53ea\u9700\u5355\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.mssql.description":"\u501f\u52a9 ILLA Cloud \u7684 Microsoft SQL Server \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230 SQL Server \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 SQL \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece SQL Server \u8868\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 Microsoft SQL Server \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 SQL Server \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.mssql.metaTitle":"ILLA Cloud | Microsoft SQL Server \u96c6\u6210","landingPageDetail.mssql.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5c06\u60a8\u7684 Microsoft SQL Server \u6570\u636e\u5e93\u8fde\u63a5\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.mysql.name":"MySQL","landingPageDetail.mysql.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 MySQL\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.mysql.description":"\u5c06 ILLA Cloud \u4e0e MySQL \u96c6\u6210\u53ef\u4ee5\u6781\u5927\u5730\u589e\u5f3a\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u5e76\u7b80\u5316\u6d41\u7a0b\u3002\u53ea\u9700\u51e0\u4e2a\u7b80\u5355\u7684\u6b65\u9aa4\uff0c\u60a8\u5c31\u53ef\u4ee5\u5c06 ILLA Cloud \u8fde\u63a5\u5230\u60a8\u7684 MySQL \u6570\u636e\u5e93\uff0c\u4f7f\u60a8\u80fd\u591f\u521b\u5efa\u4ee5\u5f3a\u5927\u7684\u65b0\u65b9\u5f0f\u4e0e\u60a8\u7684\u6570\u636e\u4ea4\u4e92\u7684\u7528\u6237\u754c\u9762\u3002\u65e0\u8bba\u60a8\u662f\u9700\u8981\u5c06\u6570\u636e\u8bfb\u5165\u8868\u683c\u7f51\u683c\u3001\u521b\u5efa\u4eea\u8868\u677f\uff0c\u8fd8\u662f\u6dfb\u52a0\u8fd0\u884c SQL \u67e5\u8be2\u7684\u81ea\u5b9a\u4e49\u64cd\u4f5c\u4ee5\u5199\u5165\u6570\u636e\u5e93\uff0cILLA Cloud \u90fd\u80fd\u8ba9\u60a8\u5b89\u5168\u9ad8\u6548\u5730\u8f7b\u677e\u5b8c\u6210\u8fd9\u4e9b\u64cd\u4f5c\u3002\u901a\u8fc7\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230\u60a8\u7684 MySQL \u6570\u636e\uff0c\u60a8\u53ef\u4ee5\u907f\u514d\u610f\u5916\u5220\u9664\u548c\u5176\u4ed6\u4ee3\u4ef7\u9ad8\u6602\u7684\u9519\u8bef\u3002\u4f8b\u5982\uff0c\u5982\u679c\u60a8\u4f7f\u7528 MySQL \u8868\u7ba1\u7406\u5458\u5de5\u8d39\u7528\uff0c\u60a8\u53ef\u4ee5\u4f7f\u7528 ILLA Cloud \u5c06\u6570\u636e\u8bfb\u5165\u4eea\u8868\u677f\uff0c\u751a\u81f3\u6dfb\u52a0\u4e00\u4e2a\u5199\u56de\u6570\u636e\u5e93\u7684\u64cd\u4f5c\u4ee5\u66f4\u65b0\u6bcf\u9879\u8d39\u7528\u7684\u6279\u51c6\u72b6\u6001\u3002\u501f\u52a9 ILLA Cloud \u7684\u7b80\u5355\u754c\u9762\uff0c\u60a8\u53ef\u4ee5\u4ee5\u6e05\u6670\u548c\u7cfb\u7edf\u7684\u65b9\u5f0f\u5b9a\u4e49\u60a8\u60f3\u8981\u91c7\u53d6\u7684\u884c\u52a8\uff0c\u4ece\u800c\u8f7b\u677e\u4f18\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u5e76\u7b80\u5316\u60a8\u7684\u6d41\u7a0b\u3002","landingPageDetail.mysql.metaTitle":"ILLA Cloud | MySQL \u96c6\u6210","landingPageDetail.mysql.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5c06\u60a8\u7684 MySQL \u6570\u636e\u5e93\u8fde\u63a5\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.neon.name":"Neon","landingPageDetail.neon.title":"\u8fde\u63a5\u5230 Neon \u4e0e ILLA Cloud\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u6b21\u5373\u53ef\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.neon.description":"\u5b8c\u5168\u7ba1\u7406\u7684multi-cloud Postgres\uff0c\u514d\u8d39\u8bd5\u7528\u3002\u5206\u79bb\u5b58\u50a8\u548c\u8ba1\u7b97\u4ee5\u63d0\u4f9b\u81ea\u52a8\u5316\u3001\u5206\u652f\u548c\u65e0\u5e95\u5c42\u5b58\u50a8\u3002","landingPageDetail.neon.metaTitle":"ILLA Cloud\u96c6\u6210-\u8fde\u63a5\u5230multi-cloud Postgres","landingPageDetail.neon.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5c06\u60a8\u7684 Neon \u6570\u636e\u5e93\u8fde\u63a5\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.oracledb.name":"Oracle DB","landingPageDetail.oracledb.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Oracle DB\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.oracledb.description":"\u501f\u52a9 ILLA Cloud \u7684 Oracle DB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230 Oracle \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 SQL \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece Oracle \u6570\u636e\u5e93\u8868\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u501f\u52a9 ILLA Cloud \u7684 Oracle DB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Oracle DB \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u751f\u4ea7\u529b\u3002","landingPageDetail.oracledb.metaTitle":"ILLA Cloud | Oracle DB \u96c6\u6210","landingPageDetail.oracledb.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud\u4e2d\u4f7f\u7528 Oracle DB \u96c6\u6210\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.postgresql.name":"PostgreSQL","landingPageDetail.postgresql.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 PostgreSQL\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.postgresql.description":"\u501f\u52a9 ILLA Cloud \u7684 PostgreSQL \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 PostgreSQL \u6570\u636e\u5e93\uff0c\u4ee5\u53ef\u9760\u7684\u6027\u80fd\u4f18\u5316\u60a8\u7684\u6570\u636e\u6e90\u3002\u8be5\u96c6\u6210\u4f7f\u7528 SQL \u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u5730\u64cd\u4f5c\u8868\u683c\u548c\u6267\u884c\u590d\u6742\u7684\u67e5\u8be2\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u5047\u8bbe\u60a8\u60f3\u8981\u4ece PostgreSQL \u8868\u4e2d\u68c0\u7d22\u5458\u5de5\u6570\u636e\u5e76\u901a\u8fc7\u5355\u51fb\u6279\u51c6\u4f11\u5047\u8bf7\u6c42\u3002\u5728\u8fd9\u79cd\u60c5\u51b5\u4e0b\uff0c\u60a8\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u8fd0\u884c SQL \u67e5\u8be2\u7684\u6309\u94ae\uff0c\u5c06\u5458\u5de5\u7684\u8bf7\u6c42\u6807\u8bb0\u4e3a\u5df2\u6279\u51c6\u3002\u501f\u52a9 ILLA Cloud \u7684 PostgreSQL \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u8f7b\u677e\u81ea\u4fe1\u5730\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u3002","landingPageDetail.postgresql.metaTitle":"ILLA Cloud | PostgreSQL \u6570\u636e\u5e93\u6574\u5408","landingPageDetail.postgresql.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u60a8\u7684PostgreSQL \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.redis.name":"Redis","landingPageDetail.redis.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Redis\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.redis.description":"\u901a\u8fc7 ILLA Cloud \u7684 Redis \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 Redis \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u589e\u5f3a\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 Redis \u547d\u4ee4\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u8ba9\u60a8\u53ef\u4ee5\u8f7b\u677e\u5730\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u547d\u4ee4\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u501f\u52a9 ILLA Cloud \u7684 Redis \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Redis \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.redis.metaTitle":"ILLA Cloud Redis \u96c6\u6210 - \u8fde\u63a5\u548c\u7ba1\u7406\u60a8\u7684Redis \u6570\u636e\u5e93","landingPageDetail.redis.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 Redis \u96c6\u6210\u6765\u4f7f\u7528Redis \u547d\u4ee4\u3001\u521b\u5efa\u4eea\u8868\u677f\u3001\u62a5\u544a\u3001\u8868\u683c\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA Cloud","landingPageDetail.restapi.name":"REST API","landingPageDetail.restapi.title":"\u8fde\u63a5\u5230\u4efb\u4f55 RESTful API \u5e76\u5728\u51e0\u5206\u949f\u5185\u4f7f\u7528 ILLA Cloud \u6784\u5efa\u81ea\u5b9a\u4e49\u5de5\u5177","landingPageDetail.restapi.description":"\u501f\u52a9 ILLA Cloud \u7684 REST API \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u8fde\u63a5\u5230\u4efb\u4f55 RESTful API\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 RESTful API \u7aef\u70b9\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u68c0\u7d22\u548c\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 API \u8c03\u7528\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece\u5916\u90e8 RESTful API \u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u8c03\u7528\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 REST API \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 RESTful API \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.restapi.metaTitle":"ILLA Cloud | REST API \u96c6\u6210","landingPageDetail.restapi.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u4efb\u4f55REST API\u670d\u52a1\u5668\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.s3.name":"S3","landingPageDetail.s3.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Amazon S3\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.s3.description":"\u501f\u52a9 ILLA Cloud \u7684 Amazon S3 \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u914d\u7f6e\u548c\u8fde\u63a5\u5230\u60a8\u7684 Amazon S3 \u5b58\u50a8\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u901a\u8fc7\u5229\u7528 S3 API \u7aef\u70b9\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u5141\u8bb8\u60a8\u8bfb\u53d6\u3001\u5199\u5165\u548c\u64cd\u4f5c\u6570\u636e\u8f7b\u677e\u4ece\u60a8\u7684 S3 \u5b58\u50a8\u6876\u4e2d\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 API \u8c03\u7528\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece S3 \u5b58\u50a8\u6876\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c API \u8c03\u7528\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 Amazon S3 \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Amazon S3 \u5b58\u50a8\u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.s3.metaTitle":"ILLA Cloud | S3 \u96c6\u6210","landingPageDetail.s3.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528S3\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.smtp.name":"SMTP","landingPageDetail.smtp.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 SMTP\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.smtp.description":"\u901a\u8fc7 ILLA Cloud \u7684 SMTP \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u914d\u7f6e\u548c\u8fde\u63a5\u5230\u60a8\u7684 SMTP \u670d\u52a1\u5668\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u7535\u5b50\u90ae\u4ef6\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u5141\u8bb8\u60a8\u76f4\u63a5\u4ece\u60a8\u7684 ILLA Cloud \u5e94\u7528\u7a0b\u5e8f\u53d1\u9001\u548c\u63a5\u6536\u7535\u5b50\u90ae\u4ef6\uff0c\u4ece\u800c\u7b80\u5316\u4e86\u7535\u5b50\u90ae\u4ef6\u7ba1\u7406\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 SMTP \u53c2\u6570\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u53d1\u9001\u7535\u5b50\u90ae\u4ef6\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u89e6\u53d1\u7279\u5b9a\u4e8b\u4ef6\u65f6\u5411\u7528\u6237\u53d1\u9001\u81ea\u52a8\u7535\u5b50\u90ae\u4ef6\u3002\u901a\u8fc7 ILLA Cloud \u7684 SMTP \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u7535\u5b50\u90ae\u4ef6\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 SMTP \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.smtp.metaTitle":"ILLA Cloud | SMTP \u96c6\u6210","landingPageDetail.smtp.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u4efb\u4f55SMTP\u670d\u52a1\u5668\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.snowflake.name":"Snowflake","landingPageDetail.snowflake.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Snowflake\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.snowflake.description":"\u501f\u52a9 ILLA Cloud \u7684 Snowflake \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230 Snowflake \u6570\u636e\u4ed3\u5e93\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 Snowflake SQL \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece Snowflake \u8868\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 Snowflake \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Snowflake \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.snowflake.metaTitle":"ILLA Cloud | Snowflake \u96c6\u6210","landingPageDetail.snowflake.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u60a8\u7684Snowflake \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.supabaseDB.name":"Supabase DB","landingPageDetail.supabaseDB.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 SupabaseDB\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.supabaseDB.description":"\u501f\u52a9 ILLA Cloud \u7684 SupabaseDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 SupabaseDB \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 SupabaseDB \u67e5\u8be2\u548c API \u8c03\u7528\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u5e76\u6267\u884c\u590d\u6742\u7684\u64cd\u4f5c\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece SupabaseDB \u8868\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u65f6\u5c06\u6267\u884c API \u8c03\u7528\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 SupabaseDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 SupabaseDB \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.supabaseDB.metaTitle":"ILLA Cloud | Supabase DB \u96c6\u6210","landingPageDetail.supabaseDB.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u4efb\u4f55 Supabase \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.tiDB.name":"TiDB","landingPageDetail.tiDB.title":"\u4f7f\u7528 ILLA \u4e91\u8fde\u63a5\u5230TiDB \u5e76\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.tiDB.description":"\u901a\u8fc7 ILLA Cloud \u7684 TiDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u65e0\u7f1d\u5730\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 TiDB \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u589e\u5f3a\u60a8\u7684\u5de5\u4f5c\u6d41\u91cf\u3002 \u4ed6\u7684\u6574\u5408\u7b80\u5316\u4e86\u4f7f\u7528 SQL \u7684\u6570\u636e\u7ba1\u7406\uff0c\u5141\u8bb8\u60a8\u64cd\u4f5c\u8868\u3001\u68c0\u7d22\u6570\u636e\u5e76\u8f7b\u677e\u6267\u884c\u590d\u6742\u7684\u67e5\u8be2\u3002 \u60a8\u53ef\u4ee5\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\uff0c\u5305\u62ec\u63d0\u4f9b\u5fc5\u8981\u7684\u67e5\u8be2\uff0c\u5e76\u4e14\u5305\u542b\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u3002 \u6216 \u4f8b\u5982\uff0c \u60a8\u53ef\u4ee5\u4ece TiDB \u8868\u4e2d\u68c0\u7d22\u96c7\u5458\u7684\u6570\u636e\uff0c\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\u6765\u8fd0\u884c SQL \u67e5\u8be2\u4ee5\u66f4\u65b0\u96c7\u5458\u7684\u4fe1\u606f\u6216\u6279\u51c6\u8bf7\u6c42\u3002 \u6709\u4e86ILLA Cloud\u7684TiDB\u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\uff0c\u5e76\u6ee1\u6000\u4fe1\u5fc3\u5730\u89e3\u9501\u60a8\u7684\u6570\u636e\u6e90\u7684\u5168\u90e8\u6f5c\u529b\u3002","landingPageDetail.tiDB.metaTitle":"ILLA \u4e91 | TiDB \u96c6\u6210","landingPageDetail.tiDB.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 ILLA Cloud\uff0c\u4e0e\u60a8\u7684 TiDB \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0cILLA Cloud\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","content.all.title":"ILLA Cloud\u96c6\u6210\u4e00\u5207","how_to_use.title.3_steps_to_customize":"\u4e2a\u6b65\u9aa4\uff0c\u81ea\u5b9a\u4e49\u60a8\u7684\u4e1a\u52a1\u5e94\u7528","how_to_use.description.build_tools_through":"\u901a\u8fc7\u62d6\u653e\u7ec4\u4ef6\u6784\u5efa\u5de5\u5177\uff0c\u81ea\u5b9a\u4e49AI Agent\uff0c\u8fde\u63a5\u5230\u60a8\u7684\u6570\u636e\u6e90\uff0c\u63d0\u5347\u60a8\u7684\u5de5\u5177\u642d\u5efa\u6548\u7387\uff0c\u5e76\u4f7f\u60a8\u7684\u5de5\u4f5c\u66f4\u667a\u80fd\u3002","how_to_use.step1_title.create_ai_agent_for":"\u62d6\u653e\u7ec4\u4ef6\u8bbe\u8ba1UI","how_to_use.step1_description.you_can_create_an_ai":"\u901a\u8fc7\u62d6\u653e\u7ec4\u4ef6\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u6784\u5efa\u5e94\u7528\u7a0b\u5e8f\u7684\u7528\u6237\u754c\u9762\uff0c\u5e76\u5b9e\u73b0\u4efb\u4f55\u6240\u9700\u7684\u529f\u80fd\u3002","how_to_use.step1_button.ai_agent_marketplace":"\u4f7f\u7528ILLA Cloud\u6784\u5efaUI","how_to_use.step2_title.build_the_frontend_p":"\u8fde\u63a5\u5230\u60a8\u7684\u6570\u636e\u6e90","how_to_use.step2_description.by_dragging_and_drop":"\u8fde\u63a5\u5230\u60a8\u81ea\u5df1\u7684\u6570\u636e\u6e90\uff0c\u5305\u62ecMySQL\uff0cPostgreSQL\u548c\u5176\u4ed6\u6570\u636e\u5e93\uff0cREST API\uff0cGraphQL\u7b49\u3002\u5728\u4e00\u5206\u949f\u5185\u5c31\u53ef\u4ee5\u6784\u5efaCRUD\u5e94\u7528\u7a0b\u5e8f\u3002","how_to_use.step2_button.illa_app_marketplace":"\u4f7f\u7528\u60a8\u7684\u6570\u636e\u6e90\u6784\u5efa\u5e94\u7528","how_to_use.step3_title.connect_to_your_data":"\u914d\u7f6e\u548c\u8fde\u63a5AI Agent","how_to_use.step3_description.enable_data_integrat":"\u5373\u4f7f\u60a8\u4e0d\u5177\u5907AI\u5f00\u53d1\u80fd\u529b\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7\u5c06AI Agent\u96c6\u6210\u5230\u60a8\u7684\u5e94\u7528\u4e2d\uff0c\u8ba9\u60a8\u7684\u5e94\u7528\u5177\u5907\u667a\u80fd\u5206\u6790\u3001\u5185\u5bb9\u751f\u6210\u7b49AI\u80fd\u529b\u3002","how_to_use.step3_button.supported_data_sourc":"\u5f00\u59cb\u6784\u5efa\u57fa\u4e8eAI\u7684\u5e94\u7528","testimonial.title.user_testimonials":"\u7528\u6237\u611f\u8a00","testimonial.testimonial1_content.illa_cloud_has_been":"ILLA Cloud\u5bf9\u6211\u6765\u8bf4\u662f\u4e2a\u6539\u53d8\u6e38\u620f\u89c4\u5219\u7684\u5de5\u5177\u3002\u5b83\u5728\u8f83\u77ed\u7684\u65f6\u95f4\u5185\u5e2e\u52a9\u6211\u751f\u6210\u9ad8\u6548\u7684\u5185\u5bb9\u3002\u5b9a\u5236\u5316\u7684AI Agent\u548c\u5e94\u7528\u5b8c\u7f8e\u5730\u6ee1\u8db3\u4e86\u6211\u7684\u4e1a\u52a1\u9700\u6c42\u3002","testimonial.testimonial1_username.christopher":"Christopher","testimonial.testimonial1_usertitle.seo_specialist":"SEO\u4e13\u5bb6","testimonial.testimonial2_content.i_think_i_become_a_b":"\u6211\u89c9\u5f97\u6211\u73b0\u5728\u5df2\u7ecf\u6210\u4e3a\u4e86\u4e00\u540d\u4e13\u4e1a\u7684\u535a\u5ba2\u7f16\u8f91\uff01\u8fd9\u4e2a\u5de5\u5177\u5f7b\u5e95\u6539\u53d8\u4e86\u6211\u7684\u535a\u5ba2\u7f16\u8f91\u6d41\u7a0b\uff0c\u8282\u7701\u4e86\u5b9d\u8d35\u7684\u65f6\u95f4\u3002\u4e0d\u7ba1\u662f\u751f\u6210\u535a\u5ba2\u521b\u610f\u8fd8\u662f\u6784\u5efa\u6587\u7ae0\u7ed3\u6784\uff0cAI Agent\u90fd\u53ef\u4ee5\u5b8c\u7f8e\u89e3\u51b3\u3002","testimonial.testimonial2_username.lucas":"Lucas","testimonial.testimonial2_usertitle.content_strategist":"\u5185\u5bb9\u7b56\u7565\u5e08","testimonial.testimonial3_content.it_empowers_me_to_pr":"\u5b83\u8ba9\u6211\u7528\u6700\u5c11\u7684\u52aa\u529b\u63d0\u4f9b\u5353\u8d8a\u5ba2\u6237\u652f\u6301\u7684\u80fd\u529b\u3002\u9884\u6784\u5efa\u7684AI Agent\u548c\u5e94\u7528\uff0c\u518d\u52a0\u4e0a\u6839\u636e\u6211\u4eec\u7279\u5b9a\u9700\u6c42\u5b9a\u5236\u7684\u80fd\u529b\uff0c\u6781\u5927\u5730\u63d0\u9ad8\u4e86\u6211\u4eec\u56e2\u961f\u7684\u6548\u7387\u3002","testimonial.testimonial3_username.harper":"Harper","testimonial.testimonial3_usertitle.customer_service_man":"\u5ba2\u6237\u670d\u52a1\u7ecf\u7406","testimonial.testimonial4_content.ai_agent_low_code":"AI Agent\u4e0e\u4f4e\u4ee3\u7801\u5df2\u7ecf\u6539\u53d8\u4e86\u6211\u7684\u7535\u5b50\u90ae\u4ef6\u64b0\u5199\u6d41\u7a0b\u3002\u5b83\u7b80\u5316\u4e86\u521b\u5efa\u5f15\u4eba\u6ce8\u76ee\u7684\u7535\u5b50\u90ae\u4ef6\u7684\u8fc7\u7a0b\uff0c\u4f7f\u6211\u80fd\u591f\u8f7b\u677e\u5730\u7f16\u5199\u5f15\u4eba\u5165\u80dc\u4e14\u6709\u8bf4\u670d\u529b\u7684\u4fe1\u606f\u3002ILLA Cloud\u5c06\u6211\u4eec\u7684\u7535\u5b50\u90ae\u4ef6\u6c9f\u901a\u63d0\u5347\u5230\u4e86\u65b0\u7684\u9ad8\u5ea6\u3002","testimonial.testimonial4_username.abigail":"Abigail","testimonial.testimonial4_usertitle.communication_specia":"\u6c9f\u901a\u4e13\u5bb6","testimonial.testimonial5_content.i_need_to_oversee_va":"\u6211\u9700\u8981\u7ba1\u7406\u516c\u53f8\u7684\u5404\u4e2a\u65b9\u9762\u3002ILLA Cloud\u4e3a\u6211\u63d0\u4f9b\u4e86\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848\u3002\u5b83\u4e0d\u4ec5\u5728\u5f00\u53d1\u548c\u8bbe\u8ba1\u65b9\u9762\u8282\u7701\u4e86\u6211\u65f6\u95f4\u548c\u7cbe\u529b\uff0c\u8fd8\u4f7f\u6211\u80fd\u66f4\u597d\u5730\u7ba1\u7406\u548c\u76d1\u63a7\u6211\u7684\u4e1a\u52a1\u3002","testimonial.testimonial5_username.matthew":"Matthew","testimonial.testimonial5_usertitle.business_founder":"\u4f01\u4e1a\u521b\u59cb\u4eba","testimonial.testimonial6_content.using_illa_cloud_to":"\u4f7f\u7528ILLA Cloud\u6784\u5efa\u7ba1\u7406\u4eea\u8868\u677f\u975e\u5e38\u7b80\u5355\u3002\u4ec5\u4e00\u5929\u65f6\u95f4\u5c31\u80fd\u5728\u5b9e\u73b0\u76d1\u63a7\u9879\u76ee\u8fdb\u5c55\u548c\u8d44\u6e90\u5206\u914d\u7b49\u80fd\u529b\u3002","testimonial.testimonial6_username.samuel":"Samuel","testimonial.testimonial6_usertitle.website_administrato":"\u7f51\u7ad9\u7ba1\u7406\u5458","customer.title":"\u88ab\u6570\u4ee5\u5343\u8ba1\u7684\u56e2\u961f\u4fe1\u4efb","description":"\u4f7f\u7528\u4f4e\u4ee3\u7801\u5de5\u5177\uff0c\u6784\u5efa { businessApp } \uff0c\u521b\u5efa\u81ea\u52a8\u5316{ flow }\uff0c\u7b80\u5355\u5730\u521b\u5efa{ AIAgent } ","website_4.description.ai_agent":"AI Agent","website_4.description.business_app":"\u7f51\u7ad9\u548c\u5e94\u7528","website_4.description.flow":"\u5de5\u4f5c\u6d41","first_button":"\u5f00\u59cb\u4f7f\u7528","join-community":"\u52a0\u5165Discord"}')},6887:e=>{"use strict";e.exports=JSON.parse('{"/illa-website/zh/admin-panel-4bf":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"eeb1f792"},"/illa-website/zh/ai-voice-generator-aba":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"824cac02"},"/illa-website/zh/blog-ff1":{"__comp":"a6aa9e1f","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"},{"content":"4a83e123"},{"content":"354dfbd1"},{"content":"e20c763e"},{"content":"bb85b74d"},{"content":"5cd65baf"}],"metadata":"9030d978","tags":"36c88f85"},"/illa-website/zh/blog/backend-create-web-ui-9c2":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"e765f05a"},"/illa-website/zh/blog/build-dashboard-a8e":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"96447363"},"/illa-website/zh/blog/lowcode-vs-traditional-e8e":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"72d3bf7a"},"/illa-website/zh/blog/mui-2024-ab1":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"1842627e"},"/illa-website/zh/blog/nvm-use-2024-adb":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"5f78ec6a"},"/illa-website/zh/blog/shadcn-ui-2024-fc2":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"4a61f11b"},"/illa-website/zh/blog/shadcn-vs-mui-c30":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"31eafaf9"},"/illa-website/zh/blog/tags-bdf":{"__comp":"01a85c17","__context":{"plugin":"fc0df049"},"tags":"36c88f85"},"/illa-website/zh/blog/tags/admin-panel-cb1":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"ba0ad9a7","tags":"36c88f85","listMetadata":"d5232377"},"/illa-website/zh/blog/tags/data-dashboard-662":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"},{"content":"bb85b74d"}],"tag":"1da110c6","tags":"36c88f85","listMetadata":"063481ba"},"/illa-website/zh/blog/tags/internal-tools-149":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"e9bfd4f6","tags":"36c88f85","listMetadata":"88ef2079"},"/illa-website/zh/blog/tags/javascript-83b":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"}],"tag":"84bd9323","tags":"36c88f85","listMetadata":"a9f55b7b"},"/illa-website/zh/blog/tags/low-code-8fd":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"354dfbd1"}],"tag":"4f9cbbf3","tags":"36c88f85","listMetadata":"dc615faa"},"/illa-website/zh/blog/tags/mac-8de":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"c42a7a31","tags":"36c88f85","listMetadata":"6f3611e8"},"/illa-website/zh/blog/tags/nodejs-65b":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"9a27415a","tags":"36c88f85","listMetadata":"a79ed8e1"},"/illa-website/zh/blog/tags/nvm-aad":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"1e868152","tags":"36c88f85","listMetadata":"cdf6cb9d"},"/illa-website/zh/blog/tags/open-source-51d":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"354dfbd1"}],"tag":"5465328f","tags":"36c88f85","listMetadata":"af82c06d"},"/illa-website/zh/blog/tags/react-9d4":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"e2cf21a6","tags":"36c88f85","listMetadata":"fa703f53"},"/illa-website/zh/blog/tags/shadcn-ui-eb7":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"b60aa1d9","tags":"36c88f85","listMetadata":"ef551f6c"},"/illa-website/zh/blog/tags/traditional-development-df0":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"}],"tag":"28aad211","tags":"36c88f85","listMetadata":"713d2744"},"/illa-website/zh/blog/tags/ui-library-9b1":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"4a83e123"}],"tag":"f275da64","tags":"36c88f85","listMetadata":"f2d12a36"},"/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024-832":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"3dca0203"},"/illa-website/zh/cms-baa":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"52edfc0d"},"/illa-website/zh/components/-975":{"__comp":"188c27a7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Audio/-8aa":{"__comp":"83d2f18d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/BarProgress/-f2b":{"__comp":"50cfa8ab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Button/-ea3":{"__comp":"49586834","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Carousel/-d79":{"__comp":"a6b4f45f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Cascader/-545":{"__comp":"86953be1","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Chart/-7a8":{"__comp":"4c3a04f4","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/CheckboxGroup/-e8e":{"__comp":"7f0a0f20","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/CircleProgress/-91c":{"__comp":"46a49447","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Container/-357":{"__comp":"bb9e3f22","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Date/-a72":{"__comp":"deb5faec","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/DateRange/-393":{"__comp":"25ffa5da","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/DateTime/-23e":{"__comp":"9f91eb4c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Divider/-5b1":{"__comp":"03d60dda","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/EditableText/-bc8":{"__comp":"5758dffb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Form/-631":{"__comp":"3fee51a2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Icon/-7b2":{"__comp":"6632b8cf","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Image/-789":{"__comp":"c133d0bc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Input/-ebe":{"__comp":"1b97b52f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/List/-cbb":{"__comp":"0104b3a5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Menu/-5f6":{"__comp":"53015dc5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Modal/-01a":{"__comp":"25bbf118","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Multiselect/-23f":{"__comp":"da1593ee","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/NumberInput/-182":{"__comp":"6b7903a8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/PDF/-d96":{"__comp":"474ec535","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/RadioButton/-4b0":{"__comp":"8d9a9c02","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/RadioGroup/-e54":{"__comp":"837d095b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Rate/-56f":{"__comp":"be1d629d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Select/-193":{"__comp":"56cbb393","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Statistics/-eb1":{"__comp":"03598c98","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Switch/-f89":{"__comp":"01bd692b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Tables/-a79":{"__comp":"ca96679e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Tabs/-bb6":{"__comp":"30834002","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Text/-02f":{"__comp":"a9372106","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Textarea%20Input/-f0e":{"__comp":"5ca6070c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Timeline/-78d":{"__comp":"7213c8c2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Upload/-226":{"__comp":"e0cd9918","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Video/-5a5":{"__comp":"3d6ccfd0","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/crm-a65":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"9591b7e9"},"/illa-website/zh/dashboard-1b9":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"771a2950"},"/illa-website/zh/image-generator-998":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"aa40eb83"},"/illa-website/zh/integrations/-83e":{"__comp":"d8096fab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Airtable/-928":{"__comp":"e4e1a4b6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/AmazonDynamoDB/-6b0":{"__comp":"589eda2e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Appwrite/-f6e":{"__comp":"733df29f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Clickhouse/-681":{"__comp":"30da2238","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/CouchDB/-29d":{"__comp":"4ac275c7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/ElasticSearch/-078":{"__comp":"7d02bed8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Firebase/-f86":{"__comp":"f3cf1707","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/GoogleSheets/-7ec":{"__comp":"ca19ac91","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/GraphQL/-09c":{"__comp":"927b8026","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/HuggingFaceInferenceAPI/-dc1":{"__comp":"a828f322","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/HuggingFaceInferenceEndpoint/-5ab":{"__comp":"2937fddb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Hydra/-b07":{"__comp":"451bfe05","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/MariaDB/-815":{"__comp":"7b91dc2c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/MicrosoftSQLServer/-939":{"__comp":"2d1ec1f7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/MongoDB/-76d":{"__comp":"e015af33","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/MySQL/-f20":{"__comp":"45267849","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Neon/-7b0":{"__comp":"68c10dd5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/OracleDB/-ea1":{"__comp":"17fb53e2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/PostgreSQL/-88b":{"__comp":"38806fe8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Redis/-daa":{"__comp":"890684bb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/RESTAPI/-e78":{"__comp":"921028f2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/S3/-eca":{"__comp":"6e91fee9","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/SMTP/-f43":{"__comp":"ac92cbdc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Snowflake/-a05":{"__comp":"94161ec7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/SupabaseDB/-11c":{"__comp":"9de45a08","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/TiDB/-8e7":{"__comp":"41685197","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/pricing/-55e":{"__comp":"279770d6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/-f61":{"__comp":"1df93b7f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[532],(()=>{return t=1136,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
+/*! For license information please see main.c51e1297.js.LICENSE.txt */
+(self.webpackChunkilla_website=self.webpackChunkilla_website||[]).push([[179],{1422:(e,t,n)=>{var a={"./":1884};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=1422},6002:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7558),r=n.n(a),o=n(6887);const i={"0104b3a5":[()=>Promise.all([n.e(532),n.e(8592),n.e(1205)]).then(n.bind(n,2048)),"@site/src/pages/components/List/index.tsx",2048],"01a85c17":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(4013)]).then(n.bind(n,5602)),"@theme/BlogTagsListPage",5602],"01bd692b":[()=>Promise.all([n.e(532),n.e(8592),n.e(8550)]).then(n.bind(n,9451)),"@site/src/pages/components/Switch/index.tsx",9451],"03598c98":[()=>Promise.all([n.e(532),n.e(8592),n.e(4530)]).then(n.bind(n,406)),"@site/src/pages/components/Statistics/index.tsx",406],"03d60dda":[()=>Promise.all([n.e(532),n.e(8592),n.e(1618)]).then(n.bind(n,489)),"@site/src/pages/components/Divider/index.tsx",489],"063481ba":[()=>n.e(582).then(n.t.bind(n,8616,19)),"~blog/default/illa-website-zh-blog-tags-data-dashboard-214-list.json",8616],"17fb53e2":[()=>Promise.all([n.e(532),n.e(8592),n.e(4893)]).then(n.bind(n,2439)),"@site/src/pages/integrations/OracleDB/index.tsx",2439],"1842627e":[()=>n.e(5037).then(n.bind(n,2640)),"@site/blog/mui-2024/mui.md",2640],"188c27a7":[()=>Promise.all([n.e(532),n.e(8592),n.e(6921)]).then(n.bind(n,7108)),"@site/src/pages/components/index.tsx",7108],"1b97b52f":[()=>Promise.all([n.e(532),n.e(8592),n.e(2833)]).then(n.bind(n,7880)),"@site/src/pages/components/Input/index.tsx",7880],"1da110c6":[()=>n.e(4750).then(n.t.bind(n,8954,19)),"~blog/default/illa-website-zh-blog-tags-data-dashboard-214.json",8954],"1df93b7f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5708),n.e(3237)]).then(n.bind(n,7518)),"@site/src/pages/index.tsx",7518],"1e868152":[()=>n.e(3722).then(n.t.bind(n,922,19)),"~blog/default/illa-website-zh-blog-tags-nvm-a83.json",922],"25bbf118":[()=>Promise.all([n.e(532),n.e(8592),n.e(7277)]).then(n.bind(n,5013)),"@site/src/pages/components/Modal/index.tsx",5013],"25ffa5da":[()=>Promise.all([n.e(532),n.e(8592),n.e(4417)]).then(n.bind(n,716)),"@site/src/pages/components/DateRange/index.tsx",716],"279770d6":[()=>Promise.all([n.e(532),n.e(8592),n.e(7654)]).then(n.bind(n,145)),"@site/src/pages/pricing/index.tsx",145],"2864c10f":[()=>Promise.all([n.e(532),n.e(8592),n.e(5923),n.e(3807)]).then(n.bind(n,6641)),"@theme/SolutionsPage",6641],"28aad211":[()=>n.e(2090).then(n.t.bind(n,320,19)),"~blog/default/illa-website-zh-blog-tags-traditional-development-7bf.json",320],"2937fddb":[()=>Promise.all([n.e(532),n.e(8592),n.e(7559)]).then(n.bind(n,5430)),"@site/src/pages/integrations/HuggingFaceInferenceEndpoint/index.tsx",5430],"2d1ec1f7":[()=>Promise.all([n.e(532),n.e(8592),n.e(4664)]).then(n.bind(n,9400)),"@site/src/pages/integrations/MicrosoftSQLServer/index.tsx",9400],30834002:[()=>Promise.all([n.e(532),n.e(8592),n.e(7949)]).then(n.bind(n,2150)),"@site/src/pages/components/Tabs/index.tsx",2150],"30da2238":[()=>Promise.all([n.e(532),n.e(8592),n.e(7906)]).then(n.bind(n,7201)),"@site/src/pages/integrations/Clickhouse/index.tsx",7201],"31eafaf9":[()=>n.e(3581).then(n.bind(n,2040)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md",2040],"34d0e50f":[()=>n.e(5385).then(n.t.bind(n,5745,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-pages/default/plugin-route-context-module-100.json",5745],"354dfbd1":[()=>n.e(8248).then(n.bind(n,5209)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md?truncated=true",5209],"36c88f85":[()=>n.e(3897).then(n.t.bind(n,646,19)),"~blog/default/illa-website-zh-blog-tags-tags-50a.json",646],"38806fe8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9248)]).then(n.bind(n,7179)),"@site/src/pages/integrations/PostgreSQL/index.tsx",7179],"3d6ccfd0":[()=>Promise.all([n.e(532),n.e(8592),n.e(7543)]).then(n.bind(n,2667)),"@site/src/pages/components/Video/index.tsx",2667],"3dca0203":[()=>n.e(5694).then(n.bind(n,1077)),"@site/blog/top5-low-code-2024/top5-low-code-2024.md",1077],"3fee51a2":[()=>Promise.all([n.e(532),n.e(8592),n.e(7155)]).then(n.bind(n,2974)),"@site/src/pages/components/Form/index.tsx",2974],41685197:[()=>Promise.all([n.e(532),n.e(8592),n.e(4610)]).then(n.bind(n,3608)),"@site/src/pages/integrations/TiDB/index.tsx",3608],"451bfe05":[()=>Promise.all([n.e(532),n.e(8592),n.e(5162)]).then(n.bind(n,780)),"@site/src/pages/integrations/Hydra/index.tsx",780],45267849:[()=>Promise.all([n.e(532),n.e(8592),n.e(2136)]).then(n.bind(n,7417)),"@site/src/pages/integrations/MySQL/index.tsx",7417],"46a49447":[()=>Promise.all([n.e(532),n.e(8592),n.e(4771)]).then(n.bind(n,2208)),"@site/src/pages/components/CircleProgress/index.tsx",2208],"474ec535":[()=>Promise.all([n.e(532),n.e(8592),n.e(1055)]).then(n.bind(n,3886)),"@site/src/pages/components/PDF/index.tsx",3886],49586834:[()=>Promise.all([n.e(532),n.e(8592),n.e(852)]).then(n.bind(n,8292)),"@site/src/pages/components/Button/index.tsx",8292],"4a61f11b":[()=>n.e(9699).then(n.bind(n,1483)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md",1483],"4a83e123":[()=>n.e(6137).then(n.bind(n,8506)),"@site/blog/shadcn-ui-vs-mui/shadcn-ui-vs-mui.md?truncated=true",8506],"4ac275c7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1679)]).then(n.bind(n,9098)),"@site/src/pages/integrations/CouchDB/index.tsx",9098],"4c3a04f4":[()=>Promise.all([n.e(532),n.e(8592),n.e(2578)]).then(n.bind(n,8532)),"@site/src/pages/components/Chart/index.tsx",8532],"4f9cbbf3":[()=>n.e(6468).then(n.t.bind(n,2753,19)),"~blog/default/illa-website-zh-blog-tags-low-code-a2d.json",2753],"50cfa8ab":[()=>Promise.all([n.e(532),n.e(8592),n.e(9788)]).then(n.bind(n,7779)),"@site/src/pages/components/BarProgress/index.tsx",7779],"52edfc0d":[()=>n.e(1963).then(n.bind(n,9703)),"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-cms.mdx",9703],"53015dc5":[()=>Promise.all([n.e(532),n.e(8592),n.e(8962)]).then(n.bind(n,4118)),"@site/src/pages/components/Menu/index.tsx",4118],"5465328f":[()=>n.e(8377).then(n.t.bind(n,4481,19)),"~blog/default/illa-website-zh-blog-tags-open-source-116.json",4481],"56cbb393":[()=>Promise.all([n.e(532),n.e(8592),n.e(7050)]).then(n.bind(n,4515)),"@site/src/pages/components/Select/index.tsx",4515],"5758dffb":[()=>Promise.all([n.e(532),n.e(8592),n.e(9982)]).then(n.bind(n,5421)),"@site/src/pages/components/EditableText/index.tsx",5421],"589eda2e":[()=>Promise.all([n.e(532),n.e(8592),n.e(4556)]).then(n.bind(n,1566)),"@site/src/pages/integrations/AmazonDynamoDB/index.tsx",1566],"5ca6070c":[()=>Promise.all([n.e(532),n.e(8592),n.e(2056)]).then(n.bind(n,5462)),"@site/src/pages/components/Textarea Input/index.tsx",5462],"5cd65baf":[()=>n.e(9239).then(n.bind(n,9590)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md?truncated=true",9590],"5e9f5e1a":[()=>Promise.resolve().then(n.bind(n,6809)),"@generated/docusaurus.config",6809],"5f78ec6a":[()=>n.e(3096).then(n.bind(n,2369)),"@site/blog/nvm-use/nvm-use.md",2369],"6632b8cf":[()=>Promise.all([n.e(532),n.e(8592),n.e(9090)]).then(n.bind(n,786)),"@site/src/pages/components/Icon/index.tsx",786],"6875c492":[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(8610)]).then(n.bind(n,2304)),"@theme/BlogTagsPostsPage",2304],"68c10dd5":[()=>Promise.all([n.e(532),n.e(8592),n.e(2714)]).then(n.bind(n,5886)),"@site/src/pages/integrations/Neon/index.tsx",5886],"6b7903a8":[()=>Promise.all([n.e(532),n.e(8592),n.e(9324)]).then(n.bind(n,3564)),"@site/src/pages/components/NumberInput/index.tsx",3564],"6d69edbe":[()=>n.e(8876).then(n.bind(n,5391)),"@site/blog/nvm-use/nvm-use.md?truncated=true",5391],"6e91fee9":[()=>Promise.all([n.e(532),n.e(8592),n.e(856)]).then(n.bind(n,2368)),"@site/src/pages/integrations/S3/index.tsx",2368],"6f3611e8":[()=>n.e(9212).then(n.t.bind(n,8788,19)),"~blog/default/illa-website-zh-blog-tags-mac-50f-list.json",8788],"713d2744":[()=>n.e(6939).then(n.t.bind(n,1792,19)),"~blog/default/illa-website-zh-blog-tags-traditional-development-7bf-list.json",1792],"7213c8c2":[()=>Promise.all([n.e(532),n.e(8592),n.e(3045)]).then(n.bind(n,9219)),"@site/src/pages/components/Timeline/index.tsx",9219],"72d3bf7a":[()=>n.e(4808).then(n.bind(n,2685)),"@site/blog/lowcode-vs-traditional/lowcode-vs-traditional.md",2685],"733df29f":[()=>Promise.all([n.e(532),n.e(8592),n.e(8151)]).then(n.bind(n,3538)),"@site/src/pages/integrations/Appwrite/index.tsx",3538],"771a2950":[()=>n.e(7475).then(n.bind(n,5483)),"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-dashboard.mdx",5483],"7b91dc2c":[()=>Promise.all([n.e(532),n.e(8592),n.e(7448)]).then(n.bind(n,5764)),"@site/src/pages/integrations/MariaDB/index.tsx",5764],"7d02bed8":[()=>Promise.all([n.e(532),n.e(8592),n.e(7832)]).then(n.bind(n,9840)),"@site/src/pages/integrations/ElasticSearch/index.tsx",9840],"7f0a0f20":[()=>Promise.all([n.e(532),n.e(8592),n.e(2377)]).then(n.bind(n,5092)),"@site/src/pages/components/CheckboxGroup/index.tsx",5092],"824cac02":[()=>n.e(2607).then(n.bind(n,6701)),"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-ai-voice-generator.mdx",6701],"837d095b":[()=>Promise.all([n.e(532),n.e(8592),n.e(9211)]).then(n.bind(n,8824)),"@site/src/pages/components/RadioGroup/index.tsx",8824],"83d2f18d":[()=>Promise.all([n.e(532),n.e(8592),n.e(4638)]).then(n.bind(n,6398)),"@site/src/pages/components/Audio/index.tsx",6398],"84bd9323":[()=>n.e(3e3).then(n.t.bind(n,8485,19)),"~blog/default/illa-website-zh-blog-tags-javascript-7d0.json",8485],"86953be1":[()=>Promise.all([n.e(532),n.e(8592),n.e(6510)]).then(n.bind(n,7072)),"@site/src/pages/components/Cascader/index.tsx",7072],"88d8af9f":[()=>n.e(5038).then(n.bind(n,9129)),"@site/blog/mui-2024/mui.md?truncated=true",9129],"88ef2079":[()=>n.e(6167).then(n.t.bind(n,2527,19)),"~blog/default/illa-website-zh-blog-tags-internal-tools-a79-list.json",2527],"890684bb":[()=>Promise.all([n.e(532),n.e(8592),n.e(3883)]).then(n.bind(n,9917)),"@site/src/pages/integrations/Redis/index.tsx",9917],"8d9a9c02":[()=>Promise.all([n.e(532),n.e(8592),n.e(3265)]).then(n.bind(n,3893)),"@site/src/pages/components/RadioButton/index.tsx",3893],"9030d978":[()=>n.e(2490).then(n.t.bind(n,6736,19)),"~blog/default/illa-website-zh-blog-fce.json",6736],"921028f2":[()=>Promise.all([n.e(532),n.e(8592),n.e(8922)]).then(n.bind(n,4108)),"@site/src/pages/integrations/RESTAPI/index.tsx",4108],"927b8026":[()=>Promise.all([n.e(532),n.e(8592),n.e(1414)]).then(n.bind(n,4882)),"@site/src/pages/integrations/GraphQL/index.tsx",4882],"94161ec7":[()=>Promise.all([n.e(532),n.e(8592),n.e(1845)]).then(n.bind(n,8521)),"@site/src/pages/integrations/Snowflake/index.tsx",8521],"9591b7e9":[()=>n.e(4112).then(n.bind(n,2225)),"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-crm.mdx",2225],96447363:[()=>n.e(9713).then(n.bind(n,6100)),"@site/blog/build-dashboard/build-dashboard.md",6100],"9a27415a":[()=>n.e(2211).then(n.t.bind(n,3252,19)),"~blog/default/illa-website-zh-blog-tags-nodejs-a8c.json",3252],"9de45a08":[()=>Promise.all([n.e(532),n.e(8592),n.e(4640)]).then(n.bind(n,7582)),"@site/src/pages/integrations/SupabaseDB/index.tsx",7582],"9f91eb4c":[()=>Promise.all([n.e(532),n.e(8592),n.e(6290)]).then(n.bind(n,3668)),"@site/src/pages/components/DateTime/index.tsx",3668],a6aa9e1f:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(3089)]).then(n.bind(n,6336)),"@theme/BlogListPage",6336],a6b4f45f:[()=>Promise.all([n.e(532),n.e(8592),n.e(3102)]).then(n.bind(n,9967)),"@site/src/pages/components/Carousel/index.tsx",9967],a79ed8e1:[()=>n.e(564).then(n.t.bind(n,8379,19)),"~blog/default/illa-website-zh-blog-tags-nodejs-a8c-list.json",8379],a828f322:[()=>Promise.all([n.e(532),n.e(8592),n.e(8891)]).then(n.bind(n,9216)),"@site/src/pages/integrations/HuggingFaceInferenceAPI/index.tsx",9216],a9372106:[()=>Promise.all([n.e(532),n.e(8592),n.e(1777)]).then(n.bind(n,7134)),"@site/src/pages/components/Text/index.tsx",7134],a9f55b7b:[()=>n.e(2624).then(n.t.bind(n,1544,19)),"~blog/default/illa-website-zh-blog-tags-javascript-7d0-list.json",1544],aa40eb83:[()=>n.e(3773).then(n.bind(n,4032)),"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-image-generator.mdx",4032],ac92cbdc:[()=>Promise.all([n.e(532),n.e(8592),n.e(5378)]).then(n.bind(n,5501)),"@site/src/pages/integrations/SMTP/index.tsx",5501],af82c06d:[()=>n.e(6993).then(n.t.bind(n,2301,19)),"~blog/default/illa-website-zh-blog-tags-open-source-116-list.json",2301],b60aa1d9:[()=>n.e(7357).then(n.t.bind(n,663,19)),"~blog/default/illa-website-zh-blog-tags-shadcn-ui-632.json",663],b6eb34d2:[()=>n.e(5191).then(n.bind(n,5067)),"@site/blog/shadcn-ui-2024/shadcn-ui-2024.md?truncated=true",5067],ba0ad9a7:[()=>n.e(7644).then(n.t.bind(n,6015,19)),"~blog/default/illa-website-zh-blog-tags-admin-panel-ee9.json",6015],bb85b74d:[()=>n.e(5938).then(n.bind(n,576)),"@site/blog/build-dashboard/build-dashboard.md?truncated=true",576],bb9e3f22:[()=>Promise.all([n.e(532),n.e(8592),n.e(5118)]).then(n.bind(n,4980)),"@site/src/pages/components/Container/index.tsx",4980],be1d629d:[()=>Promise.all([n.e(532),n.e(8592),n.e(545)]).then(n.bind(n,3563)),"@site/src/pages/components/Rate/index.tsx",3563],c133d0bc:[()=>Promise.all([n.e(532),n.e(8592),n.e(7746)]).then(n.bind(n,1814)),"@site/src/pages/components/Image/index.tsx",1814],c42a7a31:[()=>n.e(7358).then(n.t.bind(n,4720,19)),"~blog/default/illa-website-zh-blog-tags-mac-50f.json",4720],ca19ac91:[()=>Promise.all([n.e(532),n.e(8592),n.e(7612)]).then(n.bind(n,7690)),"@site/src/pages/integrations/GoogleSheets/index.tsx",7690],ca96679e:[()=>Promise.all([n.e(532),n.e(8592),n.e(2031)]).then(n.bind(n,5014)),"@site/src/pages/components/Tables/index.tsx",5014],ccc49370:[()=>Promise.all([n.e(532),n.e(8592),n.e(2316),n.e(5923),n.e(4809),n.e(6103)]).then(n.bind(n,9466)),"@theme/BlogPostPage",9466],cdf6cb9d:[()=>n.e(9614).then(n.t.bind(n,1867,19)),"~blog/default/illa-website-zh-blog-tags-nvm-a83-list.json",1867],d5232377:[()=>n.e(9845).then(n.t.bind(n,606,19)),"~blog/default/illa-website-zh-blog-tags-admin-panel-ee9-list.json",606],d8096fab:[()=>Promise.all([n.e(532),n.e(8592),n.e(6828)]).then(n.bind(n,3769)),"@site/src/pages/integrations/index.tsx",3769],da1593ee:[()=>Promise.all([n.e(532),n.e(8592),n.e(9321)]).then(n.bind(n,1086)),"@site/src/pages/components/Multiselect/index.tsx",1086],dc615faa:[()=>n.e(6631).then(n.t.bind(n,8458,19)),"~blog/default/illa-website-zh-blog-tags-low-code-a2d-list.json",8458],deb5faec:[()=>Promise.all([n.e(532),n.e(8592),n.e(2224)]).then(n.bind(n,665)),"@site/src/pages/components/Date/index.tsx",665],e015af33:[()=>Promise.all([n.e(532),n.e(8592),n.e(8595)]).then(n.bind(n,7818)),"@site/src/pages/integrations/MongoDB/index.tsx",7818],e0cd9918:[()=>Promise.all([n.e(532),n.e(8592),n.e(8155)]).then(n.bind(n,4855)),"@site/src/pages/components/Upload/index.tsx",4855],e20c763e:[()=>n.e(7599).then(n.bind(n,8311)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md?truncated=true",8311],e2cf21a6:[()=>n.e(204).then(n.t.bind(n,2292,19)),"~blog/default/illa-website-zh-blog-tags-react-c2b.json",2292],e4e1a4b6:[()=>Promise.all([n.e(532),n.e(8592),n.e(8296)]).then(n.bind(n,5586)),"@site/src/pages/integrations/Airtable/index.tsx",5586],e765f05a:[()=>n.e(7272).then(n.bind(n,26)),"@site/blog/backend-create-web-ui/backend-create-web-ui.md",26],e9bfd4f6:[()=>n.e(3505).then(n.t.bind(n,418,19)),"~blog/default/illa-website-zh-blog-tags-internal-tools-a79.json",418],eeb1f792:[()=>n.e(8426).then(n.bind(n,1296)),"@site/i18n/zh/docusaurus-plugin-content-pages/solutions-admin-panel.mdx",1296],ef551f6c:[()=>n.e(3393).then(n.t.bind(n,392,19)),"~blog/default/illa-website-zh-blog-tags-shadcn-ui-632-list.json",392],f275da64:[()=>n.e(8324).then(n.t.bind(n,6553,19)),"~blog/default/illa-website-zh-blog-tags-ui-library-009.json",6553],f2d12a36:[()=>n.e(9207).then(n.t.bind(n,8333,19)),"~blog/default/illa-website-zh-blog-tags-ui-library-009-list.json",8333],f3cf1707:[()=>Promise.all([n.e(532),n.e(8592),n.e(3072)]).then(n.bind(n,109)),"@site/src/pages/integrations/Firebase/index.tsx",109],fa703f53:[()=>n.e(6513).then(n.t.bind(n,967,19)),"~blog/default/illa-website-zh-blog-tags-react-c2b-list.json",967],fc0df049:[()=>n.e(5315).then(n.t.bind(n,4469,19)),"/home/runner/work/illa-website/illa-website/.docusaurus/docusaurus-plugin-content-blog/default/plugin-route-context-module-100.json",4469]};var l=n(1527);function s(e){let{error:t,retry:n,pastDelay:a}=e;return t?(0,l.jsxs)("div",{style:{textAlign:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"},children:[(0,l.jsx)("p",{children:String(t)}),(0,l.jsx)("div",{children:(0,l.jsx)("button",{type:"button",onClick:n,children:"Retry"})})]}):a?(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},children:(0,l.jsx)("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb",children:(0,l.jsxs)("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2",children:[(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsxs)("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0",children:[(0,l.jsx)("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),(0,l.jsx)("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})]}),(0,l.jsx)("circle",{cx:"22",cy:"22",r:"8",children:(0,l.jsx)("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"})})]})})}):null}var c=n(4420),u=n(2762);function d(e,t){if("*"===e)return r()({loading:s,loader:()=>Promise.all([n.e(532),n.e(8592),n.e(8245)]).then(n.bind(n,8245)),modules:["@theme/NotFound"],webpack:()=>[8245],render(e,t){const n=e.default;return(0,l.jsx)(u.z,{value:{plugin:{name:"native",id:"default"}},children:(0,l.jsx)(n,{...t})})}});const a=o[`${e}-${t}`],d={},p=[],f=[],g=(0,c.Z)(a);return Object.entries(g).forEach((e=>{let[t,n]=e;const a=i[n];a&&(d[t]=a[0],p.push(a[1]),f.push(a[2]))})),r().Map({loading:s,loader:d,modules:p,webpack:()=>f,render(t,n){const r=JSON.parse(JSON.stringify(a));Object.entries(t).forEach((t=>{let[n,a]=t;const o=a.default;if(!o)throw new Error(`The page component at ${e} doesn't have a default export. This makes it impossible to render anything. Consider default-exporting a React component.`);"object"!=typeof o&&"function"!=typeof o||Object.keys(a).filter((e=>"default"!==e)).forEach((e=>{o[e]=a[e]}));let i=r;const l=n.split(".");l.slice(0,-1).forEach((e=>{i=i[e]})),i[l[l.length-1]]=o}));const o=r.__comp;delete r.__comp;const i=r.__context;return delete r.__context,(0,l.jsx)(u.z,{value:i,children:(0,l.jsx)(o,{...r,...n})})}})}const p=[{path:"/illa-website/zh/admin-panel",component:d("/illa-website/zh/admin-panel","4bf"),exact:!0},{path:"/illa-website/zh/ai-voice-generator",component:d("/illa-website/zh/ai-voice-generator","aba"),exact:!0},{path:"/illa-website/zh/blog",component:d("/illa-website/zh/blog","ff1"),exact:!0},{path:"/illa-website/zh/blog/backend-create-web-ui",component:d("/illa-website/zh/blog/backend-create-web-ui","9c2"),exact:!0},{path:"/illa-website/zh/blog/build-dashboard",component:d("/illa-website/zh/blog/build-dashboard","a8e"),exact:!0},{path:"/illa-website/zh/blog/lowcode-vs-traditional",component:d("/illa-website/zh/blog/lowcode-vs-traditional","e8e"),exact:!0},{path:"/illa-website/zh/blog/mui-2024",component:d("/illa-website/zh/blog/mui-2024","ab1"),exact:!0},{path:"/illa-website/zh/blog/nvm-use-2024",component:d("/illa-website/zh/blog/nvm-use-2024","adb"),exact:!0},{path:"/illa-website/zh/blog/shadcn-ui-2024",component:d("/illa-website/zh/blog/shadcn-ui-2024","fc2"),exact:!0},{path:"/illa-website/zh/blog/shadcn-vs-mui",component:d("/illa-website/zh/blog/shadcn-vs-mui","c30"),exact:!0},{path:"/illa-website/zh/blog/tags",component:d("/illa-website/zh/blog/tags","bdf"),exact:!0},{path:"/illa-website/zh/blog/tags/admin-panel",component:d("/illa-website/zh/blog/tags/admin-panel","cb1"),exact:!0},{path:"/illa-website/zh/blog/tags/data-dashboard",component:d("/illa-website/zh/blog/tags/data-dashboard","662"),exact:!0},{path:"/illa-website/zh/blog/tags/internal-tools",component:d("/illa-website/zh/blog/tags/internal-tools","149"),exact:!0},{path:"/illa-website/zh/blog/tags/javascript",component:d("/illa-website/zh/blog/tags/javascript","83b"),exact:!0},{path:"/illa-website/zh/blog/tags/low-code",component:d("/illa-website/zh/blog/tags/low-code","8fd"),exact:!0},{path:"/illa-website/zh/blog/tags/mac",component:d("/illa-website/zh/blog/tags/mac","8de"),exact:!0},{path:"/illa-website/zh/blog/tags/nodejs",component:d("/illa-website/zh/blog/tags/nodejs","65b"),exact:!0},{path:"/illa-website/zh/blog/tags/nvm",component:d("/illa-website/zh/blog/tags/nvm","aad"),exact:!0},{path:"/illa-website/zh/blog/tags/open-source",component:d("/illa-website/zh/blog/tags/open-source","51d"),exact:!0},{path:"/illa-website/zh/blog/tags/react",component:d("/illa-website/zh/blog/tags/react","9d4"),exact:!0},{path:"/illa-website/zh/blog/tags/shadcn-ui",component:d("/illa-website/zh/blog/tags/shadcn-ui","eb7"),exact:!0},{path:"/illa-website/zh/blog/tags/traditional-development",component:d("/illa-website/zh/blog/tags/traditional-development","df0"),exact:!0},{path:"/illa-website/zh/blog/tags/ui-library",component:d("/illa-website/zh/blog/tags/ui-library","9b1"),exact:!0},{path:"/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024",component:d("/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024","832"),exact:!0},{path:"/illa-website/zh/cms",component:d("/illa-website/zh/cms","baa"),exact:!0},{path:"/illa-website/zh/components/",component:d("/illa-website/zh/components/","975"),exact:!0},{path:"/illa-website/zh/components/Audio/",component:d("/illa-website/zh/components/Audio/","8aa"),exact:!0},{path:"/illa-website/zh/components/BarProgress/",component:d("/illa-website/zh/components/BarProgress/","f2b"),exact:!0},{path:"/illa-website/zh/components/Button/",component:d("/illa-website/zh/components/Button/","ea3"),exact:!0},{path:"/illa-website/zh/components/Carousel/",component:d("/illa-website/zh/components/Carousel/","d79"),exact:!0},{path:"/illa-website/zh/components/Cascader/",component:d("/illa-website/zh/components/Cascader/","545"),exact:!0},{path:"/illa-website/zh/components/Chart/",component:d("/illa-website/zh/components/Chart/","7a8"),exact:!0},{path:"/illa-website/zh/components/CheckboxGroup/",component:d("/illa-website/zh/components/CheckboxGroup/","e8e"),exact:!0},{path:"/illa-website/zh/components/CircleProgress/",component:d("/illa-website/zh/components/CircleProgress/","91c"),exact:!0},{path:"/illa-website/zh/components/Container/",component:d("/illa-website/zh/components/Container/","357"),exact:!0},{path:"/illa-website/zh/components/Date/",component:d("/illa-website/zh/components/Date/","a72"),exact:!0},{path:"/illa-website/zh/components/DateRange/",component:d("/illa-website/zh/components/DateRange/","393"),exact:!0},{path:"/illa-website/zh/components/DateTime/",component:d("/illa-website/zh/components/DateTime/","23e"),exact:!0},{path:"/illa-website/zh/components/Divider/",component:d("/illa-website/zh/components/Divider/","5b1"),exact:!0},{path:"/illa-website/zh/components/EditableText/",component:d("/illa-website/zh/components/EditableText/","bc8"),exact:!0},{path:"/illa-website/zh/components/Form/",component:d("/illa-website/zh/components/Form/","631"),exact:!0},{path:"/illa-website/zh/components/Icon/",component:d("/illa-website/zh/components/Icon/","7b2"),exact:!0},{path:"/illa-website/zh/components/Image/",component:d("/illa-website/zh/components/Image/","789"),exact:!0},{path:"/illa-website/zh/components/Input/",component:d("/illa-website/zh/components/Input/","ebe"),exact:!0},{path:"/illa-website/zh/components/List/",component:d("/illa-website/zh/components/List/","cbb"),exact:!0},{path:"/illa-website/zh/components/Menu/",component:d("/illa-website/zh/components/Menu/","5f6"),exact:!0},{path:"/illa-website/zh/components/Modal/",component:d("/illa-website/zh/components/Modal/","01a"),exact:!0},{path:"/illa-website/zh/components/Multiselect/",component:d("/illa-website/zh/components/Multiselect/","23f"),exact:!0},{path:"/illa-website/zh/components/NumberInput/",component:d("/illa-website/zh/components/NumberInput/","182"),exact:!0},{path:"/illa-website/zh/components/PDF/",component:d("/illa-website/zh/components/PDF/","d96"),exact:!0},{path:"/illa-website/zh/components/RadioButton/",component:d("/illa-website/zh/components/RadioButton/","4b0"),exact:!0},{path:"/illa-website/zh/components/RadioGroup/",component:d("/illa-website/zh/components/RadioGroup/","e54"),exact:!0},{path:"/illa-website/zh/components/Rate/",component:d("/illa-website/zh/components/Rate/","56f"),exact:!0},{path:"/illa-website/zh/components/Select/",component:d("/illa-website/zh/components/Select/","193"),exact:!0},{path:"/illa-website/zh/components/Statistics/",component:d("/illa-website/zh/components/Statistics/","eb1"),exact:!0},{path:"/illa-website/zh/components/Switch/",component:d("/illa-website/zh/components/Switch/","f89"),exact:!0},{path:"/illa-website/zh/components/Tables/",component:d("/illa-website/zh/components/Tables/","a79"),exact:!0},{path:"/illa-website/zh/components/Tabs/",component:d("/illa-website/zh/components/Tabs/","bb6"),exact:!0},{path:"/illa-website/zh/components/Text/",component:d("/illa-website/zh/components/Text/","02f"),exact:!0},{path:"/illa-website/zh/components/Textarea%20Input/",component:d("/illa-website/zh/components/Textarea%20Input/","f0e"),exact:!0},{path:"/illa-website/zh/components/Timeline/",component:d("/illa-website/zh/components/Timeline/","78d"),exact:!0},{path:"/illa-website/zh/components/Upload/",component:d("/illa-website/zh/components/Upload/","226"),exact:!0},{path:"/illa-website/zh/components/Video/",component:d("/illa-website/zh/components/Video/","5a5"),exact:!0},{path:"/illa-website/zh/crm",component:d("/illa-website/zh/crm","a65"),exact:!0},{path:"/illa-website/zh/dashboard",component:d("/illa-website/zh/dashboard","1b9"),exact:!0},{path:"/illa-website/zh/image-generator",component:d("/illa-website/zh/image-generator","998"),exact:!0},{path:"/illa-website/zh/integrations/",component:d("/illa-website/zh/integrations/","83e"),exact:!0},{path:"/illa-website/zh/integrations/Airtable/",component:d("/illa-website/zh/integrations/Airtable/","928"),exact:!0},{path:"/illa-website/zh/integrations/AmazonDynamoDB/",component:d("/illa-website/zh/integrations/AmazonDynamoDB/","6b0"),exact:!0},{path:"/illa-website/zh/integrations/Appwrite/",component:d("/illa-website/zh/integrations/Appwrite/","f6e"),exact:!0},{path:"/illa-website/zh/integrations/Clickhouse/",component:d("/illa-website/zh/integrations/Clickhouse/","681"),exact:!0},{path:"/illa-website/zh/integrations/CouchDB/",component:d("/illa-website/zh/integrations/CouchDB/","29d"),exact:!0},{path:"/illa-website/zh/integrations/ElasticSearch/",component:d("/illa-website/zh/integrations/ElasticSearch/","078"),exact:!0},{path:"/illa-website/zh/integrations/Firebase/",component:d("/illa-website/zh/integrations/Firebase/","f86"),exact:!0},{path:"/illa-website/zh/integrations/GoogleSheets/",component:d("/illa-website/zh/integrations/GoogleSheets/","7ec"),exact:!0},{path:"/illa-website/zh/integrations/GraphQL/",component:d("/illa-website/zh/integrations/GraphQL/","09c"),exact:!0},{path:"/illa-website/zh/integrations/HuggingFaceInferenceAPI/",component:d("/illa-website/zh/integrations/HuggingFaceInferenceAPI/","dc1"),exact:!0},{path:"/illa-website/zh/integrations/HuggingFaceInferenceEndpoint/",component:d("/illa-website/zh/integrations/HuggingFaceInferenceEndpoint/","5ab"),exact:!0},{path:"/illa-website/zh/integrations/Hydra/",component:d("/illa-website/zh/integrations/Hydra/","b07"),exact:!0},{path:"/illa-website/zh/integrations/MariaDB/",component:d("/illa-website/zh/integrations/MariaDB/","815"),exact:!0},{path:"/illa-website/zh/integrations/MicrosoftSQLServer/",component:d("/illa-website/zh/integrations/MicrosoftSQLServer/","939"),exact:!0},{path:"/illa-website/zh/integrations/MongoDB/",component:d("/illa-website/zh/integrations/MongoDB/","76d"),exact:!0},{path:"/illa-website/zh/integrations/MySQL/",component:d("/illa-website/zh/integrations/MySQL/","f20"),exact:!0},{path:"/illa-website/zh/integrations/Neon/",component:d("/illa-website/zh/integrations/Neon/","7b0"),exact:!0},{path:"/illa-website/zh/integrations/OracleDB/",component:d("/illa-website/zh/integrations/OracleDB/","ea1"),exact:!0},{path:"/illa-website/zh/integrations/PostgreSQL/",component:d("/illa-website/zh/integrations/PostgreSQL/","88b"),exact:!0},{path:"/illa-website/zh/integrations/Redis/",component:d("/illa-website/zh/integrations/Redis/","daa"),exact:!0},{path:"/illa-website/zh/integrations/RESTAPI/",component:d("/illa-website/zh/integrations/RESTAPI/","e78"),exact:!0},{path:"/illa-website/zh/integrations/S3/",component:d("/illa-website/zh/integrations/S3/","eca"),exact:!0},{path:"/illa-website/zh/integrations/SMTP/",component:d("/illa-website/zh/integrations/SMTP/","f43"),exact:!0},{path:"/illa-website/zh/integrations/Snowflake/",component:d("/illa-website/zh/integrations/Snowflake/","a05"),exact:!0},{path:"/illa-website/zh/integrations/SupabaseDB/",component:d("/illa-website/zh/integrations/SupabaseDB/","11c"),exact:!0},{path:"/illa-website/zh/integrations/TiDB/",component:d("/illa-website/zh/integrations/TiDB/","8e7"),exact:!0},{path:"/illa-website/zh/pricing/",component:d("/illa-website/zh/pricing/","55e"),exact:!0},{path:"/illa-website/zh/",component:d("/illa-website/zh/","f61"),exact:!0},{path:"*",component:d("*")}]},7752:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,t:()=>i});var a=n(959),r=n(1527);const o=a.createContext(!1);function i(e){let{children:t}=e;const[n,i]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{i(!0)}),[]),(0,r.jsx)(o.Provider,{value:n,children:t})}},1136:(e,t,n)=>{"use strict";var a=n(959),r=n(4478),o=n(9500),i=n(387),l=n(6047);const s=[n(3852),n(89),n(6070),n(4329),n(962),n(1245)];var c=n(6002),u=n(8903),d=n(6920);function p(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var a=e.path?(0,u.LX)(t,e):n.length?n[n.length-1].match:u.F0.computeRootMatch(t);return a&&(n.push({route:e,match:a}),e.routes&&p(e.routes,t,n)),a})),n}var f=n(1527);function g(e){let{children:t}=e;return(0,f.jsx)(f.Fragment,{children:t})}var m=n(4491),h=n(2688),b=n(9925),y=n(2593),v=n(1610),w=n(8224),x=n(864);const k="default";var L=n(6771),S=n(7535);function _(){const{i18n:{currentLocale:e,defaultLocale:t,localeConfigs:n}}=(0,h.Z)(),a=(0,w.l)(),r=n[e].htmlLang,o=e=>e.replace("-","_");return(0,f.jsxs)(m.Z,{children:[Object.entries(n).map((e=>{let[t,{htmlLang:n}]=e;return(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:n},t)})),(0,f.jsx)("link",{rel:"alternate",href:a.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}),(0,f.jsx)("meta",{property:"og:locale",content:o(r)}),Object.values(n).filter((e=>r!==e.htmlLang)).map((e=>(0,f.jsx)("meta",{property:"og:locale:alternate",content:o(e.htmlLang)},`meta-og-${e.htmlLang}`)))]})}function C(e){let{permalink:t}=e;const{siteConfig:{url:n}}=(0,h.Z)(),a=function(){const{siteConfig:{url:e,baseUrl:t,trailingSlash:n}}=(0,h.Z)(),{pathname:a}=(0,u.TH)();return e+(0,L.applyTrailingSlash)((0,b.Z)(a),{trailingSlash:n,baseUrl:t})}(),r=t?`${n}${t}`:a;return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{property:"og:url",content:r}),(0,f.jsx)("link",{rel:"canonical",href:r})]})}function P(){const{i18n:{currentLocale:e}}=(0,h.Z)(),{metadata:t,image:n}=(0,y.L)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,f.jsx)("body",{className:x.h})]}),n&&(0,f.jsx)(v.d,{image:n}),(0,f.jsx)(C,{}),(0,f.jsx)(_,{}),(0,f.jsx)(S.Z,{tag:k,locale:e}),(0,f.jsx)(m.Z,{children:t.map(((e,t)=>(0,f.jsx)("meta",{...e},t)))})]})}const A=new Map;function D(e){if(A.has(e.pathname))return{...e,pathname:A.get(e.pathname)};if(p(c.Z,e.pathname).some((e=>{let{route:t}=e;return!0===t.exact})))return A.set(e.pathname,e.pathname),e;const t=e.pathname.trim().replace(/(?:\/index)?\.html$/,"")||"/";return A.set(e.pathname,t),{...e,pathname:t}}var E=n(7752),I=n(6855),T=n(2827);function j(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),a=1;a<t;a++)n[a-1]=arguments[a];const r=s.map((t=>{const a=t.default?.[e]??t[e];return a?.(...n)}));return()=>r.forEach((e=>e?.()))}const z=function(e){let{children:t,location:n,previousLocation:a}=e;return(0,T.Z)((()=>{a!==n&&(!function(e){let{location:t,previousLocation:n}=e;if(!n)return;const a=t.pathname===n.pathname,r=t.hash===n.hash,o=t.search===n.search;if(a&&r&&!o)return;const{hash:i}=t;if(i){const e=decodeURIComponent(i.substring(1)),t=document.getElementById(e);t?.scrollIntoView()}else window.scrollTo(0,0)}({location:n,previousLocation:a}),j("onRouteDidUpdate",{previousLocation:a,location:n}))}),[a,n]),t};function R(e){const t=Array.from(new Set([e,decodeURI(e)])).map((e=>p(c.Z,e))).flat();return Promise.all(t.map((e=>e.route.component.preload?.())))}class N extends a.Component{previousLocation;routeUpdateCleanupCb;constructor(e){super(e),this.previousLocation=null,this.routeUpdateCleanupCb=l.Z.canUseDOM?j("onRouteUpdate",{previousLocation:null,location:this.props.location}):()=>{},this.state={nextRouteHasLoaded:!0}}shouldComponentUpdate(e,t){if(e.location===this.props.location)return t.nextRouteHasLoaded;const n=e.location;return this.previousLocation=this.props.location,this.setState({nextRouteHasLoaded:!1}),this.routeUpdateCleanupCb=j("onRouteUpdate",{previousLocation:this.previousLocation,location:n}),R(n.pathname).then((()=>{this.routeUpdateCleanupCb(),this.setState({nextRouteHasLoaded:!0})})).catch((e=>{console.warn(e),window.location.reload()})),!1}render(){const{children:e,location:t}=this.props;return(0,f.jsx)(z,{previousLocation:this.previousLocation,location:t,children:(0,f.jsx)(u.AW,{location:t,render:()=>e})})}}const O=N,M="__docusaurus-base-url-issue-banner-container",F="__docusaurus-base-url-issue-banner",B="__docusaurus-base-url-issue-banner-suggestion-container";function U(e){return`\ndocument.addEventListener('DOMContentLoaded', function maybeInsertBanner() {\n  var shouldInsert = typeof window['docusaurus'] === 'undefined';\n  shouldInsert && insertBanner();\n});\n\nfunction insertBanner() {\n  var bannerContainer = document.createElement('div');\n  bannerContainer.id = '${M}';\n  var bannerHtml = ${JSON.stringify(function(e){return`\n<div id="${F}" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">${e}</span> ${"/"===e?" (default value)":""}</p>\n   <p>We suggest trying baseUrl = <span id="${B}" style="font-weight: bold; color: green;"></span></p>\n</div>\n`}(e)).replace(/</g,"\\<")};\n  bannerContainer.innerHTML = bannerHtml;\n  document.body.prepend(bannerContainer);\n  var suggestionContainer = document.getElementById('${B}');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n`}function $(){const{siteConfig:{baseUrl:e}}=(0,h.Z)();return(0,f.jsx)(f.Fragment,{children:!l.Z.canUseDOM&&(0,f.jsx)(m.Z,{children:(0,f.jsx)("script",{children:U(e)})})})}function q(){const{siteConfig:{baseUrl:e,baseUrlIssueBanner:t}}=(0,h.Z)(),{pathname:n}=(0,u.TH)();return t&&n===e?(0,f.jsx)($,{}):null}function H(){const{siteConfig:{favicon:e,title:t,noIndex:n},i18n:{currentLocale:a,localeConfigs:r}}=(0,h.Z)(),o=(0,b.Z)(e),{htmlLang:i,direction:l}=r[a];return(0,f.jsxs)(m.Z,{children:[(0,f.jsx)("html",{lang:i,dir:l}),(0,f.jsx)("title",{children:t}),(0,f.jsx)("meta",{property:"og:title",content:t}),(0,f.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),n&&(0,f.jsx)("meta",{name:"robots",content:"noindex, nofollow"}),e&&(0,f.jsx)("link",{rel:"icon",href:o})]})}var G=n(1289),Z=n(7111);function V(){const e=(0,Z.Z)();return(0,f.jsx)(m.Z,{children:(0,f.jsx)("html",{"data-has-hydrated":e})})}function W(){const e=function(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(u.rs,n,e.map((function(e,n){return a.createElement(u.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,d.Z)({},n,{},t,{route:e})):a.createElement(e.component,(0,d.Z)({},n,t,{route:e}))}})}))):null}(c.Z),t=(0,u.TH)();return(0,f.jsx)(G.Z,{children:(0,f.jsx)(I.M,{children:(0,f.jsxs)(E.t,{children:[(0,f.jsxs)(g,{children:[(0,f.jsx)(H,{}),(0,f.jsx)(P,{}),(0,f.jsx)(q,{}),(0,f.jsx)(O,{location:D(t),children:e})]}),(0,f.jsx)(V,{})]})})})}var Q=n(6887);const Y=function(e){try{return document.createElement("link").relList.supports(e)}catch{return!1}}("prefetch")?function(e){return new Promise(((t,n)=>{if("undefined"==typeof document)return void n();const a=document.createElement("link");a.setAttribute("rel","prefetch"),a.setAttribute("href",e),a.onload=()=>t(),a.onerror=()=>n();const r=document.getElementsByTagName("head")[0]??document.getElementsByName("script")[0]?.parentNode;r?.appendChild(a)}))}:function(e){return new Promise(((t,n)=>{const a=new XMLHttpRequest;a.open("GET",e,!0),a.withCredentials=!0,a.onload=()=>{200===a.status?t():n()},a.send(null)}))};var K=n(4420);const X=new Set,J=new Set,ee=()=>navigator.connection?.effectiveType.includes("2g")||navigator.connection?.saveData,te={prefetch(e){if(!(e=>!ee()&&!J.has(e)&&!X.has(e))(e))return!1;X.add(e);const t=p(c.Z,e).flatMap((e=>{return t=e.route.path,Object.entries(Q).filter((e=>{let[n]=e;return n.replace(/-[^-]+$/,"")===t})).flatMap((e=>{let[,t]=e;return Object.values((0,K.Z)(t))}));var t}));return Promise.all(t.map((e=>{const t=n.gca(e);return t&&!t.includes("undefined")?Y(t).catch((()=>{})):Promise.resolve()})))},preload:e=>!!(e=>!ee()&&!J.has(e))(e)&&(J.add(e),R(e))},ne=Object.freeze(te),ae=Boolean(!0);if(l.Z.canUseDOM){window.docusaurus=ne;const e=document.getElementById("__docusaurus"),t=(0,f.jsx)(i.B6,{children:(0,f.jsx)(o.VK,{children:(0,f.jsx)(W,{})})}),n=(e,t)=>{console.error("Docusaurus React Root onRecoverableError:",e,t)},l=()=>{if(ae)a.startTransition((()=>{r.hydrateRoot(e,t,{onRecoverableError:n})}));else{const o=r.createRoot(e,{onRecoverableError:n});a.startTransition((()=>{o.render(t)}))}};R(window.location.pathname).then(l)}},6855:(e,t,n)=>{"use strict";n.d(t,{_:()=>d,M:()=>p});var a=n(959),r=n(6809);const o=JSON.parse('{"docusaurus-plugin-google-gtag":{"default":{"trackingID":["G-QW745VE33W"],"anonymizeIP":false,"id":"default"}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en","zh","ja","de"],"path":"i18n","currentLocale":"zh","localeConfigs":{"en":{"label":"English","direction":"ltr","htmlLang":"en","calendar":"gregory","path":"en"},"zh":{"label":"\u4e2d\u6587","direction":"ltr","htmlLang":"zh","calendar":"gregory","path":"zh"},"ja":{"label":"\u65e5\u672c\u8a9e","direction":"ltr","htmlLang":"ja","calendar":"gregory","path":"ja"},"de":{"label":"Deutsch","direction":"ltr","htmlLang":"de","calendar":"gregory","path":"de"}}}');var l=n(7529);const s=JSON.parse('{"docusaurusVersion":"3.0.1","siteVersion":"0.0.0","pluginVersions":{"docusaurus-plugin-google-gtag":{"type":"package","name":"@docusaurus/plugin-google-gtag","version":"3.0.1"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"3.0.1"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"3.0.1"},"prefix-svg-ids":{"type":"local"},"docusaurus-tailwindcss":{"type":"local"},"docusaurus-plugin-content-blog":{"type":"project"},"docusaurus-plugin-content-pages":{"type":"project"},"docusaurus-plugin-ILLA-linkedin":{"type":"project"},"docusaurus-plugin-ILLA-twitter":{"type":"project"},"docusaurus-plugin-ILLA-chatwoot":{"type":"project"}}}');var c=n(1527);const u={siteConfig:r.default,siteMetadata:s,globalData:o,i18n:i,codeTranslations:l},d=a.createContext(u);function p(e){let{children:t}=e;return(0,c.jsx)(d.Provider,{value:u,children:t})}},1289:(e,t,n)=>{"use strict";n.d(t,{Z:()=>Fe});var a=n(959),r=n(6047),o=n(4491),i=n(6771),l=n(5341),s=n(1610),c=n(9920),u=n(421),d=n(864),p=n(7675),f=n(2593),g=n(4288),m=n(5374),h=n(1527);function b(e){let{width:t=21,height:n=21,color:a="currentColor",strokeWidth:r=1.2,className:o,...i}=e;return(0,h.jsx)("svg",{viewBox:"0 0 15 15",width:t,height:n,...i,children:(0,h.jsx)("g",{stroke:a,strokeWidth:r,children:(0,h.jsx)("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})})})}const y={closeButton:"closeButton_r_Ma"};function v(e){return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"}),...e,className:(0,l.Z)("clean-btn close",y.closeButton,e.className),children:(0,h.jsx)(b,{width:14,height:14,strokeWidth:3.1})})}const w={content:"content_B3zk"};function x(e){const{announcementBar:t}=(0,f.L)(),{content:n}=t;return(0,h.jsx)("div",{...e,className:(0,l.Z)(w.content,e.className),dangerouslySetInnerHTML:{__html:n}})}const k={announcementBar:"announcementBar_hbYq",announcementBarPlaceholder:"announcementBarPlaceholder_nNiq",announcementBarClose:"announcementBarClose_S8lM",announcementBarContent:"announcementBarContent__DAX"};function L(){const{announcementBar:e}=(0,f.L)(),{isActive:t,close:n}=(0,g.nT)();if(!t)return null;const{backgroundColor:a,textColor:r,isCloseable:o}=e;return(0,h.jsxs)("div",{className:k.announcementBar,style:{backgroundColor:a,color:r},role:"banner",children:[o&&(0,h.jsx)("div",{className:k.announcementBarPlaceholder}),(0,h.jsx)(x,{className:k.announcementBarContent}),o&&(0,h.jsx)(v,{onClick:n,className:k.announcementBarClose})]})}var S=n(5580),_=n(5508),C=n(3707);var P=n(1900);function A(e){let{header:t,primaryMenu:n,secondaryMenu:a}=e;const{shown:r}=(0,P.Y)();return(0,h.jsxs)("div",{className:"navbar-sidebar",children:[t,(0,h.jsxs)("div",{className:(0,l.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":r}),children:[(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:n}),(0,h.jsx)("div",{className:"navbar-sidebar__item menu",children:a})]})]})}var D=n(1694),E=n(7111);function I(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"})})}function T(e){return(0,h.jsx)("svg",{viewBox:"0 0 24 24",width:24,height:24,...e,children:(0,h.jsx)("path",{fill:"currentColor",d:"M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"})})}const j={toggle:"toggle_Io7t",toggleButton:"toggleButton_C0po",darkToggleIcon:"darkToggleIcon_iyjK",lightToggleIcon:"lightToggleIcon__wwy",toggleButtonDisabled:"toggleButtonDisabled_IHuh"};function z(e){let{className:t,buttonClassName:n,value:a,onChange:r}=e;const o=(0,E.Z)(),i=(0,m.I)({message:"Switch between dark and light mode (currently {mode})",id:"theme.colorToggle.ariaLabel",description:"The ARIA label for the navbar color mode toggle"},{mode:"dark"===a?(0,m.I)({message:"dark mode",id:"theme.colorToggle.ariaLabel.mode.dark",description:"The name for the dark color mode"}):(0,m.I)({message:"light mode",id:"theme.colorToggle.ariaLabel.mode.light",description:"The name for the light color mode"})});return(0,h.jsx)("div",{className:(0,l.Z)(j.toggle,t),children:(0,h.jsxs)("button",{className:(0,l.Z)("clean-btn",j.toggleButton,!o&&j.toggleButtonDisabled,n),type:"button",onClick:()=>r("dark"===a?"light":"dark"),disabled:!o,title:i,"aria-label":i,"aria-live":"polite",children:[(0,h.jsx)(I,{className:(0,l.Z)(j.toggleIcon,j.lightToggleIcon)}),(0,h.jsx)(T,{className:(0,l.Z)(j.toggleIcon,j.darkToggleIcon)})]})})}const R=a.memo(z),N={darkNavbarColorModeToggle:"darkNavbarColorModeToggle_jx_9"};function O(e){let{className:t}=e;const n=(0,f.L)().navbar.style,a=(0,f.L)().colorMode.disableSwitch,{colorMode:r,setColorMode:o}=(0,D.I)();return a?null:(0,h.jsx)(R,{className:t,buttonClassName:"dark"===n?N.darkNavbarColorModeToggle:void 0,value:r,onChange:o})}var M=n(0),F=n(9925),B=n(2688);const U={themedComponent:"themedComponent_FXRw","themedComponent--light":"themedComponent--light_RIle","themedComponent--dark":"themedComponent--dark_gZs3"};function $(e){let{className:t,children:n}=e;const r=(0,E.Z)(),{colorMode:o}=(0,D.I)();return(0,h.jsx)(h.Fragment,{children:(r?"dark"===o?["dark"]:["light"]:["light","dark"]).map((e=>{const r=n({theme:e,className:(0,l.Z)(t,U.themedComponent,U[`themedComponent--${e}`])});return(0,h.jsx)(a.Fragment,{children:r},e)}))})}function q(e){const{sources:t,className:n,alt:a,...r}=e;return(0,h.jsx)($,{className:n,children:e=>{let{theme:n,className:o}=e;return(0,h.jsx)("img",{src:t[n],alt:a,className:o,...r})}})}function H(e){let{logo:t,alt:n,imageClassName:a}=e;const r={light:(0,F.Z)(t.src),dark:(0,F.Z)(t.srcDark||t.src)},o=(0,h.jsx)(q,{className:t.className,sources:r,height:t.height,width:t.width,alt:n,style:t.style});return a?(0,h.jsx)("div",{className:a,children:o}):o}function G(e){const{siteConfig:{title:t}}=(0,B.Z)(),{navbar:{title:n,logo:a}}=(0,f.L)(),{imageClassName:r,titleClassName:o,...i}=e,l=(0,F.Z)(a?.href||"/"),s=n?"":t,c=a?.alt??s;return(0,h.jsxs)(M.Z,{to:l,...i,...a?.target&&{target:a.target},children:[a&&(0,h.jsx)(H,{logo:a,alt:c,imageClassName:r}),null!=n&&(0,h.jsx)("b",{className:o,children:n})]})}function Z(){return(0,h.jsx)(G,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title text--truncate"})}function V(){const e=(0,S.e)();return(0,h.jsx)("button",{type:"button","aria-label":(0,m.I)({id:"theme.docs.sidebar.closeSidebarButtonAriaLabel",message:"Close navigation bar",description:"The ARIA label for close button of mobile sidebar"}),className:"clean-btn navbar-sidebar__close",onClick:()=>e.toggle(),children:(0,h.jsx)(b,{color:"var(--ifm-color-emphasis-600)"})})}function W(){return(0,h.jsxs)("div",{className:"navbar-sidebar__brand",children:[(0,h.jsx)(Z,{}),(0,h.jsx)(O,{className:"margin-right--md"}),(0,h.jsx)(V,{})]})}var Q=n(6794);function Y(){const e=(0,S.e)(),t=(0,f.L)().navbar.items;return(0,h.jsx)("ul",{className:"menu__list",children:t.map(((t,n)=>(0,a.createElement)(Q.Z,{mobile:!0,...t,onClick:()=>e.toggle(),key:n})))})}function K(e){return(0,h.jsx)("button",{...e,type:"button",className:"clean-btn navbar-sidebar__back",children:(0,h.jsx)(m.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)",children:"\u2190 Back to main menu"})})}function X(){const e=0===(0,f.L)().navbar.items.length,t=(0,P.Y)();return(0,h.jsxs)(h.Fragment,{children:[!e&&(0,h.jsx)(K,{onClick:()=>t.hide()}),t.content]})}function J(){const e=(0,S.e)();var t;return void 0===(t=e.shown)&&(t=!0),(0,a.useEffect)((()=>(document.body.style.overflow=t?"hidden":"visible",()=>{document.body.style.overflow="visible"})),[t]),e.shouldRender?(0,h.jsx)(A,{header:(0,h.jsx)(W,{}),primaryMenu:(0,h.jsx)(Y,{}),secondaryMenu:(0,h.jsx)(X,{})}):null}const ee={navbarHideable:"navbarHideable_QJhM",navbarHidden:"navbarHidden_JLKf"};function te(e){return(0,h.jsx)("div",{role:"presentation",...e,className:(0,l.Z)("navbar-sidebar__backdrop",e.className)})}function ne(e){let{children:t}=e;const{navbar:{hideOnScroll:n,style:r}}=(0,f.L)(),o=(0,S.e)(),{navbarRef:i,isNavbarVisible:s}=function(e){const[t,n]=(0,a.useState)(e),r=(0,a.useRef)(!1),o=(0,a.useRef)(0),i=(0,a.useCallback)((e=>{null!==e&&(o.current=e.getBoundingClientRect().height)}),[]);return(0,C.RF)(((t,a)=>{let{scrollY:i}=t;if(!e)return;if(i<o.current)return void n(!0);if(r.current)return void(r.current=!1);const l=a?.scrollY,s=document.documentElement.scrollHeight-o.current,c=window.innerHeight;l&&i>=l?n(!1):i+c<s&&n(!0)})),(0,_.S)((t=>{if(!e)return;const a=t.location.hash;if(a?document.getElementById(a.substring(1)):void 0)return r.current=!0,void n(!1);n(!0)})),{navbarRef:i,isNavbarVisible:t}}(n);return(0,h.jsxs)("nav",{ref:i,"aria-label":(0,m.I)({id:"theme.NavBar.navAriaLabel",message:"Main",description:"The ARIA label for the main navigation"}),className:(0,l.Z)("navbar","navbar--fixed-top",n&&[ee.navbarHideable,!s&&ee.navbarHidden],{"navbar--dark":"dark"===r,"navbar--primary":"primary"===r,"navbar-sidebar--show":o.shown}),children:[t,(0,h.jsx)(te,{onClick:o.toggle}),(0,h.jsx)(J,{})]})}var ae=n(809),re=n(5160),oe=n(1603);function ie(e){let{width:t=30,height:n=30,className:a,...r}=e;return(0,h.jsx)("svg",{className:a,width:t,height:n,viewBox:"0 0 30 30","aria-hidden":"true",...r,children:(0,h.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"})})}function le(){const{toggle:e,shown:t}=(0,S.e)();return(0,h.jsx)("button",{onClick:e,"aria-label":(0,m.I)({id:"theme.docs.sidebar.toggleSidebarButtonAriaLabel",message:"Toggle navigation bar",description:"The ARIA label for hamburger menu button of mobile navigation"}),"aria-expanded":t,className:"navbar__toggle clean-btn",type:"button",children:(0,h.jsx)(ie,{})})}var se=n(5243);const ce={colorModeToggle:"colorModeToggle_Kblj"};function ue(e){let{items:t}=e;return(0,h.jsx)(h.Fragment,{children:t.map(((e,t)=>(0,h.jsx)(ae.QW,{onError:t=>new Error(`A theme navbar item failed to render.\nPlease double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:\n${JSON.stringify(e,null,2)}`,{cause:t}),children:(0,h.jsx)(Q.Z,{...e})},t)))})}function de(e){let{left:t,right:n}=e;return(0,h.jsxs)("div",{className:"navbar__inner",children:[(0,h.jsx)("div",{className:"navbar__items",children:t}),(0,h.jsx)("div",{className:"navbar__items navbar__items--right",children:n})]})}function pe(){const e=(0,S.e)(),t=(0,f.L)().navbar.items,[n,a]=(0,re.A)(t),r=t.find((e=>"search"===e.type));return(0,h.jsx)(de,{left:(0,h.jsxs)(h.Fragment,{children:[!e.disabled&&(0,h.jsx)(le,{}),(0,h.jsx)(Z,{}),(0,h.jsx)(ue,{items:n})]}),right:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(ue,{items:a}),(0,h.jsx)(O,{className:ce.colorModeToggle}),!r&&(0,h.jsx)(se.Z,{children:(0,h.jsx)(oe.Z,{})})]})})}function fe(){return(0,h.jsx)(ne,{children:(0,h.jsx)(pe,{})})}var ge=n(8295),me=n(3815);function he(e){let{item:t}=e;const{to:n,href:a,label:r,prependBaseUrlToHref:o,...i}=t,l=(0,F.Z)(n),s=(0,F.Z)(a,{forcePrependBaseUrl:!0});return(0,h.jsxs)(M.Z,{className:"footer__link-item",...a?{href:o?s:a}:{to:l},...i,children:[r,a&&!(0,ge.Z)(a)&&(0,h.jsx)(me.Z,{})]})}function be(e){let{item:t}=e;return t.html?(0,h.jsx)("li",{className:"footer__item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)("li",{className:"footer__item",children:(0,h.jsx)(he,{item:t})},t.href??t.to)}function ye(e){let{column:t}=e;return(0,h.jsxs)("div",{className:"col footer__col",children:[(0,h.jsx)("div",{className:"footer__title",children:t.title}),(0,h.jsx)("ul",{className:"footer__items clean-list",children:t.items.map(((e,t)=>(0,h.jsx)(be,{item:e},t)))})]})}function ve(e){let{columns:t}=e;return(0,h.jsx)("div",{className:"row footer__links",children:t.map(((e,t)=>(0,h.jsx)(ye,{column:e},t)))})}function we(){return(0,h.jsx)("span",{className:"footer__link-separator",children:"\xb7"})}function xe(e){let{item:t}=e;return t.html?(0,h.jsx)("span",{className:"footer__link-item",dangerouslySetInnerHTML:{__html:t.html}}):(0,h.jsx)(he,{item:t})}function ke(e){let{links:t}=e;return(0,h.jsx)("div",{className:"footer__links text--center",children:(0,h.jsx)("div",{className:"footer__links",children:t.map(((e,n)=>(0,h.jsxs)(a.Fragment,{children:[(0,h.jsx)(xe,{item:e}),t.length!==n+1&&(0,h.jsx)(we,{})]},n)))})})}function Le(e){let{links:t}=e;return function(e){return"title"in e[0]}(t)?(0,h.jsx)(ve,{columns:t}):(0,h.jsx)(ke,{links:t})}const Se={footerLogoLink:"footerLogoLink_K6r0"};function _e(e){let{logo:t}=e;const{withBaseUrl:n}=(0,F.C)(),a={light:n(t.src),dark:n(t.srcDark??t.src)};return(0,h.jsx)(q,{className:(0,l.Z)("footer__logo",t.className),alt:t.alt,sources:a,width:t.width,height:t.height,style:t.style})}function Ce(e){let{logo:t}=e;return t.href?(0,h.jsx)(M.Z,{href:t.href,className:Se.footerLogoLink,target:t.target,children:(0,h.jsx)(_e,{logo:t})}):(0,h.jsx)(_e,{logo:t})}function Pe(e){let{copyright:t}=e;return(0,h.jsx)("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:t}})}function Ae(e){let{style:t,links:n,logo:a,copyright:r}=e;return(0,h.jsx)("footer",{className:(0,l.Z)("footer",{"footer--dark":"dark"===t}),children:(0,h.jsxs)("div",{className:"container container-fluid",children:[n,(a||r)&&(0,h.jsxs)("div",{className:"footer__bottom text--center",children:[a&&(0,h.jsx)("div",{className:"margin-bottom--sm",children:a}),r]})]})})}function De(){const{footer:e}=(0,f.L)();if(!e)return null;const{copyright:t,links:n,logo:a,style:r}=e;return(0,h.jsx)(Ae,{style:r,links:n&&n.length>0&&(0,h.jsx)(Le,{links:n}),logo:a&&(0,h.jsx)(Ce,{logo:a}),copyright:t&&(0,h.jsx)(Pe,{copyright:t})})}const Ee=a.memo(De);var Ie=n(5299),Te=n(2520);const je={mainWrapper:"mainWrapper_Xc8_"};function ze(e){const{children:t,noFooter:n,wrapperClassName:a,title:r,description:o}=e;return(0,d.t)(),(0,h.jsxs)(Ie.Z,{children:[(0,h.jsx)(s.d,{title:r,description:o}),(0,h.jsx)(p.Z,{}),(0,h.jsx)(L,{}),(0,h.jsx)(fe,{}),(0,h.jsx)("div",{id:c.u,className:(0,l.Z)(u.k.wrapper.main,je.mainWrapper,a),children:(0,h.jsx)(Fe,{fallback:e=>(0,h.jsx)(Te.Z,{...e}),children:t})}),!n&&(0,h.jsx)(Ee,{})]})}function Re(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",minHeight:"100vh",width:"100%",maxWidth:"80ch",fontSize:"20px",margin:"0 auto",padding:"1rem"},children:[(0,h.jsx)("h1",{style:{fontSize:"3rem"},children:"This page crashed"}),(0,h.jsx)("button",{type:"button",onClick:n,style:{margin:"1rem 0",fontSize:"2rem",cursor:"pointer",borderRadius:20,padding:"1rem"},children:"Try again"}),(0,h.jsx)(Ne,{error:t})]})}function Ne(e){let{error:t}=e;const n=(0,i.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,h.jsx)("p",{style:{whiteSpace:"pre-wrap"},children:n})}function Oe(e){let{error:t,tryAgain:n}=e;return(0,h.jsxs)(Fe,{fallback:()=>(0,h.jsx)(Re,{error:t,tryAgain:n}),children:[(0,h.jsx)(o.Z,{children:(0,h.jsx)("title",{children:"Page Error"})}),(0,h.jsx)(ze,{children:(0,h.jsx)(Re,{error:t,tryAgain:n})})]})}const Me=e=>(0,h.jsx)(Oe,{...e});class Fe extends a.Component{constructor(e){super(e),this.state={error:null}}componentDidCatch(e){r.Z.canUseDOM&&this.setState({error:e})}render(){const{children:e}=this.props,{error:t}=this.state;if(t){const e={error:t,tryAgain:()=>this.setState({error:null})};return(this.props.fallback??Me)(e)}return e??null}}},6047:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const a="undefined"!=typeof window&&"document"in window&&"createElement"in window.document,r={canUseDOM:a,canUseEventListeners:a&&("addEventListener"in window||"attachEvent"in window),canUseIntersectionObserver:a&&"IntersectionObserver"in window,canUseViewport:a&&"screen"in window}},4491:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);var a=n(387),r=n(1527);function o(e){return(0,r.jsx)(a.ql,{...e})}},3630:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i,s:()=>o});var a=n(959),r=n(1527);function o(e,t){const n=e.split(/(\{\w+\})/).map(((e,n)=>{if(n%2==1){const n=t?.[e.slice(1,-1)];if(void 0!==n)return n}return e}));return n.some((e=>(0,a.isValidElement)(e)))?n.map(((e,t)=>(0,a.isValidElement)(e)?a.cloneElement(e,{key:t}):e)).filter((e=>""!==e)):n.join("")}function i(e){let{children:t,values:n}=e;if("string"!=typeof t)throw new Error("The Docusaurus <Interpolate> component only accept simple string values. Received: "+((0,a.isValidElement)(t)?"React element":typeof t));return(0,r.jsx)(r.Fragment,{children:o(t,n)})}},0:(e,t,n)=>{"use strict";n.d(t,{Z:()=>f});var a=n(959),r=n(9500),o=n(6771),i=n(2688),l=n(8295),s=n(6047),c=n(1527);const u=a.createContext({collectLink:()=>{}});var d=n(9925);function p(e,t){let{isNavLink:n,to:p,href:f,activeClassName:g,isActive:m,"data-noBrokenLinkCheck":h,autoAddBaseUrl:b=!0,...y}=e;const{siteConfig:{trailingSlash:v,baseUrl:w}}=(0,i.Z)(),{withBaseUrl:x}=(0,d.C)(),k=(0,a.useContext)(u),L=(0,a.useRef)(null);(0,a.useImperativeHandle)(t,(()=>L.current));const S=p||f;const _=(0,l.Z)(S),C=S?.replace("pathname://","");let P=void 0!==C?(A=C,b&&(e=>e.startsWith("/"))(A)?x(A):A):void 0;var A;P&&_&&(P=(0,o.applyTrailingSlash)(P,{trailingSlash:v,baseUrl:w}));const D=(0,a.useRef)(!1),E=n?r.OL:r.rU,I=s.Z.canUseIntersectionObserver,T=(0,a.useRef)(),j=()=>{D.current||null==P||(window.docusaurus.preload(P),D.current=!0)};(0,a.useEffect)((()=>(!I&&_&&null!=P&&window.docusaurus.prefetch(P),()=>{I&&T.current&&T.current.disconnect()})),[T,P,I,_]);const z=P?.startsWith("#")??!1,R=!P||!_||z;return R||h||k.collectLink(P),R?(0,c.jsx)("a",{ref:L,href:P,...S&&!_&&{target:"_blank",rel:"noopener noreferrer"},...y}):(0,c.jsx)(E,{...y,onMouseEnter:j,onTouchStart:j,innerRef:e=>{L.current=e,I&&e&&_&&(T.current=new window.IntersectionObserver((t=>{t.forEach((t=>{e===t.target&&(t.isIntersecting||t.intersectionRatio>0)&&(T.current.unobserve(e),T.current.disconnect(),null!=P&&window.docusaurus.prefetch(P))}))})),T.current.observe(e))},to:P,...n&&{isActive:m,activeClassName:g}})}const f=a.forwardRef(p)},1603:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});const a=()=>null},5374:(e,t,n)=>{"use strict";n.d(t,{I:()=>l,Z:()=>s});n(959);var a=n(3630),r=n(7529),o=n(1527);function i(e){let{id:t,message:n}=e;if(void 0===t&&void 0===n)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return r[t??n]??n??t}function l(e,t){let{message:n,id:r}=e;const o=i({message:n,id:r});return(0,a.s)(o,t)}function s(e){let{children:t,id:n,values:r}=e;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");const l=i({message:t,id:n});return(0,o.jsx)(o.Fragment,{children:(0,a.s)(l,r)})}},4684:(e,t,n)=>{"use strict";n.d(t,{m:()=>a});const a="default"},8295:(e,t,n)=>{"use strict";function a(e){return/^(?:\w*:|\/\/)/.test(e)}function r(e){return void 0!==e&&!a(e)}n.d(t,{Z:()=>r,b:()=>a})},9925:(e,t,n)=>{"use strict";n.d(t,{C:()=>i,Z:()=>l});var a=n(959),r=n(2688),o=n(8295);function i(){const{siteConfig:{baseUrl:e,url:t}}=(0,r.Z)(),n=(0,a.useCallback)(((n,a)=>function(e,t,n,a){let{forcePrependBaseUrl:r=!1,absolute:i=!1}=void 0===a?{}:a;if(!n||n.startsWith("#")||(0,o.b)(n))return n;if(r)return t+n.replace(/^\//,"");if(n===t.replace(/\/$/,""))return t;const l=n.startsWith(t)?n:t+n.replace(/^\//,"");return i?e+l:l}(t,e,n,a)),[t,e]);return{withBaseUrl:n}}function l(e,t){void 0===t&&(t={});const{withBaseUrl:n}=i();return n(e,t)}},2688:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959),r=n(6855);function o(){return(0,a.useContext)(r._)}},7111:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=n(959),r=n(7752);function o(){return(0,a.useContext)(r._)}},2827:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(959);const r=n(6047).Z.canUseDOM?a.useLayoutEffect:a.useEffect},4420:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});const a=e=>"object"==typeof e&&!!e&&Object.keys(e).length>0;function r(e){const t={};return function e(n,r){Object.entries(n).forEach((n=>{let[o,i]=n;const l=r?`${r}.${o}`:o;a(i)?e(i,l):t[l]=i}))}(e),t}},2762:(e,t,n)=>{"use strict";n.d(t,{_:()=>o,z:()=>i});var a=n(959),r=n(1527);const o=a.createContext(null);function i(e){let{children:t,value:n}=e;const i=a.useContext(o),l=(0,a.useMemo)((()=>function(e){let{parent:t,value:n}=e;if(!t){if(!n)throw new Error("Unexpected: no Docusaurus route context found");if(!("plugin"in n))throw new Error("Unexpected: Docusaurus topmost route context has no `plugin` attribute");return n}const a={...t.data,...n?.data};return{plugin:t.plugin,data:a}}({parent:i,value:n})),[i,n]);return(0,r.jsx)(o.Provider,{value:l,children:t})}},9384:(e,t,n)=>{"use strict";n.d(t,{Iw:()=>g,_r:()=>u,zh:()=>d,yW:()=>f,gB:()=>p});var a=n(8903),r=n(2688),o=n(4684);function i(e,t){void 0===t&&(t={});const n=function(){const{globalData:e}=(0,r.Z)();return e}()[e];if(!n&&t.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin.`);return n}const l=e=>e.versions.find((e=>e.isLast));function s(e,t){const n=function(e,t){const n=l(e);return[...e.versions.filter((e=>e!==n)),n].find((e=>!!(0,a.LX)(t,{path:e.path,exact:!1,strict:!1})))}(e,t),r=n?.docs.find((e=>!!(0,a.LX)(t,{path:e.path,exact:!0,strict:!1})));return{activeVersion:n,activeDoc:r,alternateDocVersions:r?function(t){const n={};return e.versions.forEach((e=>{e.docs.forEach((a=>{a.id===t&&(n[e.name]=a)}))})),n}(r.id):{}}}const c={},u=()=>i("docusaurus-plugin-content-docs")??c,d=e=>function(e,t,n){void 0===t&&(t=o.m),void 0===n&&(n={});const a=i(e),r=a?.[t];if(!r&&n.failfast)throw new Error(`Docusaurus plugin global data not found for "${e}" plugin with id "${t}".`);return r}("docusaurus-plugin-content-docs",e,{failfast:!0});function p(e){return d(e).versions}function f(e){const t=d(e);return l(t)}function g(e){const t=d(e),{pathname:n}=(0,a.TH)();return s(t,n)}},3852:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={onRouteDidUpdate(e){let{location:t,previousLocation:n}=e;!n||t.pathname===n.pathname&&t.search===n.search&&t.hash===n.hash||setTimeout((()=>{window.gtag("set","page_path",t.pathname+t.search+t.hash),window.gtag("event","page_view")}))}}},7558:(e,t,n)=>{"use strict";function a(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function r(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}var l=n(959),s=n(507),c=[],u=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function p(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(a){var r=d(e[a]);r.loading?t.loading=!0:(t.loaded[a]=r.loaded,t.error=r.error),n.push(r.promise),r.promise.then((function(e){t.loaded[a]=e})).catch((function(e){t.error=e}))}))}catch(a){t.error=a}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function f(e,t){return l.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function g(e,t){var d,p;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var g=i({loader:null,loading:null,delay:200,timeout:null,render:f,webpack:null,modules:null},t),m=null;function h(){return m||(m=e(g.loader)),m.promise}return c.push(h),"function"==typeof g.webpack&&u.push((function(){if((0,g.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return h()})),p=d=function(t){function n(n){var a;return o(r(r(a=t.call(this,n)||this)),"retry",(function(){a.setState({error:null,loading:!0,timedOut:!1}),m=e(g.loader),a._loadModule()})),h(),a.state={error:m.error,pastDelay:!1,timedOut:!1,loading:m.loading,loaded:m.loaded},a}a(n,t),n.preload=function(){return h()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(g.modules)&&g.modules.forEach((function(t){e.context.loadable.report(t)})),m.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof g.delay&&(0===g.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),g.delay)),"number"==typeof g.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),g.timeout));var n=function(){t({error:m.error,loaded:m.loaded,loading:m.loading}),e._clearTimeouts()};m.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?l.createElement(g.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?g.render(this.state.loaded,this.props):null},n}(l.Component),o(d,"contextTypes",{loadable:s.shape({report:s.func.isRequired})}),p}function m(e){return g(d,e)}m.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return g(p,e)};var h=function(e){function t(){return e.apply(this,arguments)||this}a(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return l.Children.only(this.props.children)},t}(l.Component);function b(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return b(e)}))}o(h,"propTypes",{report:s.func.isRequired}),o(h,"childContextTypes",{loadable:s.shape({report:s.func.isRequired}).isRequired}),m.Capture=h,m.preloadAll=function(){return new Promise((function(e,t){b(c).then(e,t)}))},m.preloadReady=function(){return new Promise((function(e,t){b(u).then(e,e)}))},e.exports=m},4329:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var a=n(9981),r=n.n(a);r().configure({showSpinner:!1});const o={onRouteUpdate(e){let{location:t,previousLocation:n}=e;if(n&&t.pathname!==n.pathname){const e=window.setTimeout((()=>{r().start()}),200);return()=>window.clearTimeout(e)}},onRouteDidUpdate(){r().done()}}},6070:(e,t,n)=>{"use strict";n.r(t);var a=n(2425),r=n(6809);!function(e){const{themeConfig:{prism:t}}=r.default,{additionalLanguages:a}=t;globalThis.Prism=e,a.forEach((e=>{"php"===e&&n(1559),n(1422)(`./prism-${e}`)})),delete globalThis.Prism}(a.p1)},2520:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});n(959);var a=n(5374),r=n(809),o=n(6561),i=n(1527);function l(e){let{error:t,tryAgain:n}=e;return(0,i.jsx)("main",{className:"container margin-vert--xl",children:(0,i.jsx)("div",{className:"row",children:(0,i.jsxs)("div",{className:"col col--6 col--offset-3",children:[(0,i.jsx)(o.Z,{as:"h1",className:"hero__title",children:(0,i.jsx)(a.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed",children:"This page crashed."})}),(0,i.jsx)("div",{className:"margin-vert--lg",children:(0,i.jsx)(r.Cw,{onClick:n,className:"button button--primary shadow--lw"})}),(0,i.jsx)("hr",{}),(0,i.jsx)("div",{className:"margin-vert--md",children:(0,i.jsx)(r.aG,{error:t})})]})})})}},6561:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(5341),r=n(5374),o=n(2593),i=n(0);const l={anchorWithStickyNavbar:"anchorWithStickyNavbar_dXVO",anchorWithHideOnScrollNavbar:"anchorWithHideOnScrollNavbar_ZIVZ"};var s=n(1527);function c(e){let{as:t,id:n,...c}=e;const{navbar:{hideOnScroll:u}}=(0,o.L)();if("h1"===t||!n)return(0,s.jsx)(t,{...c,id:void 0});const d=(0,r.I)({id:"theme.common.headingLinkTitle",message:"Direct link to {heading}",description:"Title for link to heading"},{heading:"string"==typeof c.children?c.children:n});return(0,s.jsxs)(t,{...c,className:(0,a.Z)("anchor",u?l.anchorWithHideOnScrollNavbar:l.anchorWithStickyNavbar,c.className),id:n,children:[c.children,(0,s.jsx)(i.Z,{className:"hash-link",to:`#${n}`,"aria-label":d,title:d,children:"\u200b"})]})}},3815:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);const a={iconExternalLink:"iconExternalLink_ocOZ"};var r=n(1527);function o(e){let{width:t=13.5,height:n=13.5}=e;return(0,r.jsx)("svg",{width:t,height:n,"aria-hidden":"true",viewBox:"0 0 24 24",className:a.iconExternalLink,children:(0,r.jsx)("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"})})}},5299:(e,t,n)=>{"use strict";n.d(t,{Z:()=>p});n(959);var a=n(7399),r=n(1694),o=n(4288),i=n(3707),l=n(1836),s=n(1610),c=n(5160),u=n(1527);const d=(0,a.Qc)([r.S,o.pl,i.OC,l.L5,s.VC,c.V]);function p(e){let{children:t}=e;return(0,u.jsx)(d,{children:t})}},5243:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(5341);const r={navbarSearchContainer:"navbarSearchContainer_Pu8E"};var o=n(1527);function i(e){let{children:t,className:n}=e;return(0,o.jsx)("div",{className:(0,a.Z)(n,r.navbarSearchContainer),children:t})}},6612:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});n(959);var a=n(0),r=n(9925),o=n(8295),i=n(3535),l=n(3815),s=n(1527);function c(e){let{activeBasePath:t,activeBaseRegex:n,to:c,href:u,label:d,html:p,isDropdownLink:f,prependBaseUrlToHref:g,...m}=e;const h=(0,r.Z)(c),b=(0,r.Z)(t),y=(0,r.Z)(u,{forcePrependBaseUrl:!0}),v=d&&u&&!(0,o.Z)(u),w=p?{dangerouslySetInnerHTML:{__html:p}}:{children:(0,s.jsxs)(s.Fragment,{children:[d,v&&(0,s.jsx)(l.Z,{...f&&{width:12,height:12}})]})};return u?(0,s.jsx)(a.Z,{href:g?y:u,...m,...w}):(0,s.jsx)(a.Z,{to:h,isNavLink:!0,...(t||n)&&{isActive:(e,t)=>n?(0,i.F)(n,t.pathname):t.pathname.startsWith(b)},...m,...w})}},6794:(e,t,n)=>{"use strict";n.d(t,{Z:()=>w});n(959);var a=n(5341),r=n(6612),o=n(1527);function i(e){let{className:t,isDropdownItem:n=!1,...i}=e;const l=(0,o.jsx)(r.Z,{className:(0,a.Z)(n?"dropdown__link":"navbar__item navbar__link",t),isDropdownLink:n,...i});return n?(0,o.jsx)("li",{children:l}):l}function l(e){let{className:t,isDropdownItem:n,...i}=e;return(0,o.jsx)("li",{className:"menu__list-item",children:(0,o.jsx)(r.Z,{className:(0,a.Z)("menu__link",t),...i})})}function s(e){let{mobile:t=!1,position:n,...a}=e;const r=t?l:i;return(0,o.jsx)(r,{...a,activeClassName:a.activeClassName??(t?"menu__link--active":"navbar__link--active")})}var c=n(8784),u=n(7412),d=n(1603),p=n(5243);var f=n(9384),g=n(8068);var m=n(1836),h=n(5374),b=n(8903);const y=e=>e.docs.find((t=>t.id===e.mainDocId));const v={default:s,localeDropdown:u.Z,search:function(e){let{mobile:t,className:n}=e;return t?null:(0,o.jsx)(p.Z,{className:n,children:(0,o.jsx)(d.Z,{})})},dropdown:c.Z,html:function(e){let{value:t,className:n,mobile:r=!1,isDropdownItem:i=!1}=e;const l=i?"li":"div";return(0,o.jsx)(l,{className:(0,a.Z)({navbar__item:!r&&!i,"menu__list-item":r},n),dangerouslySetInnerHTML:{__html:t}})},doc:function(e){let{docId:t,label:n,docsPluginId:a,...r}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.vY)(t,a),c=i?.path===l?.path;return null===l||l.unlisted&&!c?null:(0,o.jsx)(s,{exact:!0,...r,isActive:()=>c||!!i?.sidebar&&i.sidebar===l.sidebar,label:n??l.id,to:l.path})},docSidebar:function(e){let{sidebarId:t,label:n,docsPluginId:a,...r}=e;const{activeDoc:i}=(0,f.Iw)(a),l=(0,g.oz)(t,a).link;if(!l)throw new Error(`DocSidebarNavbarItem: Sidebar with ID "${t}" doesn't have anything to be linked to.`);return(0,o.jsx)(s,{exact:!0,...r,isActive:()=>i?.sidebar===t,label:n??l.label,to:l.path})},docsVersion:function(e){let{label:t,to:n,docsPluginId:a,...r}=e;const i=(0,g.lO)(a)[0],l=t??i.label,c=n??(e=>e.docs.find((t=>t.id===e.mainDocId)))(i).path;return(0,o.jsx)(s,{...r,label:l,to:c})},docsVersionDropdown:function(e){let{mobile:t,docsPluginId:n,dropdownActiveClassDisabled:a,dropdownItemsBefore:r,dropdownItemsAfter:i,...l}=e;const{search:u,hash:d}=(0,b.TH)(),p=(0,f.Iw)(n),v=(0,f.gB)(n),{savePreferredVersionName:w}=(0,m.J)(n),x=[...r,...v.map((e=>{const t=p.alternateDocVersions[e.name]??y(e);return{label:e.label,to:`${t.path}${u}${d}`,isActive:()=>e===p.activeVersion,onClick:()=>w(e.name)}})),...i],k=(0,g.lO)(n)[0],L=t&&x.length>1?(0,h.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):k.label,S=t&&x.length>1?void 0:y(k).path;return x.length<=1?(0,o.jsx)(s,{...l,mobile:t,label:L,to:S,isActive:a?()=>!1:void 0}):(0,o.jsx)(c.Z,{...l,mobile:t,label:L,to:S,items:x,isActive:a?()=>!1:void 0})}};function w(e){let{type:t,...n}=e;const a=function(e,t){return e&&"default"!==e?e:"items"in t?"dropdown":"default"}(t,n),r=v[a];if(!r)throw new Error(`No NavbarItem component found for type "${t}".`);return(0,o.jsx)(r,{...n})}},7535:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});n(959);var a=n(4491),r=n(1527);function o(e){let{locale:t,version:n,tag:o}=e;const i=t;return(0,r.jsxs)(a.Z,{children:[t&&(0,r.jsx)("meta",{name:"docusaurus_locale",content:t}),n&&(0,r.jsx)("meta",{name:"docusaurus_version",content:n}),o&&(0,r.jsx)("meta",{name:"docusaurus_tag",content:o}),i&&(0,r.jsx)("meta",{name:"docsearch:language",content:i}),n&&(0,r.jsx)("meta",{name:"docsearch:version",content:n}),o&&(0,r.jsx)("meta",{name:"docsearch:docusaurus_tag",content:o})]})}},7675:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});n(959);var a=n(9920);const r={skipToContent:"skipToContent_YRel"};var o=n(1527);function i(){return(0,o.jsx)(a.l,{className:r.skipToContent})}},4794:(e,t,n)=>{"use strict";n.d(t,{z:()=>b,u:()=>s});var a=n(959),r=n(6047),o=n(2827);var i=n(1527);const l="ease-in-out";function s(e){let{initialState:t}=e;const[n,r]=(0,a.useState)(t??!1),o=(0,a.useCallback)((()=>{r((e=>!e))}),[]);return{collapsed:n,setCollapsed:r,toggleCollapsed:o}}const c={display:"none",overflow:"hidden",height:"0px"},u={display:"block",overflow:"visible",height:"auto"};function d(e,t){const n=t?c:u;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function p(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 1;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}function f(e){let{collapsibleRef:t,collapsed:n,animation:r}=e;const o=(0,a.useRef)(!1);(0,a.useEffect)((()=>{const e=t.current;function a(){const t=function(){const t=e.scrollHeight;return{transition:`height ${r?.duration??p(t)}ms ${r?.easing??l}`,height:`${t}px`}}();e.style.transition=t.transition,e.style.height=t.height}if(!o.current)return d(e,n),void(o.current=!0);return e.style.willChange="height",function(){const t=requestAnimationFrame((()=>{n?(a(),requestAnimationFrame((()=>{e.style.height=c.height,e.style.overflow=c.overflow}))):(e.style.display="block",requestAnimationFrame((()=>{a()})))}));return()=>cancelAnimationFrame(t)}()}),[t,n,r])}function g(e){if(!r.Z.canUseDOM)return e?c:u}function m(e){let{as:t="div",collapsed:n,children:r,animation:o,onCollapseTransitionEnd:l,className:s,disableSSRStyle:c}=e;const u=(0,a.useRef)(null);return f({collapsibleRef:u,collapsed:n,animation:o}),(0,i.jsx)(t,{ref:u,style:c?void 0:g(n),onTransitionEnd:e=>{"height"===e.propertyName&&(d(u.current,n),l?.(n))},className:s,children:r})}function h(e){let{collapsed:t,...n}=e;const[r,l]=(0,a.useState)(!t),[s,c]=(0,a.useState)(t);return(0,o.Z)((()=>{t||l(!0)}),[t]),(0,o.Z)((()=>{r&&c(t)}),[r,t]),r?(0,i.jsx)(m,{...n,collapsed:s}):null}function b(e){let{lazy:t,...n}=e;const a=t?h:m;return(0,i.jsx)(a,{...n})}},4288:(e,t,n)=>{"use strict";n.d(t,{nT:()=>m,pl:()=>g});var a=n(959),r=n(7111),o=n(6340),i=n(7399),l=n(2593),s=n(1527);const c=(0,o.WA)("docusaurus.announcement.dismiss"),u=(0,o.WA)("docusaurus.announcement.id"),d=()=>"true"===c.get(),p=e=>c.set(String(e)),f=a.createContext(null);function g(e){let{children:t}=e;const n=function(){const{announcementBar:e}=(0,l.L)(),t=(0,r.Z)(),[n,o]=(0,a.useState)((()=>!!t&&d()));(0,a.useEffect)((()=>{o(d())}),[]);const i=(0,a.useCallback)((()=>{p(!0),o(!0)}),[]);return(0,a.useEffect)((()=>{if(!e)return;const{id:t}=e;let n=u.get();"annoucement-bar"===n&&(n="announcement-bar");const a=t!==n;u.set(t),a&&p(!1),!a&&d()||o(!1)}),[e]),(0,a.useMemo)((()=>({isActive:!!e&&!n,close:i})),[e,n,i])}();return(0,s.jsx)(f.Provider,{value:n,children:t})}function m(){const e=(0,a.useContext)(f);if(!e)throw new i.i6("AnnouncementBarProvider");return e}},1694:(e,t,n)=>{"use strict";n.d(t,{I:()=>b,S:()=>h});var a=n(959),r=n(6047),o=n(7399),i=n(6340),l=n(2593),s=n(1527);const c=a.createContext(void 0),u="theme",d=(0,i.WA)(u),p={light:"light",dark:"dark"},f=e=>e===p.dark?p.dark:p.light,g=e=>r.Z.canUseDOM?f(document.documentElement.getAttribute("data-theme")):f(e),m=e=>{d.set(f(e))};function h(e){let{children:t}=e;const n=function(){const{colorMode:{defaultMode:e,disableSwitch:t,respectPrefersColorScheme:n}}=(0,l.L)(),[r,o]=(0,a.useState)(g(e));(0,a.useEffect)((()=>{t&&d.del()}),[t]);const i=(0,a.useCallback)((function(t,a){void 0===a&&(a={});const{persist:r=!0}=a;t?(o(t),r&&m(t)):(o(n?window.matchMedia("(prefers-color-scheme: dark)").matches?p.dark:p.light:e),d.del())}),[n,e]);(0,a.useEffect)((()=>{document.documentElement.setAttribute("data-theme",f(r))}),[r]),(0,a.useEffect)((()=>{if(t)return;const e=e=>{if(e.key!==u)return;const t=d.get();null!==t&&i(f(t))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)}),[t,i]);const s=(0,a.useRef)(!1);return(0,a.useEffect)((()=>{if(t&&!n)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>{window.matchMedia("print").matches||s.current?s.current=window.matchMedia("print").matches:i(null)};return e.addListener(a),()=>e.removeListener(a)}),[i,t,n]),(0,a.useMemo)((()=>({colorMode:r,setColorMode:i,get isDarkTheme(){return r===p.dark},setLightTheme(){i(p.light)},setDarkTheme(){i(p.dark)}})),[r,i])}();return(0,s.jsx)(c.Provider,{value:n,children:t})}function b(){const e=(0,a.useContext)(c);if(null==e)throw new o.i6("ColorModeProvider","Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.");return e}},1836:(e,t,n)=>{"use strict";n.d(t,{J:()=>v,L5:()=>b});var a=n(959),r=n(9384),o=n(4684),i=n(2593),l=n(8068),s=n(7399),c=n(6340),u=n(1527);const d=e=>`docs-preferred-version-${e}`,p={save:(e,t,n)=>{(0,c.WA)(d(e),{persistence:t}).set(n)},read:(e,t)=>(0,c.WA)(d(e),{persistence:t}).get(),clear:(e,t)=>{(0,c.WA)(d(e),{persistence:t}).del()}},f=e=>Object.fromEntries(e.map((e=>[e,{preferredVersionName:null}])));const g=a.createContext(null);function m(){const e=(0,r._r)(),t=(0,i.L)().docs.versionPersistence,n=(0,a.useMemo)((()=>Object.keys(e)),[e]),[o,l]=(0,a.useState)((()=>f(n)));(0,a.useEffect)((()=>{l(function(e){let{pluginIds:t,versionPersistence:n,allDocsData:a}=e;function r(e){const t=p.read(e,n);return a[e].versions.some((e=>e.name===t))?{preferredVersionName:t}:(p.clear(e,n),{preferredVersionName:null})}return Object.fromEntries(t.map((e=>[e,r(e)])))}({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]);return[o,(0,a.useMemo)((()=>({savePreferredVersion:function(e,n){p.save(e,t,n),l((t=>({...t,[e]:{preferredVersionName:n}})))}})),[t])]}function h(e){let{children:t}=e;const n=m();return(0,u.jsx)(g.Provider,{value:n,children:t})}function b(e){let{children:t}=e;return l.cE?(0,u.jsx)(h,{children:t}):(0,u.jsx)(u.Fragment,{children:t})}function y(){const e=(0,a.useContext)(g);if(!e)throw new s.i6("DocsPreferredVersionContextProvider");return e}function v(e){void 0===e&&(e=o.m);const t=(0,r.zh)(e),[n,i]=y(),{preferredVersionName:l}=n[e];return{preferredVersion:t.versions.find((e=>e.name===l))??null,savePreferredVersionName:(0,a.useCallback)((t=>{i.savePreferredVersion(e,t)}),[i,e])}}},5580:(e,t,n)=>{"use strict";n.d(t,{M:()=>h,e:()=>b});var a=n(959),r=n(5195),o=n(6047);const i={desktop:"desktop",mobile:"mobile",ssr:"ssr"},l=996;function s(){const[e,t]=(0,a.useState)((()=>"ssr"));return(0,a.useEffect)((()=>{function e(){t(function(){if(!o.Z.canUseDOM)throw new Error("getWindowSize() should only be called after React hydration");return window.innerWidth>l?i.desktop:i.mobile}())}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e}var c=n(8903),u=n(7399);function d(e){!function(e){const t=(0,c.k6)(),n=(0,u.zX)(e);(0,a.useEffect)((()=>t.block(((e,t)=>n(e,t)))),[t,n])}(((t,n)=>{if("POP"===n)return e(t,n)}))}var p=n(2593),f=n(1527);const g=a.createContext(void 0);function m(){const e=function(){const e=(0,r.HY)(),{items:t}=(0,p.L)().navbar;return 0===t.length&&!e.component}(),t=s(),n=!e&&"mobile"===t,[o,i]=(0,a.useState)(!1);d((()=>{if(o)return i(!1),!1}));const l=(0,a.useCallback)((()=>{i((e=>!e))}),[]);return(0,a.useEffect)((()=>{"desktop"===t&&i(!1)}),[t]),(0,a.useMemo)((()=>({disabled:e,shouldRender:n,toggle:l,shown:o})),[e,n,l,o])}function h(e){let{children:t}=e;const n=m();return(0,f.jsx)(g.Provider,{value:n,children:t})}function b(){const e=a.useContext(g);if(void 0===e)throw new u.i6("NavbarMobileSidebarProvider");return e}},5195:(e,t,n)=>{"use strict";n.d(t,{HY:()=>s,n2:()=>l});var a=n(959),r=n(7399),o=n(1527);const i=a.createContext(null);function l(e){let{children:t}=e;const n=(0,a.useState)({component:null,props:null});return(0,o.jsx)(i.Provider,{value:n,children:t})}function s(){const e=(0,a.useContext)(i);if(!e)throw new r.i6("NavbarSecondaryMenuContentProvider");return e[0]}},1900:(e,t,n)=>{"use strict";n.d(t,{P:()=>c,Y:()=>d});var a=n(959),r=n(7399),o=n(5580),i=n(5195),l=n(1527);const s=a.createContext(null);function c(e){let{children:t}=e;const n=function(){const e=(0,o.e)(),t=(0,i.HY)(),[n,l]=(0,a.useState)(!1),s=null!==t.component,c=(0,r.D9)(s);return(0,a.useEffect)((()=>{s&&!c&&l(!0)}),[s,c]),(0,a.useEffect)((()=>{s?e.shown||l(!0):l(!1)}),[e.shown,s]),(0,a.useMemo)((()=>[n,l]),[n])}();return(0,l.jsx)(s.Provider,{value:n,children:t})}function u(e){if(e.component){const t=e.component;return(0,l.jsx)(t,{...e.props})}}function d(){const e=(0,a.useContext)(s);if(!e)throw new r.i6("NavbarSecondaryMenuDisplayProvider");const[t,n]=e,o=(0,a.useCallback)((()=>n(!1)),[n]),l=(0,i.HY)();return(0,a.useMemo)((()=>({shown:t,hide:o,content:u(l)})),[o,l,t])}},864:(e,t,n)=>{"use strict";n.d(t,{h:()=>r,t:()=>o});var a=n(959);const r="navigation-with-keyboard";function o(){(0,a.useEffect)((()=>{function e(e){"keydown"===e.type&&"Tab"===e.key&&document.body.classList.add(r),"mousedown"===e.type&&document.body.classList.remove(r)}return document.addEventListener("keydown",e),document.addEventListener("mousedown",e),()=>{document.body.classList.remove(r),document.removeEventListener("keydown",e),document.removeEventListener("mousedown",e)}}),[])}},421:(e,t,n)=>{"use strict";n.d(t,{k:()=>a});const a={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button",codeBlock:"theme-code-block",admonition:"theme-admonition",unlistedBanner:"theme-unlisted-banner",admonitionType:e=>`theme-admonition-${e}`},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docBreadcrumbs:"theme-doc-breadcrumbs",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarContainer:"theme-doc-sidebar-container",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:e=>`theme-doc-sidebar-item-category-level-${e}`,docSidebarItemLinkLevel:e=>`theme-doc-sidebar-item-link-level-${e}`},blog:{}}},8068:(e,t,n)=>{"use strict";n.d(t,{cE:()=>l,lO:()=>s,vY:()=>u,oz:()=>c});var a=n(959),r=n(9384),o=n(1836);function i(e){return Array.from(new Set(e))}const l=!!r._r;function s(e){const{activeVersion:t}=(0,r.Iw)(e),{preferredVersion:n}=(0,o.J)(e),l=(0,r.yW)(e);return(0,a.useMemo)((()=>i([t,n,l].filter(Boolean))),[t,n,l])}function c(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.sidebars?Object.entries(e.sidebars):[])),a=t.find((t=>t[0]===e));if(!a)throw new Error(`Can't find any sidebar with id "${e}" in version${n.length>1?"s":""} ${n.map((e=>e.name)).join(", ")}".\nAvailable sidebar ids are:\n- ${t.map((e=>e[0])).join("\n- ")}`);return a[1]}),[e,n])}function u(e,t){const n=s(t);return(0,a.useMemo)((()=>{const t=n.flatMap((e=>e.docs)),a=t.find((t=>t.id===e));if(!a){if(n.flatMap((e=>e.draftIds)).includes(e))return null;throw new Error(`Couldn't find any doc with id "${e}" in version${n.length>1?"s":""} "${n.map((e=>e.name)).join(", ")}".\nAvailable doc ids are:\n- ${i(t.map((e=>e.id))).join("\n- ")}`)}return a}),[e,n])}},809:(e,t,n)=>{"use strict";n.d(t,{aG:()=>c,Cw:()=>s,QW:()=>u});var a=n(959),r=n(5374),o=n(6771);const i={errorBoundaryError:"errorBoundaryError_t44J",errorBoundaryFallback:"errorBoundaryFallback_HTeJ"};var l=n(1527);function s(e){return(0,l.jsx)("button",{type:"button",...e,children:(0,l.jsx)(r.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again rendering when the React error boundary captures an error",children:"Try again"})})}function c(e){let{error:t}=e;const n=(0,o.getErrorCausalChain)(t).map((e=>e.message)).join("\n\nCause:\n");return(0,l.jsx)("p",{className:i.errorBoundaryError,children:n})}class u extends a.Component{componentDidCatch(e,t){throw this.props.onError(e,t)}render(){return this.props.children}}},1610:(e,t,n)=>{"use strict";n.d(t,{FG:()=>f,d:()=>d,VC:()=>g});var a=n(959),r=n(5341),o=n(4491),i=n(2762);function l(){const e=a.useContext(i._);if(!e)throw new Error("Unexpected: no Docusaurus route context found");return e}var s=n(9925),c=n(2688);var u=n(1527);function d(e){let{title:t,description:n,keywords:a,image:r,children:i}=e;const l=function(e){const{siteConfig:t}=(0,c.Z)(),{title:n,titleDelimiter:a}=t;return e?.trim().length?`${e.trim()} ${a} ${n}`:n}(t),{withBaseUrl:d}=(0,s.C)(),p=r?d(r,{absolute:!0}):void 0;return(0,u.jsxs)(o.Z,{children:[t&&(0,u.jsx)("title",{children:l}),t&&(0,u.jsx)("meta",{property:"og:title",content:l}),n&&(0,u.jsx)("meta",{name:"description",content:n}),n&&(0,u.jsx)("meta",{property:"og:description",content:n}),a&&(0,u.jsx)("meta",{name:"keywords",content:Array.isArray(a)?a.join(","):a}),p&&(0,u.jsx)("meta",{property:"og:image",content:p}),p&&(0,u.jsx)("meta",{name:"twitter:image",content:p}),i]})}const p=a.createContext(void 0);function f(e){let{className:t,children:n}=e;const i=a.useContext(p),l=(0,r.Z)(i,t);return(0,u.jsxs)(p.Provider,{value:l,children:[(0,u.jsx)(o.Z,{children:(0,u.jsx)("html",{className:l})}),n]})}function g(e){let{children:t}=e;const n=l(),a=`plugin-${n.plugin.name.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi,"")}`;const o=`plugin-id-${n.plugin.id}`;return(0,u.jsx)(f,{className:(0,r.Z)(a,o),children:t})}},5160:(e,t,n)=>{"use strict";n.d(t,{A:()=>s,V:()=>c});n(959);var a=n(5580),r=n(5195),o=n(1900),i=n(1527);const l="right";function s(e){function t(e){return"left"===(e.position??l)}return[e.filter(t),e.filter((e=>!t(e)))]}function c(e){let{children:t}=e;return(0,i.jsx)(r.n2,{children:(0,i.jsx)(a.M,{children:(0,i.jsx)(o.P,{children:t})})})}},7399:(e,t,n)=>{"use strict";n.d(t,{D9:()=>l,Qc:()=>u,Ql:()=>c,i6:()=>s,zX:()=>i});var a=n(959),r=n(2827),o=n(1527);function i(e){const t=(0,a.useRef)(e);return(0,r.Z)((()=>{t.current=e}),[e]),(0,a.useCallback)((function(){return t.current(...arguments)}),[])}function l(e){const t=(0,a.useRef)();return(0,r.Z)((()=>{t.current=e})),t.current}class s extends Error{constructor(e,t){super(),this.name="ReactContextError",this.message=`Hook ${this.stack?.split("\n")[1]?.match(/at (?:\w+\.)?(?<name>\w+)/)?.groups.name??""} is called outside the <${e}>. ${t??""}`}}function c(e){const t=Object.entries(e);return t.sort(((e,t)=>e[0].localeCompare(t[0]))),(0,a.useMemo)((()=>e),t.flat())}function u(e){return t=>{let{children:n}=t;return(0,o.jsx)(o.Fragment,{children:e.reduceRight(((e,t)=>(0,o.jsx)(t,{children:e})),n)})}}},3535:(e,t,n)=>{"use strict";function a(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}n.d(t,{F:()=>a})},3707:(e,t,n)=>{"use strict";n.d(t,{OC:()=>s,RF:()=>d});var a=n(959),r=n(6047),o=(n(7111),n(2827),n(7399)),i=n(1527);const l=a.createContext(void 0);function s(e){let{children:t}=e;const n=function(){const e=(0,a.useRef)(!0);return(0,a.useMemo)((()=>({scrollEventsEnabledRef:e,enableScrollEvents:()=>{e.current=!0},disableScrollEvents:()=>{e.current=!1}})),[])}();return(0,i.jsx)(l.Provider,{value:n,children:t})}function c(){const e=(0,a.useContext)(l);if(null==e)throw new o.i6("ScrollControllerProvider");return e}const u=()=>r.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null;function d(e,t){void 0===t&&(t=[]);const{scrollEventsEnabledRef:n}=c(),r=(0,a.useRef)(u()),i=(0,o.zX)(e);(0,a.useEffect)((()=>{const e=()=>{if(!n.current)return;const e=u();i(e,r.current),r.current=e},t={passive:!0};return e(),window.addEventListener("scroll",e,t),()=>window.removeEventListener("scroll",e,t)}),[i,n,...t])}},9920:(e,t,n)=>{"use strict";n.d(t,{l:()=>p,u:()=>s});var a=n(959),r=n(8903),o=n(5374),i=n(5508),l=n(1527);const s="__docusaurus_skipToContent_fallback";function c(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}function u(){const e=(0,a.useRef)(null),{action:t}=(0,r.k6)(),n=(0,a.useCallback)((e=>{e.preventDefault();const t=document.querySelector("main:first-of-type")??document.getElementById(s);t&&c(t)}),[]);return(0,i.S)((n=>{let{location:a}=n;e.current&&!a.hash&&"PUSH"===t&&c(e.current)})),{containerRef:e,onClick:n}}const d=(0,o.I)({id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation",message:"Skip to main content"});function p(e){const t=e.children??d,{containerRef:n,onClick:a}=u();return(0,l.jsx)("div",{ref:n,role:"region","aria-label":d,children:(0,l.jsx)("a",{...e,href:`#${s}`,onClick:a,children:t})})}},6340:(e,t,n)=>{"use strict";n.d(t,{WA:()=>s});n(959);const a="localStorage";function r(e){let{key:t,oldValue:n,newValue:a,storage:r}=e;if(n===a)return;const o=document.createEvent("StorageEvent");o.initStorageEvent("storage",!1,!1,t,n,a,window.location.href,r),window.dispatchEvent(o)}function o(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,i||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),i=!0),null}var t}let i=!1;const l={get:()=>null,set:()=>{},del:()=>{},listen:()=>()=>{}};function s(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error(`Illegal storage API usage for storage key "${e}".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.`)}return{get:t,set:t,del:t,listen:t}}(e);const n=o(t?.persistence);return null===n?l:{get:()=>{try{return n.getItem(e)}catch(t){return console.error(`Docusaurus storage error, can't get key=${e}`,t),null}},set:t=>{try{const a=n.getItem(e);n.setItem(e,t),r({key:e,oldValue:a,newValue:t,storage:n})}catch(a){console.error(`Docusaurus storage error, can't set ${e}=${t}`,a)}},del:()=>{try{const t=n.getItem(e);n.removeItem(e),r({key:e,oldValue:t,newValue:null,storage:n})}catch(t){console.error(`Docusaurus storage error, can't delete key=${e}`,t)}},listen:t=>{try{const a=a=>{a.storageArea===n&&a.key===e&&t(a)};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)}catch(a){return console.error(`Docusaurus storage error, can't listen for changes of key=${e}`,a),()=>{}}}}}},8224:(e,t,n)=>{"use strict";n.d(t,{l:()=>i});var a=n(2688),r=n(8903),o=n(6771);function i(){const{siteConfig:{baseUrl:e,url:t,trailingSlash:n},i18n:{defaultLocale:i,currentLocale:l}}=(0,a.Z)(),{pathname:s}=(0,r.TH)(),c=(0,o.applyTrailingSlash)(s,{trailingSlash:n,baseUrl:e}),u=l===i?e:e.replace(`/${l}/`,"/"),d=c.replace(e,"");return{createUrl:function(e){let{locale:n,fullyQualified:a}=e;return`${a?t:""}${function(e){return e===i?`${u}`:`${u}${e}/`}(n)}${d}`}}}},5508:(e,t,n)=>{"use strict";n.d(t,{S:()=>i});var a=n(959),r=n(8903),o=n(7399);function i(e){const t=(0,r.TH)(),n=(0,o.D9)(t),i=(0,o.zX)(e);(0,a.useEffect)((()=>{n&&t!==n&&i({location:t,previousLocation:n})}),[i,t,n])}},2593:(e,t,n)=>{"use strict";n.d(t,{L:()=>r});var a=n(2688);function r(){return(0,a.Z)().siteConfig.themeConfig}},6115:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){const{trailingSlash:n,baseUrl:a}=t;if(e.startsWith("#"))return e;if(void 0===n)return e;const[r]=e.split(/[#?]/),o="/"===r||r===a?r:(i=r,n?function(e){return e.endsWith("/")?e:`${e}/`}(i):function(e){return e.endsWith("/")?e.slice(0,-1):e}(i));var i;return e.replace(r,o)}},6901:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=void 0,t.getErrorCausalChain=function e(t){return t.cause?[t,...e(t.cause)]:[t]}},6771:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getErrorCausalChain=t.applyTrailingSlash=t.blogPostContainerID=void 0,t.blogPostContainerID="__blog-post-container";var r=n(6115);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return a(r).default}});var o=n(6901);Object.defineProperty(t,"getErrorCausalChain",{enumerable:!0,get:function(){return o.getErrorCausalChain}})},8784:(e,t,n)=>{"use strict";n.d(t,{Z:()=>h});var a=n(959),r=n(5341),o=n(3535),i=n(4794),l=(n(6002),n(2688));var s=n(8903);var c=n(6612),u=n(6794);const d={dropdownNavbarItemMobile:"dropdownNavbarItemMobile_JUhd"};var p=n(1527);function f(e,t){return e.some((e=>function(e,t){return!!function(e,t){const n=e=>(!e||e.endsWith("/")?e:`${e}/`)?.toLowerCase();return n(e)===n(t)}(e.to,t)||!!(0,o.F)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)))}function g(e){let{items:t,position:n,className:o,onClick:i,...l}=e;const s=(0,a.useRef)(null),[d,f]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{const e=e=>{s.current&&!s.current.contains(e.target)&&f(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("focusin",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("focusin",e)}}),[s]),(0,p.jsxs)("div",{ref:s,className:(0,r.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===n,"dropdown--show":d}),children:[(0,p.jsx)(c.Z,{"aria-haspopup":"true","aria-expanded":d,role:"button",href:l.to?void 0:"#",className:(0,r.Z)("navbar__link",o),...l,onClick:l.to?void 0:e=>e.preventDefault(),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),f(!d))},children:l.children??l.label}),(0,p.jsx)("ul",{className:"dropdown__menu",children:t.map(((e,t)=>(0,a.createElement)(u.Z,{isDropdownItem:!0,activeClassName:"dropdown__link--active",...e,key:t})))})]})}function m(e){let{items:t,className:n,position:o,onClick:g,...m}=e;const h=function(){const{siteConfig:{baseUrl:e}}=(0,l.Z)(),{pathname:t}=(0,s.TH)();return t.replace(e,"/")}(),b=f(t,h),{collapsed:y,toggleCollapsed:v,setCollapsed:w}=(0,i.u)({initialState:()=>!b});return(0,a.useEffect)((()=>{b&&w(!b)}),[h,b,w]),(0,p.jsxs)("li",{className:(0,r.Z)("menu__list-item",{"menu__list-item--collapsed":y}),children:[(0,p.jsx)(c.Z,{role:"button",className:(0,r.Z)(d.dropdownNavbarItemMobile,"menu__link menu__link--sublist menu__link--sublist-caret",n),...m,onClick:e=>{e.preventDefault(),v()},children:m.children??m.label}),(0,p.jsx)(i.z,{lazy:!0,as:"ul",className:"menu__list",collapsed:y,children:t.map(((e,t)=>(0,a.createElement)(u.Z,{mobile:!0,isDropdownItem:!0,onClick:g,activeClassName:"menu__link--active",...e,key:t})))})]})}function h(e){let{mobile:t=!1,...n}=e;const a=t?m:g;return(0,p.jsx)(a,{...n})}},7412:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});n(959);var a=n(2688),r=n(8224),o=n(8903),i=n(8784),l=n(1527);function s(e){let{width:t=20,height:n=20,...a}=e;return(0,l.jsx)("svg",{viewBox:"0 0 24 24",width:t,height:n,"aria-hidden":!0,...a,children:(0,l.jsx)("path",{fill:"currentColor",d:"M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"})})}const c={iconLanguage:"iconLanguage_DSK9"};function u(e){let{mobile:t,dropdownItemsBefore:n,dropdownItemsAfter:u,queryString:d="",whiteTheme:p=!1,...f}=e;const{i18n:{currentLocale:g,locales:m,localeConfigs:h}}=(0,a.Z)(),b=(0,r.l)(),{search:y,hash:v}=(0,o.TH)(),w=[...n,...m.map((e=>{const n=`${`pathname://${b.createUrl({locale:e,fullyQualified:!1})}`}${y}${v}${d}`;return{label:h[e].label,lang:h[e].htmlLang,to:n,target:"_self",autoAddBaseUrl:!1,className:e===g?t?"menu__link--active":"dropdown__link--active":""}})),...u];return(0,l.jsx)(i.Z,{...f,mobile:t,label:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s,{className:c.iconLanguage}),h[g].label]}),items:w})}},4047:(e,t,n)=>{"use strict";n.d(t,{lX:()=>w,q_:()=>C,ob:()=>f,PP:()=>A,Ep:()=>p});var a=n(6920);function r(e){return"/"===e.charAt(0)}function o(e,t){for(var n=t,a=n+1,r=e.length;a<r;n+=1,a+=1)e[n]=e[a];e.pop()}const i=function(e,t){void 0===t&&(t="");var n,a=e&&e.split("/")||[],i=t&&t.split("/")||[],l=e&&r(e),s=t&&r(t),c=l||s;if(e&&r(e)?i=a:a.length&&(i.pop(),i=i.concat(a)),!i.length)return"/";if(i.length){var u=i[i.length-1];n="."===u||".."===u||""===u}else n=!1;for(var d=0,p=i.length;p>=0;p--){var f=i[p];"."===f?o(i,p):".."===f?(o(i,p),d++):d&&(o(i,p),d--)}if(!c)for(;d--;d)i.unshift("..");!c||""===i[0]||i[0]&&r(i[0])||i.unshift("");var g=i.join("/");return n&&"/"!==g.substr(-1)&&(g+="/"),g};var l=n(8624);function s(e){return"/"===e.charAt(0)?e:"/"+e}function c(e){return"/"===e.charAt(0)?e.substr(1):e}function u(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function d(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function p(e){var t=e.pathname,n=e.search,a=e.hash,r=t||"/";return n&&"?"!==n&&(r+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(r+="#"===a.charAt(0)?a:"#"+a),r}function f(e,t,n,r){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",a="",r=t.indexOf("#");-1!==r&&(a=t.substr(r),t=t.substr(0,r));var o=t.indexOf("?");return-1!==o&&(n=t.substr(o),t=t.substr(0,o)),{pathname:t,search:"?"===n?"":n,hash:"#"===a?"":a}}(e),o.state=t):(void 0===(o=(0,a.Z)({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(o.key=n),r?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=i(o.pathname,r.pathname)):o.pathname=r.pathname:o.pathname||(o.pathname="/"),o}function g(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,a,r){if(null!=e){var o="function"==typeof e?e(t,n):e;"string"==typeof o?"function"==typeof a?a(o,r):r(!0):r(!1!==o)}else r(!0)},appendListener:function(e){var n=!0;function a(){n&&e.apply(void 0,arguments)}return t.push(a),function(){n=!1,t=t.filter((function(e){return e!==a}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];t.forEach((function(e){return e.apply(void 0,n)}))}}}var m=!("undefined"==typeof window||!window.document||!window.document.createElement);function h(e,t){t(window.confirm(e))}var b="popstate",y="hashchange";function v(){try{return window.history.state||{}}catch(e){return{}}}function w(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t,n=window.history,r=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,o=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,w=void 0!==c&&c,x=i.getUserConfirmation,k=void 0===x?h:x,L=i.keyLength,S=void 0===L?6:L,_=e.basename?d(s(e.basename)):"";function C(e){var t=e||{},n=t.key,a=t.state,r=window.location,o=r.pathname+r.search+r.hash;return _&&(o=u(o,_)),f(o,a,n)}function P(){return Math.random().toString(36).substr(2,S)}var A=g();function D(e){(0,a.Z)(U,e),U.length=n.length,A.notifyListeners(U.location,U.action)}function E(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||j(C(e.state))}function I(){j(C(v()))}var T=!1;function j(e){if(T)T=!1,D();else{A.confirmTransitionTo(e,"POP",k,(function(t){t?D({action:"POP",location:e}):function(e){var t=U.location,n=R.indexOf(t.key);-1===n&&(n=0);var a=R.indexOf(e.key);-1===a&&(a=0);var r=n-a;r&&(T=!0,O(r))}(e)}))}}var z=C(v()),R=[z.key];function N(e){return _+p(e)}function O(e){n.go(e)}var M=0;function F(e){1===(M+=e)&&1===e?(window.addEventListener(b,E),o&&window.addEventListener(y,I)):0===M&&(window.removeEventListener(b,E),o&&window.removeEventListener(y,I))}var B=!1;var U={length:n.length,action:"POP",location:z,createHref:N,push:function(e,t){var a="PUSH",o=f(e,t,P(),U.location);A.confirmTransitionTo(o,a,k,(function(e){if(e){var t=N(o),i=o.key,l=o.state;if(r)if(n.pushState({key:i,state:l},null,t),w)window.location.href=t;else{var s=R.indexOf(U.location.key),c=R.slice(0,s+1);c.push(o.key),R=c,D({action:a,location:o})}else window.location.href=t}}))},replace:function(e,t){var a="REPLACE",o=f(e,t,P(),U.location);A.confirmTransitionTo(o,a,k,(function(e){if(e){var t=N(o),i=o.key,l=o.state;if(r)if(n.replaceState({key:i,state:l},null,t),w)window.location.replace(t);else{var s=R.indexOf(U.location.key);-1!==s&&(R[s]=o.key),D({action:a,location:o})}else window.location.replace(t)}}))},go:O,goBack:function(){O(-1)},goForward:function(){O(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return B||(F(1),B=!0),function(){return B&&(B=!1,F(-1)),t()}},listen:function(e){var t=A.appendListener(e);return F(1),function(){F(-1),t()}}};return U}var x="hashchange",k={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+c(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:c,decodePath:s},slash:{encodePath:s,decodePath:s}};function L(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function S(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function _(e){window.location.replace(L(window.location.href)+"#"+e)}function C(e){void 0===e&&(e={}),m||(0,l.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),r=n.getUserConfirmation,o=void 0===r?h:r,i=n.hashType,c=void 0===i?"slash":i,b=e.basename?d(s(e.basename)):"",y=k[c],v=y.encodePath,w=y.decodePath;function C(){var e=w(S());return b&&(e=u(e,b)),f(e)}var P=g();function A(e){(0,a.Z)(B,e),B.length=t.length,P.notifyListeners(B.location,B.action)}var D=!1,E=null;function I(){var e,t,n=S(),a=v(n);if(n!==a)_(a);else{var r=C(),i=B.location;if(!D&&(t=r,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(E===p(r))return;E=null,function(e){if(D)D=!1,A();else{var t="POP";P.confirmTransitionTo(e,t,o,(function(n){n?A({action:t,location:e}):function(e){var t=B.location,n=R.lastIndexOf(p(t));-1===n&&(n=0);var a=R.lastIndexOf(p(e));-1===a&&(a=0);var r=n-a;r&&(D=!0,N(r))}(e)}))}}(r)}}var T=S(),j=v(T);T!==j&&_(j);var z=C(),R=[p(z)];function N(e){t.go(e)}var O=0;function M(e){1===(O+=e)&&1===e?window.addEventListener(x,I):0===O&&window.removeEventListener(x,I)}var F=!1;var B={length:t.length,action:"POP",location:z,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=L(window.location.href)),n+"#"+v(b+p(e))},push:function(e,t){var n="PUSH",a=f(e,void 0,void 0,B.location);P.confirmTransitionTo(a,n,o,(function(e){if(e){var t=p(a),r=v(b+t);if(S()!==r){E=t,function(e){window.location.hash=e}(r);var o=R.lastIndexOf(p(B.location)),i=R.slice(0,o+1);i.push(t),R=i,A({action:n,location:a})}else A()}}))},replace:function(e,t){var n="REPLACE",a=f(e,void 0,void 0,B.location);P.confirmTransitionTo(a,n,o,(function(e){if(e){var t=p(a),r=v(b+t);S()!==r&&(E=t,_(r));var o=R.indexOf(p(B.location));-1!==o&&(R[o]=t),A({action:n,location:a})}}))},go:N,goBack:function(){N(-1)},goForward:function(){N(1)},block:function(e){void 0===e&&(e=!1);var t=P.setPrompt(e);return F||(M(1),F=!0),function(){return F&&(F=!1,M(-1)),t()}},listen:function(e){var t=P.appendListener(e);return M(1),function(){M(-1),t()}}};return B}function P(e,t,n){return Math.min(Math.max(e,t),n)}function A(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,r=t.initialEntries,o=void 0===r?["/"]:r,i=t.initialIndex,l=void 0===i?0:i,s=t.keyLength,c=void 0===s?6:s,u=g();function d(e){(0,a.Z)(w,e),w.length=w.entries.length,u.notifyListeners(w.location,w.action)}function m(){return Math.random().toString(36).substr(2,c)}var h=P(l,0,o.length-1),b=o.map((function(e){return f(e,void 0,"string"==typeof e?m():e.key||m())})),y=p;function v(e){var t=P(w.index+e,0,w.entries.length-1),a=w.entries[t];u.confirmTransitionTo(a,"POP",n,(function(e){e?d({action:"POP",location:a,index:t}):d()}))}var w={length:b.length,action:"POP",location:b[h],index:h,entries:b,createHref:y,push:function(e,t){var a="PUSH",r=f(e,t,m(),w.location);u.confirmTransitionTo(r,a,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,r):n.push(r),d({action:a,location:r,index:t,entries:n})}}))},replace:function(e,t){var a="REPLACE",r=f(e,t,m(),w.location);u.confirmTransitionTo(r,a,n,(function(e){e&&(w.entries[w.index]=r,d({action:a,location:r}))}))},go:v,goBack:function(){v(-1)},goForward:function(){v(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),u.setPrompt(e)},listen:function(e){return u.appendListener(e)}};return w}},2535:(e,t,n)=>{"use strict";var a=n(6237),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},o={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return a.isMemo(e)?i:l[e.$$typeof]||r}l[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[a.Memo]=i;var c=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,g=Object.prototype;e.exports=function e(t,n,a){if("string"!=typeof n){if(g){var r=f(n);r&&r!==g&&e(t,r,a)}var i=u(n);d&&(i=i.concat(d(n)));for(var l=s(t),m=s(n),h=0;h<i.length;++h){var b=i[h];if(!(o[b]||a&&a[b]||m&&m[b]||l&&l[b])){var y=p(n,b);try{c(t,b,y)}catch(v){}}}}return t}},3670:e=>{"use strict";e.exports=function(e,t,n,a,r,o,i,l){if(!e){var s;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,a,r,o,i,l],u=0;(s=new Error(t.replace(/%s/g,(function(){return c[u++]})))).name="Invariant Violation"}throw s.framesToPop=1,s}}},901:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},89:(e,t,n)=>{"use strict";n.r(t)},962:(e,t,n)=>{"use strict";n.r(t)},1245:(e,t,n)=>{"use strict";n.r(t)},9981:function(e,t,n){var a,r;a=function(){var e,t,n={version:"0.2.0"},a=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function r(e,t,n){return e<t?t:e>n?n:e}function o(e){return 100*(-1+e)}function i(e,t,n){var r;return(r="translate3d"===a.positionUsing?{transform:"translate3d("+o(e)+"%,0,0)"}:"translate"===a.positionUsing?{transform:"translate("+o(e)+"%,0)"}:{"margin-left":o(e)+"%"}).transition="all "+t+"ms "+n,r}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(a[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=r(e,a.minimum,1),n.status=1===e?null:e;var o=n.render(!t),c=o.querySelector(a.barSelector),u=a.speed,d=a.easing;return o.offsetWidth,l((function(t){""===a.positionUsing&&(a.positionUsing=n.getPositioningCSS()),s(c,i(e,u,d)),1===e?(s(o,{transition:"none",opacity:1}),o.offsetWidth,setTimeout((function(){s(o,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),u)}),u)):setTimeout(t,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),a.trickleSpeed)};return a.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*r(Math.random()*t,.1,.95)),t=r(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*a.trickleRate)},e=0,t=0,n.promise=function(a){return a&&"resolved"!==a.state()?(0===t&&n.start(),e++,t++,a.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=a.template;var r,i=t.querySelector(a.barSelector),l=e?"-100":o(n.status||0),c=document.querySelector(a.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),a.showSpinner||(r=t.querySelector(a.spinnerSelector))&&f(r),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(a.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&f(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function a(t){var n=document.body.style;if(t in n)return t;for(var a,r=e.length,o=t.charAt(0).toUpperCase()+t.slice(1);r--;)if((a=e[r]+o)in n)return a;return t}function r(e){return e=n(e),t[e]||(t[e]=a(e))}function o(e,t,n){t=r(t),e.style[t]=n}return function(e,t){var n,a,r=arguments;if(2==r.length)for(n in t)void 0!==(a=t[n])&&t.hasOwnProperty(n)&&o(e,n,a);else o(e,r[1],r[2])}}();function c(e,t){return("string"==typeof e?e:p(e)).indexOf(" "+t+" ")>=0}function u(e,t){var n=p(e),a=n+t;c(n,t)||(e.className=a.substring(1))}function d(e,t){var n,a=p(e);c(e,t)&&(n=a.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function p(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function f(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(r="function"==typeof a?a.call(t,n,t,e):a)||(e.exports=r)},7720:(e,t,n)=>{var a=n(901);e.exports=f,e.exports.parse=o,e.exports.compile=function(e,t){return l(o(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=p;var r=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function o(e,t){for(var n,a=[],o=0,i=0,l="",u=t&&t.delimiter||"/";null!=(n=r.exec(e));){var d=n[0],p=n[1],f=n.index;if(l+=e.slice(i,f),i=f+d.length,p)l+=p[1];else{var g=e[i],m=n[2],h=n[3],b=n[4],y=n[5],v=n[6],w=n[7];l&&(a.push(l),l="");var x=null!=m&&null!=g&&g!==m,k="+"===v||"*"===v,L="?"===v||"*"===v,S=n[2]||u,_=b||y;a.push({name:h||o++,prefix:m||"",delimiter:S,optional:L,repeat:k,partial:x,asterisk:!!w,pattern:_?c(_):w?".*":"[^"+s(S)+"]+?"})}}return i<e.length&&(l+=e.substr(i)),l&&a.push(l),a}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function l(e,t){for(var n=new Array(e.length),r=0;r<e.length;r++)"object"==typeof e[r]&&(n[r]=new RegExp("^(?:"+e[r].pattern+")$",d(t)));return function(t,r){for(var o="",l=t||{},s=(r||{}).pretty?i:encodeURIComponent,c=0;c<e.length;c++){var u=e[c];if("string"!=typeof u){var d,p=l[u.name];if(null==p){if(u.optional){u.partial&&(o+=u.prefix);continue}throw new TypeError('Expected "'+u.name+'" to be defined')}if(a(p)){if(!u.repeat)throw new TypeError('Expected "'+u.name+'" to not repeat, but received `'+JSON.stringify(p)+"`");if(0===p.length){if(u.optional)continue;throw new TypeError('Expected "'+u.name+'" to not be empty')}for(var f=0;f<p.length;f++){if(d=s(p[f]),!n[c].test(d))throw new TypeError('Expected all "'+u.name+'" to match "'+u.pattern+'", but received `'+JSON.stringify(d)+"`");o+=(0===f?u.prefix:u.delimiter)+d}}else{if(d=u.asterisk?encodeURI(p).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):s(p),!n[c].test(d))throw new TypeError('Expected "'+u.name+'" to match "'+u.pattern+'", but received "'+d+'"');o+=u.prefix+d}}else o+=u}return o}}function s(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function c(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function u(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function p(e,t,n){a(t)||(n=t||n,t=[]);for(var r=(n=n||{}).strict,o=!1!==n.end,i="",l=0;l<e.length;l++){var c=e[l];if("string"==typeof c)i+=s(c);else{var p=s(c.prefix),f="(?:"+c.pattern+")";t.push(c),c.repeat&&(f+="(?:"+p+f+")*"),i+=f=c.optional?c.partial?p+"("+f+")?":"(?:"+p+"("+f+"))?":p+"("+f+")"}}var g=s(n.delimiter||"/"),m=i.slice(-g.length)===g;return r||(i=(m?i.slice(0,-g.length):i)+"(?:"+g+"(?=$))?"),i+=o?"$":r&&m?"":"(?="+g+"|$)",u(new RegExp("^"+i,d(n)),t)}function f(e,t,n){return a(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var a=0;a<n.length;a++)t.push({name:a,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return u(e,t)}(e,t):a(e)?function(e,t,n){for(var a=[],r=0;r<e.length;r++)a.push(f(e[r],t,n).source);return u(new RegExp("(?:"+a.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return p(o(e,n),t,n)}(e,t,n)}},1064:e=>{e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:["sh","shell"],aliasTitles:{sh:"Shell",shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bbj:{title:"BBj",owner:"hyyan"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},bqn:{title:"BQN",owner:"yewscion"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},cilkc:{title:"Cilk/C",require:"c",alias:"cilk-c",owner:"OpenCilk"},cilkcpp:{title:"Cilk/C++",require:"cpp",alias:["cilk-cpp","cilk"],owner:"OpenCilk"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},gradle:{title:"Gradle",require:"clike",owner:"zeabdelkhalek-badido18"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},metafont:{title:"METAFONT",owner:"LaeriExNihilo"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (SCSS)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wgsl:{title:"WGSL",owner:"Dr4gonthree"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},1884:(e,t,n)=>{const a=n(1064),r=n(6474),o=new Set;function i(e){void 0===e?e=Object.keys(a.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...o,...Object.keys(Prism.languages)];r(a,e,t).load((e=>{if(!(e in a.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(2928).resolve(t)],delete Prism.languages[e],n(2928)(t),o.add(e)}))}i.silent=!1,e.exports=i},1559:()=>{!function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,a,r,o){if(n.language===a){var i=n.tokenStack=[];n.code=n.code.replace(r,(function(e){if("function"==typeof o&&!o(e))return e;for(var r,l=i.length;-1!==n.code.indexOf(r=t(a,l));)++l;return i[l]=e,r})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,a){if(n.language===a&&n.tokenStack){n.grammar=e.languages[a];var r=0,o=Object.keys(n.tokenStack);!function i(l){for(var s=0;s<l.length&&!(r>=o.length);s++){var c=l[s];if("string"==typeof c||c.content&&"string"==typeof c.content){var u=o[r],d=n.tokenStack[u],p="string"==typeof c?c:c.content,f=t(a,u),g=p.indexOf(f);if(g>-1){++r;var m=p.substring(0,g),h=new e.Token(a,e.tokenize(d,n.grammar),"language-"+a,d),b=p.substring(g+f.length),y=[];m&&y.push.apply(y,i([m])),y.push(h),b&&y.push.apply(y,i([b])),"string"==typeof c?l.splice.apply(l,[s,1].concat(y)):c.content=y}}else c.content&&i(c.content)}return l}(n.tokens)}}}})}(Prism)},2928:(e,t,n)=>{var a={"./":1884};function r(e){var t=o(e);return n(t)}function o(e){if(!n.o(a,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return a[e]}r.keys=function(){return Object.keys(a)},r.resolve=o,e.exports=r,r.id=2928},6474:e=>{"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,a=e.length;n<a;n++)t[e[n]]=!0;return t}function a(e){var n={},a=[];function r(a,o){if(!(a in n)){o.push(a);var i=o.indexOf(a);if(i<o.length-1)throw new Error("Circular dependency: "+o.slice(i).join(" -> "));var l={},s=e[a];if(s){function c(t){if(!(t in e))throw new Error(a+" depends on an unknown component "+t);if(!(t in l))for(var i in r(t,o),l[t]=!0,n[t])l[i]=!0}t(s.require,c),t(s.optional,c),t(s.modify,c)}n[a]=l,o.pop()}}return function(e){var t=n[e];return t||(r(e,a),t=n[e]),t}}function r(e){for(var t in e)return!0;return!1}return function(o,i,l){var s=function(e){var t={};for(var n in e){var a=e[n];for(var r in a)if("meta"!=r){var o=a[r];t[r]="string"==typeof o?{title:o}:o}}return t}(o),c=function(e){var n;return function(a){if(a in e)return a;if(!n)for(var r in n={},e){var o=e[r];t(o&&o.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+r+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+r+" because it is a component.");n[t]=r}))}return n[a]||a}}(s);i=i.map(c),l=(l||[]).map(c);var u=n(i),d=n(l);i.forEach((function e(n){var a=s[n];t(a&&a.require,(function(t){t in d||(u[t]=!0,e(t))}))}));for(var p,f=a(s),g=u;r(g);){for(var m in p={},g){var h=s[m];t(h&&h.modify,(function(e){e in d&&(p[e]=!0)}))}for(var b in d)if(!(b in u))for(var y in f(b))if(y in u){p[b]=!0;break}for(var v in g=p)u[v]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,a,r){var o=r?r.series:void 0,i=r?r.parallel:e,l={},s={};function c(e){if(e in l)return l[e];s[e]=!0;var r,u=[];for(var d in t(e))d in n&&u.push(d);if(0===u.length)r=a(e);else{var p=i(u.map((function(e){var t=c(e);return delete s[e],t})));o?r=o(p,(function(){return a(e)})):a(e)}return l[e]=r}for(var u in n)c(u);var d=[];for(var p in s)d.push(l[p]);return i(d)}(f,u,t,n)}};return w}}();e.exports=t},4049:(e,t,n)=>{"use strict";var a=n(6257);function r(){}function o(){}o.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,o,i){if(i!==a){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:r};return n.PropTypes=n,n}},507:(e,t,n)=>{e.exports=n(4049)()},6257:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},3746:(e,t,n)=>{"use strict";var a=n(959),r=n(2962);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,l={};function s(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(l[e]=t,e=0;e<t.length;e++)i.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,p=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},g={};function m(e,t,n,a,r,o,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=a,this.attributeNamespace=r,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=o,this.removeEmptyString=i}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new m(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];h[t]=new m(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new m(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new m(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new m(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new m(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function v(e,t,n,a){var r=h.hasOwnProperty(t)?h[t]:null;(null!==r?0!==r.type:a||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,a){if(null==t||function(e,t,n,a){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!a&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,a))return!0;if(a)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,r,a)&&(n=null),a||null===r?function(e){return!!d.call(g,e)||!d.call(f,e)&&(p.test(e)?g[e]=!0:(f[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):r.mustUseProperty?e[r.propertyName]=null===n?3!==r.type&&"":n:(t=r.attributeName,a=r.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(r=r.type)||4===r&&!0===n?"":""+n,a?e.setAttributeNS(a,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);h[t]=new m(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new m("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new m(e,1,!1,e.toLowerCase(),null,!0,!0)}));var w=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,x=Symbol.for("react.element"),k=Symbol.for("react.portal"),L=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),P=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),T=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var j=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var z=Symbol.iterator;function R(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=z&&e[z]||e["@@iterator"])?e:null}var N,O=Object.assign;function M(e){if(void 0===N)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);N=t&&t[1]||""}return"\n"+N+e}var F=!1;function B(e,t){if(!e||F)return"";F=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var a=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){a=c}e.call(t.prototype)}else{try{throw Error()}catch(c){a=c}e()}}catch(c){if(c&&a&&"string"==typeof c.stack){for(var r=c.stack.split("\n"),o=a.stack.split("\n"),i=r.length-1,l=o.length-1;1<=i&&0<=l&&r[i]!==o[l];)l--;for(;1<=i&&0<=l;i--,l--)if(r[i]!==o[l]){if(1!==i||1!==l)do{if(i--,0>--l||r[i]!==o[l]){var s="\n"+r[i].replace(" at new "," at ");return e.displayName&&s.includes("<anonymous>")&&(s=s.replace("<anonymous>",e.displayName)),s}}while(1<=i&&0<=l);break}}}finally{F=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?M(e):""}function U(e){switch(e.tag){case 5:return M(e.type);case 16:return M("Lazy");case 13:return M("Suspense");case 19:return M("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 1:return e=B(e.type,!0);default:return""}}function $(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case L:return"Fragment";case k:return"Portal";case _:return"Profiler";case S:return"StrictMode";case D:return"Suspense";case E:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case P:return(e.displayName||"Context")+".Consumer";case C:return(e._context.displayName||"Context")+".Provider";case A:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case I:return null!==(t=e.displayName||null)?t:$(e.type)||"Memo";case T:t=e._payload,e=e._init;try{return $(e(t))}catch(n){}}return null}function q(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return $(t);case 8:return t===S?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function H(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function G(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Z(e){e._valueTracker||(e._valueTracker=function(e){var t=G(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),a=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var r=n.get,o=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return r.call(this)},set:function(e){a=""+e,o.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(e){a=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function V(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),a="";return e&&(a=G(e)?e.checked?"true":"false":e.value),(e=a)!==n&&(t.setValue(e),!0)}function W(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Q(e,t){var n=t.checked;return O({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,a=null!=t.checked?t.checked:t.defaultChecked;n=H(null!=t.value?t.value:n),e._wrapperState={initialChecked:a,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function K(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function X(e,t){K(e,t);var n=H(t.value),a=t.type;if(null!=n)"number"===a?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===a||"reset"===a)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,H(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function J(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var a=t.type;if(!("submit"!==a&&"reset"!==a||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&W(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,a){if(e=e.options,t){t={};for(var r=0;r<n.length;r++)t["$"+n[r]]=!0;for(n=0;n<e.length;n++)r=t.hasOwnProperty("$"+e[n].value),e[n].selected!==r&&(e[n].selected=r),r&&a&&(e[n].defaultSelected=!0)}else{for(n=""+H(n),t=null,r=0;r<e.length;r++){if(e[r].value===n)return e[r].selected=!0,void(a&&(e[r].defaultSelected=!0));null!==t||e[r].disabled||(t=e[r])}null!==t&&(t.selected=!0)}}function ae(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(o(91));return O({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function re(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(o(92));if(te(n)){if(1<n.length)throw Error(o(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:H(n)}}function oe(e,t){var n=H(t.value),a=H(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=a&&(e.defaultValue=""+a)}function ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function le(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function se(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?le(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ce,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((ce=ce||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ce.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,a){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function pe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ge=["Webkit","ms","Moz","O"];function me(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||fe.hasOwnProperty(e)&&fe[e]?(""+t).trim():t+"px"}function he(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var a=0===n.indexOf("--"),r=me(n,t[n],a);"float"===n&&(n="cssFloat"),a?e.setProperty(n,r):e[n]=r}}Object.keys(fe).forEach((function(e){ge.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),fe[t]=fe[e]}))}));var be=O({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ye(e,t){if(t){if(be[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(o(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(o(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(o(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(o(62))}}function ve(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var we=null;function xe(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var ke=null,Le=null,Se=null;function _e(e){if(e=vr(e)){if("function"!=typeof ke)throw Error(o(280));var t=e.stateNode;t&&(t=xr(t),ke(e.stateNode,e.type,t))}}function Ce(e){Le?Se?Se.push(e):Se=[e]:Le=e}function Pe(){if(Le){var e=Le,t=Se;if(Se=Le=null,_e(e),t)for(e=0;e<t.length;e++)_e(t[e])}}function Ae(e,t){return e(t)}function De(){}var Ee=!1;function Ie(e,t,n){if(Ee)return e(t,n);Ee=!0;try{return Ae(e,t,n)}finally{Ee=!1,(null!==Le||null!==Se)&&(De(),Pe())}}function Te(e,t){var n=e.stateNode;if(null===n)return null;var a=xr(n);if(null===a)return null;n=a[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(a=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!a;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(o(231,t,typeof n));return n}var je=!1;if(u)try{var ze={};Object.defineProperty(ze,"passive",{get:function(){je=!0}}),window.addEventListener("test",ze,ze),window.removeEventListener("test",ze,ze)}catch(ue){je=!1}function Re(e,t,n,a,r,o,i,l,s){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(u){this.onError(u)}}var Ne=!1,Oe=null,Me=!1,Fe=null,Be={onError:function(e){Ne=!0,Oe=e}};function Ue(e,t,n,a,r,o,i,l,s){Ne=!1,Oe=null,Re.apply(Be,arguments)}function $e(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function qe(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function He(e){if($e(e)!==e)throw Error(o(188))}function Ge(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=$e(e)))throw Error(o(188));return t!==e?null:e}for(var n=e,a=t;;){var r=n.return;if(null===r)break;var i=r.alternate;if(null===i){if(null!==(a=r.return)){n=a;continue}break}if(r.child===i.child){for(i=r.child;i;){if(i===n)return He(r),e;if(i===a)return He(r),t;i=i.sibling}throw Error(o(188))}if(n.return!==a.return)n=r,a=i;else{for(var l=!1,s=r.child;s;){if(s===n){l=!0,n=r,a=i;break}if(s===a){l=!0,a=r,n=i;break}s=s.sibling}if(!l){for(s=i.child;s;){if(s===n){l=!0,n=i,a=r;break}if(s===a){l=!0,a=i,n=r;break}s=s.sibling}if(!l)throw Error(o(189))}}if(n.alternate!==a)throw Error(o(190))}if(3!==n.tag)throw Error(o(188));return n.stateNode.current===n?e:t}(e))?Ze(e):null}function Ze(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=Ze(e);if(null!==t)return t;e=e.sibling}return null}var Ve=r.unstable_scheduleCallback,We=r.unstable_cancelCallback,Qe=r.unstable_shouldYield,Ye=r.unstable_requestPaint,Ke=r.unstable_now,Xe=r.unstable_getCurrentPriorityLevel,Je=r.unstable_ImmediatePriority,et=r.unstable_UserBlockingPriority,tt=r.unstable_NormalPriority,nt=r.unstable_LowPriority,at=r.unstable_IdlePriority,rt=null,ot=null;var it=Math.clz32?Math.clz32:function(e){return e>>>=0,0===e?32:31-(lt(e)/st|0)|0},lt=Math.log,st=Math.LN2;var ct=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function pt(e,t){var n=e.pendingLanes;if(0===n)return 0;var a=0,r=e.suspendedLanes,o=e.pingedLanes,i=268435455&n;if(0!==i){var l=i&~r;0!==l?a=dt(l):0!==(o&=i)&&(a=dt(o))}else 0!==(i=n&~r)?a=dt(i):0!==o&&(a=dt(o));if(0===a)return 0;if(0!==t&&t!==a&&0==(t&r)&&((r=a&-a)>=(o=t&-t)||16===r&&0!=(4194240&o)))return t;if(0!=(4&a)&&(a|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=a;0<t;)r=1<<(n=31-it(t)),a|=e[n],t&=~r;return a}function ft(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function gt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function mt(){var e=ct;return 0==(4194240&(ct<<=1))&&(ct=64),e}function ht(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function bt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-it(t)]=n}function yt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var a=31-it(n),r=1<<a;r&t|e[a]&t&&(e[a]|=t),n&=~r}}var vt=0;function wt(e){return 1<(e&=-e)?4<e?0!=(268435455&e)?16:536870912:4:1}var xt,kt,Lt,St,_t,Ct=!1,Pt=[],At=null,Dt=null,Et=null,It=new Map,Tt=new Map,jt=[],zt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Rt(e,t){switch(e){case"focusin":case"focusout":At=null;break;case"dragenter":case"dragleave":Dt=null;break;case"mouseover":case"mouseout":Et=null;break;case"pointerover":case"pointerout":It.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Tt.delete(t.pointerId)}}function Nt(e,t,n,a,r,o){return null===e||e.nativeEvent!==o?(e={blockedOn:t,domEventName:n,eventSystemFlags:a,nativeEvent:o,targetContainers:[r]},null!==t&&(null!==(t=vr(t))&&kt(t)),e):(e.eventSystemFlags|=a,t=e.targetContainers,null!==r&&-1===t.indexOf(r)&&t.push(r),e)}function Ot(e){var t=yr(e.target);if(null!==t){var n=$e(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=qe(n)))return e.blockedOn=t,void _t(e.priority,(function(){Lt(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Mt(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Qt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=vr(n))&&kt(t),e.blockedOn=n,!1;var a=new(n=e.nativeEvent).constructor(n.type,n);we=a,n.target.dispatchEvent(a),we=null,t.shift()}return!0}function Ft(e,t,n){Mt(e)&&n.delete(t)}function Bt(){Ct=!1,null!==At&&Mt(At)&&(At=null),null!==Dt&&Mt(Dt)&&(Dt=null),null!==Et&&Mt(Et)&&(Et=null),It.forEach(Ft),Tt.forEach(Ft)}function Ut(e,t){e.blockedOn===t&&(e.blockedOn=null,Ct||(Ct=!0,r.unstable_scheduleCallback(r.unstable_NormalPriority,Bt)))}function $t(e){function t(t){return Ut(t,e)}if(0<Pt.length){Ut(Pt[0],e);for(var n=1;n<Pt.length;n++){var a=Pt[n];a.blockedOn===e&&(a.blockedOn=null)}}for(null!==At&&Ut(At,e),null!==Dt&&Ut(Dt,e),null!==Et&&Ut(Et,e),It.forEach(t),Tt.forEach(t),n=0;n<jt.length;n++)(a=jt[n]).blockedOn===e&&(a.blockedOn=null);for(;0<jt.length&&null===(n=jt[0]).blockedOn;)Ot(n),null===n.blockedOn&&jt.shift()}var qt=w.ReactCurrentBatchConfig,Ht=!0;function Gt(e,t,n,a){var r=vt,o=qt.transition;qt.transition=null;try{vt=1,Vt(e,t,n,a)}finally{vt=r,qt.transition=o}}function Zt(e,t,n,a){var r=vt,o=qt.transition;qt.transition=null;try{vt=4,Vt(e,t,n,a)}finally{vt=r,qt.transition=o}}function Vt(e,t,n,a){if(Ht){var r=Qt(e,t,n,a);if(null===r)Ha(e,t,a,Wt,n),Rt(e,a);else if(function(e,t,n,a,r){switch(t){case"focusin":return At=Nt(At,e,t,n,a,r),!0;case"dragenter":return Dt=Nt(Dt,e,t,n,a,r),!0;case"mouseover":return Et=Nt(Et,e,t,n,a,r),!0;case"pointerover":var o=r.pointerId;return It.set(o,Nt(It.get(o)||null,e,t,n,a,r)),!0;case"gotpointercapture":return o=r.pointerId,Tt.set(o,Nt(Tt.get(o)||null,e,t,n,a,r)),!0}return!1}(r,e,t,n,a))a.stopPropagation();else if(Rt(e,a),4&t&&-1<zt.indexOf(e)){for(;null!==r;){var o=vr(r);if(null!==o&&xt(o),null===(o=Qt(e,t,n,a))&&Ha(e,t,a,Wt,n),o===r)break;r=o}null!==r&&a.stopPropagation()}else Ha(e,t,a,null,n)}}var Wt=null;function Qt(e,t,n,a){if(Wt=null,null!==(e=yr(e=xe(a))))if(null===(t=$e(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=qe(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Wt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Xe()){case Je:return 1;case et:return 4;case tt:case nt:return 16;case at:return 536870912;default:return 16}default:return 16}}var Kt=null,Xt=null,Jt=null;function en(){if(Jt)return Jt;var e,t,n=Xt,a=n.length,r="value"in Kt?Kt.value:Kt.textContent,o=r.length;for(e=0;e<a&&n[e]===r[e];e++);var i=a-e;for(t=1;t<=i&&n[a-t]===r[o-t];t++);return Jt=r.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function an(){return!1}function rn(e){function t(t,n,a,r,o){for(var i in this._reactName=t,this._targetInst=a,this.type=n,this.nativeEvent=r,this.target=o,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(r):r[i]);return this.isDefaultPrevented=(null!=r.defaultPrevented?r.defaultPrevented:!1===r.returnValue)?nn:an,this.isPropagationStopped=an,this}return O(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var on,ln,sn,cn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=rn(cn),dn=O({},cn,{view:0,detail:0}),pn=rn(dn),fn=O({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:_n,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==sn&&(sn&&"mousemove"===e.type?(on=e.screenX-sn.screenX,ln=e.screenY-sn.screenY):ln=on=0,sn=e),on)},movementY:function(e){return"movementY"in e?e.movementY:ln}}),gn=rn(fn),mn=rn(O({},fn,{dataTransfer:0})),hn=rn(O({},dn,{relatedTarget:0})),bn=rn(O({},cn,{animationName:0,elapsedTime:0,pseudoElement:0})),yn=O({},cn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),vn=rn(yn),wn=rn(O({},cn,{data:0})),xn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},kn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Ln={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Sn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Ln[e])&&!!t[e]}function _n(){return Sn}var Cn=O({},dn,{key:function(e){if(e.key){var t=xn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?kn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:_n,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Pn=rn(Cn),An=rn(O({},fn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Dn=rn(O({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:_n})),En=rn(O({},cn,{propertyName:0,elapsedTime:0,pseudoElement:0})),In=O({},fn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),Tn=rn(In),jn=[9,13,27,32],zn=u&&"CompositionEvent"in window,Rn=null;u&&"documentMode"in document&&(Rn=document.documentMode);var Nn=u&&"TextEvent"in window&&!Rn,On=u&&(!zn||Rn&&8<Rn&&11>=Rn),Mn=String.fromCharCode(32),Fn=!1;function Bn(e,t){switch(e){case"keyup":return-1!==jn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Un(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var $n=!1;var qn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!qn[e.type]:"textarea"===t}function Gn(e,t,n,a){Ce(a),0<(t=Za(t,"onChange")).length&&(n=new un("onChange","change",null,n,a),e.push({event:n,listeners:t}))}var Zn=null,Vn=null;function Wn(e){Ma(e,0)}function Qn(e){if(V(wr(e)))return e}function Yn(e,t){if("change"===e)return t}var Kn=!1;if(u){var Xn;if(u){var Jn="oninput"in document;if(!Jn){var ea=document.createElement("div");ea.setAttribute("oninput","return;"),Jn="function"==typeof ea.oninput}Xn=Jn}else Xn=!1;Kn=Xn&&(!document.documentMode||9<document.documentMode)}function ta(){Zn&&(Zn.detachEvent("onpropertychange",na),Vn=Zn=null)}function na(e){if("value"===e.propertyName&&Qn(Vn)){var t=[];Gn(t,Vn,e,xe(e)),Ie(Wn,t)}}function aa(e,t,n){"focusin"===e?(ta(),Vn=n,(Zn=t).attachEvent("onpropertychange",na)):"focusout"===e&&ta()}function ra(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Qn(Vn)}function oa(e,t){if("click"===e)return Qn(t)}function ia(e,t){if("input"===e||"change"===e)return Qn(t)}var la="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function sa(e,t){if(la(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++){var r=n[a];if(!d.call(t,r)||!la(e[r],t[r]))return!1}return!0}function ca(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ua(e,t){var n,a=ca(e);for(e=0;a;){if(3===a.nodeType){if(n=e+a.textContent.length,e<=t&&n>=t)return{node:a,offset:t-e};e=n}e:{for(;a;){if(a.nextSibling){a=a.nextSibling;break e}a=a.parentNode}a=void 0}a=ca(a)}}function da(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?da(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function pa(){for(var e=window,t=W();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(a){n=!1}if(!n)break;t=W((e=t.contentWindow).document)}return t}function fa(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function ga(e){var t=pa(),n=e.focusedElem,a=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&da(n.ownerDocument.documentElement,n)){if(null!==a&&fa(n))if(t=a.start,void 0===(e=a.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var r=n.textContent.length,o=Math.min(a.start,r);a=void 0===a.end?o:Math.min(a.end,r),!e.extend&&o>a&&(r=a,a=o,o=r),r=ua(n,o);var i=ua(n,a);r&&i&&(1!==e.rangeCount||e.anchorNode!==r.node||e.anchorOffset!==r.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&((t=t.createRange()).setStart(r.node,r.offset),e.removeAllRanges(),o>a?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var ma=u&&"documentMode"in document&&11>=document.documentMode,ha=null,ba=null,ya=null,va=!1;function wa(e,t,n){var a=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;va||null==ha||ha!==W(a)||("selectionStart"in(a=ha)&&fa(a)?a={start:a.selectionStart,end:a.selectionEnd}:a={anchorNode:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset},ya&&sa(ya,a)||(ya=a,0<(a=Za(ba,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:a}),t.target=ha)))}function xa(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var ka={animationend:xa("Animation","AnimationEnd"),animationiteration:xa("Animation","AnimationIteration"),animationstart:xa("Animation","AnimationStart"),transitionend:xa("Transition","TransitionEnd")},La={},Sa={};function _a(e){if(La[e])return La[e];if(!ka[e])return e;var t,n=ka[e];for(t in n)if(n.hasOwnProperty(t)&&t in Sa)return La[e]=n[t];return e}u&&(Sa=document.createElement("div").style,"AnimationEvent"in window||(delete ka.animationend.animation,delete ka.animationiteration.animation,delete ka.animationstart.animation),"TransitionEvent"in window||delete ka.transitionend.transition);var Ca=_a("animationend"),Pa=_a("animationiteration"),Aa=_a("animationstart"),Da=_a("transitionend"),Ea=new Map,Ia="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Ta(e,t){Ea.set(e,t),s(t,[e])}for(var ja=0;ja<Ia.length;ja++){var za=Ia[ja];Ta(za.toLowerCase(),"on"+(za[0].toUpperCase()+za.slice(1)))}Ta(Ca,"onAnimationEnd"),Ta(Pa,"onAnimationIteration"),Ta(Aa,"onAnimationStart"),Ta("dblclick","onDoubleClick"),Ta("focusin","onFocus"),Ta("focusout","onBlur"),Ta(Da,"onTransitionEnd"),c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),s("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),s("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),s("onBeforeInput",["compositionend","keypress","textInput","paste"]),s("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),s("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Ra="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Na=new Set("cancel close invalid load scroll toggle".split(" ").concat(Ra));function Oa(e,t,n){var a=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,a,r,i,l,s,c){if(Ue.apply(this,arguments),Ne){if(!Ne)throw Error(o(198));var u=Oe;Ne=!1,Oe=null,Me||(Me=!0,Fe=u)}}(a,t,void 0,e),e.currentTarget=null}function Ma(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var a=e[n],r=a.event;a=a.listeners;e:{var o=void 0;if(t)for(var i=a.length-1;0<=i;i--){var l=a[i],s=l.instance,c=l.currentTarget;if(l=l.listener,s!==o&&r.isPropagationStopped())break e;Oa(r,l,c),o=s}else for(i=0;i<a.length;i++){if(s=(l=a[i]).instance,c=l.currentTarget,l=l.listener,s!==o&&r.isPropagationStopped())break e;Oa(r,l,c),o=s}}}if(Me)throw e=Fe,Me=!1,Fe=null,e}function Fa(e,t){var n=t[mr];void 0===n&&(n=t[mr]=new Set);var a=e+"__bubble";n.has(a)||(qa(t,e,2,!1),n.add(a))}function Ba(e,t,n){var a=0;t&&(a|=4),qa(n,e,a,t)}var Ua="_reactListening"+Math.random().toString(36).slice(2);function $a(e){if(!e[Ua]){e[Ua]=!0,i.forEach((function(t){"selectionchange"!==t&&(Na.has(t)||Ba(t,!1,e),Ba(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Ua]||(t[Ua]=!0,Ba("selectionchange",!1,t))}}function qa(e,t,n,a){switch(Yt(t)){case 1:var r=Gt;break;case 4:r=Zt;break;default:r=Vt}n=r.bind(null,t,n,e),r=void 0,!je||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(r=!0),a?void 0!==r?e.addEventListener(t,n,{capture:!0,passive:r}):e.addEventListener(t,n,!0):void 0!==r?e.addEventListener(t,n,{passive:r}):e.addEventListener(t,n,!1)}function Ha(e,t,n,a,r){var o=a;if(0==(1&t)&&0==(2&t)&&null!==a)e:for(;;){if(null===a)return;var i=a.tag;if(3===i||4===i){var l=a.stateNode.containerInfo;if(l===r||8===l.nodeType&&l.parentNode===r)break;if(4===i)for(i=a.return;null!==i;){var s=i.tag;if((3===s||4===s)&&((s=i.stateNode.containerInfo)===r||8===s.nodeType&&s.parentNode===r))return;i=i.return}for(;null!==l;){if(null===(i=yr(l)))return;if(5===(s=i.tag)||6===s){a=o=i;continue e}l=l.parentNode}}a=a.return}Ie((function(){var a=o,r=xe(n),i=[];e:{var l=Ea.get(e);if(void 0!==l){var s=un,c=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":s=Pn;break;case"focusin":c="focus",s=hn;break;case"focusout":c="blur",s=hn;break;case"beforeblur":case"afterblur":s=hn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":s=gn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":s=mn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":s=Dn;break;case Ca:case Pa:case Aa:s=bn;break;case Da:s=En;break;case"scroll":s=pn;break;case"wheel":s=Tn;break;case"copy":case"cut":case"paste":s=vn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":s=An}var u=0!=(4&t),d=!u&&"scroll"===e,p=u?null!==l?l+"Capture":null:l;u=[];for(var f,g=a;null!==g;){var m=(f=g).stateNode;if(5===f.tag&&null!==m&&(f=m,null!==p&&(null!=(m=Te(g,p))&&u.push(Ga(g,m,f)))),d)break;g=g.return}0<u.length&&(l=new s(l,c,null,n,r),i.push({event:l,listeners:u}))}}if(0==(7&t)){if(s="mouseout"===e||"pointerout"===e,(!(l="mouseover"===e||"pointerover"===e)||n===we||!(c=n.relatedTarget||n.fromElement)||!yr(c)&&!c[gr])&&(s||l)&&(l=r.window===r?r:(l=r.ownerDocument)?l.defaultView||l.parentWindow:window,s?(s=a,null!==(c=(c=n.relatedTarget||n.toElement)?yr(c):null)&&(c!==(d=$e(c))||5!==c.tag&&6!==c.tag)&&(c=null)):(s=null,c=a),s!==c)){if(u=gn,m="onMouseLeave",p="onMouseEnter",g="mouse","pointerout"!==e&&"pointerover"!==e||(u=An,m="onPointerLeave",p="onPointerEnter",g="pointer"),d=null==s?l:wr(s),f=null==c?l:wr(c),(l=new u(m,g+"leave",s,n,r)).target=d,l.relatedTarget=f,m=null,yr(r)===a&&((u=new u(p,g+"enter",c,n,r)).target=f,u.relatedTarget=d,m=u),d=m,s&&c)e:{for(p=c,g=0,f=u=s;f;f=Va(f))g++;for(f=0,m=p;m;m=Va(m))f++;for(;0<g-f;)u=Va(u),g--;for(;0<f-g;)p=Va(p),f--;for(;g--;){if(u===p||null!==p&&u===p.alternate)break e;u=Va(u),p=Va(p)}u=null}else u=null;null!==s&&Wa(i,l,s,u,!1),null!==c&&null!==d&&Wa(i,d,c,u,!0)}if("select"===(s=(l=a?wr(a):window).nodeName&&l.nodeName.toLowerCase())||"input"===s&&"file"===l.type)var h=Yn;else if(Hn(l))if(Kn)h=ia;else{h=ra;var b=aa}else(s=l.nodeName)&&"input"===s.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(h=oa);switch(h&&(h=h(e,a))?Gn(i,h,n,r):(b&&b(e,l,a),"focusout"===e&&(b=l._wrapperState)&&b.controlled&&"number"===l.type&&ee(l,"number",l.value)),b=a?wr(a):window,e){case"focusin":(Hn(b)||"true"===b.contentEditable)&&(ha=b,ba=a,ya=null);break;case"focusout":ya=ba=ha=null;break;case"mousedown":va=!0;break;case"contextmenu":case"mouseup":case"dragend":va=!1,wa(i,n,r);break;case"selectionchange":if(ma)break;case"keydown":case"keyup":wa(i,n,r)}var y;if(zn)e:{switch(e){case"compositionstart":var v="onCompositionStart";break e;case"compositionend":v="onCompositionEnd";break e;case"compositionupdate":v="onCompositionUpdate";break e}v=void 0}else $n?Bn(e,n)&&(v="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(v="onCompositionStart");v&&(On&&"ko"!==n.locale&&($n||"onCompositionStart"!==v?"onCompositionEnd"===v&&$n&&(y=en()):(Xt="value"in(Kt=r)?Kt.value:Kt.textContent,$n=!0)),0<(b=Za(a,v)).length&&(v=new wn(v,e,null,n,r),i.push({event:v,listeners:b}),y?v.data=y:null!==(y=Un(n))&&(v.data=y))),(y=Nn?function(e,t){switch(e){case"compositionend":return Un(t);case"keypress":return 32!==t.which?null:(Fn=!0,Mn);case"textInput":return(e=t.data)===Mn&&Fn?null:e;default:return null}}(e,n):function(e,t){if($n)return"compositionend"===e||!zn&&Bn(e,t)?(e=en(),Jt=Xt=Kt=null,$n=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return On&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(a=Za(a,"onBeforeInput")).length&&(r=new wn("onBeforeInput","beforeinput",null,n,r),i.push({event:r,listeners:a}),r.data=y))}Ma(i,t)}))}function Ga(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Za(e,t){for(var n=t+"Capture",a=[];null!==e;){var r=e,o=r.stateNode;5===r.tag&&null!==o&&(r=o,null!=(o=Te(e,n))&&a.unshift(Ga(e,o,r)),null!=(o=Te(e,t))&&a.push(Ga(e,o,r))),e=e.return}return a}function Va(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Wa(e,t,n,a,r){for(var o=t._reactName,i=[];null!==n&&n!==a;){var l=n,s=l.alternate,c=l.stateNode;if(null!==s&&s===a)break;5===l.tag&&null!==c&&(l=c,r?null!=(s=Te(n,o))&&i.unshift(Ga(n,s,l)):r||null!=(s=Te(n,o))&&i.push(Ga(n,s,l))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}var Qa=/\r\n?/g,Ya=/\u0000|\uFFFD/g;function Ka(e){return("string"==typeof e?e:""+e).replace(Qa,"\n").replace(Ya,"")}function Xa(e,t,n){if(t=Ka(t),Ka(e)!==t&&n)throw Error(o(425))}function Ja(){}var er=null,tr=null;function nr(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ar="function"==typeof setTimeout?setTimeout:void 0,rr="function"==typeof clearTimeout?clearTimeout:void 0,or="function"==typeof Promise?Promise:void 0,ir="function"==typeof queueMicrotask?queueMicrotask:void 0!==or?function(e){return or.resolve(null).then(e).catch(lr)}:ar;function lr(e){setTimeout((function(){throw e}))}function sr(e,t){var n=t,a=0;do{var r=n.nextSibling;if(e.removeChild(n),r&&8===r.nodeType)if("/$"===(n=r.data)){if(0===a)return e.removeChild(r),void $t(t);a--}else"$"!==n&&"$?"!==n&&"$!"!==n||a++;n=r}while(n);$t(t)}function cr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function ur(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var dr=Math.random().toString(36).slice(2),pr="__reactFiber$"+dr,fr="__reactProps$"+dr,gr="__reactContainer$"+dr,mr="__reactEvents$"+dr,hr="__reactListeners$"+dr,br="__reactHandles$"+dr;function yr(e){var t=e[pr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[gr]||n[pr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=ur(e);null!==e;){if(n=e[pr])return n;e=ur(e)}return t}n=(e=n).parentNode}return null}function vr(e){return!(e=e[pr]||e[gr])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function wr(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(o(33))}function xr(e){return e[fr]||null}var kr=[],Lr=-1;function Sr(e){return{current:e}}function _r(e){0>Lr||(e.current=kr[Lr],kr[Lr]=null,Lr--)}function Cr(e,t){Lr++,kr[Lr]=e.current,e.current=t}var Pr={},Ar=Sr(Pr),Dr=Sr(!1),Er=Pr;function Ir(e,t){var n=e.type.contextTypes;if(!n)return Pr;var a=e.stateNode;if(a&&a.__reactInternalMemoizedUnmaskedChildContext===t)return a.__reactInternalMemoizedMaskedChildContext;var r,o={};for(r in n)o[r]=t[r];return a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function Tr(e){return null!=(e=e.childContextTypes)}function jr(){_r(Dr),_r(Ar)}function zr(e,t,n){if(Ar.current!==Pr)throw Error(o(168));Cr(Ar,t),Cr(Dr,n)}function Rr(e,t,n){var a=e.stateNode;if(t=t.childContextTypes,"function"!=typeof a.getChildContext)return n;for(var r in a=a.getChildContext())if(!(r in t))throw Error(o(108,q(e)||"Unknown",r));return O({},n,a)}function Nr(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Pr,Er=Ar.current,Cr(Ar,e),Cr(Dr,Dr.current),!0}function Or(e,t,n){var a=e.stateNode;if(!a)throw Error(o(169));n?(e=Rr(e,t,Er),a.__reactInternalMemoizedMergedChildContext=e,_r(Dr),_r(Ar),Cr(Ar,e)):_r(Dr),Cr(Dr,n)}var Mr=null,Fr=!1,Br=!1;function Ur(e){null===Mr?Mr=[e]:Mr.push(e)}function $r(){if(!Br&&null!==Mr){Br=!0;var e=0,t=vt;try{var n=Mr;for(vt=1;e<n.length;e++){var a=n[e];do{a=a(!0)}while(null!==a)}Mr=null,Fr=!1}catch(r){throw null!==Mr&&(Mr=Mr.slice(e+1)),Ve(Je,$r),r}finally{vt=t,Br=!1}}return null}var qr=[],Hr=0,Gr=null,Zr=0,Vr=[],Wr=0,Qr=null,Yr=1,Kr="";function Xr(e,t){qr[Hr++]=Zr,qr[Hr++]=Gr,Gr=e,Zr=t}function Jr(e,t,n){Vr[Wr++]=Yr,Vr[Wr++]=Kr,Vr[Wr++]=Qr,Qr=e;var a=Yr;e=Kr;var r=32-it(a)-1;a&=~(1<<r),n+=1;var o=32-it(t)+r;if(30<o){var i=r-r%5;o=(a&(1<<i)-1).toString(32),a>>=i,r-=i,Yr=1<<32-it(t)+r|n<<r|a,Kr=o+e}else Yr=1<<o|n<<r|a,Kr=e}function eo(e){null!==e.return&&(Xr(e,1),Jr(e,1,0))}function to(e){for(;e===Gr;)Gr=qr[--Hr],qr[Hr]=null,Zr=qr[--Hr],qr[Hr]=null;for(;e===Qr;)Qr=Vr[--Wr],Vr[Wr]=null,Kr=Vr[--Wr],Vr[Wr]=null,Yr=Vr[--Wr],Vr[Wr]=null}var no=null,ao=null,ro=!1,oo=null;function io(e,t){var n=Tc(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function lo(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,no=e,ao=cr(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,no=e,ao=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Qr?{id:Yr,overflow:Kr}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Tc(18,null,null,0)).stateNode=t,n.return=e,e.child=n,no=e,ao=null,!0);default:return!1}}function so(e){return 0!=(1&e.mode)&&0==(128&e.flags)}function co(e){if(ro){var t=ao;if(t){var n=t;if(!lo(e,t)){if(so(e))throw Error(o(418));t=cr(n.nextSibling);var a=no;t&&lo(e,t)?io(a,n):(e.flags=-4097&e.flags|2,ro=!1,no=e)}}else{if(so(e))throw Error(o(418));e.flags=-4097&e.flags|2,ro=!1,no=e}}}function uo(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;no=e}function po(e){if(e!==no)return!1;if(!ro)return uo(e),ro=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!nr(e.type,e.memoizedProps)),t&&(t=ao)){if(so(e))throw fo(),Error(o(418));for(;t;)io(e,t),t=cr(t.nextSibling)}if(uo(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(o(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){ao=cr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}ao=null}}else ao=no?cr(e.stateNode.nextSibling):null;return!0}function fo(){for(var e=ao;e;)e=cr(e.nextSibling)}function go(){ao=no=null,ro=!1}function mo(e){null===oo?oo=[e]:oo.push(e)}var ho=w.ReactCurrentBatchConfig;function bo(e,t){if(e&&e.defaultProps){for(var n in t=O({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var yo=Sr(null),vo=null,wo=null,xo=null;function ko(){xo=wo=vo=null}function Lo(e){var t=yo.current;_r(yo),e._currentValue=t}function So(e,t,n){for(;null!==e;){var a=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==a&&(a.childLanes|=t)):null!==a&&(a.childLanes&t)!==t&&(a.childLanes|=t),e===n)break;e=e.return}}function _o(e,t){vo=e,xo=wo=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(wl=!0),e.firstContext=null)}function Co(e){var t=e._currentValue;if(xo!==e)if(e={context:e,memoizedValue:t,next:null},null===wo){if(null===vo)throw Error(o(308));wo=e,vo.dependencies={lanes:0,firstContext:e}}else wo=wo.next=e;return t}var Po=null;function Ao(e){null===Po?Po=[e]:Po.push(e)}function Do(e,t,n,a){var r=t.interleaved;return null===r?(n.next=n,Ao(t)):(n.next=r.next,r.next=n),t.interleaved=n,Eo(e,a)}function Eo(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Io=!1;function To(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function jo(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function zo(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Ro(e,t,n){var a=e.updateQueue;if(null===a)return null;if(a=a.shared,0!=(2&Ds)){var r=a.pending;return null===r?t.next=t:(t.next=r.next,r.next=t),a.pending=t,Eo(e,n)}return null===(r=a.interleaved)?(t.next=t,Ao(a)):(t.next=r.next,r.next=t),a.interleaved=t,Eo(e,n)}function No(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,0!=(4194240&n))){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}function Oo(e,t){var n=e.updateQueue,a=e.alternate;if(null!==a&&n===(a=a.updateQueue)){var r=null,o=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===o?r=o=i:o=o.next=i,n=n.next}while(null!==n);null===o?r=o=t:o=o.next=t}else r=o=t;return n={baseState:a.baseState,firstBaseUpdate:r,lastBaseUpdate:o,shared:a.shared,effects:a.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Mo(e,t,n,a){var r=e.updateQueue;Io=!1;var o=r.firstBaseUpdate,i=r.lastBaseUpdate,l=r.shared.pending;if(null!==l){r.shared.pending=null;var s=l,c=s.next;s.next=null,null===i?o=c:i.next=c,i=s;var u=e.alternate;null!==u&&((l=(u=u.updateQueue).lastBaseUpdate)!==i&&(null===l?u.firstBaseUpdate=c:l.next=c,u.lastBaseUpdate=s))}if(null!==o){var d=r.baseState;for(i=0,u=c=s=null,l=o;;){var p=l.lane,f=l.eventTime;if((a&p)===p){null!==u&&(u=u.next={eventTime:f,lane:0,tag:l.tag,payload:l.payload,callback:l.callback,next:null});e:{var g=e,m=l;switch(p=t,f=n,m.tag){case 1:if("function"==typeof(g=m.payload)){d=g.call(f,d,p);break e}d=g;break e;case 3:g.flags=-65537&g.flags|128;case 0:if(null==(p="function"==typeof(g=m.payload)?g.call(f,d,p):g))break e;d=O({},d,p);break e;case 2:Io=!0}}null!==l.callback&&0!==l.lane&&(e.flags|=64,null===(p=r.effects)?r.effects=[l]:p.push(l))}else f={eventTime:f,lane:p,tag:l.tag,payload:l.payload,callback:l.callback,next:null},null===u?(c=u=f,s=d):u=u.next=f,i|=p;if(null===(l=l.next)){if(null===(l=r.shared.pending))break;l=(p=l).next,p.next=null,r.lastBaseUpdate=p,r.shared.pending=null}}if(null===u&&(s=d),r.baseState=s,r.firstBaseUpdate=c,r.lastBaseUpdate=u,null!==(t=r.shared.interleaved)){r=t;do{i|=r.lane,r=r.next}while(r!==t)}else null===o&&(r.shared.lanes=0);Os|=i,e.lanes=i,e.memoizedState=d}}function Fo(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var a=e[t],r=a.callback;if(null!==r){if(a.callback=null,a=n,"function"!=typeof r)throw Error(o(191,r));r.call(a)}}}var Bo=(new a.Component).refs;function Uo(e,t,n,a){n=null==(n=n(a,t=e.memoizedState))?t:O({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var $o={isMounted:function(e){return!!(e=e._reactInternals)&&$e(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var a=tc(),r=nc(e),o=zo(a,r);o.payload=t,null!=n&&(o.callback=n),null!==(t=Ro(e,o,r))&&(ac(t,e,r,a),No(t,e,r))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var a=tc(),r=nc(e),o=zo(a,r);o.tag=1,o.payload=t,null!=n&&(o.callback=n),null!==(t=Ro(e,o,r))&&(ac(t,e,r,a),No(t,e,r))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=tc(),a=nc(e),r=zo(n,a);r.tag=2,null!=t&&(r.callback=t),null!==(t=Ro(e,r,a))&&(ac(t,e,a,n),No(t,e,a))}};function qo(e,t,n,a,r,o,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(a,o,i):!t.prototype||!t.prototype.isPureReactComponent||(!sa(n,a)||!sa(r,o))}function Ho(e,t,n){var a=!1,r=Pr,o=t.contextType;return"object"==typeof o&&null!==o?o=Co(o):(r=Tr(t)?Er:Ar.current,o=(a=null!=(a=t.contextTypes))?Ir(e,r):Pr),t=new t(n,o),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=$o,e.stateNode=t,t._reactInternals=e,a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=r,e.__reactInternalMemoizedMaskedChildContext=o),t}function Go(e,t,n,a){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,a),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,a),t.state!==e&&$o.enqueueReplaceState(t,t.state,null)}function Zo(e,t,n,a){var r=e.stateNode;r.props=n,r.state=e.memoizedState,r.refs=Bo,To(e);var o=t.contextType;"object"==typeof o&&null!==o?r.context=Co(o):(o=Tr(t)?Er:Ar.current,r.context=Ir(e,o)),r.state=e.memoizedState,"function"==typeof(o=t.getDerivedStateFromProps)&&(Uo(e,t,o,n),r.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof r.getSnapshotBeforeUpdate||"function"!=typeof r.UNSAFE_componentWillMount&&"function"!=typeof r.componentWillMount||(t=r.state,"function"==typeof r.componentWillMount&&r.componentWillMount(),"function"==typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount(),t!==r.state&&$o.enqueueReplaceState(r,r.state,null),Mo(e,n,r,a),r.state=e.memoizedState),"function"==typeof r.componentDidMount&&(e.flags|=4194308)}function Vo(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(o(309));var a=n.stateNode}if(!a)throw Error(o(147,e));var r=a,i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=r.refs;t===Bo&&(t=r.refs={}),null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}if("string"!=typeof e)throw Error(o(284));if(!n._owner)throw Error(o(290,e))}return e}function Wo(e,t){throw e=Object.prototype.toString.call(t),Error(o(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Qo(e){return(0,e._init)(e._payload)}function Yo(e){function t(t,n){if(e){var a=t.deletions;null===a?(t.deletions=[n],t.flags|=16):a.push(n)}}function n(n,a){if(!e)return null;for(;null!==a;)t(n,a),a=a.sibling;return null}function a(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function r(e,t){return(e=zc(e,t)).index=0,e.sibling=null,e}function i(t,n,a){return t.index=a,e?null!==(a=t.alternate)?(a=a.index)<n?(t.flags|=2,n):a:(t.flags|=2,n):(t.flags|=1048576,n)}function l(t){return e&&null===t.alternate&&(t.flags|=2),t}function s(e,t,n,a){return null===t||6!==t.tag?((t=Mc(n,e.mode,a)).return=e,t):((t=r(t,n)).return=e,t)}function c(e,t,n,a){var o=n.type;return o===L?d(e,t,n.props.children,a,n.key):null!==t&&(t.elementType===o||"object"==typeof o&&null!==o&&o.$$typeof===T&&Qo(o)===t.type)?((a=r(t,n.props)).ref=Vo(e,t,n),a.return=e,a):((a=Rc(n.type,n.key,n.props,null,e.mode,a)).ref=Vo(e,t,n),a.return=e,a)}function u(e,t,n,a){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Fc(n,e.mode,a)).return=e,t):((t=r(t,n.children||[])).return=e,t)}function d(e,t,n,a,o){return null===t||7!==t.tag?((t=Nc(n,e.mode,a,o)).return=e,t):((t=r(t,n)).return=e,t)}function p(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=Mc(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case x:return(n=Rc(t.type,t.key,t.props,null,e.mode,n)).ref=Vo(e,null,t),n.return=e,n;case k:return(t=Fc(t,e.mode,n)).return=e,t;case T:return p(e,(0,t._init)(t._payload),n)}if(te(t)||R(t))return(t=Nc(t,e.mode,n,null)).return=e,t;Wo(e,t)}return null}function f(e,t,n,a){var r=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==r?null:s(e,t,""+n,a);if("object"==typeof n&&null!==n){switch(n.$$typeof){case x:return n.key===r?c(e,t,n,a):null;case k:return n.key===r?u(e,t,n,a):null;case T:return f(e,t,(r=n._init)(n._payload),a)}if(te(n)||R(n))return null!==r?null:d(e,t,n,a,null);Wo(e,n)}return null}function g(e,t,n,a,r){if("string"==typeof a&&""!==a||"number"==typeof a)return s(t,e=e.get(n)||null,""+a,r);if("object"==typeof a&&null!==a){switch(a.$$typeof){case x:return c(t,e=e.get(null===a.key?n:a.key)||null,a,r);case k:return u(t,e=e.get(null===a.key?n:a.key)||null,a,r);case T:return g(e,t,n,(0,a._init)(a._payload),r)}if(te(a)||R(a))return d(t,e=e.get(n)||null,a,r,null);Wo(t,a)}return null}function m(r,o,l,s){for(var c=null,u=null,d=o,m=o=0,h=null;null!==d&&m<l.length;m++){d.index>m?(h=d,d=null):h=d.sibling;var b=f(r,d,l[m],s);if(null===b){null===d&&(d=h);break}e&&d&&null===b.alternate&&t(r,d),o=i(b,o,m),null===u?c=b:u.sibling=b,u=b,d=h}if(m===l.length)return n(r,d),ro&&Xr(r,m),c;if(null===d){for(;m<l.length;m++)null!==(d=p(r,l[m],s))&&(o=i(d,o,m),null===u?c=d:u.sibling=d,u=d);return ro&&Xr(r,m),c}for(d=a(r,d);m<l.length;m++)null!==(h=g(d,r,m,l[m],s))&&(e&&null!==h.alternate&&d.delete(null===h.key?m:h.key),o=i(h,o,m),null===u?c=h:u.sibling=h,u=h);return e&&d.forEach((function(e){return t(r,e)})),ro&&Xr(r,m),c}function h(r,l,s,c){var u=R(s);if("function"!=typeof u)throw Error(o(150));if(null==(s=u.call(s)))throw Error(o(151));for(var d=u=null,m=l,h=l=0,b=null,y=s.next();null!==m&&!y.done;h++,y=s.next()){m.index>h?(b=m,m=null):b=m.sibling;var v=f(r,m,y.value,c);if(null===v){null===m&&(m=b);break}e&&m&&null===v.alternate&&t(r,m),l=i(v,l,h),null===d?u=v:d.sibling=v,d=v,m=b}if(y.done)return n(r,m),ro&&Xr(r,h),u;if(null===m){for(;!y.done;h++,y=s.next())null!==(y=p(r,y.value,c))&&(l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return ro&&Xr(r,h),u}for(m=a(r,m);!y.done;h++,y=s.next())null!==(y=g(m,r,h,y.value,c))&&(e&&null!==y.alternate&&m.delete(null===y.key?h:y.key),l=i(y,l,h),null===d?u=y:d.sibling=y,d=y);return e&&m.forEach((function(e){return t(r,e)})),ro&&Xr(r,h),u}return function e(a,o,i,s){if("object"==typeof i&&null!==i&&i.type===L&&null===i.key&&(i=i.props.children),"object"==typeof i&&null!==i){switch(i.$$typeof){case x:e:{for(var c=i.key,u=o;null!==u;){if(u.key===c){if((c=i.type)===L){if(7===u.tag){n(a,u.sibling),(o=r(u,i.props.children)).return=a,a=o;break e}}else if(u.elementType===c||"object"==typeof c&&null!==c&&c.$$typeof===T&&Qo(c)===u.type){n(a,u.sibling),(o=r(u,i.props)).ref=Vo(a,u,i),o.return=a,a=o;break e}n(a,u);break}t(a,u),u=u.sibling}i.type===L?((o=Nc(i.props.children,a.mode,s,i.key)).return=a,a=o):((s=Rc(i.type,i.key,i.props,null,a.mode,s)).ref=Vo(a,o,i),s.return=a,a=s)}return l(a);case k:e:{for(u=i.key;null!==o;){if(o.key===u){if(4===o.tag&&o.stateNode.containerInfo===i.containerInfo&&o.stateNode.implementation===i.implementation){n(a,o.sibling),(o=r(o,i.children||[])).return=a,a=o;break e}n(a,o);break}t(a,o),o=o.sibling}(o=Fc(i,a.mode,s)).return=a,a=o}return l(a);case T:return e(a,o,(u=i._init)(i._payload),s)}if(te(i))return m(a,o,i,s);if(R(i))return h(a,o,i,s);Wo(a,i)}return"string"==typeof i&&""!==i||"number"==typeof i?(i=""+i,null!==o&&6===o.tag?(n(a,o.sibling),(o=r(o,i)).return=a,a=o):(n(a,o),(o=Mc(i,a.mode,s)).return=a,a=o),l(a)):n(a,o)}}var Ko=Yo(!0),Xo=Yo(!1),Jo={},ei=Sr(Jo),ti=Sr(Jo),ni=Sr(Jo);function ai(e){if(e===Jo)throw Error(o(174));return e}function ri(e,t){switch(Cr(ni,t),Cr(ti,e),Cr(ei,Jo),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:se(null,"");break;default:t=se(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}_r(ei),Cr(ei,t)}function oi(){_r(ei),_r(ti),_r(ni)}function ii(e){ai(ni.current);var t=ai(ei.current),n=se(t,e.type);t!==n&&(Cr(ti,e),Cr(ei,n))}function li(e){ti.current===e&&(_r(ei),_r(ti))}var si=Sr(0);function ci(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(128&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ui=[];function di(){for(var e=0;e<ui.length;e++)ui[e]._workInProgressVersionPrimary=null;ui.length=0}var pi=w.ReactCurrentDispatcher,fi=w.ReactCurrentBatchConfig,gi=0,mi=null,hi=null,bi=null,yi=!1,vi=!1,wi=0,xi=0;function ki(){throw Error(o(321))}function Li(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!la(e[n],t[n]))return!1;return!0}function Si(e,t,n,a,r,i){if(gi=i,mi=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,pi.current=null===e||null===e.memoizedState?ll:sl,e=n(a,r),vi){i=0;do{if(vi=!1,wi=0,25<=i)throw Error(o(301));i+=1,bi=hi=null,t.updateQueue=null,pi.current=cl,e=n(a,r)}while(vi)}if(pi.current=il,t=null!==hi&&null!==hi.next,gi=0,bi=hi=mi=null,yi=!1,t)throw Error(o(300));return e}function _i(){var e=0!==wi;return wi=0,e}function Ci(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===bi?mi.memoizedState=bi=e:bi=bi.next=e,bi}function Pi(){if(null===hi){var e=mi.alternate;e=null!==e?e.memoizedState:null}else e=hi.next;var t=null===bi?mi.memoizedState:bi.next;if(null!==t)bi=t,hi=e;else{if(null===e)throw Error(o(310));e={memoizedState:(hi=e).memoizedState,baseState:hi.baseState,baseQueue:hi.baseQueue,queue:hi.queue,next:null},null===bi?mi.memoizedState=bi=e:bi=bi.next=e}return bi}function Ai(e,t){return"function"==typeof t?t(e):t}function Di(e){var t=Pi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var a=hi,r=a.baseQueue,i=n.pending;if(null!==i){if(null!==r){var l=r.next;r.next=i.next,i.next=l}a.baseQueue=r=i,n.pending=null}if(null!==r){i=r.next,a=a.baseState;var s=l=null,c=null,u=i;do{var d=u.lane;if((gi&d)===d)null!==c&&(c=c.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),a=u.hasEagerState?u.eagerState:e(a,u.action);else{var p={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===c?(s=c=p,l=a):c=c.next=p,mi.lanes|=d,Os|=d}u=u.next}while(null!==u&&u!==i);null===c?l=a:c.next=s,la(a,t.memoizedState)||(wl=!0),t.memoizedState=a,t.baseState=l,t.baseQueue=c,n.lastRenderedState=a}if(null!==(e=n.interleaved)){r=e;do{i=r.lane,mi.lanes|=i,Os|=i,r=r.next}while(r!==e)}else null===r&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Ei(e){var t=Pi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var a=n.dispatch,r=n.pending,i=t.memoizedState;if(null!==r){n.pending=null;var l=r=r.next;do{i=e(i,l.action),l=l.next}while(l!==r);la(i,t.memoizedState)||(wl=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,a]}function Ii(){}function Ti(e,t){var n=mi,a=Pi(),r=t(),i=!la(a.memoizedState,r);if(i&&(a.memoizedState=r,wl=!0),a=a.queue,Hi(Ri.bind(null,n,a,e),[e]),a.getSnapshot!==t||i||null!==bi&&1&bi.memoizedState.tag){if(n.flags|=2048,Fi(9,zi.bind(null,n,a,r,t),void 0,null),null===Es)throw Error(o(349));0!=(30&gi)||ji(n,t,r)}return r}function ji(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function zi(e,t,n,a){t.value=n,t.getSnapshot=a,Ni(t)&&Oi(e)}function Ri(e,t,n){return n((function(){Ni(t)&&Oi(e)}))}function Ni(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!la(e,n)}catch(a){return!0}}function Oi(e){var t=Eo(e,1);null!==t&&ac(t,e,1,-1)}function Mi(e){var t=Ci();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Ai,lastRenderedState:e},t.queue=e,e=e.dispatch=nl.bind(null,mi,e),[t.memoizedState,e]}function Fi(e,t,n,a){return e={tag:e,create:t,destroy:n,deps:a,next:null},null===(t=mi.updateQueue)?(t={lastEffect:null,stores:null},mi.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(a=n.next,n.next=e,e.next=a,t.lastEffect=e),e}function Bi(){return Pi().memoizedState}function Ui(e,t,n,a){var r=Ci();mi.flags|=e,r.memoizedState=Fi(1|t,n,void 0,void 0===a?null:a)}function $i(e,t,n,a){var r=Pi();a=void 0===a?null:a;var o=void 0;if(null!==hi){var i=hi.memoizedState;if(o=i.destroy,null!==a&&Li(a,i.deps))return void(r.memoizedState=Fi(t,n,o,a))}mi.flags|=e,r.memoizedState=Fi(1|t,n,o,a)}function qi(e,t){return Ui(8390656,8,e,t)}function Hi(e,t){return $i(2048,8,e,t)}function Gi(e,t){return $i(4,2,e,t)}function Zi(e,t){return $i(4,4,e,t)}function Vi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Wi(e,t,n){return n=null!=n?n.concat([e]):null,$i(4,4,Vi.bind(null,t,e),n)}function Qi(){}function Yi(e,t){var n=Pi();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(n.memoizedState=[e,t],e)}function Ki(e,t){var n=Pi();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&Li(t,a[1])?a[0]:(e=e(),n.memoizedState=[e,t],e)}function Xi(e,t,n){return 0==(21&gi)?(e.baseState&&(e.baseState=!1,wl=!0),e.memoizedState=n):(la(n,t)||(n=mt(),mi.lanes|=n,Os|=n,e.baseState=!0),t)}function Ji(e,t){var n=vt;vt=0!==n&&4>n?n:4,e(!0);var a=fi.transition;fi.transition={};try{e(!1),t()}finally{vt=n,fi.transition=a}}function el(){return Pi().memoizedState}function tl(e,t,n){var a=nc(e);if(n={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null},al(e))rl(t,n);else if(null!==(n=Do(e,t,n,a))){ac(n,e,a,tc()),ol(n,t,a)}}function nl(e,t,n){var a=nc(e),r={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null};if(al(e))rl(t,r);else{var o=e.alternate;if(0===e.lanes&&(null===o||0===o.lanes)&&null!==(o=t.lastRenderedReducer))try{var i=t.lastRenderedState,l=o(i,n);if(r.hasEagerState=!0,r.eagerState=l,la(l,i)){var s=t.interleaved;return null===s?(r.next=r,Ao(t)):(r.next=s.next,s.next=r),void(t.interleaved=r)}}catch(c){}null!==(n=Do(e,t,r,a))&&(ac(n,e,a,r=tc()),ol(n,t,a))}}function al(e){var t=e.alternate;return e===mi||null!==t&&t===mi}function rl(e,t){vi=yi=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function ol(e,t,n){if(0!=(4194240&n)){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,yt(e,n)}}var il={readContext:Co,useCallback:ki,useContext:ki,useEffect:ki,useImperativeHandle:ki,useInsertionEffect:ki,useLayoutEffect:ki,useMemo:ki,useReducer:ki,useRef:ki,useState:ki,useDebugValue:ki,useDeferredValue:ki,useTransition:ki,useMutableSource:ki,useSyncExternalStore:ki,useId:ki,unstable_isNewReconciler:!1},ll={readContext:Co,useCallback:function(e,t){return Ci().memoizedState=[e,void 0===t?null:t],e},useContext:Co,useEffect:qi,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,Ui(4194308,4,Vi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ui(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ui(4,2,e,t)},useMemo:function(e,t){var n=Ci();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var a=Ci();return t=void 0!==n?n(t):t,a.memoizedState=a.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},a.queue=e,e=e.dispatch=tl.bind(null,mi,e),[a.memoizedState,e]},useRef:function(e){return e={current:e},Ci().memoizedState=e},useState:Mi,useDebugValue:Qi,useDeferredValue:function(e){return Ci().memoizedState=e},useTransition:function(){var e=Mi(!1),t=e[0];return e=Ji.bind(null,e[1]),Ci().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var a=mi,r=Ci();if(ro){if(void 0===n)throw Error(o(407));n=n()}else{if(n=t(),null===Es)throw Error(o(349));0!=(30&gi)||ji(a,t,n)}r.memoizedState=n;var i={value:n,getSnapshot:t};return r.queue=i,qi(Ri.bind(null,a,i,e),[e]),a.flags|=2048,Fi(9,zi.bind(null,a,i,n,t),void 0,null),n},useId:function(){var e=Ci(),t=Es.identifierPrefix;if(ro){var n=Kr;t=":"+t+"R"+(n=(Yr&~(1<<32-it(Yr)-1)).toString(32)+n),0<(n=wi++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=xi++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},sl={readContext:Co,useCallback:Yi,useContext:Co,useEffect:Hi,useImperativeHandle:Wi,useInsertionEffect:Gi,useLayoutEffect:Zi,useMemo:Ki,useReducer:Di,useRef:Bi,useState:function(){return Di(Ai)},useDebugValue:Qi,useDeferredValue:function(e){return Xi(Pi(),hi.memoizedState,e)},useTransition:function(){return[Di(Ai)[0],Pi().memoizedState]},useMutableSource:Ii,useSyncExternalStore:Ti,useId:el,unstable_isNewReconciler:!1},cl={readContext:Co,useCallback:Yi,useContext:Co,useEffect:Hi,useImperativeHandle:Wi,useInsertionEffect:Gi,useLayoutEffect:Zi,useMemo:Ki,useReducer:Ei,useRef:Bi,useState:function(){return Ei(Ai)},useDebugValue:Qi,useDeferredValue:function(e){var t=Pi();return null===hi?t.memoizedState=e:Xi(t,hi.memoizedState,e)},useTransition:function(){return[Ei(Ai)[0],Pi().memoizedState]},useMutableSource:Ii,useSyncExternalStore:Ti,useId:el,unstable_isNewReconciler:!1};function ul(e,t){try{var n="",a=t;do{n+=U(a),a=a.return}while(a);var r=n}catch(o){r="\nError generating stack: "+o.message+"\n"+o.stack}return{value:e,source:t,stack:r,digest:null}}function dl(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function pl(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}var fl="function"==typeof WeakMap?WeakMap:Map;function gl(e,t,n){(n=zo(-1,n)).tag=3,n.payload={element:null};var a=t.value;return n.callback=function(){Gs||(Gs=!0,Zs=a),pl(0,t)},n}function ml(e,t,n){(n=zo(-1,n)).tag=3;var a=e.type.getDerivedStateFromError;if("function"==typeof a){var r=t.value;n.payload=function(){return a(r)},n.callback=function(){pl(0,t)}}var o=e.stateNode;return null!==o&&"function"==typeof o.componentDidCatch&&(n.callback=function(){pl(0,t),"function"!=typeof a&&(null===Vs?Vs=new Set([this]):Vs.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hl(e,t,n){var a=e.pingCache;if(null===a){a=e.pingCache=new fl;var r=new Set;a.set(t,r)}else void 0===(r=a.get(t))&&(r=new Set,a.set(t,r));r.has(n)||(r.add(n),e=Cc.bind(null,e,t,n),t.then(e,e))}function bl(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function yl(e,t,n,a,r){return 0==(1&e.mode)?(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=zo(-1,1)).tag=2,Ro(n,t,1))),n.lanes|=1),e):(e.flags|=65536,e.lanes=r,e)}var vl=w.ReactCurrentOwner,wl=!1;function xl(e,t,n,a){t.child=null===e?Xo(t,null,n,a):Ko(t,e.child,n,a)}function kl(e,t,n,a,r){n=n.render;var o=t.ref;return _o(t,r),a=Si(e,t,n,a,o,r),n=_i(),null===e||wl?(ro&&n&&eo(t),t.flags|=1,xl(e,t,a,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Gl(e,t,r))}function Ll(e,t,n,a,r){if(null===e){var o=n.type;return"function"!=typeof o||jc(o)||void 0!==o.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Rc(n.type,null,a,t,t.mode,r)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=o,Sl(e,t,o,a,r))}if(o=e.child,0==(e.lanes&r)){var i=o.memoizedProps;if((n=null!==(n=n.compare)?n:sa)(i,a)&&e.ref===t.ref)return Gl(e,t,r)}return t.flags|=1,(e=zc(o,a)).ref=t.ref,e.return=t,t.child=e}function Sl(e,t,n,a,r){if(null!==e){var o=e.memoizedProps;if(sa(o,a)&&e.ref===t.ref){if(wl=!1,t.pendingProps=a=o,0==(e.lanes&r))return t.lanes=e.lanes,Gl(e,t,r);0!=(131072&e.flags)&&(wl=!0)}}return Pl(e,t,n,a,r)}function _l(e,t,n){var a=t.pendingProps,r=a.children,o=null!==e?e.memoizedState:null;if("hidden"===a.mode)if(0==(1&t.mode))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Cr(zs,js),js|=n;else{if(0==(1073741824&n))return e=null!==o?o.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Cr(zs,js),js|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},a=null!==o?o.baseLanes:n,Cr(zs,js),js|=a}else null!==o?(a=o.baseLanes|n,t.memoizedState=null):a=n,Cr(zs,js),js|=a;return xl(e,t,r,n),t.child}function Cl(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Pl(e,t,n,a,r){var o=Tr(n)?Er:Ar.current;return o=Ir(t,o),_o(t,r),n=Si(e,t,n,a,o,r),a=_i(),null===e||wl?(ro&&a&&eo(t),t.flags|=1,xl(e,t,n,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Gl(e,t,r))}function Al(e,t,n,a,r){if(Tr(n)){var o=!0;Nr(t)}else o=!1;if(_o(t,r),null===t.stateNode)Hl(e,t),Ho(t,n,a),Zo(t,n,a,r),a=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,c=n.contextType;"object"==typeof c&&null!==c?c=Co(c):c=Ir(t,c=Tr(n)?Er:Ar.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==a||s!==c)&&Go(t,i,a,c),Io=!1;var p=t.memoizedState;i.state=p,Mo(t,a,i,r),s=t.memoizedState,l!==a||p!==s||Dr.current||Io?("function"==typeof u&&(Uo(t,n,u,a),s=t.memoizedState),(l=Io||qo(t,n,l,a,p,s,c))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4194308)):("function"==typeof i.componentDidMount&&(t.flags|=4194308),t.memoizedProps=a,t.memoizedState=s),i.props=a,i.state=s,i.context=c,a=l):("function"==typeof i.componentDidMount&&(t.flags|=4194308),a=!1)}else{i=t.stateNode,jo(e,t),l=t.memoizedProps,c=t.type===t.elementType?l:bo(t.type,l),i.props=c,d=t.pendingProps,p=i.context,"object"==typeof(s=n.contextType)&&null!==s?s=Co(s):s=Ir(t,s=Tr(n)?Er:Ar.current);var f=n.getDerivedStateFromProps;(u="function"==typeof f||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==d||p!==s)&&Go(t,i,a,s),Io=!1,p=t.memoizedState,i.state=p,Mo(t,a,i,r);var g=t.memoizedState;l!==d||p!==g||Dr.current||Io?("function"==typeof f&&(Uo(t,n,f,a),g=t.memoizedState),(c=Io||qo(t,n,c,a,p,g,s)||!1)?(u||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(a,g,s),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(a,g,s)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),t.memoizedProps=a,t.memoizedState=g),i.props=a,i.state=g,i.context=s,a=c):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&p===e.memoizedState||(t.flags|=1024),a=!1)}return Dl(e,t,n,a,o,r)}function Dl(e,t,n,a,r,o){Cl(e,t);var i=0!=(128&t.flags);if(!a&&!i)return r&&Or(t,n,!1),Gl(e,t,o);a=t.stateNode,vl.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:a.render();return t.flags|=1,null!==e&&i?(t.child=Ko(t,e.child,null,o),t.child=Ko(t,null,l,o)):xl(e,t,l,o),t.memoizedState=a.state,r&&Or(t,n,!0),t.child}function El(e){var t=e.stateNode;t.pendingContext?zr(0,t.pendingContext,t.pendingContext!==t.context):t.context&&zr(0,t.context,!1),ri(e,t.containerInfo)}function Il(e,t,n,a,r){return go(),mo(r),t.flags|=256,xl(e,t,n,a),t.child}var Tl,jl,zl,Rl,Nl={dehydrated:null,treeContext:null,retryLane:0};function Ol(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ml(e,t,n){var a,r=t.pendingProps,i=si.current,l=!1,s=0!=(128&t.flags);if((a=s)||(a=(null===e||null!==e.memoizedState)&&0!=(2&i)),a?(l=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(i|=1),Cr(si,1&i),null===e)return co(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(0==(1&t.mode)?t.lanes=1:"$!"===e.data?t.lanes=8:t.lanes=1073741824,null):(s=r.children,e=r.fallback,l?(r=t.mode,l=t.child,s={mode:"hidden",children:s},0==(1&r)&&null!==l?(l.childLanes=0,l.pendingProps=s):l=Oc(s,r,0,null),e=Nc(e,r,n,null),l.return=t,e.return=t,l.sibling=e,t.child=l,t.child.memoizedState=Ol(n),t.memoizedState=Nl,e):Fl(t,s));if(null!==(i=e.memoizedState)&&null!==(a=i.dehydrated))return function(e,t,n,a,r,i,l){if(n)return 256&t.flags?(t.flags&=-257,Bl(e,t,l,a=dl(Error(o(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(i=a.fallback,r=t.mode,a=Oc({mode:"visible",children:a.children},r,0,null),(i=Nc(i,r,l,null)).flags|=2,a.return=t,i.return=t,a.sibling=i,t.child=a,0!=(1&t.mode)&&Ko(t,e.child,null,l),t.child.memoizedState=Ol(l),t.memoizedState=Nl,i);if(0==(1&t.mode))return Bl(e,t,l,null);if("$!"===r.data){if(a=r.nextSibling&&r.nextSibling.dataset)var s=a.dgst;return a=s,Bl(e,t,l,a=dl(i=Error(o(419)),a,void 0))}if(s=0!=(l&e.childLanes),wl||s){if(null!==(a=Es)){switch(l&-l){case 4:r=2;break;case 16:r=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:r=32;break;case 536870912:r=268435456;break;default:r=0}0!==(r=0!=(r&(a.suspendedLanes|l))?0:r)&&r!==i.retryLane&&(i.retryLane=r,Eo(e,r),ac(a,e,r,-1))}return hc(),Bl(e,t,l,a=dl(Error(o(421))))}return"$?"===r.data?(t.flags|=128,t.child=e.child,t=Ac.bind(null,e),r._reactRetry=t,null):(e=i.treeContext,ao=cr(r.nextSibling),no=t,ro=!0,oo=null,null!==e&&(Vr[Wr++]=Yr,Vr[Wr++]=Kr,Vr[Wr++]=Qr,Yr=e.id,Kr=e.overflow,Qr=t),t=Fl(t,a.children),t.flags|=4096,t)}(e,t,s,r,a,i,n);if(l){l=r.fallback,s=t.mode,a=(i=e.child).sibling;var c={mode:"hidden",children:r.children};return 0==(1&s)&&t.child!==i?((r=t.child).childLanes=0,r.pendingProps=c,t.deletions=null):(r=zc(i,c)).subtreeFlags=14680064&i.subtreeFlags,null!==a?l=zc(a,l):(l=Nc(l,s,n,null)).flags|=2,l.return=t,r.return=t,r.sibling=l,t.child=r,r=l,l=t.child,s=null===(s=e.child.memoizedState)?Ol(n):{baseLanes:s.baseLanes|n,cachePool:null,transitions:s.transitions},l.memoizedState=s,l.childLanes=e.childLanes&~n,t.memoizedState=Nl,r}return e=(l=e.child).sibling,r=zc(l,{mode:"visible",children:r.children}),0==(1&t.mode)&&(r.lanes=n),r.return=t,r.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function Fl(e,t){return(t=Oc({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function Bl(e,t,n,a){return null!==a&&mo(a),Ko(t,e.child,null,n),(e=Fl(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Ul(e,t,n){e.lanes|=t;var a=e.alternate;null!==a&&(a.lanes|=t),So(e.return,t,n)}function $l(e,t,n,a,r){var o=e.memoizedState;null===o?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:r}:(o.isBackwards=t,o.rendering=null,o.renderingStartTime=0,o.last=a,o.tail=n,o.tailMode=r)}function ql(e,t,n){var a=t.pendingProps,r=a.revealOrder,o=a.tail;if(xl(e,t,a.children,n),0!=(2&(a=si.current)))a=1&a|2,t.flags|=128;else{if(null!==e&&0!=(128&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Ul(e,n,t);else if(19===e.tag)Ul(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}a&=1}if(Cr(si,a),0==(1&t.mode))t.memoizedState=null;else switch(r){case"forwards":for(n=t.child,r=null;null!==n;)null!==(e=n.alternate)&&null===ci(e)&&(r=n),n=n.sibling;null===(n=r)?(r=t.child,t.child=null):(r=n.sibling,n.sibling=null),$l(t,!1,r,n,o);break;case"backwards":for(n=null,r=t.child,t.child=null;null!==r;){if(null!==(e=r.alternate)&&null===ci(e)){t.child=r;break}e=r.sibling,r.sibling=n,n=r,r=e}$l(t,!0,n,null,o);break;case"together":$l(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Hl(e,t){0==(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Gl(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Os|=t.lanes,0==(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(o(153));if(null!==t.child){for(n=zc(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=zc(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Zl(e,t){if(!ro)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var a=null;null!==n;)null!==n.alternate&&(a=n),n=n.sibling;null===a?t||null===e.tail?e.tail=null:e.tail.sibling=null:a.sibling=null}}function Vl(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,a=0;if(t)for(var r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=14680064&r.subtreeFlags,a|=14680064&r.flags,r.return=e,r=r.sibling;else for(r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=r.subtreeFlags,a|=r.flags,r.return=e,r=r.sibling;return e.subtreeFlags|=a,e.childLanes=n,t}function Wl(e,t,n){var a=t.pendingProps;switch(to(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Vl(t),null;case 1:case 17:return Tr(t.type)&&jr(),Vl(t),null;case 3:return a=t.stateNode,oi(),_r(Dr),_r(Ar),di(),a.pendingContext&&(a.context=a.pendingContext,a.pendingContext=null),null!==e&&null!==e.child||(po(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&0==(256&t.flags)||(t.flags|=1024,null!==oo&&(lc(oo),oo=null))),jl(e,t),Vl(t),null;case 5:li(t);var r=ai(ni.current);if(n=t.type,null!==e&&null!=t.stateNode)zl(e,t,n,a,r),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!a){if(null===t.stateNode)throw Error(o(166));return Vl(t),null}if(e=ai(ei.current),po(t)){a=t.stateNode,n=t.type;var i=t.memoizedProps;switch(a[pr]=t,a[fr]=i,e=0!=(1&t.mode),n){case"dialog":Fa("cancel",a),Fa("close",a);break;case"iframe":case"object":case"embed":Fa("load",a);break;case"video":case"audio":for(r=0;r<Ra.length;r++)Fa(Ra[r],a);break;case"source":Fa("error",a);break;case"img":case"image":case"link":Fa("error",a),Fa("load",a);break;case"details":Fa("toggle",a);break;case"input":Y(a,i),Fa("invalid",a);break;case"select":a._wrapperState={wasMultiple:!!i.multiple},Fa("invalid",a);break;case"textarea":re(a,i),Fa("invalid",a)}for(var s in ye(n,i),r=null,i)if(i.hasOwnProperty(s)){var c=i[s];"children"===s?"string"==typeof c?a.textContent!==c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),r=["children",c]):"number"==typeof c&&a.textContent!==""+c&&(!0!==i.suppressHydrationWarning&&Xa(a.textContent,c,e),r=["children",""+c]):l.hasOwnProperty(s)&&null!=c&&"onScroll"===s&&Fa("scroll",a)}switch(n){case"input":Z(a),J(a,i,!0);break;case"textarea":Z(a),ie(a);break;case"select":case"option":break;default:"function"==typeof i.onClick&&(a.onclick=Ja)}a=r,t.updateQueue=a,null!==a&&(t.flags|=4)}else{s=9===r.nodeType?r:r.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=le(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=s.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof a.is?e=s.createElement(n,{is:a.is}):(e=s.createElement(n),"select"===n&&(s=e,a.multiple?s.multiple=!0:a.size&&(s.size=a.size))):e=s.createElementNS(e,n),e[pr]=t,e[fr]=a,Tl(e,t,!1,!1),t.stateNode=e;e:{switch(s=ve(n,a),n){case"dialog":Fa("cancel",e),Fa("close",e),r=a;break;case"iframe":case"object":case"embed":Fa("load",e),r=a;break;case"video":case"audio":for(r=0;r<Ra.length;r++)Fa(Ra[r],e);r=a;break;case"source":Fa("error",e),r=a;break;case"img":case"image":case"link":Fa("error",e),Fa("load",e),r=a;break;case"details":Fa("toggle",e),r=a;break;case"input":Y(e,a),r=Q(e,a),Fa("invalid",e);break;case"option":default:r=a;break;case"select":e._wrapperState={wasMultiple:!!a.multiple},r=O({},a,{value:void 0}),Fa("invalid",e);break;case"textarea":re(e,a),r=ae(e,a),Fa("invalid",e)}for(i in ye(n,r),c=r)if(c.hasOwnProperty(i)){var u=c[i];"style"===i?he(e,u):"dangerouslySetInnerHTML"===i?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===i?"string"==typeof u?("textarea"!==n||""!==u)&&pe(e,u):"number"==typeof u&&pe(e,""+u):"suppressContentEditableWarning"!==i&&"suppressHydrationWarning"!==i&&"autoFocus"!==i&&(l.hasOwnProperty(i)?null!=u&&"onScroll"===i&&Fa("scroll",e):null!=u&&v(e,i,u,s))}switch(n){case"input":Z(e),J(e,a,!1);break;case"textarea":Z(e),ie(e);break;case"option":null!=a.value&&e.setAttribute("value",""+H(a.value));break;case"select":e.multiple=!!a.multiple,null!=(i=a.value)?ne(e,!!a.multiple,i,!1):null!=a.defaultValue&&ne(e,!!a.multiple,a.defaultValue,!0);break;default:"function"==typeof r.onClick&&(e.onclick=Ja)}switch(n){case"button":case"input":case"select":case"textarea":a=!!a.autoFocus;break e;case"img":a=!0;break e;default:a=!1}}a&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Vl(t),null;case 6:if(e&&null!=t.stateNode)Rl(e,t,e.memoizedProps,a);else{if("string"!=typeof a&&null===t.stateNode)throw Error(o(166));if(n=ai(ni.current),ai(ei.current),po(t)){if(a=t.stateNode,n=t.memoizedProps,a[pr]=t,(i=a.nodeValue!==n)&&null!==(e=no))switch(e.tag){case 3:Xa(a.nodeValue,n,0!=(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Xa(a.nodeValue,n,0!=(1&e.mode))}i&&(t.flags|=4)}else(a=(9===n.nodeType?n:n.ownerDocument).createTextNode(a))[pr]=t,t.stateNode=a}return Vl(t),null;case 13:if(_r(si),a=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(ro&&null!==ao&&0!=(1&t.mode)&&0==(128&t.flags))fo(),go(),t.flags|=98560,i=!1;else if(i=po(t),null!==a&&null!==a.dehydrated){if(null===e){if(!i)throw Error(o(318));if(!(i=null!==(i=t.memoizedState)?i.dehydrated:null))throw Error(o(317));i[pr]=t}else go(),0==(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Vl(t),i=!1}else null!==oo&&(lc(oo),oo=null),i=!0;if(!i)return 65536&t.flags?t:null}return 0!=(128&t.flags)?(t.lanes=n,t):((a=null!==a)!==(null!==e&&null!==e.memoizedState)&&a&&(t.child.flags|=8192,0!=(1&t.mode)&&(null===e||0!=(1&si.current)?0===Rs&&(Rs=3):hc())),null!==t.updateQueue&&(t.flags|=4),Vl(t),null);case 4:return oi(),jl(e,t),null===e&&$a(t.stateNode.containerInfo),Vl(t),null;case 10:return Lo(t.type._context),Vl(t),null;case 19:if(_r(si),null===(i=t.memoizedState))return Vl(t),null;if(a=0!=(128&t.flags),null===(s=i.rendering))if(a)Zl(i,!1);else{if(0!==Rs||null!==e&&0!=(128&e.flags))for(e=t.child;null!==e;){if(null!==(s=ci(e))){for(t.flags|=128,Zl(i,!1),null!==(a=s.updateQueue)&&(t.updateQueue=a,t.flags|=4),t.subtreeFlags=0,a=n,n=t.child;null!==n;)e=a,(i=n).flags&=14680066,null===(s=i.alternate)?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=s.childLanes,i.lanes=s.lanes,i.child=s.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=s.memoizedProps,i.memoizedState=s.memoizedState,i.updateQueue=s.updateQueue,i.type=s.type,e=s.dependencies,i.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Cr(si,1&si.current|2),t.child}e=e.sibling}null!==i.tail&&Ke()>qs&&(t.flags|=128,a=!0,Zl(i,!1),t.lanes=4194304)}else{if(!a)if(null!==(e=ci(s))){if(t.flags|=128,a=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Zl(i,!0),null===i.tail&&"hidden"===i.tailMode&&!s.alternate&&!ro)return Vl(t),null}else 2*Ke()-i.renderingStartTime>qs&&1073741824!==n&&(t.flags|=128,a=!0,Zl(i,!1),t.lanes=4194304);i.isBackwards?(s.sibling=t.child,t.child=s):(null!==(n=i.last)?n.sibling=s:t.child=s,i.last=s)}return null!==i.tail?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Ke(),t.sibling=null,n=si.current,Cr(si,a?1&n|2:1&n),t):(Vl(t),null);case 22:case 23:return pc(),a=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==a&&(t.flags|=8192),a&&0!=(1&t.mode)?0!=(1073741824&js)&&(Vl(t),6&t.subtreeFlags&&(t.flags|=8192)):Vl(t),null;case 24:case 25:return null}throw Error(o(156,t.tag))}function Ql(e,t){switch(to(t),t.tag){case 1:return Tr(t.type)&&jr(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return oi(),_r(Dr),_r(Ar),di(),0!=(65536&(e=t.flags))&&0==(128&e)?(t.flags=-65537&e|128,t):null;case 5:return li(t),null;case 13:if(_r(si),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(o(340));go()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return _r(si),null;case 4:return oi(),null;case 10:return Lo(t.type._context),null;case 22:case 23:return pc(),null;default:return null}}Tl=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},jl=function(){},zl=function(e,t,n,a){var r=e.memoizedProps;if(r!==a){e=t.stateNode,ai(ei.current);var o,i=null;switch(n){case"input":r=Q(e,r),a=Q(e,a),i=[];break;case"select":r=O({},r,{value:void 0}),a=O({},a,{value:void 0}),i=[];break;case"textarea":r=ae(e,r),a=ae(e,a),i=[];break;default:"function"!=typeof r.onClick&&"function"==typeof a.onClick&&(e.onclick=Ja)}for(u in ye(n,a),n=null,r)if(!a.hasOwnProperty(u)&&r.hasOwnProperty(u)&&null!=r[u])if("style"===u){var s=r[u];for(o in s)s.hasOwnProperty(o)&&(n||(n={}),n[o]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(l.hasOwnProperty(u)?i||(i=[]):(i=i||[]).push(u,null));for(u in a){var c=a[u];if(s=null!=r?r[u]:void 0,a.hasOwnProperty(u)&&c!==s&&(null!=c||null!=s))if("style"===u)if(s){for(o in s)!s.hasOwnProperty(o)||c&&c.hasOwnProperty(o)||(n||(n={}),n[o]="");for(o in c)c.hasOwnProperty(o)&&s[o]!==c[o]&&(n||(n={}),n[o]=c[o])}else n||(i||(i=[]),i.push(u,n)),n=c;else"dangerouslySetInnerHTML"===u?(c=c?c.__html:void 0,s=s?s.__html:void 0,null!=c&&s!==c&&(i=i||[]).push(u,c)):"children"===u?"string"!=typeof c&&"number"!=typeof c||(i=i||[]).push(u,""+c):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(l.hasOwnProperty(u)?(null!=c&&"onScroll"===u&&Fa("scroll",e),i||s===c||(i=[])):(i=i||[]).push(u,c))}n&&(i=i||[]).push("style",n);var u=i;(t.updateQueue=u)&&(t.flags|=4)}},Rl=function(e,t,n,a){n!==a&&(t.flags|=4)};var Yl=!1,Kl=!1,Xl="function"==typeof WeakSet?WeakSet:Set,Jl=null;function es(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(a){_c(e,t,a)}else n.current=null}function ts(e,t,n){try{n()}catch(a){_c(e,t,a)}}var ns=!1;function as(e,t,n){var a=t.updateQueue;if(null!==(a=null!==a?a.lastEffect:null)){var r=a=a.next;do{if((r.tag&e)===e){var o=r.destroy;r.destroy=void 0,void 0!==o&&ts(t,n,o)}r=r.next}while(r!==a)}}function rs(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var a=n.create;n.destroy=a()}n=n.next}while(n!==t)}}function os(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function is(e){var t=e.alternate;null!==t&&(e.alternate=null,is(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(null!==(t=e.stateNode)&&(delete t[pr],delete t[fr],delete t[mr],delete t[hr],delete t[br])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ls(e){return 5===e.tag||3===e.tag||4===e.tag}function ss(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||ls(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cs(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Ja));else if(4!==a&&null!==(e=e.child))for(cs(e,t,n),e=e.sibling;null!==e;)cs(e,t,n),e=e.sibling}function us(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==a&&null!==(e=e.child))for(us(e,t,n),e=e.sibling;null!==e;)us(e,t,n),e=e.sibling}var ds=null,ps=!1;function fs(e,t,n){for(n=n.child;null!==n;)gs(e,t,n),n=n.sibling}function gs(e,t,n){if(ot&&"function"==typeof ot.onCommitFiberUnmount)try{ot.onCommitFiberUnmount(rt,n)}catch(l){}switch(n.tag){case 5:Kl||es(n,t);case 6:var a=ds,r=ps;ds=null,fs(e,t,n),ps=r,null!==(ds=a)&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):ds.removeChild(n.stateNode));break;case 18:null!==ds&&(ps?(e=ds,n=n.stateNode,8===e.nodeType?sr(e.parentNode,n):1===e.nodeType&&sr(e,n),$t(e)):sr(ds,n.stateNode));break;case 4:a=ds,r=ps,ds=n.stateNode.containerInfo,ps=!0,fs(e,t,n),ds=a,ps=r;break;case 0:case 11:case 14:case 15:if(!Kl&&(null!==(a=n.updateQueue)&&null!==(a=a.lastEffect))){r=a=a.next;do{var o=r,i=o.destroy;o=o.tag,void 0!==i&&(0!=(2&o)||0!=(4&o))&&ts(n,t,i),r=r.next}while(r!==a)}fs(e,t,n);break;case 1:if(!Kl&&(es(n,t),"function"==typeof(a=n.stateNode).componentWillUnmount))try{a.props=n.memoizedProps,a.state=n.memoizedState,a.componentWillUnmount()}catch(l){_c(n,t,l)}fs(e,t,n);break;case 21:fs(e,t,n);break;case 22:1&n.mode?(Kl=(a=Kl)||null!==n.memoizedState,fs(e,t,n),Kl=a):fs(e,t,n);break;default:fs(e,t,n)}}function ms(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Xl),t.forEach((function(t){var a=Dc.bind(null,e,t);n.has(t)||(n.add(t),t.then(a,a))}))}}function hs(e,t){var n=t.deletions;if(null!==n)for(var a=0;a<n.length;a++){var r=n[a];try{var i=e,l=t,s=l;e:for(;null!==s;){switch(s.tag){case 5:ds=s.stateNode,ps=!1;break e;case 3:case 4:ds=s.stateNode.containerInfo,ps=!0;break e}s=s.return}if(null===ds)throw Error(o(160));gs(i,l,r),ds=null,ps=!1;var c=r.alternate;null!==c&&(c.return=null),r.return=null}catch(u){_c(r,t,u)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)bs(t,e),t=t.sibling}function bs(e,t){var n=e.alternate,a=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hs(t,e),ys(e),4&a){try{as(3,e,e.return),rs(3,e)}catch(h){_c(e,e.return,h)}try{as(5,e,e.return)}catch(h){_c(e,e.return,h)}}break;case 1:hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return);break;case 5:if(hs(t,e),ys(e),512&a&&null!==n&&es(n,n.return),32&e.flags){var r=e.stateNode;try{pe(r,"")}catch(h){_c(e,e.return,h)}}if(4&a&&null!=(r=e.stateNode)){var i=e.memoizedProps,l=null!==n?n.memoizedProps:i,s=e.type,c=e.updateQueue;if(e.updateQueue=null,null!==c)try{"input"===s&&"radio"===i.type&&null!=i.name&&K(r,i),ve(s,l);var u=ve(s,i);for(l=0;l<c.length;l+=2){var d=c[l],p=c[l+1];"style"===d?he(r,p):"dangerouslySetInnerHTML"===d?de(r,p):"children"===d?pe(r,p):v(r,d,p,u)}switch(s){case"input":X(r,i);break;case"textarea":oe(r,i);break;case"select":var f=r._wrapperState.wasMultiple;r._wrapperState.wasMultiple=!!i.multiple;var g=i.value;null!=g?ne(r,!!i.multiple,g,!1):f!==!!i.multiple&&(null!=i.defaultValue?ne(r,!!i.multiple,i.defaultValue,!0):ne(r,!!i.multiple,i.multiple?[]:"",!1))}r[fr]=i}catch(h){_c(e,e.return,h)}}break;case 6:if(hs(t,e),ys(e),4&a){if(null===e.stateNode)throw Error(o(162));r=e.stateNode,i=e.memoizedProps;try{r.nodeValue=i}catch(h){_c(e,e.return,h)}}break;case 3:if(hs(t,e),ys(e),4&a&&null!==n&&n.memoizedState.isDehydrated)try{$t(t.containerInfo)}catch(h){_c(e,e.return,h)}break;case 4:default:hs(t,e),ys(e);break;case 13:hs(t,e),ys(e),8192&(r=e.child).flags&&(i=null!==r.memoizedState,r.stateNode.isHidden=i,!i||null!==r.alternate&&null!==r.alternate.memoizedState||($s=Ke())),4&a&&ms(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Kl=(u=Kl)||d,hs(t,e),Kl=u):hs(t,e),ys(e),8192&a){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&0!=(1&e.mode))for(Jl=e,d=e.child;null!==d;){for(p=Jl=d;null!==Jl;){switch(g=(f=Jl).child,f.tag){case 0:case 11:case 14:case 15:as(4,f,f.return);break;case 1:es(f,f.return);var m=f.stateNode;if("function"==typeof m.componentWillUnmount){a=f,n=f.return;try{t=a,m.props=t.memoizedProps,m.state=t.memoizedState,m.componentWillUnmount()}catch(h){_c(a,n,h)}}break;case 5:es(f,f.return);break;case 22:if(null!==f.memoizedState){ks(p);continue}}null!==g?(g.return=f,Jl=g):ks(p)}d=d.sibling}e:for(d=null,p=e;;){if(5===p.tag){if(null===d){d=p;try{r=p.stateNode,u?"function"==typeof(i=r.style).setProperty?i.setProperty("display","none","important"):i.display="none":(s=p.stateNode,l=null!=(c=p.memoizedProps.style)&&c.hasOwnProperty("display")?c.display:null,s.style.display=me("display",l))}catch(h){_c(e,e.return,h)}}}else if(6===p.tag){if(null===d)try{p.stateNode.nodeValue=u?"":p.memoizedProps}catch(h){_c(e,e.return,h)}}else if((22!==p.tag&&23!==p.tag||null===p.memoizedState||p===e)&&null!==p.child){p.child.return=p,p=p.child;continue}if(p===e)break e;for(;null===p.sibling;){if(null===p.return||p.return===e)break e;d===p&&(d=null),p=p.return}d===p&&(d=null),p.sibling.return=p.return,p=p.sibling}}break;case 19:hs(t,e),ys(e),4&a&&ms(e);case 21:}}function ys(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(ls(n)){var a=n;break e}n=n.return}throw Error(o(160))}switch(a.tag){case 5:var r=a.stateNode;32&a.flags&&(pe(r,""),a.flags&=-33),us(e,ss(e),r);break;case 3:case 4:var i=a.stateNode.containerInfo;cs(e,ss(e),i);break;default:throw Error(o(161))}}catch(l){_c(e,e.return,l)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function vs(e,t,n){Jl=e,ws(e,t,n)}function ws(e,t,n){for(var a=0!=(1&e.mode);null!==Jl;){var r=Jl,o=r.child;if(22===r.tag&&a){var i=null!==r.memoizedState||Yl;if(!i){var l=r.alternate,s=null!==l&&null!==l.memoizedState||Kl;l=Yl;var c=Kl;if(Yl=i,(Kl=s)&&!c)for(Jl=r;null!==Jl;)s=(i=Jl).child,22===i.tag&&null!==i.memoizedState?Ls(r):null!==s?(s.return=i,Jl=s):Ls(r);for(;null!==o;)Jl=o,ws(o,t,n),o=o.sibling;Jl=r,Yl=l,Kl=c}xs(e)}else 0!=(8772&r.subtreeFlags)&&null!==o?(o.return=r,Jl=o):xs(e)}}function xs(e){for(;null!==Jl;){var t=Jl;if(0!=(8772&t.flags)){var n=t.alternate;try{if(0!=(8772&t.flags))switch(t.tag){case 0:case 11:case 15:Kl||rs(5,t);break;case 1:var a=t.stateNode;if(4&t.flags&&!Kl)if(null===n)a.componentDidMount();else{var r=t.elementType===t.type?n.memoizedProps:bo(t.type,n.memoizedProps);a.componentDidUpdate(r,n.memoizedState,a.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;null!==i&&Fo(t,i,a);break;case 3:var l=t.updateQueue;if(null!==l){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Fo(t,l,n)}break;case 5:var s=t.stateNode;if(null===n&&4&t.flags){n=s;var c=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":c.autoFocus&&n.focus();break;case"img":c.src&&(n.src=c.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var p=d.dehydrated;null!==p&&$t(p)}}}break;default:throw Error(o(163))}Kl||512&t.flags&&os(t)}catch(f){_c(t,t.return,f)}}if(t===e){Jl=null;break}if(null!==(n=t.sibling)){n.return=t.return,Jl=n;break}Jl=t.return}}function ks(e){for(;null!==Jl;){var t=Jl;if(t===e){Jl=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Jl=n;break}Jl=t.return}}function Ls(e){for(;null!==Jl;){var t=Jl;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{rs(4,t)}catch(s){_c(t,n,s)}break;case 1:var a=t.stateNode;if("function"==typeof a.componentDidMount){var r=t.return;try{a.componentDidMount()}catch(s){_c(t,r,s)}}var o=t.return;try{os(t)}catch(s){_c(t,o,s)}break;case 5:var i=t.return;try{os(t)}catch(s){_c(t,i,s)}}}catch(s){_c(t,t.return,s)}if(t===e){Jl=null;break}var l=t.sibling;if(null!==l){l.return=t.return,Jl=l;break}Jl=t.return}}var Ss,_s=Math.ceil,Cs=w.ReactCurrentDispatcher,Ps=w.ReactCurrentOwner,As=w.ReactCurrentBatchConfig,Ds=0,Es=null,Is=null,Ts=0,js=0,zs=Sr(0),Rs=0,Ns=null,Os=0,Ms=0,Fs=0,Bs=null,Us=null,$s=0,qs=1/0,Hs=null,Gs=!1,Zs=null,Vs=null,Ws=!1,Qs=null,Ys=0,Ks=0,Xs=null,Js=-1,ec=0;function tc(){return 0!=(6&Ds)?Ke():-1!==Js?Js:Js=Ke()}function nc(e){return 0==(1&e.mode)?1:0!=(2&Ds)&&0!==Ts?Ts&-Ts:null!==ho.transition?(0===ec&&(ec=mt()),ec):0!==(e=vt)?e:e=void 0===(e=window.event)?16:Yt(e.type)}function ac(e,t,n,a){if(50<Ks)throw Ks=0,Xs=null,Error(o(185));bt(e,n,a),0!=(2&Ds)&&e===Es||(e===Es&&(0==(2&Ds)&&(Ms|=n),4===Rs&&sc(e,Ts)),rc(e,a),1===n&&0===Ds&&0==(1&t.mode)&&(qs=Ke()+500,Fr&&$r()))}function rc(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,a=e.pingedLanes,r=e.expirationTimes,o=e.pendingLanes;0<o;){var i=31-it(o),l=1<<i,s=r[i];-1===s?0!=(l&n)&&0==(l&a)||(r[i]=ft(l,t)):s<=t&&(e.expiredLanes|=l),o&=~l}}(e,t);var a=pt(e,e===Es?Ts:0);if(0===a)null!==n&&We(n),e.callbackNode=null,e.callbackPriority=0;else if(t=a&-a,e.callbackPriority!==t){if(null!=n&&We(n),1===t)0===e.tag?function(e){Fr=!0,Ur(e)}(cc.bind(null,e)):Ur(cc.bind(null,e)),ir((function(){0==(6&Ds)&&$r()})),n=null;else{switch(wt(a)){case 1:n=Je;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=at}n=Ec(n,oc.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function oc(e,t){if(Js=-1,ec=0,0!=(6&Ds))throw Error(o(327));var n=e.callbackNode;if(Lc()&&e.callbackNode!==n)return null;var a=pt(e,e===Es?Ts:0);if(0===a)return null;if(0!=(30&a)||0!=(a&e.expiredLanes)||t)t=bc(e,a);else{t=a;var r=Ds;Ds|=2;var i=mc();for(Es===e&&Ts===t||(Hs=null,qs=Ke()+500,fc(e,t));;)try{vc();break}catch(s){gc(e,s)}ko(),Cs.current=i,Ds=r,null!==Is?t=0:(Es=null,Ts=0,t=Rs)}if(0!==t){if(2===t&&(0!==(r=gt(e))&&(a=r,t=ic(e,r))),1===t)throw n=Ns,fc(e,0),sc(e,a),rc(e,Ke()),n;if(6===t)sc(e,a);else{if(r=e.current.alternate,0==(30&a)&&!function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var a=0;a<n.length;a++){var r=n[a],o=r.getSnapshot;r=r.value;try{if(!la(o(),r))return!1}catch(l){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(r)&&(2===(t=bc(e,a))&&(0!==(i=gt(e))&&(a=i,t=ic(e,i))),1===t))throw n=Ns,fc(e,0),sc(e,a),rc(e,Ke()),n;switch(e.finishedWork=r,e.finishedLanes=a,t){case 0:case 1:throw Error(o(345));case 2:case 5:kc(e,Us,Hs);break;case 3:if(sc(e,a),(130023424&a)===a&&10<(t=$s+500-Ke())){if(0!==pt(e,0))break;if(((r=e.suspendedLanes)&a)!==a){tc(),e.pingedLanes|=e.suspendedLanes&r;break}e.timeoutHandle=ar(kc.bind(null,e,Us,Hs),t);break}kc(e,Us,Hs);break;case 4:if(sc(e,a),(4194240&a)===a)break;for(t=e.eventTimes,r=-1;0<a;){var l=31-it(a);i=1<<l,(l=t[l])>r&&(r=l),a&=~i}if(a=r,10<(a=(120>(a=Ke()-a)?120:480>a?480:1080>a?1080:1920>a?1920:3e3>a?3e3:4320>a?4320:1960*_s(a/1960))-a)){e.timeoutHandle=ar(kc.bind(null,e,Us,Hs),a);break}kc(e,Us,Hs);break;default:throw Error(o(329))}}}return rc(e,Ke()),e.callbackNode===n?oc.bind(null,e):null}function ic(e,t){var n=Bs;return e.current.memoizedState.isDehydrated&&(fc(e,t).flags|=256),2!==(e=bc(e,t))&&(t=Us,Us=n,null!==t&&lc(t)),e}function lc(e){null===Us?Us=e:Us.push.apply(Us,e)}function sc(e,t){for(t&=~Fs,t&=~Ms,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-it(t),a=1<<n;e[n]=-1,t&=~a}}function cc(e){if(0!=(6&Ds))throw Error(o(327));Lc();var t=pt(e,0);if(0==(1&t))return rc(e,Ke()),null;var n=bc(e,t);if(0!==e.tag&&2===n){var a=gt(e);0!==a&&(t=a,n=ic(e,a))}if(1===n)throw n=Ns,fc(e,0),sc(e,t),rc(e,Ke()),n;if(6===n)throw Error(o(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,kc(e,Us,Hs),rc(e,Ke()),null}function uc(e,t){var n=Ds;Ds|=1;try{return e(t)}finally{0===(Ds=n)&&(qs=Ke()+500,Fr&&$r())}}function dc(e){null!==Qs&&0===Qs.tag&&0==(6&Ds)&&Lc();var t=Ds;Ds|=1;var n=As.transition,a=vt;try{if(As.transition=null,vt=1,e)return e()}finally{vt=a,As.transition=n,0==(6&(Ds=t))&&$r()}}function pc(){js=zs.current,_r(zs)}function fc(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,rr(n)),null!==Is)for(n=Is.return;null!==n;){var a=n;switch(to(a),a.tag){case 1:null!=(a=a.type.childContextTypes)&&jr();break;case 3:oi(),_r(Dr),_r(Ar),di();break;case 5:li(a);break;case 4:oi();break;case 13:case 19:_r(si);break;case 10:Lo(a.type._context);break;case 22:case 23:pc()}n=n.return}if(Es=e,Is=e=zc(e.current,null),Ts=js=t,Rs=0,Ns=null,Fs=Ms=Os=0,Us=Bs=null,null!==Po){for(t=0;t<Po.length;t++)if(null!==(a=(n=Po[t]).interleaved)){n.interleaved=null;var r=a.next,o=n.pending;if(null!==o){var i=o.next;o.next=r,a.next=i}n.pending=a}Po=null}return e}function gc(e,t){for(;;){var n=Is;try{if(ko(),pi.current=il,yi){for(var a=mi.memoizedState;null!==a;){var r=a.queue;null!==r&&(r.pending=null),a=a.next}yi=!1}if(gi=0,bi=hi=mi=null,vi=!1,wi=0,Ps.current=null,null===n||null===n.return){Rs=1,Ns=t,Is=null;break}e:{var i=e,l=n.return,s=n,c=t;if(t=Ts,s.flags|=32768,null!==c&&"object"==typeof c&&"function"==typeof c.then){var u=c,d=s,p=d.tag;if(0==(1&d.mode)&&(0===p||11===p||15===p)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var g=bl(l);if(null!==g){g.flags&=-257,yl(g,l,s,0,t),1&g.mode&&hl(i,u,t),c=u;var m=(t=g).updateQueue;if(null===m){var h=new Set;h.add(c),t.updateQueue=h}else m.add(c);break e}if(0==(1&t)){hl(i,u,t),hc();break e}c=Error(o(426))}else if(ro&&1&s.mode){var b=bl(l);if(null!==b){0==(65536&b.flags)&&(b.flags|=256),yl(b,l,s,0,t),mo(ul(c,s));break e}}i=c=ul(c,s),4!==Rs&&(Rs=2),null===Bs?Bs=[i]:Bs.push(i),i=l;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t,Oo(i,gl(0,c,t));break e;case 1:s=c;var y=i.type,v=i.stateNode;if(0==(128&i.flags)&&("function"==typeof y.getDerivedStateFromError||null!==v&&"function"==typeof v.componentDidCatch&&(null===Vs||!Vs.has(v)))){i.flags|=65536,t&=-t,i.lanes|=t,Oo(i,ml(i,s,t));break e}}i=i.return}while(null!==i)}xc(n)}catch(w){t=w,Is===n&&null!==n&&(Is=n=n.return);continue}break}}function mc(){var e=Cs.current;return Cs.current=il,null===e?il:e}function hc(){0!==Rs&&3!==Rs&&2!==Rs||(Rs=4),null===Es||0==(268435455&Os)&&0==(268435455&Ms)||sc(Es,Ts)}function bc(e,t){var n=Ds;Ds|=2;var a=mc();for(Es===e&&Ts===t||(Hs=null,fc(e,t));;)try{yc();break}catch(r){gc(e,r)}if(ko(),Ds=n,Cs.current=a,null!==Is)throw Error(o(261));return Es=null,Ts=0,Rs}function yc(){for(;null!==Is;)wc(Is)}function vc(){for(;null!==Is&&!Qe();)wc(Is)}function wc(e){var t=Ss(e.alternate,e,js);e.memoizedProps=e.pendingProps,null===t?xc(e):Is=t,Ps.current=null}function xc(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(32768&t.flags)){if(null!==(n=Wl(n,t,js)))return void(Is=n)}else{if(null!==(n=Ql(n,t)))return n.flags&=32767,void(Is=n);if(null===e)return Rs=6,void(Is=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}if(null!==(t=t.sibling))return void(Is=t);Is=t=e}while(null!==t);0===Rs&&(Rs=5)}function kc(e,t,n){var a=vt,r=As.transition;try{As.transition=null,vt=1,function(e,t,n,a){do{Lc()}while(null!==Qs);if(0!=(6&Ds))throw Error(o(327));n=e.finishedWork;var r=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(o(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var a=e.eventTimes;for(e=e.expirationTimes;0<n;){var r=31-it(n),o=1<<r;t[r]=0,a[r]=-1,e[r]=-1,n&=~o}}(e,i),e===Es&&(Is=Es=null,Ts=0),0==(2064&n.subtreeFlags)&&0==(2064&n.flags)||Ws||(Ws=!0,Ec(tt,(function(){return Lc(),null}))),i=0!=(15990&n.flags),0!=(15990&n.subtreeFlags)||i){i=As.transition,As.transition=null;var l=vt;vt=1;var s=Ds;Ds|=4,Ps.current=null,function(e,t){if(er=Ht,fa(e=pa())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var a=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(a&&0!==a.rangeCount){n=a.anchorNode;var r=a.anchorOffset,i=a.focusNode;a=a.focusOffset;try{n.nodeType,i.nodeType}catch(x){n=null;break e}var l=0,s=-1,c=-1,u=0,d=0,p=e,f=null;t:for(;;){for(var g;p!==n||0!==r&&3!==p.nodeType||(s=l+r),p!==i||0!==a&&3!==p.nodeType||(c=l+a),3===p.nodeType&&(l+=p.nodeValue.length),null!==(g=p.firstChild);)f=p,p=g;for(;;){if(p===e)break t;if(f===n&&++u===r&&(s=l),f===i&&++d===a&&(c=l),null!==(g=p.nextSibling))break;f=(p=f).parentNode}p=g}n=-1===s||-1===c?null:{start:s,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(tr={focusedElem:e,selectionRange:n},Ht=!1,Jl=t;null!==Jl;)if(e=(t=Jl).child,0!=(1028&t.subtreeFlags)&&null!==e)e.return=t,Jl=e;else for(;null!==Jl;){t=Jl;try{var m=t.alternate;if(0!=(1024&t.flags))switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==m){var h=m.memoizedProps,b=m.memoizedState,y=t.stateNode,v=y.getSnapshotBeforeUpdate(t.elementType===t.type?h:bo(t.type,h),b);y.__reactInternalSnapshotBeforeUpdate=v}break;case 3:var w=t.stateNode.containerInfo;1===w.nodeType?w.textContent="":9===w.nodeType&&w.documentElement&&w.removeChild(w.documentElement);break;default:throw Error(o(163))}}catch(x){_c(t,t.return,x)}if(null!==(e=t.sibling)){e.return=t.return,Jl=e;break}Jl=t.return}m=ns,ns=!1}(e,n),bs(n,e),ga(tr),Ht=!!er,tr=er=null,e.current=n,vs(n,e,r),Ye(),Ds=s,vt=l,As.transition=i}else e.current=n;if(Ws&&(Ws=!1,Qs=e,Ys=r),i=e.pendingLanes,0===i&&(Vs=null),function(e){if(ot&&"function"==typeof ot.onCommitFiberRoot)try{ot.onCommitFiberRoot(rt,e,void 0,128==(128&e.current.flags))}catch(t){}}(n.stateNode),rc(e,Ke()),null!==t)for(a=e.onRecoverableError,n=0;n<t.length;n++)r=t[n],a(r.value,{componentStack:r.stack,digest:r.digest});if(Gs)throw Gs=!1,e=Zs,Zs=null,e;0!=(1&Ys)&&0!==e.tag&&Lc(),i=e.pendingLanes,0!=(1&i)?e===Xs?Ks++:(Ks=0,Xs=e):Ks=0,$r()}(e,t,n,a)}finally{As.transition=r,vt=a}return null}function Lc(){if(null!==Qs){var e=wt(Ys),t=As.transition,n=vt;try{if(As.transition=null,vt=16>e?16:e,null===Qs)var a=!1;else{if(e=Qs,Qs=null,Ys=0,0!=(6&Ds))throw Error(o(331));var r=Ds;for(Ds|=4,Jl=e.current;null!==Jl;){var i=Jl,l=i.child;if(0!=(16&Jl.flags)){var s=i.deletions;if(null!==s){for(var c=0;c<s.length;c++){var u=s[c];for(Jl=u;null!==Jl;){var d=Jl;switch(d.tag){case 0:case 11:case 15:as(8,d,i)}var p=d.child;if(null!==p)p.return=d,Jl=p;else for(;null!==Jl;){var f=(d=Jl).sibling,g=d.return;if(is(d),d===u){Jl=null;break}if(null!==f){f.return=g,Jl=f;break}Jl=g}}}var m=i.alternate;if(null!==m){var h=m.child;if(null!==h){m.child=null;do{var b=h.sibling;h.sibling=null,h=b}while(null!==h)}}Jl=i}}if(0!=(2064&i.subtreeFlags)&&null!==l)l.return=i,Jl=l;else e:for(;null!==Jl;){if(0!=(2048&(i=Jl).flags))switch(i.tag){case 0:case 11:case 15:as(9,i,i.return)}var y=i.sibling;if(null!==y){y.return=i.return,Jl=y;break e}Jl=i.return}}var v=e.current;for(Jl=v;null!==Jl;){var w=(l=Jl).child;if(0!=(2064&l.subtreeFlags)&&null!==w)w.return=l,Jl=w;else e:for(l=v;null!==Jl;){if(0!=(2048&(s=Jl).flags))try{switch(s.tag){case 0:case 11:case 15:rs(9,s)}}catch(k){_c(s,s.return,k)}if(s===l){Jl=null;break e}var x=s.sibling;if(null!==x){x.return=s.return,Jl=x;break e}Jl=s.return}}if(Ds=r,$r(),ot&&"function"==typeof ot.onPostCommitFiberRoot)try{ot.onPostCommitFiberRoot(rt,e)}catch(k){}a=!0}return a}finally{vt=n,As.transition=t}}return!1}function Sc(e,t,n){e=Ro(e,t=gl(0,t=ul(n,t),1),1),t=tc(),null!==e&&(bt(e,1,t),rc(e,t))}function _c(e,t,n){if(3===e.tag)Sc(e,e,n);else for(;null!==t;){if(3===t.tag){Sc(t,e,n);break}if(1===t.tag){var a=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof a.componentDidCatch&&(null===Vs||!Vs.has(a))){t=Ro(t,e=ml(t,e=ul(n,e),1),1),e=tc(),null!==t&&(bt(t,1,e),rc(t,e));break}}t=t.return}}function Cc(e,t,n){var a=e.pingCache;null!==a&&a.delete(t),t=tc(),e.pingedLanes|=e.suspendedLanes&n,Es===e&&(Ts&n)===n&&(4===Rs||3===Rs&&(130023424&Ts)===Ts&&500>Ke()-$s?fc(e,0):Fs|=n),rc(e,t)}function Pc(e,t){0===t&&(0==(1&e.mode)?t=1:(t=ut,0==(130023424&(ut<<=1))&&(ut=4194304)));var n=tc();null!==(e=Eo(e,t))&&(bt(e,t,n),rc(e,n))}function Ac(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Pc(e,n)}function Dc(e,t){var n=0;switch(e.tag){case 13:var a=e.stateNode,r=e.memoizedState;null!==r&&(n=r.retryLane);break;case 19:a=e.stateNode;break;default:throw Error(o(314))}null!==a&&a.delete(t),Pc(e,n)}function Ec(e,t){return Ve(e,t)}function Ic(e,t,n,a){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Tc(e,t,n,a){return new Ic(e,t,n,a)}function jc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function zc(e,t){var n=e.alternate;return null===n?((n=Tc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Rc(e,t,n,a,r,i){var l=2;if(a=e,"function"==typeof e)jc(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case L:return Nc(n.children,r,i,t);case S:l=8,r|=8;break;case _:return(e=Tc(12,n,t,2|r)).elementType=_,e.lanes=i,e;case D:return(e=Tc(13,n,t,r)).elementType=D,e.lanes=i,e;case E:return(e=Tc(19,n,t,r)).elementType=E,e.lanes=i,e;case j:return Oc(n,r,i,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case C:l=10;break e;case P:l=9;break e;case A:l=11;break e;case I:l=14;break e;case T:l=16,a=null;break e}throw Error(o(130,null==e?e:typeof e,""))}return(t=Tc(l,n,t,r)).elementType=e,t.type=a,t.lanes=i,t}function Nc(e,t,n,a){return(e=Tc(7,e,a,t)).lanes=n,e}function Oc(e,t,n,a){return(e=Tc(22,e,a,t)).elementType=j,e.lanes=n,e.stateNode={isHidden:!1},e}function Mc(e,t,n){return(e=Tc(6,e,null,t)).lanes=n,e}function Fc(e,t,n){return(t=Tc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Bc(e,t,n,a,r){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ht(0),this.expirationTimes=ht(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ht(0),this.identifierPrefix=a,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Uc(e,t,n,a,r,o,i,l,s){return e=new Bc(e,t,n,l,s),1===t?(t=1,!0===o&&(t|=8)):t=0,o=Tc(3,null,null,t),e.current=o,o.stateNode=e,o.memoizedState={element:a,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},To(o),e}function $c(e){if(!e)return Pr;e:{if($e(e=e._reactInternals)!==e||1!==e.tag)throw Error(o(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Tr(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(o(171))}if(1===e.tag){var n=e.type;if(Tr(n))return Rr(e,n,t)}return t}function qc(e,t,n,a,r,o,i,l,s){return(e=Uc(n,a,!0,e,0,o,0,l,s)).context=$c(null),n=e.current,(o=zo(a=tc(),r=nc(n))).callback=null!=t?t:null,Ro(n,o,r),e.current.lanes=r,bt(e,r,a),rc(e,a),e}function Hc(e,t,n,a){var r=t.current,o=tc(),i=nc(r);return n=$c(n),null===t.context?t.context=n:t.pendingContext=n,(t=zo(o,i)).payload={element:e},null!==(a=void 0===a?null:a)&&(t.callback=a),null!==(e=Ro(r,t,i))&&(ac(e,r,i,o),No(e,r,i)),i}function Gc(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Zc(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Vc(e,t){Zc(e,t),(e=e.alternate)&&Zc(e,t)}Ss=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||Dr.current)wl=!0;else{if(0==(e.lanes&n)&&0==(128&t.flags))return wl=!1,function(e,t,n){switch(t.tag){case 3:El(t),go();break;case 5:ii(t);break;case 1:Tr(t.type)&&Nr(t);break;case 4:ri(t,t.stateNode.containerInfo);break;case 10:var a=t.type._context,r=t.memoizedProps.value;Cr(yo,a._currentValue),a._currentValue=r;break;case 13:if(null!==(a=t.memoizedState))return null!==a.dehydrated?(Cr(si,1&si.current),t.flags|=128,null):0!=(n&t.child.childLanes)?Ml(e,t,n):(Cr(si,1&si.current),null!==(e=Gl(e,t,n))?e.sibling:null);Cr(si,1&si.current);break;case 19:if(a=0!=(n&t.childLanes),0!=(128&e.flags)){if(a)return ql(e,t,n);t.flags|=128}if(null!==(r=t.memoizedState)&&(r.rendering=null,r.tail=null,r.lastEffect=null),Cr(si,si.current),a)break;return null;case 22:case 23:return t.lanes=0,_l(e,t,n)}return Gl(e,t,n)}(e,t,n);wl=0!=(131072&e.flags)}else wl=!1,ro&&0!=(1048576&t.flags)&&Jr(t,Zr,t.index);switch(t.lanes=0,t.tag){case 2:var a=t.type;Hl(e,t),e=t.pendingProps;var r=Ir(t,Ar.current);_o(t,n),r=Si(null,t,a,e,r,n);var i=_i();return t.flags|=1,"object"==typeof r&&null!==r&&"function"==typeof r.render&&void 0===r.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Tr(a)?(i=!0,Nr(t)):i=!1,t.memoizedState=null!==r.state&&void 0!==r.state?r.state:null,To(t),r.updater=$o,t.stateNode=r,r._reactInternals=t,Zo(t,a,e,n),t=Dl(null,t,a,!0,i,n)):(t.tag=0,ro&&i&&eo(t),xl(null,t,r,n),t=t.child),t;case 16:a=t.elementType;e:{switch(Hl(e,t),e=t.pendingProps,a=(r=a._init)(a._payload),t.type=a,r=t.tag=function(e){if("function"==typeof e)return jc(e)?1:0;if(null!=e){if((e=e.$$typeof)===A)return 11;if(e===I)return 14}return 2}(a),e=bo(a,e),r){case 0:t=Pl(null,t,a,e,n);break e;case 1:t=Al(null,t,a,e,n);break e;case 11:t=kl(null,t,a,e,n);break e;case 14:t=Ll(null,t,a,bo(a.type,e),n);break e}throw Error(o(306,a,""))}return t;case 0:return a=t.type,r=t.pendingProps,Pl(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 1:return a=t.type,r=t.pendingProps,Al(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 3:e:{if(El(t),null===e)throw Error(o(387));a=t.pendingProps,r=(i=t.memoizedState).element,jo(e,t),Mo(t,a,null,n);var l=t.memoizedState;if(a=l.element,i.isDehydrated){if(i={element:a,isDehydrated:!1,cache:l.cache,pendingSuspenseBoundaries:l.pendingSuspenseBoundaries,transitions:l.transitions},t.updateQueue.baseState=i,t.memoizedState=i,256&t.flags){t=Il(e,t,a,n,r=ul(Error(o(423)),t));break e}if(a!==r){t=Il(e,t,a,n,r=ul(Error(o(424)),t));break e}for(ao=cr(t.stateNode.containerInfo.firstChild),no=t,ro=!0,oo=null,n=Xo(t,null,a,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(go(),a===r){t=Gl(e,t,n);break e}xl(e,t,a,n)}t=t.child}return t;case 5:return ii(t),null===e&&co(t),a=t.type,r=t.pendingProps,i=null!==e?e.memoizedProps:null,l=r.children,nr(a,r)?l=null:null!==i&&nr(a,i)&&(t.flags|=32),Cl(e,t),xl(e,t,l,n),t.child;case 6:return null===e&&co(t),null;case 13:return Ml(e,t,n);case 4:return ri(t,t.stateNode.containerInfo),a=t.pendingProps,null===e?t.child=Ko(t,null,a,n):xl(e,t,a,n),t.child;case 11:return a=t.type,r=t.pendingProps,kl(e,t,a,r=t.elementType===a?r:bo(a,r),n);case 7:return xl(e,t,t.pendingProps,n),t.child;case 8:case 12:return xl(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(a=t.type._context,r=t.pendingProps,i=t.memoizedProps,l=r.value,Cr(yo,a._currentValue),a._currentValue=l,null!==i)if(la(i.value,l)){if(i.children===r.children&&!Dr.current){t=Gl(e,t,n);break e}}else for(null!==(i=t.child)&&(i.return=t);null!==i;){var s=i.dependencies;if(null!==s){l=i.child;for(var c=s.firstContext;null!==c;){if(c.context===a){if(1===i.tag){(c=zo(-1,n&-n)).tag=2;var u=i.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?c.next=c:(c.next=d.next,d.next=c),u.pending=c}}i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),So(i.return,n,t),s.lanes|=n;break}c=c.next}}else if(10===i.tag)l=i.type===t.type?null:i.child;else if(18===i.tag){if(null===(l=i.return))throw Error(o(341));l.lanes|=n,null!==(s=l.alternate)&&(s.lanes|=n),So(l,n,t),l=i.sibling}else l=i.child;if(null!==l)l.return=i;else for(l=i;null!==l;){if(l===t){l=null;break}if(null!==(i=l.sibling)){i.return=l.return,l=i;break}l=l.return}i=l}xl(e,t,r.children,n),t=t.child}return t;case 9:return r=t.type,a=t.pendingProps.children,_o(t,n),a=a(r=Co(r)),t.flags|=1,xl(e,t,a,n),t.child;case 14:return r=bo(a=t.type,t.pendingProps),Ll(e,t,a,r=bo(a.type,r),n);case 15:return Sl(e,t,t.type,t.pendingProps,n);case 17:return a=t.type,r=t.pendingProps,r=t.elementType===a?r:bo(a,r),Hl(e,t),t.tag=1,Tr(a)?(e=!0,Nr(t)):e=!1,_o(t,n),Ho(t,a,r),Zo(t,a,r,n),Dl(null,t,a,!0,e,n);case 19:return ql(e,t,n);case 22:return _l(e,t,n)}throw Error(o(156,t.tag))};var Wc="function"==typeof reportError?reportError:function(e){console.error(e)};function Qc(e){this._internalRoot=e}function Yc(e){this._internalRoot=e}function Kc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Xc(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Jc(){}function eu(e,t,n,a,r){var o=n._reactRootContainer;if(o){var i=o;if("function"==typeof r){var l=r;r=function(){var e=Gc(i);l.call(e)}}Hc(t,i,e,r)}else i=function(e,t,n,a,r){if(r){if("function"==typeof a){var o=a;a=function(){var e=Gc(i);o.call(e)}}var i=qc(t,a,e,0,null,!1,0,"",Jc);return e._reactRootContainer=i,e[gr]=i.current,$a(8===e.nodeType?e.parentNode:e),dc(),i}for(;r=e.lastChild;)e.removeChild(r);if("function"==typeof a){var l=a;a=function(){var e=Gc(s);l.call(e)}}var s=Uc(e,0,!1,null,0,!1,0,"",Jc);return e._reactRootContainer=s,e[gr]=s.current,$a(8===e.nodeType?e.parentNode:e),dc((function(){Hc(t,s,n,a)})),s}(n,t,e,r,a);return Gc(i)}Yc.prototype.render=Qc.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(o(409));Hc(e,t,null,null)},Yc.prototype.unmount=Qc.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;dc((function(){Hc(null,e,null,null)})),t[gr]=null}},Yc.prototype.unstable_scheduleHydration=function(e){if(e){var t=St();e={blockedOn:null,target:e,priority:t};for(var n=0;n<jt.length&&0!==t&&t<jt[n].priority;n++);jt.splice(n,0,e),0===n&&Ot(e)}},xt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(yt(t,1|n),rc(t,Ke()),0==(6&Ds)&&(qs=Ke()+500,$r()))}break;case 13:dc((function(){var t=Eo(e,1);if(null!==t){var n=tc();ac(t,e,1,n)}})),Vc(e,1)}},kt=function(e){if(13===e.tag){var t=Eo(e,134217728);if(null!==t)ac(t,e,134217728,tc());Vc(e,134217728)}},Lt=function(e){if(13===e.tag){var t=nc(e),n=Eo(e,t);if(null!==n)ac(n,e,t,tc());Vc(e,t)}},St=function(){return vt},_t=function(e,t){var n=vt;try{return vt=e,t()}finally{vt=n}},ke=function(e,t,n){switch(t){case"input":if(X(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var a=n[t];if(a!==e&&a.form===e.form){var r=xr(a);if(!r)throw Error(o(90));V(a),X(a,r)}}}break;case"textarea":oe(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},Ae=uc,De=dc;var tu={usingClientEntryPoint:!1,Events:[vr,wr,xr,Ce,Pe,uc]},nu={findFiberByHostInstance:yr,bundleType:0,version:"18.2.0",rendererPackageName:"react-dom"},au={bundleType:nu.bundleType,version:nu.version,rendererPackageName:nu.rendererPackageName,rendererConfig:nu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:w.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ge(e))?null:e.stateNode},findFiberByHostInstance:nu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0-next-9e3b772b8-20220608"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ru=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ru.isDisabled&&ru.supportsFiber)try{rt=ru.inject(au),ot=ru}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=tu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Kc(t))throw Error(o(200));return function(e,t,n){var a=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:k,key:null==a?null:""+a,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Kc(e))throw Error(o(299));var n=!1,a="",r=Wc;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(a=t.identifierPrefix),void 0!==t.onRecoverableError&&(r=t.onRecoverableError)),t=Uc(e,1,!1,null,0,n,0,a,r),e[gr]=t.current,$a(8===e.nodeType?e.parentNode:e),new Qc(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(o(188));throw e=Object.keys(e).join(","),Error(o(268,e))}return e=null===(e=Ge(t))?null:e.stateNode},t.flushSync=function(e){return dc(e)},t.hydrate=function(e,t,n){if(!Xc(t))throw Error(o(200));return eu(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Kc(e))throw Error(o(405));var a=null!=n&&n.hydratedSources||null,r=!1,i="",l=Wc;if(null!=n&&(!0===n.unstable_strictMode&&(r=!0),void 0!==n.identifierPrefix&&(i=n.identifierPrefix),void 0!==n.onRecoverableError&&(l=n.onRecoverableError)),t=qc(t,null,e,1,null!=n?n:null,r,0,i,l),e[gr]=t.current,$a(e),a)for(e=0;e<a.length;e++)r=(r=(n=a[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,r]:t.mutableSourceEagerHydrationData.push(n,r);return new Yc(t)},t.render=function(e,t,n){if(!Xc(t))throw Error(o(200));return eu(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Xc(e))throw Error(o(40));return!!e._reactRootContainer&&(dc((function(){eu(null,null,e,!1,(function(){e._reactRootContainer=null,e[gr]=null}))})),!0)},t.unstable_batchedUpdates=uc,t.unstable_renderSubtreeIntoContainer=function(e,t,n,a){if(!Xc(n))throw Error(o(200));if(null==e||void 0===e._reactInternals)throw Error(o(38));return eu(e,t,n,!1,a)},t.version="18.2.0-next-9e3b772b8-20220608"},4478:(e,t,n)=>{"use strict";var a=n(422);t.createRoot=a.createRoot,t.hydrateRoot=a.hydrateRoot},422:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(3746)},5154:e=>{var t="undefined"!=typeof Element,n="function"==typeof Map,a="function"==typeof Set,r="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function o(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var l,s,c,u;if(Array.isArray(e)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(!o(e[s],i[s]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;for(u=e.entries();!(s=u.next()).done;)if(!o(s.value[1],i.get(s.value[0])))return!1;return!0}if(a&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(u=e.entries();!(s=u.next()).done;)if(!i.has(s.value[0]))return!1;return!0}if(r&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(e[s]!==i[s])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf&&"function"==typeof e.valueOf&&"function"==typeof i.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString&&"function"==typeof e.toString&&"function"==typeof i.toString)return e.toString()===i.toString();if((l=(c=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(i,c[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==c[s]&&"__v"!==c[s]&&"__o"!==c[s]||!e.$$typeof)&&!o(e[c[s]],i[c[s]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return o(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},387:(e,t,n)=>{"use strict";n.d(t,{B6:()=>G,ql:()=>J});var a=n(959),r=n(507),o=n.n(r),i=n(5154),l=n.n(i),s=n(3670),c=n.n(s),u=n(631),d=n.n(u);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},p.apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,g(e,t)}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function m(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)t.indexOf(n=o[a])>=0||(r[n]=e[n]);return r}var h={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title",FRAGMENT:"Symbol(react.fragment)"},b={rel:["amphtml","canonical","alternate"]},y={type:["application/ld+json"]},v={charset:"",name:["robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]},w=Object.keys(h).map((function(e){return h[e]})),x={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},k=Object.keys(x).reduce((function(e,t){return e[x[t]]=t,e}),{}),L=function(e,t){for(var n=e.length-1;n>=0;n-=1){var a=e[n];if(Object.prototype.hasOwnProperty.call(a,t))return a[t]}return null},S=function(e){var t=L(e,h.TITLE),n=L(e,"titleTemplate");if(Array.isArray(t)&&(t=t.join("")),n&&t)return n.replace(/%s/g,(function(){return t}));var a=L(e,"defaultTitle");return t||a||void 0},_=function(e){return L(e,"onChangeClientState")||function(){}},C=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return p({},e,t)}),{})},P=function(e,t){return t.filter((function(e){return void 0!==e[h.BASE]})).map((function(e){return e[h.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var a=Object.keys(n),r=0;r<a.length;r+=1){var o=a[r].toLowerCase();if(-1!==e.indexOf(o)&&n[o])return t.concat(n)}return t}),[])},A=function(e,t,n){var a={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&console&&"function"==typeof console.warn&&console.warn("Helmet: "+e+' should be of type "Array". Instead found type "'+typeof t[e]+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var r={};n.filter((function(e){for(var n,o=Object.keys(e),i=0;i<o.length;i+=1){var l=o[i],s=l.toLowerCase();-1===t.indexOf(s)||"rel"===n&&"canonical"===e[n].toLowerCase()||"rel"===s&&"stylesheet"===e[s].toLowerCase()||(n=s),-1===t.indexOf(l)||"innerHTML"!==l&&"cssText"!==l&&"itemprop"!==l||(n=l)}if(!n||!e[n])return!1;var c=e[n].toLowerCase();return a[n]||(a[n]={}),r[n]||(r[n]={}),!a[n][c]&&(r[n][c]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var o=Object.keys(r),i=0;i<o.length;i+=1){var l=o[i],s=p({},a[l],r[l]);a[l]=s}return e}),[]).reverse()},D=function(e,t){if(Array.isArray(e)&&e.length)for(var n=0;n<e.length;n+=1)if(e[n][t])return!0;return!1},E=function(e){return Array.isArray(e)?e.join(""):e},I=function(e,t){return Array.isArray(e)?e.reduce((function(e,n){return function(e,t){for(var n=Object.keys(e),a=0;a<n.length;a+=1)if(t[n[a]]&&t[n[a]].includes(e[n[a]]))return!0;return!1}(n,t)?e.priority.push(n):e.default.push(n),e}),{priority:[],default:[]}):{default:e}},T=function(e,t){var n;return p({},e,((n={})[t]=void 0,n))},j=[h.NOSCRIPT,h.SCRIPT,h.STYLE],z=function(e,t){return void 0===t&&(t=!0),!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},R=function(e){return Object.keys(e).reduce((function(t,n){var a=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+a:a}),"")},N=function(e,t){return void 0===t&&(t={}),Object.keys(e).reduce((function(t,n){return t[x[n]||n]=e[n],t}),t)},O=function(e,t){return t.map((function(t,n){var r,o=((r={key:n})["data-rh"]=!0,r);return Object.keys(t).forEach((function(e){var n=x[e]||e;"innerHTML"===n||"cssText"===n?o.dangerouslySetInnerHTML={__html:t.innerHTML||t.cssText}:o[n]=t[e]})),a.createElement(e,o)}))},M=function(e,t,n){switch(e){case h.TITLE:return{toComponent:function(){return n=t.titleAttributes,(r={key:e=t.title})["data-rh"]=!0,o=N(n,r),[a.createElement(h.TITLE,o,e)];var e,n,r,o},toString:function(){return function(e,t,n,a){var r=R(n),o=E(t);return r?"<"+e+' data-rh="true" '+r+">"+z(o,a)+"</"+e+">":"<"+e+' data-rh="true">'+z(o,a)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case"bodyAttributes":case"htmlAttributes":return{toComponent:function(){return N(t)},toString:function(){return R(t)}};default:return{toComponent:function(){return O(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,a){var r=Object.keys(a).filter((function(e){return!("innerHTML"===e||"cssText"===e)})).reduce((function(e,t){var r=void 0===a[t]?t:t+'="'+z(a[t],n)+'"';return e?e+" "+r:r}),""),o=a.innerHTML||a.cssText||"",i=-1===j.indexOf(e);return t+"<"+e+' data-rh="true" '+r+(i?"/>":">"+o+"</"+e+">")}),"")}(e,t,n)}}}},F=function(e){var t=e.baseTag,n=e.bodyAttributes,a=e.encode,r=e.htmlAttributes,o=e.noscriptTags,i=e.styleTags,l=e.title,s=void 0===l?"":l,c=e.titleAttributes,u=e.linkTags,d=e.metaTags,p=e.scriptTags,f={toComponent:function(){},toString:function(){return""}};if(e.prioritizeSeoTags){var g=function(e){var t=e.linkTags,n=e.scriptTags,a=e.encode,r=I(e.metaTags,v),o=I(t,b),i=I(n,y);return{priorityMethods:{toComponent:function(){return[].concat(O(h.META,r.priority),O(h.LINK,o.priority),O(h.SCRIPT,i.priority))},toString:function(){return M(h.META,r.priority,a)+" "+M(h.LINK,o.priority,a)+" "+M(h.SCRIPT,i.priority,a)}},metaTags:r.default,linkTags:o.default,scriptTags:i.default}}(e);f=g.priorityMethods,u=g.linkTags,d=g.metaTags,p=g.scriptTags}return{priority:f,base:M(h.BASE,t,a),bodyAttributes:M("bodyAttributes",n,a),htmlAttributes:M("htmlAttributes",r,a),link:M(h.LINK,u,a),meta:M(h.META,d,a),noscript:M(h.NOSCRIPT,o,a),script:M(h.SCRIPT,p,a),style:M(h.STYLE,i,a),title:M(h.TITLE,{title:s,titleAttributes:c},a)}},B=[],U=function(e,t){var n=this;void 0===t&&(t="undefined"!=typeof document),this.instances=[],this.value={setHelmet:function(e){n.context.helmet=e},helmetInstances:{get:function(){return n.canUseDOM?B:n.instances},add:function(e){(n.canUseDOM?B:n.instances).push(e)},remove:function(e){var t=(n.canUseDOM?B:n.instances).indexOf(e);(n.canUseDOM?B:n.instances).splice(t,1)}}},this.context=e,this.canUseDOM=t,t||(e.helmet=F({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))},$=a.createContext({}),q=o().shape({setHelmet:o().func,helmetInstances:o().shape({get:o().func,add:o().func,remove:o().func})}),H="undefined"!=typeof document,G=function(e){function t(n){var a;return(a=e.call(this,n)||this).helmetData=new U(a.props.context,t.canUseDOM),a}return f(t,e),t.prototype.render=function(){return a.createElement($.Provider,{value:this.helmetData.value},this.props.children)},t}(a.Component);G.canUseDOM=H,G.propTypes={context:o().shape({helmet:o().shape()}),children:o().node.isRequired},G.defaultProps={context:{}},G.displayName="HelmetProvider";var Z=function(e,t){var n,a=document.head||document.querySelector(h.HEAD),r=a.querySelectorAll(e+"[data-rh]"),o=[].slice.call(r),i=[];return t&&t.length&&t.forEach((function(t){var a=document.createElement(e);for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&("innerHTML"===r?a.innerHTML=t.innerHTML:"cssText"===r?a.styleSheet?a.styleSheet.cssText=t.cssText:a.appendChild(document.createTextNode(t.cssText)):a.setAttribute(r,void 0===t[r]?"":t[r]));a.setAttribute("data-rh","true"),o.some((function(e,t){return n=t,a.isEqualNode(e)}))?o.splice(n,1):i.push(a)})),o.forEach((function(e){return e.parentNode.removeChild(e)})),i.forEach((function(e){return a.appendChild(e)})),{oldTags:o,newTags:i}},V=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var a=n.getAttribute("data-rh"),r=a?a.split(","):[],o=[].concat(r),i=Object.keys(t),l=0;l<i.length;l+=1){var s=i[l],c=t[s]||"";n.getAttribute(s)!==c&&n.setAttribute(s,c),-1===r.indexOf(s)&&r.push(s);var u=o.indexOf(s);-1!==u&&o.splice(u,1)}for(var d=o.length-1;d>=0;d-=1)n.removeAttribute(o[d]);r.length===o.length?n.removeAttribute("data-rh"):n.getAttribute("data-rh")!==i.join(",")&&n.setAttribute("data-rh",i.join(","))}},W=function(e,t){var n=e.baseTag,a=e.htmlAttributes,r=e.linkTags,o=e.metaTags,i=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,c=e.styleTags,u=e.title,d=e.titleAttributes;V(h.BODY,e.bodyAttributes),V(h.HTML,a),function(e,t){void 0!==e&&document.title!==e&&(document.title=E(e)),V(h.TITLE,t)}(u,d);var p={baseTag:Z(h.BASE,n),linkTags:Z(h.LINK,r),metaTags:Z(h.META,o),noscriptTags:Z(h.NOSCRIPT,i),scriptTags:Z(h.SCRIPT,s),styleTags:Z(h.STYLE,c)},f={},g={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,a=t.oldTags;n.length&&(f[e]=n),a.length&&(g[e]=p[e].oldTags)})),t&&t(),l(e,f,g)},Q=null,Y=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(t=e.call.apply(e,[this].concat(a))||this).rendered=!1,t}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!d()(e,this.props)},n.componentDidUpdate=function(){this.emitChange()},n.componentWillUnmount=function(){this.props.context.helmetInstances.remove(this),this.emitChange()},n.emitChange=function(){var e,t,n=this.props.context,a=n.setHelmet,r=null,o=(e=n.helmetInstances.get().map((function(e){var t=p({},e.props);return delete t.context,t})),{baseTag:P(["href"],e),bodyAttributes:C("bodyAttributes",e),defer:L(e,"defer"),encode:L(e,"encodeSpecialCharacters"),htmlAttributes:C("htmlAttributes",e),linkTags:A(h.LINK,["rel","href"],e),metaTags:A(h.META,["name","charset","http-equiv","property","itemprop"],e),noscriptTags:A(h.NOSCRIPT,["innerHTML"],e),onChangeClientState:_(e),scriptTags:A(h.SCRIPT,["src","innerHTML"],e),styleTags:A(h.STYLE,["cssText"],e),title:S(e),titleAttributes:C("titleAttributes",e),prioritizeSeoTags:D(e,"prioritizeSeoTags")});G.canUseDOM?(t=o,Q&&cancelAnimationFrame(Q),t.defer?Q=requestAnimationFrame((function(){W(t,(function(){Q=null}))})):(W(t),Q=null)):F&&(r=F(o)),a(r)},n.init=function(){this.rendered||(this.rendered=!0,this.props.context.helmetInstances.add(this),this.emitChange())},n.render=function(){return this.init(),null},t}(a.Component);Y.propTypes={context:q.isRequired},Y.displayName="HelmetDispatcher";var K=["children"],X=["children"],J=function(e){function t(){return e.apply(this,arguments)||this}f(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return!l()(T(this.props,"helmetData"),T(e,"helmetData"))},n.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case h.SCRIPT:case h.NOSCRIPT:return{innerHTML:t};case h.STYLE:return{cssText:t};default:throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")}},n.flattenArrayTypeChildren=function(e){var t,n=e.child,a=e.arrayTypeChildren;return p({},a,((t={})[n.type]=[].concat(a[n.type]||[],[p({},e.newChildProps,this.mapNestedChildrenToProps(n,e.nestedChildren))]),t))},n.mapObjectTypeChildren=function(e){var t,n,a=e.child,r=e.newProps,o=e.newChildProps,i=e.nestedChildren;switch(a.type){case h.TITLE:return p({},r,((t={})[a.type]=i,t.titleAttributes=p({},o),t));case h.BODY:return p({},r,{bodyAttributes:p({},o)});case h.HTML:return p({},r,{htmlAttributes:p({},o)});default:return p({},r,((n={})[a.type]=p({},o),n))}},n.mapArrayTypeChildrenToProps=function(e,t){var n=p({},t);return Object.keys(e).forEach((function(t){var a;n=p({},n,((a={})[t]=e[t],a))})),n},n.warnOnInvalidChildren=function(e,t){return c()(w.some((function(t){return e.type===t})),"function"==typeof e.type?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":"Only elements types "+w.join(", ")+" are allowed. Helmet does not support rendering <"+e.type+"> elements. Refer to our API for more information."),c()(!t||"string"==typeof t||Array.isArray(t)&&!t.some((function(e){return"string"!=typeof e})),"Helmet expects a string as a child of <"+e.type+">. Did you forget to wrap your children in braces? ( <"+e.type+">{``}</"+e.type+"> ) Refer to our API for more information."),!0},n.mapChildrenToProps=function(e,t){var n=this,r={};return a.Children.forEach(e,(function(e){if(e&&e.props){var a=e.props,o=a.children,i=m(a,K),l=Object.keys(i).reduce((function(e,t){return e[k[t]||t]=i[t],e}),{}),s=e.type;switch("symbol"==typeof s?s=s.toString():n.warnOnInvalidChildren(e,o),s){case h.FRAGMENT:t=n.mapChildrenToProps(o,t);break;case h.LINK:case h.META:case h.NOSCRIPT:case h.SCRIPT:case h.STYLE:r=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:l,nestedChildren:o});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:l,nestedChildren:o})}}})),this.mapArrayTypeChildrenToProps(r,t)},n.render=function(){var e=this.props,t=e.children,n=m(e,X),r=p({},n),o=n.helmetData;return t&&(r=this.mapChildrenToProps(t,r)),!o||o instanceof U||(o=new U(o.context,o.instances)),o?a.createElement(Y,p({},r,{context:o.value,helmetData:void 0})):a.createElement($.Consumer,null,(function(e){return a.createElement(Y,p({},r,{context:e}))}))},t}(a.Component);J.propTypes={base:o().object,bodyAttributes:o().object,children:o().oneOfType([o().arrayOf(o().node),o().node]),defaultTitle:o().string,defer:o().bool,encodeSpecialCharacters:o().bool,htmlAttributes:o().object,link:o().arrayOf(o().object),meta:o().arrayOf(o().object),noscript:o().arrayOf(o().object),onChangeClientState:o().func,script:o().arrayOf(o().object),style:o().arrayOf(o().object),title:o().string,titleAttributes:o().object,titleTemplate:o().string,prioritizeSeoTags:o().bool,helmetData:o().object},J.defaultProps={defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1},J.displayName="Helmet"},198:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,a=n?Symbol.for("react.element"):60103,r=n?Symbol.for("react.portal"):60106,o=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.suspense"):60113,g=n?Symbol.for("react.suspense_list"):60120,m=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,b=n?Symbol.for("react.block"):60121,y=n?Symbol.for("react.fundamental"):60117,v=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function x(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case u:case d:case o:case l:case i:case f:return e;default:switch(e=e&&e.$$typeof){case c:case p:case h:case m:case s:return e;default:return t}}case r:return t}}}function k(e){return x(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=c,t.ContextProvider=s,t.Element=a,t.ForwardRef=p,t.Fragment=o,t.Lazy=h,t.Memo=m,t.Portal=r,t.Profiler=l,t.StrictMode=i,t.Suspense=f,t.isAsyncMode=function(e){return k(e)||x(e)===u},t.isConcurrentMode=k,t.isContextConsumer=function(e){return x(e)===c},t.isContextProvider=function(e){return x(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return x(e)===p},t.isFragment=function(e){return x(e)===o},t.isLazy=function(e){return x(e)===h},t.isMemo=function(e){return x(e)===m},t.isPortal=function(e){return x(e)===r},t.isProfiler=function(e){return x(e)===l},t.isStrictMode=function(e){return x(e)===i},t.isSuspense=function(e){return x(e)===f},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===d||e===l||e===i||e===f||e===g||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===p||e.$$typeof===y||e.$$typeof===v||e.$$typeof===w||e.$$typeof===b)},t.typeOf=x},6237:(e,t,n)=>{"use strict";e.exports=n(198)},9500:(e,t,n)=>{"use strict";n.d(t,{OL:()=>v,VK:()=>u,rU:()=>h});var a=n(8903),r=n(2666),o=n(959),i=n(4047),l=n(6920),s=n(3804),c=n(8624),u=function(e){function t(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(t=e.call.apply(e,[this].concat(a))||this).history=(0,i.lX)(t.props),t}return(0,r.Z)(t,e),t.prototype.render=function(){return o.createElement(a.F0,{history:this.history,children:this.props.children})},t}(o.Component);o.Component;var d=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},f=function(e){return e},g=o.forwardRef;void 0===g&&(g=f);var m=g((function(e,t){var n=e.innerRef,a=e.navigate,r=e.onClick,i=(0,s.Z)(e,["innerRef","navigate","onClick"]),c=i.target,u=(0,l.Z)({},i,{onClick:function(e){try{r&&r(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),a())}});return u.ref=f!==g&&t||n,o.createElement("a",u)}));var h=g((function(e,t){var n=e.component,r=void 0===n?m:n,u=e.replace,h=e.to,b=e.innerRef,y=(0,s.Z)(e,["component","replace","to","innerRef"]);return o.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=e.history,a=p(d(h,e.location),e.location),s=a?n.createHref(a):"",m=(0,l.Z)({},y,{href:s,navigate:function(){var t=d(h,e.location),a=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(u||a?n.replace:n.push)(t)}});return f!==g?m.ref=t||b:m.innerRef=b,o.createElement(r,m)}))})),b=function(e){return e},y=o.forwardRef;void 0===y&&(y=b);var v=y((function(e,t){var n=e["aria-current"],r=void 0===n?"page":n,i=e.activeClassName,u=void 0===i?"active":i,f=e.activeStyle,g=e.className,m=e.exact,v=e.isActive,w=e.location,x=e.sensitive,k=e.strict,L=e.style,S=e.to,_=e.innerRef,C=(0,s.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return o.createElement(a.s6.Consumer,null,(function(e){e||(0,c.Z)(!1);var n=w||e.location,i=p(d(S,n),n),s=i.pathname,P=s&&s.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=P?(0,a.LX)(n.pathname,{path:P,exact:m,sensitive:x,strict:k}):null,D=!!(v?v(A,n):A),E="function"==typeof g?g(D):g,I="function"==typeof L?L(D):L;D&&(E=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(E,u),I=(0,l.Z)({},I,f));var T=(0,l.Z)({"aria-current":D&&r||null,className:E,style:I,to:i},C);return b!==y?T.ref=t||_:T.innerRef=_,o.createElement(h,T)}))}))},8903:(e,t,n)=>{"use strict";n.d(t,{AW:()=>S,F0:()=>v,LX:()=>L,TH:()=>j,k6:()=>T,rs:()=>E,s6:()=>y});var a=n(2666),r=n(959),o=n(507),i=n.n(o),l=n(4047),s=n(8624),c=n(6920),u=n(7720),d=n.n(u),p=(n(6237),n(3804)),f=(n(2535),1073741823),g="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};var m=r.createContext||function(e,t){var n,o,l="__create-react-context-"+function(){var e="__global_unique_id__";return g[e]=(g[e]||0)+1}()+"__",s=function(e){function n(){for(var t,n,a,r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];return(t=e.call.apply(e,[this].concat(o))||this).emitter=(n=t.props.value,a=[],{on:function(e){a.push(e)},off:function(e){a=a.filter((function(t){return t!==e}))},get:function(){return n},set:function(e,t){n=e,a.forEach((function(e){return e(n,t)}))}}),t}(0,a.Z)(n,e);var r=n.prototype;return r.getChildContext=function(){var e;return(e={})[l]=this.emitter,e},r.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,a=this.props.value,r=e.value;((o=a)===(i=r)?0!==o||1/o==1/i:o!=o&&i!=i)?n=0:(n="function"==typeof t?t(a,r):f,0!==(n|=0)&&this.emitter.set(e.value,n))}var o,i},r.render=function(){return this.props.children},n}(r.Component);s.childContextTypes=((n={})[l]=i().object.isRequired,n);var c=function(t){function n(){for(var e,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return(e=t.call.apply(t,[this].concat(a))||this).observedBits=void 0,e.state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,a.Z)(n,t);var r=n.prototype;return r.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?f:t},r.componentDidMount=function(){this.context[l]&&this.context[l].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?f:e},r.componentWillUnmount=function(){this.context[l]&&this.context[l].off(this.onUpdate)},r.getValue=function(){return this.context[l]?this.context[l].get():e},r.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(r.Component);return c.contextTypes=((o={})[l]=i().object,o),{Provider:s,Consumer:c}},h=function(e){var t=m();return t.displayName=e,t},b=h("Router-History"),y=h("Router"),v=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}(0,a.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return r.createElement(y.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},r.createElement(b.Provider,{children:this.props.children||null,value:this.props.history}))},t}(r.Component);r.Component;r.Component;var w={},x=1e4,k=0;function L(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,a=n.path,r=n.exact,o=void 0!==r&&r,i=n.strict,l=void 0!==i&&i,s=n.sensitive,c=void 0!==s&&s;return[].concat(a).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var a=function(e,t){var n=""+t.end+t.strict+t.sensitive,a=w[n]||(w[n]={});if(a[e])return a[e];var r=[],o={regexp:d()(e,r,t),keys:r};return k<x&&(a[e]=o,k++),o}(n,{end:o,strict:l,sensitive:c}),r=a.regexp,i=a.keys,s=r.exec(e);if(!s)return null;var u=s[0],p=s.slice(1),f=e===u;return o&&!f?null:{path:n,url:"/"===n&&""===u?"/":u,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=p[n],e}),{})}}),null)}var S=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n=e.props.location||t.location,a=e.props.computedMatch?e.props.computedMatch:e.props.path?L(n.pathname,e.props):t.match,o=(0,c.Z)({},t,{location:n,match:a}),i=e.props,l=i.children,u=i.component,d=i.render;return Array.isArray(l)&&function(e){return 0===r.Children.count(e)}(l)&&(l=null),r.createElement(y.Provider,{value:o},o.match?l?"function"==typeof l?l(o):l:u?r.createElement(u,o):d?d(o):null:"function"==typeof l?l(o):null)}))},t}(r.Component);function _(e){return"/"===e.charAt(0)?e:"/"+e}function C(e,t){if(!e)return t;var n=_(e);return 0!==t.pathname.indexOf(n)?t:(0,c.Z)({},t,{pathname:t.pathname.substr(n.length)})}function P(e){return"string"==typeof e?e:(0,l.Ep)(e)}function A(e){return function(){(0,s.Z)(!1)}}function D(){}r.Component;var E=function(e){function t(){return e.apply(this,arguments)||this}return(0,a.Z)(t,e),t.prototype.render=function(){var e=this;return r.createElement(y.Consumer,null,(function(t){t||(0,s.Z)(!1);var n,a,o=e.props.location||t.location;return r.Children.forEach(e.props.children,(function(e){if(null==a&&r.isValidElement(e)){n=e;var i=e.props.path||e.props.from;a=i?L(o.pathname,(0,c.Z)({},e.props,{path:i})):t.match}})),a?r.cloneElement(n,{location:o,computedMatch:a}):null}))},t}(r.Component);var I=r.useContext;function T(){return I(b)}function j(){return I(y).location}},3354:(e,t,n)=>{"use strict";var a=n(959),r=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var a,o={},c=null,u=null;for(a in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,a)&&!s.hasOwnProperty(a)&&(o[a]=t[a]);if(e&&e.defaultProps)for(a in t=e.defaultProps)void 0===o[a]&&(o[a]=t[a]);return{$$typeof:r,type:e,key:c,ref:u,props:o,_owner:l.current}}t.Fragment=o,t.jsx=c,t.jsxs=c},5257:(e,t)=>{"use strict";var n=Symbol.for("react.element"),a=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),s=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.iterator;var g={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},m=Object.assign,h={};function b(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}function y(){}function v(e,t,n){this.props=e,this.context=t,this.refs=h,this.updater=n||g}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},y.prototype=b.prototype;var w=v.prototype=new y;w.constructor=v,m(w,b.prototype),w.isPureReactComponent=!0;var x=Array.isArray,k=Object.prototype.hasOwnProperty,L={current:null},S={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,a){var r,o={},i=null,l=null;if(null!=t)for(r in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)k.call(t,r)&&!S.hasOwnProperty(r)&&(o[r]=t[r]);var s=arguments.length-2;if(1===s)o.children=a;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];o.children=c}if(e&&e.defaultProps)for(r in s=e.defaultProps)void 0===o[r]&&(o[r]=s[r]);return{$$typeof:n,type:e,key:i,ref:l,props:o,_owner:L.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var P=/\/+/g;function A(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function D(e,t,r,o,i){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case n:case a:s=!0}}if(s)return i=i(s=e),e=""===o?"."+A(s,0):o,x(i)?(r="",null!=e&&(r=e.replace(P,"$&/")+"/"),D(i,t,r,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,r+(!i.key||s&&s.key===i.key?"":(""+i.key).replace(P,"$&/")+"/")+e)),t.push(i)),1;if(s=0,o=""===o?".":o+":",x(e))for(var c=0;c<e.length;c++){var u=o+A(l=e[c],c);s+=D(l,t,r,u,i)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),c=0;!(l=e.next()).done;)s+=D(l=l.value,t,r,u=o+A(l,c++),i);else if("object"===l)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return s}function E(e,t,n){if(null==e)return e;var a=[],r=0;return D(e,a,"","",(function(e){return t.call(n,e,r++)})),a}function I(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var T={current:null},j={transition:null},z={ReactCurrentDispatcher:T,ReactCurrentBatchConfig:j,ReactCurrentOwner:L};t.Children={map:E,forEach:function(e,t,n){E(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return E(e,(function(){t++})),t},toArray:function(e){return E(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=b,t.Fragment=r,t.Profiler=i,t.PureComponent=v,t.StrictMode=o,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=z,t.cloneElement=function(e,t,a){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=m({},e.props),o=e.key,i=e.ref,l=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,l=L.current),void 0!==t.key&&(o=""+t.key),e.type&&e.type.defaultProps)var s=e.type.defaultProps;for(c in t)k.call(t,c)&&!S.hasOwnProperty(c)&&(r[c]=void 0===t[c]&&void 0!==s?s[c]:t[c])}var c=arguments.length-2;if(1===c)r.children=a;else if(1<c){s=Array(c);for(var u=0;u<c;u++)s[u]=arguments[u+2];r.children=s}return{$$typeof:n,type:e.type,key:o,ref:i,props:r,_owner:l}},t.createContext=function(e){return(e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:l,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:c,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:p,_payload:{_status:-1,_result:e},_init:I}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=j.transition;j.transition={};try{e()}finally{j.transition=t}},t.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},t.useCallback=function(e,t){return T.current.useCallback(e,t)},t.useContext=function(e){return T.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return T.current.useDeferredValue(e)},t.useEffect=function(e,t){return T.current.useEffect(e,t)},t.useId=function(){return T.current.useId()},t.useImperativeHandle=function(e,t,n){return T.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return T.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return T.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return T.current.useMemo(e,t)},t.useReducer=function(e,t,n){return T.current.useReducer(e,t,n)},t.useRef=function(e){return T.current.useRef(e)},t.useState=function(e){return T.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return T.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return T.current.useTransition()},t.version="18.2.0"},959:(e,t,n)=>{"use strict";e.exports=n(5257)},1527:(e,t,n)=>{"use strict";e.exports=n(3354)},5568:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var a=n-1>>>1,r=e[a];if(!(0<o(r,t)))break e;e[a]=t,e[n]=r,n=a}}function a(e){return 0===e.length?null:e[0]}function r(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var a=0,r=e.length,i=r>>>1;a<i;){var l=2*(a+1)-1,s=e[l],c=l+1,u=e[c];if(0>o(s,n))c<r&&0>o(u,s)?(e[a]=u,e[c]=n,a=c):(e[a]=s,e[l]=n,a=l);else{if(!(c<r&&0>o(u,n)))break e;e[a]=u,e[c]=n,a=c}}}return t}function o(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var l=Date,s=l.now();t.unstable_now=function(){return l.now()-s}}var c=[],u=[],d=1,p=null,f=3,g=!1,m=!1,h=!1,b="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,v="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var t=a(u);null!==t;){if(null===t.callback)r(u);else{if(!(t.startTime<=e))break;r(u),t.sortIndex=t.expirationTime,n(c,t)}t=a(u)}}function x(e){if(h=!1,w(e),!m)if(null!==a(c))m=!0,j(k);else{var t=a(u);null!==t&&z(x,t.startTime-e)}}function k(e,n){m=!1,h&&(h=!1,y(C),C=-1),g=!0;var o=f;try{for(w(n),p=a(c);null!==p&&(!(p.expirationTime>n)||e&&!D());){var i=p.callback;if("function"==typeof i){p.callback=null,f=p.priorityLevel;var l=i(p.expirationTime<=n);n=t.unstable_now(),"function"==typeof l?p.callback=l:p===a(c)&&r(c),w(n)}else r(c);p=a(c)}if(null!==p)var s=!0;else{var d=a(u);null!==d&&z(x,d.startTime-n),s=!1}return s}finally{p=null,f=o,g=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var L,S=!1,_=null,C=-1,P=5,A=-1;function D(){return!(t.unstable_now()-A<P)}function E(){if(null!==_){var e=t.unstable_now();A=e;var n=!0;try{n=_(!0,e)}finally{n?L():(S=!1,_=null)}}else S=!1}if("function"==typeof v)L=function(){v(E)};else if("undefined"!=typeof MessageChannel){var I=new MessageChannel,T=I.port2;I.port1.onmessage=E,L=function(){T.postMessage(null)}}else L=function(){b(E,0)};function j(e){_=e,S||(S=!0,L())}function z(e,n){C=b((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){m||g||(m=!0,j(k))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):P=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return f},t.unstable_getFirstCallbackNode=function(){return a(c)},t.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},t.unstable_scheduleCallback=function(e,r,o){var i=t.unstable_now();switch("object"==typeof o&&null!==o?o="number"==typeof(o=o.delay)&&0<o?i+o:i:o=i,e){case 1:var l=-1;break;case 2:l=250;break;case 5:l=1073741823;break;case 4:l=1e4;break;default:l=5e3}return e={id:d++,callback:r,priorityLevel:e,startTime:o,expirationTime:l=o+l,sortIndex:-1},o>i?(e.sortIndex=o,n(u,e),null===a(c)&&e===a(u)&&(h?(y(C),C=-1):h=!0,z(x,o-i))):(e.sortIndex=l,n(c,e),m||g||(m=!0,j(k))),e},t.unstable_shouldYield=D,t.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}},2962:(e,t,n)=>{"use strict";e.exports=n(5568)},631:e=>{e.exports=function(e,t,n,a){var r=n?n.call(a,e,t):void 0;if(void 0!==r)return!!r;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var o=Object.keys(e),i=Object.keys(t);if(o.length!==i.length)return!1;for(var l=Object.prototype.hasOwnProperty.bind(t),s=0;s<o.length;s++){var c=o[s];if(!l(c))return!1;var u=e[c],d=t[c];if(!1===(r=n?n.call(a,u,d,c):void 0)||void 0===r&&u!==d)return!1}return!0}},6809:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const a={title:"ILLA Cloud",tagline:"Dinosaurs are cool",favicon:"img/public/favicon.ico",url:"https://illacloud.github.io",baseUrl:"/illa-website/zh/",organizationName:"illacloud",projectName:"illa-website",staticDirectories:["public","static"],onBrokenLinks:"warn",onBrokenMarkdownLinks:"warn",i18n:{defaultLocale:"en",locales:["en","zh","ja","de"],path:"i18n",localeConfigs:{}},presets:[["classic",{docs:!1,blog:!1,pages:!1,theme:{customCss:["./src/ILLATheme/css/custom.css","./src/css/custom.css"]},gtag:{trackingID:"G-QW745VE33W"}}]],themeConfig:{image:"img/social-card-large.png",colorMode:{defaultMode:"dark",disableSwitch:!1,respectPrefersColorScheme:!1},metadata:[{name:"og:type",content:"website"},{name:"twitter:card",content:"summary_large_image"},{name:"twitter:site",content:"@illaCloudHQ"},{name:"twitter:creator",content:"@illaCloudHQ"},{name:"keywords",content:"illa,illacloud,illa cloud,\u827e\u62c9\u4e91\u79d1,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,\u30ed\u30fc\u30b3\u30fc\u30c9,\u4f4e\u4ee3\u7801,\u5f00\u53d1\u8005\u5de5\u5177,\ub0ae\uc740 \ucf54\ub4dc,\uc624\ud508 \uc18c\uc2a4,\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9"}],prism:{theme:{plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},darkTheme:{plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},additionalLanguages:[],magicComments:[{className:"theme-code-block-highlighted-line",line:"highlight-next-line",block:{start:"highlight-start",end:"highlight-end"}}]},docs:{versionPersistence:"localStorage",sidebar:{hideable:!1,autoCollapseCategories:!1}},navbar:{hideOnScroll:!1,items:[]},tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},plugins:[null,null,["./plugins/blog-plugin.js",{blogTitle:"Blog",blogDescription:"A resource for ILLA, front-end ecosystem, and web development",routeBasePath:"/blog",postsPerPage:12,blogSidebarTitle:"All posts",blogSidebarCount:0,feedOptions:{type:"all",copyright:"Copyright \xa9 2024 ILLA."}}],"./plugins/solution-plugin.js","./plugins/linkedin.js","./plugins/twitter.js","./plugins/chatwoot.js"],baseUrlIssueBanner:!0,onDuplicateRoutes:"warn",customFields:{},themes:[],scripts:[],headTags:[],stylesheets:[],clientModules:[],titleDelimiter:"|",noIndex:!1,markdown:{format:"mdx",mermaid:!1,mdx1Compat:{comments:!0,admonitions:!0,headingIds:!0}}}},6920:(e,t,n)=>{"use strict";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},a.apply(this,arguments)}n.d(t,{Z:()=>a})},2666:(e,t,n)=>{"use strict";function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,a(e,t)}n.d(t,{Z:()=>r})},3804:(e,t,n)=>{"use strict";function a(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}n.d(t,{Z:()=>a})},5341:(e,t,n)=>{"use strict";function a(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=a(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}n.d(t,{Z:()=>r});const r=function(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=a(e))&&(r&&(r+=" "),r+=t);return r}},2425:(e,t,n)=>{"use strict";n.d(t,{p1:()=>P,y$:()=>ee});var a,r,o,i,l,s,c,u=n(959),d=n(5341),p=Object.create,f=Object.defineProperty,g=Object.defineProperties,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertyNames,y=Object.getOwnPropertySymbols,v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,k=(e,t,n)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,L=(e,t)=>{for(var n in t||(t={}))w.call(t,n)&&k(e,n,t[n]);if(y)for(var n of y(t))x.call(t,n)&&k(e,n,t[n]);return e},S=(e,t)=>g(e,h(t)),_=(e,t)=>{var n={};for(var a in e)w.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&y)for(var a of y(e))t.indexOf(a)<0&&x.call(e,a)&&(n[a]=e[a]);return n},C=(a={"../../node_modules/.pnpm/prismjs@1.29.0_patch_hash=vrxx3pzkik6jpmgpayxfjunetu/node_modules/prismjs/prism.js"(e,t){var n=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},a={util:{encode:function e(t){return t instanceof r?new r(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var r,o;switch(n=n||{},a.util.type(t)){case"Object":if(o=a.util.objId(t),n[o])return n[o];for(var i in r={},n[o]=r,t)t.hasOwnProperty(i)&&(r[i]=e(t[i],n));return r;case"Array":return o=a.util.objId(t),n[o]?n[o]:(r=[],n[o]=r,t.forEach((function(t,a){r[a]=e(t,n)})),r);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var a="no-"+t;e;){var r=e.classList;if(r.contains(t))return!0;if(r.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=a.util.clone(a.languages[e]);for(var r in t)n[r]=t[r];return n},insertBefore:function(e,t,n,r){var o=(r=r||a.languages)[e],i={};for(var l in o)if(o.hasOwnProperty(l)){if(l==t)for(var s in n)n.hasOwnProperty(s)&&(i[s]=n[s]);n.hasOwnProperty(l)||(i[l]=o[l])}var c=r[e];return r[e]=i,a.languages.DFS(a.languages,(function(t,n){n===c&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,r,o){o=o||{};var i=a.util.objId;for(var l in t)if(t.hasOwnProperty(l)){n.call(t,l,t[l],r||l);var s=t[l],c=a.util.type(s);"Object"!==c||o[i(s)]?"Array"!==c||o[i(s)]||(o[i(s)]=!0,e(s,n,l,o)):(o[i(s)]=!0,e(s,n,null,o))}}},plugins:{},highlight:function(e,t,n){var o={code:e,grammar:t,language:n};if(a.hooks.run("before-tokenize",o),!o.grammar)throw new Error('The language "'+o.language+'" has no grammar.');return o.tokens=a.tokenize(o.code,o.grammar),a.hooks.run("after-tokenize",o),r.stringify(a.util.encode(o.tokens),o.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var r=new l;return s(r,r.head,e),i(e,r,t,r.head,0),function(e){for(var t=[],n=e.head.next;n!==e.tail;)t.push(n.value),n=n.next;return t}(r)},hooks:{all:{},add:function(e,t){var n=a.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=a.hooks.all[e];if(n&&n.length)for(var r,o=0;r=n[o++];)r(t)}},Token:r};function r(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function o(e,t,n,a){e.lastIndex=t;var r=e.exec(n);if(r&&a&&r[1]){var o=r[1].length;r.index+=o,r[0]=r[0].slice(o)}return r}function i(e,t,n,l,u,d){for(var p in n)if(n.hasOwnProperty(p)&&n[p]){var f=n[p];f=Array.isArray(f)?f:[f];for(var g=0;g<f.length;++g){if(d&&d.cause==p+","+g)return;var m=f[g],h=m.inside,b=!!m.lookbehind,y=!!m.greedy,v=m.alias;if(y&&!m.pattern.global){var w=m.pattern.toString().match(/[imsuy]*$/)[0];m.pattern=RegExp(m.pattern.source,w+"g")}for(var x=m.pattern||m,k=l.next,L=u;k!==t.tail&&!(d&&L>=d.reach);L+=k.value.length,k=k.next){var S=k.value;if(t.length>e.length)return;if(!(S instanceof r)){var _,C=1;if(y){if(!(_=o(x,L,e,b))||_.index>=e.length)break;var P=_.index,A=_.index+_[0].length,D=L;for(D+=k.value.length;P>=D;)D+=(k=k.next).value.length;if(L=D-=k.value.length,k.value instanceof r)continue;for(var E=k;E!==t.tail&&(D<A||"string"==typeof E.value);E=E.next)C++,D+=E.value.length;C--,S=e.slice(L,D),_.index-=L}else if(!(_=o(x,0,S,b)))continue;P=_.index;var I=_[0],T=S.slice(0,P),j=S.slice(P+I.length),z=L+S.length;d&&z>d.reach&&(d.reach=z);var R=k.prev;if(T&&(R=s(t,R,T),L+=T.length),c(t,R,C),k=s(t,R,new r(p,h?a.tokenize(I,h):I,v,I)),j&&s(t,k,j),C>1){var N={cause:p+","+g,reach:z};i(e,t,n,k.prev,L,N),d&&N.reach>d.reach&&(d.reach=N.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var a=t.next,r={value:n,prev:t,next:a};return t.next=r,a.prev=r,e.length++,r}function c(e,t,n){for(var a=t.next,r=0;r<n&&a!==e.tail;r++)a=a.next;t.next=a,a.prev=t,e.length-=r}return r.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var r="";return t.forEach((function(t){r+=e(t,n)})),r}var o={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(o.classes,i):o.classes.push(i)),a.hooks.run("wrap",o);var l="";for(var s in o.attributes)l+=" "+s+'="'+(o.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+o.tag+' class="'+o.classes.join(" ")+'"'+l+">"+o.content+"</"+o.tag+">"},a}();t.exports=n,n.default=n}},function(){return r||(0,a[b(a)[0]])((r={exports:{}}).exports,r),r.exports}),P=((e,t,n)=>(n=null!=e?p(v(e)):{},((e,t,n,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let r of b(t))w.call(e,r)||r===n||f(e,r,{get:()=>t[r],enumerable:!(a=m(t,r))||a.enumerable});return e})(!t&&e&&e.__esModule?n:f(n,"default",{value:e,enumerable:!0}),e)))(C());P.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},P.languages.markup.tag.inside["attr-value"].inside.entity=P.languages.markup.entity,P.languages.markup.doctype.inside["internal-subset"].inside=P.languages.markup,P.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(P.languages.markup.tag,"addInlined",{value:function(e,t){var n;(t=((n=((n={})["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:P.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}))["language-"+t]={pattern:/[\s\S]+/,inside:P.languages[t]},{}))[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:n},P.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(P.languages.markup.tag,"addAttribute",{value:function(e,t){P.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:P.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),P.languages.html=P.languages.markup,P.languages.mathml=P.languages.markup,P.languages.svg=P.languages.markup,P.languages.xml=P.languages.extend("markup",{}),P.languages.ssml=P.languages.xml,P.languages.atom=P.languages.xml,P.languages.rss=P.languages.xml,o=P,i={pattern:/\\[\\(){}[\]^$+*?|.]/,alias:"escape"},s="(?:[^\\\\-]|"+(l=/\\(?:x[\da-fA-F]{2}|u[\da-fA-F]{4}|u\{[\da-fA-F]+\}|0[0-7]{0,2}|[123][0-7]{2}|c[a-zA-Z]|.)/).source+")",s=RegExp(s+"-"+s),c={pattern:/(<|')[^<>']+(?=[>']$)/,lookbehind:!0,alias:"variable"},o.languages.regex={"char-class":{pattern:/((?:^|[^\\])(?:\\\\)*)\[(?:[^\\\]]|\\[\s\S])*\]/,lookbehind:!0,inside:{"char-class-negation":{pattern:/(^\[)\^/,lookbehind:!0,alias:"operator"},"char-class-punctuation":{pattern:/^\[|\]$/,alias:"punctuation"},range:{pattern:s,inside:{escape:l,"range-punctuation":{pattern:/-/,alias:"operator"}}},"special-escape":i,"char-set":{pattern:/\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},escape:l}},"special-escape":i,"char-set":{pattern:/\.|\\[wsd]|\\p\{[^{}]+\}/i,alias:"class-name"},backreference:[{pattern:/\\(?![123][0-7]{2})[1-9]/,alias:"keyword"},{pattern:/\\k<[^<>']+>/,alias:"keyword",inside:{"group-name":c}}],anchor:{pattern:/[$^]|\\[ABbGZz]/,alias:"function"},escape:l,group:[{pattern:/\((?:\?(?:<[^<>']+>|'[^<>']+'|[>:]|<?[=!]|[idmnsuxU]+(?:-[idmnsuxU]+)?:?))?/,alias:"punctuation",inside:{"group-name":c}},{pattern:/\)/,alias:"punctuation"}],quantifier:{pattern:/(?:[+*?]|\{\d+(?:,\d*)?\})[?+]?/,alias:"number"},alternation:{pattern:/\|/,alias:"keyword"}},P.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},P.languages.javascript=P.languages.extend("clike",{"class-name":[P.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),P.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,P.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:P.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:P.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:P.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:P.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:P.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),P.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:P.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),P.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),P.languages.markup&&(P.languages.markup.tag.addInlined("script","javascript"),P.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),P.languages.js=P.languages.javascript,P.languages.actionscript=P.languages.extend("javascript",{keyword:/\b(?:as|break|case|catch|class|const|default|delete|do|dynamic|each|else|extends|final|finally|for|function|get|if|implements|import|in|include|instanceof|interface|internal|is|namespace|native|new|null|override|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|use|var|void|while|with)\b/,operator:/\+\+|--|(?:[+\-*\/%^]|&&?|\|\|?|<<?|>>?>?|[!=]=?)=?|[~?@]/}),P.languages.actionscript["class-name"].alias="function",delete P.languages.actionscript.parameter,delete P.languages.actionscript["literal-property"],P.languages.markup&&P.languages.insertBefore("actionscript","string",{xml:{pattern:/(^|[^.])<\/?\w+(?:\s+[^\s>\/=]+=("|')(?:\\[\s\S]|(?!\2)[^\\])*\2)*\s*\/?>/,lookbehind:!0,inside:P.languages.markup}}),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(P),function(e){var t=e.languages.javadoclike={parameter:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*@(?:arg|arguments|param)\s+)\w+/m,lookbehind:!0},keyword:{pattern:/(^[\t ]*(?:\/{3}|\*|\/\*\*)\s*|\{)@[a-z][a-zA-Z-]+\b/m,lookbehind:!0},punctuation:/[{}]/};Object.defineProperty(t,"addSupport",{value:function(t,n){(t="string"==typeof t?[t]:t).forEach((function(t){var a=function(e){e.inside||(e.inside={}),e.inside.rest=n},r="doc-comment";if(o=e.languages[t]){var o,i=o[r];if((i=i||(o=e.languages.insertBefore(t,"comment",{"doc-comment":{pattern:/(^|[^\\])\/\*\*[^/][\s\S]*?(?:\*\/|$)/,lookbehind:!0,alias:"comment"}}))[r])instanceof RegExp&&(i=o[r]={pattern:i}),Array.isArray(i))for(var l=0,s=i.length;l<s;l++)i[l]instanceof RegExp&&(i[l]={pattern:i[l]}),a(i[l]);else a(i)}}))}}),t.addSupport(["java","javascript","php"],t)}(P),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;(t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup))&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(P),function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,n=(t=(e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+t.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[t,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}}),{pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0}),{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0});e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|RebeccaPurple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,number:n})}(P),function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,a="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",r=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),o=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return a}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return a})).replace(/<<key>>/g,(function(){return"(?:"+r+"|"+o+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(o),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(P),function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var a=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,r=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return a})),o=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source,i=(e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+r+o+"(?:"+r+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+r+o+")(?:"+r+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(a),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+r+")"+o+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+r+"$"),inside:{"table-header":{pattern:RegExp(a),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,a=t.length;n<a;n++){var r,o=t[n];"code"!==o.type?e(o.content):(r=o.content[1],o=o.content[3],r&&o&&"code-language"===r.type&&"code-block"===o.type&&"string"==typeof r.content&&(r=r.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),r="language-"+(r=(/[a-z][\w-]*/i.exec(r)||[""])[0].toLowerCase()),o.alias?"string"==typeof o.alias?o.alias=[o.alias,r]:o.alias.push(r):o.alias=[r]))}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",a=0,r=t.classes.length;a<r;a++){var o=t.classes[a];if(o=/language-(.+)/.exec(o)){n=o[1];break}}var c,u=e.languages[n];u?t.content=e.highlight(t.content.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;return"#"===(t=t.toLowerCase())[0]?(n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),s(n)):l[t]||e})),u,n):n&&"none"!==n&&e.plugins.autoloader&&(c="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random()),t.attributes.id=c,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(c);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))})))}})),RegExp(e.languages.markup.tag.pattern.source,"gi")),l={amp:"&",lt:"<",gt:">",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(P),P.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:P.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},P.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var a=t[n++];if("keyword"===a.type&&"mutation"===a.content){var r=[];if(d(["definition-mutation","punctuation"])&&"("===u(1).content){n+=2;var o=p(/^\($/,/^\)$/);if(-1===o)continue;for(;n<o;n++){var i=u(0);"variable"===i.type&&(f(i,"variable-input"),r.push(i.content))}n=o+1}if(d(["punctuation","property-query"])&&"{"===u(0).content&&(n++,f(u(0),"property-mutation"),0<r.length)){var l=p(/^\{$/,/^\}$/);if(-1!==l)for(var s=n;s<l;s++){var c=t[s];"variable"===c.type&&0<=r.indexOf(c.content)&&f(c,"variable-input")}}}}function u(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var a=u(n+t);if(!a||a.type!==e[n])return}return 1}function p(e,a){for(var r=1,o=n;o<t.length;o++){var i=t[o],l=i.content;if("punctuation"===i.type&&"string"==typeof l)if(e.test(l))r++;else if(a.test(l)&&0==--r)return o}return-1}function f(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),P.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,a=t.inside.interpolation,r=a.inside["interpolation-punctuation"],o=a.pattern.source;function i(t,a){if(e.languages[t])return{pattern:RegExp("((?:"+a+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(t,n,a){return t={code:t,grammar:n,language:a},e.hooks.run("before-tokenize",t),t.tokens=e.tokenize(t.code,t.grammar),e.hooks.run("after-tokenize",t),t.tokens}function s(t,n,i){var s=e.tokenize(t,{interpolation:{pattern:RegExp(o),lookbehind:!0}}),c=0,u={},d=(s=l(s.map((function(e){if("string"==typeof e)return e;var n,a;for(e=e.content;-1!==t.indexOf((a=c++,n="___"+i.toUpperCase()+"_"+a+"___")););return u[n]=e,n})).join(""),n,i),Object.keys(u));return c=0,function t(n){for(var o=0;o<n.length;o++){if(c>=d.length)return;var i,s,p,f,g,m,h,b=n[o];"string"==typeof b||"string"==typeof b.content?(i=d[c],-1!==(h=(m="string"==typeof b?b:b.content).indexOf(i))&&(++c,s=m.substring(0,h),g=u[i],p=void 0,(f={})["interpolation-punctuation"]=r,3===(f=e.tokenize(g,f)).length&&((p=[1,1]).push.apply(p,l(f[1],e.languages.javascript,"javascript")),f.splice.apply(f,p)),p=new e.Token("interpolation",f,a.alias,g),f=m.substring(h+i.length),g=[],s&&g.push(s),g.push(p),f&&(t(m=[f]),g.push.apply(g,m)),"string"==typeof b?(n.splice.apply(n,[o,1].concat(g)),o+=g.length-1):b.content=g)):(h=b.content,Array.isArray(h)?t(h):t([h]))}}(s),new e.Token(i,s,"language-"+i,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var c={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function u(e){return"string"==typeof e?e:Array.isArray(e)?e.map(u).join(""):u(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in c&&function t(n){for(var a=0,r=n.length;a<r;a++){var o,i,l,c=n[a];"string"!=typeof c&&(o=c.content,Array.isArray(o)?"template-string"===c.type?(c=o[1],3===o.length&&"string"!=typeof c&&"embedded-code"===c.type&&(i=u(c),c=c.alias,c=Array.isArray(c)?c[0]:c,l=e.languages[c])&&(o[1]=s(i,l,c))):t(o):"string"!=typeof o&&t([o]))}}(t.tokens)}))}(P),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(P),function(e){var t=e.languages.javascript,n=/\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})+\}/.source,a="(@(?:arg|argument|param|property)\\s+(?:"+n+"\\s+)?)";e.languages.jsdoc=e.languages.extend("javadoclike",{parameter:{pattern:RegExp(a+/(?:(?!\s)[$\w\xA0-\uFFFF.])+(?=\s|$)/.source),lookbehind:!0,inside:{punctuation:/\./}}}),e.languages.insertBefore("jsdoc","keyword",{"optional-parameter":{pattern:RegExp(a+/\[(?:(?!\s)[$\w\xA0-\uFFFF.])+(?:=[^[\]]+)?\](?=\s|$)/.source),lookbehind:!0,inside:{parameter:{pattern:/(^\[)[$\w\xA0-\uFFFF\.]+/,lookbehind:!0,inside:{punctuation:/\./}},code:{pattern:/(=)[\s\S]*(?=\]$)/,lookbehind:!0,inside:t,alias:"language-javascript"},punctuation:/[=[\]]/}},"class-name":[{pattern:RegExp(/(@(?:augments|class|extends|interface|memberof!?|template|this|typedef)\s+(?:<TYPE>\s+)?)[A-Z]\w*(?:\.[A-Z]\w*)*/.source.replace(/<TYPE>/g,(function(){return n}))),lookbehind:!0,inside:{punctuation:/\./}},{pattern:RegExp("(@[a-z]+\\s+)"+n),lookbehind:!0,inside:{string:t.string,number:t.number,boolean:t.boolean,keyword:e.languages.typescript.keyword,operator:/=>|\.\.\.|[&|?:*]/,punctuation:/[.,;=<>{}()[\]]/}}],example:{pattern:/(@example\s+(?!\s))(?:[^@\s]|\s+(?!\s))+?(?=\s*(?:\*\s*)?(?:@\w|\*\/))/,lookbehind:!0,inside:{code:{pattern:/^([\t ]*(?:\*\s*)?)\S.*$/m,lookbehind:!0,inside:t,alias:"language-javascript"}}}}),e.languages.javadoclike.addSupport("javascript",e.languages.jsdoc)}(P),function(e){e.languages.flow=e.languages.extend("javascript",{}),e.languages.insertBefore("flow","keyword",{type:[{pattern:/\b(?:[Bb]oolean|Function|[Nn]umber|[Ss]tring|[Ss]ymbol|any|mixed|null|void)\b/,alias:"class-name"}]}),e.languages.flow["function-variable"].pattern=/(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=\s*(?:function\b|(?:\([^()]*\)(?:\s*:\s*\w+)?|(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/i,delete e.languages.flow.parameter,e.languages.insertBefore("flow","operator",{"flow-punctuation":{pattern:/\{\||\|\}/,alias:"punctuation"}}),Array.isArray(e.languages.flow.keyword)||(e.languages.flow.keyword=[e.languages.flow.keyword]),e.languages.flow.keyword.unshift({pattern:/(^|[^$]\b)(?:Class|declare|opaque|type)\b(?!\$)/,lookbehind:!0},{pattern:/(^|[^$]\B)\$(?:Diff|Enum|Exact|Keys|ObjMap|PropertyType|Record|Shape|Subtype|Supertype|await)\b(?!\$)/,lookbehind:!0})}(P),P.languages.n4js=P.languages.extend("javascript",{keyword:/\b(?:Array|any|boolean|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|module|new|null|number|package|private|protected|public|return|set|static|string|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/}),P.languages.insertBefore("n4js","constant",{annotation:{pattern:/@+\w+/,alias:"operator"}}),P.languages.n4jsd=P.languages.n4js,function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],a=0;a<n.length;a++){var r=n[a],o=e.languages.javascript[r];r=(o="RegExp"===e.util.type(o)?e.languages.javascript[r]={pattern:o}:o).inside||{};(o.inside=r)["maybe-class-name"]=/^[A-Z][\s\S]*/}}(P),function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,a=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,r=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function o(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return a})).replace(/<SPREAD>/g,(function(){return r})),RegExp(e,t)}function i(t){for(var n=[],a=0;a<t.length;a++){var r=t[a],o=!1;"string"!=typeof r&&("tag"===r.type&&r.content[0]&&"tag"===r.content[0].type?"</"===r.content[0].content[0].content?0<n.length&&n[n.length-1].tagName===l(r.content[0].content[1])&&n.pop():"/>"!==r.content[r.content.length-1].content&&n.push({tagName:l(r.content[0].content[1]),openedBraces:0}):0<n.length&&"punctuation"===r.type&&"{"===r.content?n[n.length-1].openedBraces++:0<n.length&&0<n[n.length-1].openedBraces&&"punctuation"===r.type&&"}"===r.content?n[n.length-1].openedBraces--:o=!0),(o||"string"==typeof r)&&0<n.length&&0===n[n.length-1].openedBraces&&(o=l(r),a<t.length-1&&("string"==typeof t[a+1]||"plain-text"===t[a+1].type)&&(o+=l(t[a+1]),t.splice(a+1,1)),0<a&&("string"==typeof t[a-1]||"plain-text"===t[a-1].type)&&(o=l(t[a-1])+o,t.splice(a-1,1),a--),t[a]=new e.Token("plain-text",o,null,o)),r.content&&"string"!=typeof r.content&&i(r.content)}}r=o(r).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=o(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:o(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:o(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var l=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(l).join(""):""};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||i(e.tokens)}))}(P),function(e){var t=e.util.clone(e.languages.typescript);(t=(e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"],e.languages.tsx.tag)).pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+t.pattern.source+")",t.pattern.flags),t.lookbehind=!0}(P),P.languages.swift={comment:{pattern:/(^|[^\\:])(?:\/\/.*|\/\*(?:[^/*]|\/(?!\*)|\*(?!\/)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\*\/)/,lookbehind:!0,greedy:!0},"string-literal":[{pattern:RegExp(/(^|[^"#])/.source+"(?:"+/"(?:\\(?:\((?:[^()]|\([^()]*\))*\)|\r\n|[^(])|[^\\\r\n"])*"/.source+"|"+/"""(?:\\(?:\((?:[^()]|\([^()]*\))*\)|[^(])|[^\\"]|"(?!""))*"""/.source+")"+/(?!["#])/.source),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\\($/,alias:"punctuation"},punctuation:/\\(?=[\r\n])/,string:/[\s\S]+/}},{pattern:RegExp(/(^|[^"#])(#+)/.source+"(?:"+/"(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|\r\n|[^#])|[^\\\r\n])*?"/.source+"|"+/"""(?:\\(?:#+\((?:[^()]|\([^()]*\))*\)|[^#])|[^\\])*?"""/.source+")\\2"),lookbehind:!0,greedy:!0,inside:{interpolation:{pattern:/(\\#+\()(?:[^()]|\([^()]*\))*(?=\))/,lookbehind:!0,inside:null},"interpolation-punctuation":{pattern:/^\)|\\#+\($/,alias:"punctuation"},string:/[\s\S]+/}}],directive:{pattern:RegExp(/#/.source+"(?:"+/(?:elseif|if)\b/.source+"(?:[ \t]*"+/(?:![ \t]*)?(?:\b\w+\b(?:[ \t]*\((?:[^()]|\([^()]*\))*\))?|\((?:[^()]|\([^()]*\))*\))(?:[ \t]*(?:&&|\|\|))?/.source+")+|"+/(?:else|endif)\b/.source+")"),alias:"property",inside:{"directive-name":/^#\w+/,boolean:/\b(?:false|true)\b/,number:/\b\d+(?:\.\d+)*\b/,operator:/!|&&|\|\||[<>]=?/,punctuation:/[(),]/}},literal:{pattern:/#(?:colorLiteral|column|dsohandle|file(?:ID|Literal|Path)?|function|imageLiteral|line)\b/,alias:"constant"},"other-directive":{pattern:/#\w+\b/,alias:"property"},attribute:{pattern:/@\w+/,alias:"atrule"},"function-definition":{pattern:/(\bfunc\s+)\w+/,lookbehind:!0,alias:"function"},label:{pattern:/\b(break|continue)\s+\w+|\b[a-zA-Z_]\w*(?=\s*:\s*(?:for|repeat|while)\b)/,lookbehind:!0,alias:"important"},keyword:/\b(?:Any|Protocol|Self|Type|actor|as|assignment|associatedtype|associativity|async|await|break|case|catch|class|continue|convenience|default|defer|deinit|didSet|do|dynamic|else|enum|extension|fallthrough|fileprivate|final|for|func|get|guard|higherThan|if|import|in|indirect|infix|init|inout|internal|is|isolated|lazy|left|let|lowerThan|mutating|none|nonisolated|nonmutating|open|operator|optional|override|postfix|precedencegroup|prefix|private|protocol|public|repeat|required|rethrows|return|right|safe|self|set|some|static|struct|subscript|super|switch|throw|throws|try|typealias|unowned|unsafe|var|weak|where|while|willSet)\b/,boolean:/\b(?:false|true)\b/,nil:{pattern:/\bnil\b/,alias:"constant"},"short-argument":/\$\d+\b/,omit:{pattern:/\b_\b/,alias:"keyword"},number:/\b(?:[\d_]+(?:\.[\de_]+)?|0x[a-f0-9_]+(?:\.[a-f0-9p_]+)?|0b[01_]+|0o[0-7_]+)\b/i,"class-name":/\b[A-Z](?:[A-Z_\d]*[a-z]\w*)?\b/,function:/\b[a-z_]\w*(?=\s*\()/i,constant:/\b(?:[A-Z_]{2,}|k[A-Z][A-Za-z_]+)\b/,operator:/[-+*/%=!<>&|^~?]+|\.[.\-+*/%=!<>&|^~?]+/,punctuation:/[{}[\]();,.:\\]/},P.languages.swift["string-literal"].forEach((function(e){e.inside.interpolation.inside=P.languages.swift})),function(e){e.languages.kotlin=e.languages.extend("clike",{keyword:{pattern:/(^|[^.])\b(?:abstract|actual|annotation|as|break|by|catch|class|companion|const|constructor|continue|crossinline|data|do|dynamic|else|enum|expect|external|final|finally|for|fun|get|if|import|in|infix|init|inline|inner|interface|internal|is|lateinit|noinline|null|object|open|operator|out|override|package|private|protected|public|reified|return|sealed|set|super|suspend|tailrec|this|throw|to|try|typealias|val|var|vararg|when|where|while)\b/,lookbehind:!0},function:[{pattern:/(?:`[^\r\n`]+`|\b\w+)(?=\s*\()/,greedy:!0},{pattern:/(\.)(?:`[^\r\n`]+`|\w+)(?=\s*\{)/,lookbehind:!0,greedy:!0}],number:/\b(?:0[xX][\da-fA-F]+(?:_[\da-fA-F]+)*|0[bB][01]+(?:_[01]+)*|\d+(?:_\d+)*(?:\.\d+(?:_\d+)*)?(?:[eE][+-]?\d+(?:_\d+)*)?[fFL]?)\b/,operator:/\+[+=]?|-[-=>]?|==?=?|!(?:!|==?)?|[\/*%<>]=?|[?:]:?|\.\.|&&|\|\||\b(?:and|inv|or|shl|shr|ushr|xor)\b/}),delete e.languages.kotlin["class-name"];var t={"interpolation-punctuation":{pattern:/^\$\{?|\}$/,alias:"punctuation"},expression:{pattern:/[\s\S]+/,inside:e.languages.kotlin}};e.languages.insertBefore("kotlin","string",{"string-literal":[{pattern:/"""(?:[^$]|\$(?:(?!\{)|\{[^{}]*\}))*?"""/,alias:"multiline",inside:{interpolation:{pattern:/\$(?:[a-z_]\w*|\{[^{}]*\})/i,inside:t},string:/[\s\S]+/}},{pattern:/"(?:[^"\\\r\n$]|\\.|\$(?:(?!\{)|\{[^{}]*\}))*"/,alias:"singleline",inside:{interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$(?:[a-z_]\w*|\{[^{}]*\})/i,lookbehind:!0,inside:t},string:/[\s\S]+/}}],char:{pattern:/'(?:[^'\\\r\n]|\\(?:.|u[a-fA-F0-9]{0,4}))'/,greedy:!0}}),delete e.languages.kotlin.string,e.languages.insertBefore("kotlin","keyword",{annotation:{pattern:/\B@(?:\w+:)?(?:[A-Z]\w*|\[[^\]]+\])/,alias:"builtin"}}),e.languages.insertBefore("kotlin","function",{label:{pattern:/\b\w+@|@\w+\b/,alias:"symbol"}}),e.languages.kt=e.languages.kotlin,e.languages.kts=e.languages.kotlin}(P),P.languages.c=P.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),P.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),P.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},P.languages.c.string],char:P.languages.c.char,comment:P.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:P.languages.c}}}}),P.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete P.languages.c.boolean,P.languages.objectivec=P.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete P.languages.objectivec["class-name"],P.languages.objc=P.languages.objectivec,P.languages.reason=P.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),P.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete P.languages.reason.function,function(e){for(var t=/\/\*(?:[^*/]|\*(?!\/)|\/(?!\*)|<self>)*\*\//.source,n=0;n<2;n++)t=t.replace(/<self>/g,(function(){return t}));t=t.replace(/<self>/g,(function(){return/[^\s\S]/.source})),e.languages.rust={comment:[{pattern:RegExp(/(^|[^\\])/.source+t),lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/b?"(?:\\[\s\S]|[^\\"])*"|b?r(#*)"(?:[^"]|"(?!\1))*"\1/,greedy:!0},char:{pattern:/b?'(?:\\(?:x[0-7][\da-fA-F]|u\{(?:[\da-fA-F]_*){1,6}\}|.)|[^\\\r\n\t'])'/,greedy:!0},attribute:{pattern:/#!?\[(?:[^\[\]"]|"(?:\\[\s\S]|[^\\"])*")*\]/,greedy:!0,alias:"attr-name",inside:{string:null}},"closure-params":{pattern:/([=(,:]\s*|\bmove\s*)\|[^|]*\||\|[^|]*\|(?=\s*(?:\{|->))/,lookbehind:!0,greedy:!0,inside:{"closure-punctuation":{pattern:/^\||\|$/,alias:"punctuation"},rest:null}},"lifetime-annotation":{pattern:/'\w+/,alias:"symbol"},"fragment-specifier":{pattern:/(\$\w+:)[a-z]+/,lookbehind:!0,alias:"punctuation"},variable:/\$\w+/,"function-definition":{pattern:/(\bfn\s+)\w+/,lookbehind:!0,alias:"function"},"type-definition":{pattern:/(\b(?:enum|struct|trait|type|union)\s+)\w+/,lookbehind:!0,alias:"class-name"},"module-declaration":[{pattern:/(\b(?:crate|mod)\s+)[a-z][a-z_\d]*/,lookbehind:!0,alias:"namespace"},{pattern:/(\b(?:crate|self|super)\s*)::\s*[a-z][a-z_\d]*\b(?:\s*::(?:\s*[a-z][a-z_\d]*\s*::)*)?/,lookbehind:!0,alias:"namespace",inside:{punctuation:/::/}}],keyword:[/\b(?:Self|abstract|as|async|await|become|box|break|const|continue|crate|do|dyn|else|enum|extern|final|fn|for|if|impl|in|let|loop|macro|match|mod|move|mut|override|priv|pub|ref|return|self|static|struct|super|trait|try|type|typeof|union|unsafe|unsized|use|virtual|where|while|yield)\b/,/\b(?:bool|char|f(?:32|64)|[ui](?:8|16|32|64|128|size)|str)\b/],function:/\b[a-z_]\w*(?=\s*(?:::\s*<|\())/,macro:{pattern:/\b\w+!/,alias:"property"},constant:/\b[A-Z_][A-Z_\d]+\b/,"class-name":/\b[A-Z]\w*\b/,namespace:{pattern:/(?:\b[a-z][a-z_\d]*\s*::\s*)*\b[a-z][a-z_\d]*\s*::(?!\s*<)/,inside:{punctuation:/::/}},number:/\b(?:0x[\dA-Fa-f](?:_?[\dA-Fa-f])*|0o[0-7](?:_?[0-7])*|0b[01](?:_?[01])*|(?:(?:\d(?:_?\d)*)?\.)?\d(?:_?\d)*(?:[Ee][+-]?\d+)?)(?:_?(?:f32|f64|[iu](?:8|16|32|64|size)?))?\b/,boolean:/\b(?:false|true)\b/,punctuation:/->|\.\.=|\.{1,3}|::|[{}[\];(),:]/,operator:/[-+*\/%!^]=?|=[=>]?|&[&=]?|\|[|=]?|<<?=?|>>?=?|[@?]/},e.languages.rust["closure-params"].inside.rest=e.languages.rust,e.languages.rust.attribute.inside.string=e.languages.rust.string}(P),P.languages.go=P.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),P.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete P.languages.go["class-name"],function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(P),P.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},P.languages.python["string-interpolation"].inside.interpolation.inside.rest=P.languages.python,P.languages.py=P.languages.python;((e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})})({},{dracula:()=>A,duotoneDark:()=>D,duotoneLight:()=>E,github:()=>I,jettwaveDark:()=>H,jettwaveLight:()=>G,nightOwl:()=>T,nightOwlLight:()=>j,oceanicNext:()=>N,okaidia:()=>O,oneDark:()=>Z,oneLight:()=>V,palenight:()=>M,shadesOfPurple:()=>F,synthwave84:()=>B,ultramin:()=>U,vsDark:()=>$,vsLight:()=>q});var A={plain:{color:"#F8F8F2",backgroundColor:"#282A36"},styles:[{types:["prolog","constant","builtin"],style:{color:"rgb(189, 147, 249)"}},{types:["inserted","function"],style:{color:"rgb(80, 250, 123)"}},{types:["deleted"],style:{color:"rgb(255, 85, 85)"}},{types:["changed"],style:{color:"rgb(255, 184, 108)"}},{types:["punctuation","symbol"],style:{color:"rgb(248, 248, 242)"}},{types:["string","char","tag","selector"],style:{color:"rgb(255, 121, 198)"}},{types:["keyword","variable"],style:{color:"rgb(189, 147, 249)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(98, 114, 164)"}},{types:["attr-name"],style:{color:"rgb(241, 250, 140)"}}]},D={plain:{backgroundColor:"#2a2734",color:"#9a86fd"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#6c6783"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#e09142"}},{types:["property","function"],style:{color:"#9a86fd"}},{types:["tag-id","selector","atrule-id"],style:{color:"#eeebff"}},{types:["attr-name"],style:{color:"#c4b9fe"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule","placeholder","variable"],style:{color:"#ffcc99"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#c4b9fe"}}]},E={plain:{backgroundColor:"#faf8f5",color:"#728fcb"},styles:[{types:["comment","prolog","doctype","cdata","punctuation"],style:{color:"#b6ad9a"}},{types:["namespace"],style:{opacity:.7}},{types:["tag","operator","number"],style:{color:"#063289"}},{types:["property","function"],style:{color:"#b29762"}},{types:["tag-id","selector","atrule-id"],style:{color:"#2d2006"}},{types:["attr-name"],style:{color:"#896724"}},{types:["boolean","string","entity","url","attr-value","keyword","control","directive","unit","statement","regex","atrule"],style:{color:"#728fcb"}},{types:["placeholder","variable"],style:{color:"#93abdc"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"#896724"}}]},I={plain:{color:"#393A34",backgroundColor:"#f6f8fa"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},T={plain:{color:"#d6deeb",backgroundColor:"#011627"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(99, 119, 119)",fontStyle:"italic"}},{types:["string","url"],style:{color:"rgb(173, 219, 103)"}},{types:["variable"],style:{color:"rgb(214, 222, 235)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation"],style:{color:"rgb(199, 146, 234)"}},{types:["selector","doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(255, 203, 139)"}},{types:["tag","operator","keyword"],style:{color:"rgb(127, 219, 202)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["property"],style:{color:"rgb(128, 203, 196)"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}}]},j={plain:{color:"#403f53",backgroundColor:"#FBFBFB"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)",fontStyle:"italic"}},{types:["inserted","attr-name"],style:{color:"rgb(72, 118, 214)",fontStyle:"italic"}},{types:["comment"],style:{color:"rgb(152, 159, 177)",fontStyle:"italic"}},{types:["string","builtin","char","constant","url"],style:{color:"rgb(72, 118, 214)"}},{types:["variable"],style:{color:"rgb(201, 103, 101)"}},{types:["number"],style:{color:"rgb(170, 9, 130)"}},{types:["punctuation"],style:{color:"rgb(153, 76, 195)"}},{types:["function","selector","doctype"],style:{color:"rgb(153, 76, 195)",fontStyle:"italic"}},{types:["class-name"],style:{color:"rgb(17, 17, 17)"}},{types:["tag"],style:{color:"rgb(153, 76, 195)"}},{types:["operator","property","keyword","namespace"],style:{color:"rgb(12, 150, 155)"}},{types:["boolean"],style:{color:"rgb(188, 84, 84)"}}]},z="#c5a5c5",R="#8dc891",N={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:z}},{types:["attr-value"],style:{color:R}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:"#999999"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string"],style:{color:R}},{types:["punctuation"],style:{color:R}},{types:["selector","char","builtin","inserted"],style:{color:"#D8DEE9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:z}},{types:["atrule","class-name"],style:{color:"#FAC863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]},O={plain:{color:"#f8f8f2",backgroundColor:"#272822"},styles:[{types:["changed"],style:{color:"rgb(162, 191, 252)",fontStyle:"italic"}},{types:["deleted"],style:{color:"#f92672",fontStyle:"italic"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)",fontStyle:"italic"}},{types:["comment"],style:{color:"#8292a2",fontStyle:"italic"}},{types:["string","url"],style:{color:"#a6e22e"}},{types:["variable"],style:{color:"#f8f8f2"}},{types:["number"],style:{color:"#ae81ff"}},{types:["builtin","char","constant","function","class-name"],style:{color:"#e6db74"}},{types:["punctuation"],style:{color:"#f8f8f2"}},{types:["selector","doctype"],style:{color:"#a6e22e",fontStyle:"italic"}},{types:["tag","operator","keyword"],style:{color:"#66d9ef"}},{types:["boolean"],style:{color:"#ae81ff"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)",opacity:.7}},{types:["tag","property"],style:{color:"#f92672"}},{types:["attr-name"],style:{color:"#a6e22e !important"}},{types:["doctype"],style:{color:"#8292a2"}},{types:["rule"],style:{color:"#e6db74"}}]},M={plain:{color:"#bfc7d5",backgroundColor:"#292d3e"},styles:[{types:["comment"],style:{color:"rgb(105, 112, 152)",fontStyle:"italic"}},{types:["string","inserted"],style:{color:"rgb(195, 232, 141)"}},{types:["number"],style:{color:"rgb(247, 140, 108)"}},{types:["builtin","char","constant","function"],style:{color:"rgb(130, 170, 255)"}},{types:["punctuation","selector"],style:{color:"rgb(199, 146, 234)"}},{types:["variable"],style:{color:"rgb(191, 199, 213)"}},{types:["class-name","attr-name"],style:{color:"rgb(255, 203, 107)"}},{types:["tag","deleted"],style:{color:"rgb(255, 85, 114)"}},{types:["operator"],style:{color:"rgb(137, 221, 255)"}},{types:["boolean"],style:{color:"rgb(255, 88, 116)"}},{types:["keyword"],style:{fontStyle:"italic"}},{types:["doctype"],style:{color:"rgb(199, 146, 234)",fontStyle:"italic"}},{types:["namespace"],style:{color:"rgb(178, 204, 214)"}},{types:["url"],style:{color:"rgb(221, 221, 221)"}}]},F={plain:{color:"#9EFEFF",backgroundColor:"#2D2A55"},styles:[{types:["changed"],style:{color:"rgb(255, 238, 128)"}},{types:["deleted"],style:{color:"rgba(239, 83, 80, 0.56)"}},{types:["inserted"],style:{color:"rgb(173, 219, 103)"}},{types:["comment"],style:{color:"rgb(179, 98, 255)",fontStyle:"italic"}},{types:["punctuation"],style:{color:"rgb(255, 255, 255)"}},{types:["constant"],style:{color:"rgb(255, 98, 140)"}},{types:["string","url"],style:{color:"rgb(165, 255, 144)"}},{types:["variable"],style:{color:"rgb(255, 238, 128)"}},{types:["number","boolean"],style:{color:"rgb(255, 98, 140)"}},{types:["attr-name"],style:{color:"rgb(255, 180, 84)"}},{types:["keyword","operator","property","namespace","tag","selector","doctype"],style:{color:"rgb(255, 157, 0)"}},{types:["builtin","char","constant","function","class-name"],style:{color:"rgb(250, 208, 0)"}}]},B={plain:{backgroundColor:"linear-gradient(to bottom, #2a2139 75%, #34294f)",backgroundImage:"#34294f",color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#495495",fontStyle:"italic"}},{types:["punctuation"],style:{color:"#ccc"}},{types:["tag","attr-name","namespace","number","unit","hexcode","deleted"],style:{color:"#e2777a"}},{types:["property","selector"],style:{color:"#72f1b8",textShadow:"0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"}},{types:["function-name"],style:{color:"#6196cc"}},{types:["boolean","selector-id","function"],style:{color:"#fdfdfd",textShadow:"0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"}},{types:["class-name","maybe-class-name","builtin"],style:{color:"#fff5f6",textShadow:"0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"}},{types:["constant","symbol"],style:{color:"#f92aad",textShadow:"0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"}},{types:["important","atrule","keyword","selector-class"],style:{color:"#f4eee4",textShadow:"0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"}},{types:["string","char","attr-value","regex","variable"],style:{color:"#f87c32"}},{types:["parameter"],style:{fontStyle:"italic"}},{types:["entity","url"],style:{color:"#67cdcc"}},{types:["operator"],style:{color:"ffffffee"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["inserted"],style:{color:"green"}}]},U={plain:{color:"#282a2e",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(197, 200, 198)"}},{types:["string","number","builtin","variable"],style:{color:"rgb(150, 152, 150)"}},{types:["class-name","function","tag","attr-name"],style:{color:"rgb(40, 42, 46)"}}]},$={plain:{color:"#9CDCFE",backgroundColor:"#1E1E1E"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]},q={plain:{color:"#000000",backgroundColor:"#ffffff"},styles:[{types:["comment"],style:{color:"rgb(0, 128, 0)"}},{types:["builtin"],style:{color:"rgb(0, 112, 193)"}},{types:["number","variable","inserted"],style:{color:"rgb(9, 134, 88)"}},{types:["operator"],style:{color:"rgb(0, 0, 0)"}},{types:["constant","char"],style:{color:"rgb(129, 31, 63)"}},{types:["tag"],style:{color:"rgb(128, 0, 0)"}},{types:["attr-name"],style:{color:"rgb(255, 0, 0)"}},{types:["deleted","string"],style:{color:"rgb(163, 21, 21)"}},{types:["changed","punctuation"],style:{color:"rgb(4, 81, 165)"}},{types:["function","keyword"],style:{color:"rgb(0, 0, 255)"}},{types:["class-name"],style:{color:"rgb(38, 127, 153)"}}]},H={plain:{color:"#f8fafc",backgroundColor:"#011627"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#569CD6"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#f8fafc"}},{types:["attr-name","variable"],style:{color:"#9CDCFE"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#cbd5e1"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#D4D4D4"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#7dd3fc"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},G={plain:{color:"#0f172a",backgroundColor:"#f1f5f9"},styles:[{types:["prolog"],style:{color:"#000080"}},{types:["comment"],style:{color:"#6A9955"}},{types:["builtin","changed","keyword","interpolation-punctuation"],style:{color:"#0c4a6e"}},{types:["number","inserted"],style:{color:"#B5CEA8"}},{types:["constant"],style:{color:"#0f172a"}},{types:["attr-name","variable"],style:{color:"#0c4a6e"}},{types:["deleted","string","attr-value","template-punctuation"],style:{color:"#64748b"}},{types:["selector"],style:{color:"#D7BA7D"}},{types:["tag"],style:{color:"#0ea5e9"}},{types:["tag"],languages:["markup"],style:{color:"#0ea5e9"}},{types:["punctuation","operator"],style:{color:"#475569"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"#0e7490"}},{types:["class-name"],style:{color:"#0ea5e9"}},{types:["char"],style:{color:"#D16969"}}]},Z={plain:{backgroundColor:"hsl(220, 13%, 18%)",color:"hsl(220, 14%, 71%)",textShadow:"0 1px rgba(0, 0, 0, 0.3)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(220, 10%, 40%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(220, 14%, 71%)"}},{types:["attr-name","class-name","maybe-class-name","boolean","constant","number","atrule"],style:{color:"hsl(29, 54%, 61%)"}},{types:["keyword"],style:{color:"hsl(286, 60%, 67%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(355, 65%, 65%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value"],style:{color:"hsl(95, 38%, 62%)"}},{types:["variable","operator","function"],style:{color:"hsl(207, 82%, 66%)"}},{types:["url"],style:{color:"hsl(187, 47%, 55%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(220, 14%, 71%)"}}]},V={plain:{backgroundColor:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)"},styles:[{types:["comment","prolog","cdata"],style:{color:"hsl(230, 4%, 64%)"}},{types:["doctype","punctuation","entity"],style:{color:"hsl(230, 8%, 24%)"}},{types:["attr-name","class-name","boolean","constant","number","atrule"],style:{color:"hsl(35, 99%, 36%)"}},{types:["keyword"],style:{color:"hsl(301, 63%, 40%)"}},{types:["property","tag","symbol","deleted","important"],style:{color:"hsl(5, 74%, 59%)"}},{types:["selector","string","char","builtin","inserted","regex","attr-value","punctuation"],style:{color:"hsl(119, 34%, 47%)"}},{types:["variable","operator","function"],style:{color:"hsl(221, 87%, 60%)"}},{types:["url"],style:{color:"hsl(198, 99%, 37%)"}},{types:["deleted"],style:{textDecorationLine:"line-through"}},{types:["inserted"],style:{textDecorationLine:"underline"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["important","bold"],style:{fontWeight:"bold"}},{types:["important"],style:{color:"hsl(230, 8%, 24%)"}}]},W=(e,t)=>{const{plain:n}=e,a=e.styles.reduce(((e,n)=>{const{languages:a,style:r}=n;return a&&!a.includes(t)||n.types.forEach((t=>{const n=L(L({},e[t]),r);e[t]=n})),e}),{});return a.root=n,a.plain=S(L({},n),{backgroundColor:void 0}),a},Q=/\r\n|\r|\n/,Y=e=>{0===e.length?e.push({types:["plain"],content:"\n",empty:!0}):1===e.length&&""===e[0].content&&(e[0].content="\n",e[0].empty=!0)},K=(e,t)=>{const n=e.length;return n>0&&e[n-1]===t?e:e.concat(t)},X=e=>{const t=[[]],n=[e],a=[0],r=[e.length];let o=0,i=0,l=[];const s=[l];for(;i>-1;){for(;(o=a[i]++)<r[i];){let e,c=t[i];const u=n[i][o];if("string"==typeof u?(c=i>0?c:["plain"],e=u):(c=K(c,u.type),u.alias&&(c=K(c,u.alias)),e=u.content),"string"!=typeof e){i++,t.push(c),n.push(e),a.push(0),r.push(e.length);continue}const d=e.split(Q),p=d.length;l.push({types:c,content:d[0]});for(let t=1;t<p;t++)Y(l),s.push(l=[]),l.push({types:c,content:d[t]})}i--,t.pop(),n.pop(),a.pop(),r.pop()}return Y(l),s},J=({children:e,language:t,code:n,theme:a,prism:r})=>{const o=t.toLowerCase(),i=((e,t)=>{const[n,a]=(0,u.useState)(W(t,e)),r=(0,u.useRef)(),o=(0,u.useRef)();return(0,u.useEffect)((()=>{t===r.current&&e===o.current||(r.current=t,o.current=e,a(W(t,e)))}),[e,t]),n})(o,a),l=(e=>(0,u.useCallback)((t=>{var n=t,{className:a,style:r,line:o}=n,i=_(n,["className","style","line"]);const l=S(L({},i),{className:(0,d.Z)("token-line",a)});return"object"==typeof e&&"plain"in e&&(l.style=e.plain),"object"==typeof r&&(l.style=L(L({},l.style||{}),r)),l}),[e]))(i),s=(e=>{const t=(0,u.useCallback)((({types:t,empty:n})=>{if(null!=e)return 1===t.length&&"plain"===t[0]?null!=n?{display:"inline-block"}:void 0:1===t.length&&null!=n?e[t[0]]:Object.assign(null!=n?{display:"inline-block"}:{},...t.map((t=>e[t])))}),[e]);return(0,u.useCallback)((e=>{var n=e,{token:a,className:r,style:o}=n,i=_(n,["token","className","style"]);const l=S(L({},i),{className:(0,d.Z)("token",...a.types,r),children:a.content,style:t(a)});return null!=o&&(l.style=L(L({},l.style||{}),o)),l}),[t])})(i),c=(({prism:e,code:t,grammar:n,language:a})=>{const r=(0,u.useRef)(e);return(0,u.useMemo)((()=>{if(null==n)return X([t]);const e={code:t,grammar:n,language:a,tokens:[]};return r.current.hooks.run("before-tokenize",e),e.tokens=r.current.tokenize(t,n),r.current.hooks.run("after-tokenize",e),X(e.tokens)}),[t,n,a])})({prism:r,language:o,code:n,grammar:r.languages[o]});return e({tokens:c,className:`prism-code language-${o}`,style:null!=i?i.root:{},getLineProps:l,getTokenProps:s})},ee=e=>(0,u.createElement)(J,S(L({},e),{prism:e.prism||P,theme:e.theme||$,code:e.code,language:e.language}))},8624:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var a=!0,r="Invariant failed";function o(e,t){if(!e){if(a)throw new Error(r);var n="function"==typeof t?t():t,o=n?"".concat(r,": ").concat(n):r;throw new Error(o)}}},7529:e=>{"use strict";e.exports=JSON.parse('{"theme.AnnouncementBar.closeButtonAriaLabel":"\u5173\u95ed","theme.BackToTopButton.buttonAriaLabel":"\u56de\u5230\u9876\u90e8","theme.CodeBlock.copied":"\u5df2\u590d\u5236","theme.CodeBlock.copy":"\u590d\u5236","theme.CodeBlock.copyButtonAriaLabel":"\u590d\u5236\u4ee3\u7801\u5230\u526a\u8d34\u677f","theme.CodeBlock.wordWrapToggle":"\u5207\u6362\u5355\u8bcd\u6362\u884c","theme.DocSidebarItem.collapseCategoryAriaLabel":"\u6298\u53e0\u4fa7\u8fb9\u680f\u5206\u7c7b \u201c{label}\u201d","theme.DocSidebarItem.expandCategoryAriaLabel":"\u5c55\u5f00\u4fa7\u8fb9\u680f\u5206\u7c7b \u201c{label}\u201d","theme.ErrorPageContent.title":"\u6b64\u9875\u9762\u5df2\u5d29\u6e83\u3002","theme.ErrorPageContent.tryAgain":"\u518d\u8bd5\u4e00\u6b21","theme.NavBar.navAriaLabel":"\u4e3b\u8981\u7684","theme.NotFound.p1":"\u6211\u4eec\u627e\u4e0d\u5230\u4f60\u60f3\u8981\u7684\u4e1c\u897f\u3002","theme.NotFound.p2":"\u8bf7\u8054\u7cfb\u94fe\u63a5\u5230\u539f\u59cbURL\u7684\u7ad9\u70b9\u6240\u6709\u8005\u5e76\u8ba9\u4ed6\u4eec\u77e5\u9053\u4ed6\u4eec\u7684\u94fe\u63a5\u5df2\u7ecf\u635f\u574f\u3002","theme.NotFound.title":"\u627e\u4e0d\u5230\u9875\u9762","theme.TOCCollapsible.toggleButtonLabel":"\u5728\u672c\u9875","theme.admonition.caution":"\u8b66\u544a","theme.admonition.danger":"\u5371\u9669","theme.admonition.info":"\u4fe1\u606f","theme.admonition.note":"\u5907\u6ce8","theme.admonition.tip":"tip","theme.admonition.warning":"\u8b66\u544a","theme.blog.archive.description":"\u5f52\u6863","theme.blog.archive.title":"\u5f52\u6863","theme.blog.paginator.navAriaLabel":"\u535a\u5ba2\u5217\u8868\u5bfc\u822a","theme.blog.paginator.newerEntries":"\u8f83\u65b0\u7684\u6587\u7ae0","theme.blog.paginator.olderEntries":"\u8f83\u65e9\u7684\u6587\u7ae0","theme.blog.post.paginator.navAriaLabel":"\u535a\u5ba2\u5bfc\u822a","theme.blog.post.paginator.newerPost":"\u8f83\u65b0\u7684\u5e16\u5b50","theme.blog.post.paginator.olderPost":"\u8f83\u65e9\u7684\u5e16\u5b50","theme.blog.post.plurals":"\u4e00\u7bc7\u535a\u6587| {count} \u7bc7\u535a\u6587","theme.blog.post.readMore":"\u9605\u8bfb\u66f4\u591a","theme.blog.post.readMoreLabel":"\u9605\u8bfb {title} \u7684\u5168\u6587","theme.blog.post.readingTime.plurals":"\u9605\u8bfb\u9700 {readingTime} \u5206\u949f","theme.blog.sidebar.navAriaLabel":"\u535a\u5ba2\u6700\u8fd1\u5e16\u5b50\u5bfc\u822a","theme.blog.tagTitle":"{nPosts} \u7bc7\u535a\u6587\u542b\u6709\u6807\u7b7e\u201c{tagName}\u201d","theme.colorToggle.ariaLabel":"\u5207\u6362\u6d45\u8272/\u6697\u9ed1\u6a21\u5f0f\uff08\u5f53\u524d\u4e3a{mode}\uff09","theme.colorToggle.ariaLabel.mode.dark":"\u6697\u8272\u6a21\u5f0f","theme.colorToggle.ariaLabel.mode.light":"\u6d45\u8272\u6a21\u5f0f","theme.common.editThisPage":"\u7f16\u8f91\u6b64\u9875\u9762","theme.common.headingLinkTitle":"Direct link to {heading}","theme.common.skipToMainContent":"\u8df3\u8f6c\u5230\u4e3b\u8981\u5185\u5bb9","theme.docs.DocCard.categoryDescription":"{count} \u7bc7\u5185\u5bb9","theme.docs.breadcrumbs.home":"\u4e3b\u9875","theme.docs.breadcrumbs.navAriaLabel":"\u9762\u5305\u5c51\u5bfc\u822a","theme.docs.paginator.navAriaLabel":"\u6587\u6863\u9875\u9762","theme.docs.paginator.next":"\u4e0b\u4e00\u4e2a","theme.docs.paginator.previous":"\u4e0a\u4e00\u4e2a","theme.docs.sidebar.closeSidebarButtonAriaLabel":"\u5173\u95ed\u5bfc\u822a\u680f","theme.docs.sidebar.collapseButtonAriaLabel":"\u6298\u53e0\u4fa7\u8fb9\u680f","theme.docs.sidebar.collapseButtonTitle":"\u6298\u53e0\u4fa7\u8fb9\u680f","theme.docs.sidebar.expandButtonAriaLabel":"Expand sidebar","theme.docs.sidebar.expandButtonTitle":"Expand sidebar","theme.docs.sidebar.navAriaLabel":"Docs sidebar","theme.docs.sidebar.toggleSidebarButtonAriaLabel":"\u5207\u6362\u5bfc\u822a\u680f","theme.docs.tagDocListPageTitle":"{nDocsTagged} with \\"{tagName}\\"","theme.docs.tagDocListPageTitle.nDocsTagged":"One doc tagged|{count} docs tagged","theme.docs.versionBadge.label":"\u7248\u672c\uff1a{versionLabel}","theme.docs.versions.latestVersionLinkLabel":"\u6700\u65b0\u7248\u672c","theme.docs.versions.latestVersionSuggestionLabel":"\u8981\u67e5\u770b\u6700\u65b0\u7248\u672c\uff0c\u8bf7\u53c2\u9605{latestVersionLink}({versionLabel})\u3002","theme.docs.versions.unmaintainedVersionLabel":"\u6b64\u4e3a {siteTitle} {versionLabel} \u7248\u7684\u6587\u6863\uff0c\u73b0\u5df2\u4e0d\u518d\u79ef\u6781\u7ef4\u62a4\u3002","theme.docs.versions.unreleasedVersionLabel":"\u8fd9\u662f\u5c1a\u672a\u53d1\u884c\u7684 {siteTitle} {versionLabel} \u7248\u672c\u6587\u6863\u3002","theme.lastUpdated.atDate":" \u65f6\u95f4\uff1a{date}","theme.lastUpdated.byUser":" \u7f16\u8f91\uff1a{user}","theme.lastUpdated.lastUpdatedAtBy":"\u6700\u540e\u66f4\u65b0\u5728 {atDate}\uff0c\u7531 {byUser} \u64b0\u5199","theme.navbar.mobileLanguageDropdown.label":"\u8bed\u6587","theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel":"format@@0 \u8fd4\u56de\u4e3b\u83dc\u5355","theme.navbar.mobileVersionsDropdown.label":"\u7248\u672c","theme.tags.tagsListLabel":"\u6807\u7b7e\uff1a","theme.tags.tagsPageLink":"\u67e5\u770b\u6240\u6709\u6807\u7b7e","theme.tags.tagsPageTitle":"\u6807\u7b7e","theme.unlistedContent.message":"\u6b64\u9875\u9762\u672a\u5217\u51fa\u3002\u641c\u7d22\u5f15\u64ce\u4e0d\u4f1a\u7d22\u5f15\u5b83\uff0c\u53ea\u6709\u62e5\u6709\u76f4\u63a5\u94fe\u63a5\u7684\u7528\u6237\u624d\u80fd\u8bbf\u95ee\u5b83\u3002","theme.unlistedContent.title":"\u672a\u5217\u51fa\u9875\u9762","footer.status":"\u8fd0\u884c\u72b6\u6001","footer.roadmap":"\u4ea7\u54c1\u8def\u7ebf\u56fe","footer.changelog":"\u66f4\u65b0\u65e5\u5fd7","footer.media":"\u5a92\u4f53\u8d44\u6599","ai_header.solutions_title.image_generator":"AI\u56fe\u7247\u751f\u6210\u5668","ai_header.solutions_title.ai_voice_generator":"AI\u8bed\u97f3\u5904\u7406\u5de5\u5177","ai_header.solutions_title.dashboard":"\u6570\u636e\u5206\u6790\u4eea\u8868\u76d8","ai_header.solutions_title.cms":"\u5185\u5bb9\u7ba1\u7406\u7cfb\u7edf","ai_header.solutions_title.crm":"\u9500\u552eCRM","ai_header.solutions_title.admin_panel":"\u7ba1\u7406\u9762\u677f","footer.table":"\u8868\u683c","footer.chart":"\u56fe\u8868","footer.upload":"\u4e0a\u4f20","footer.switch":"\u4ea4\u6362\u673a","footer.select":"\u4e0b\u62c9\u9009\u62e9","footer.radio_group":"\u5355\u9009\u6846\u7ec4","footer.checkbox_group":"\u590d\u9009\u6846\u7ec4","footer.pdf":"PDF","footer.video":"\u89c6\u9891","footer.mysql":"MySQL","footer.postgre":"PostgreSQL","footer.mongodb":"MongoDB","footer.firebase":"Firebase","footer.elasticsearch":"Elastic Search","footer.mssql":"Microsoft SQL Server","footer.supabase":"Supabase","footer.dynamo":"DynamoDB","footer.hf":"Hugging Face Inference API","footer.components":"\u7ec4\u4ef6","footer.integrations":"\u6570\u636e\u96c6\u6210","ai_header.solutions_title.solutions":"\u89e3\u51b3\u65b9\u6848","footer.company":"\u516c\u53f8","footer.community":"\u793e\u533a","slogan-1":"\u6784\u5efaAI\u9a71\u52a8\u7684\u4e1a\u52a1\u5e94\u7528","footer.privacy-policy":"\u9690\u79c1\u534f\u8bae","footer.terms-of-service":"\u670d\u52a1\u6761\u6b3e","ai_header.solutions_sub_title.solutions_by_use_case":"\u7528\u4f8b","ai_header.solutions_description.image_generator":"\u4f7f\u7528AI\u751f\u6210\u56fe\u50cf\uff0c\u4f7f\u521b\u610f\u6c9f\u901a\u66f4\u52a0\u9ad8\u6548\u3002","ai_header.solutions_description.ai_voice_generator":"\u7ffb\u8bd1\u548c\u914d\u97f3\uff0c\u63d0\u5347\u4e0d\u540c\u5730\u533a\u89c6\u9891\u5185\u5bb9\u7684\u751f\u4ea7\u6548\u7387\u3002","ai_header.solutions_description.dashboard":"\u6784\u5efa\u5b8c\u5584\u7684\u6570\u636e\u5206\u6790\u4eea\u8868\u677f\uff0c\u7528\u6700\u5c11\u7684\u6295\u5165\u63a8\u52a8\u4e1a\u52a1\u589e\u957f\u3002","ai_header.solutions_description.cms":"\u9ad8\u6548\u7ba1\u7406\u7f51\u9875\u6216\u79fb\u52a8\u5e94\u7528\u7684\u5185\u5bb9\u3002","ai_header.solutions_description.crm":"\u66f4\u597d\u7684\u9500\u552eCRM\u89e3\u51b3\u65b9\u6848\uff0c\u5feb\u901f\u5b8c\u6210\u4ea4\u6613\u3002","ai_header.solutions_description.admin_panel":"\u4ee510\u500d\u7684\u901f\u5ea6\u6784\u5efa\u7ba1\u7406\u9762\u677f\uff0c\u7ba1\u7406\u6570\u636e\u6216\u6267\u884c\u64cd\u4f5c\u3002","nav.resource":"\u8d44\u6e90","sub_nav.resource.integrations":"\u6570\u636e\u96c6\u6210","sub_nav.resource.components":"\u7ec4\u4ef6","nav.pricing":"\u5b9a\u4ef7","nav.doc":"\u6587\u6863","nav.blog":"\u535a\u5ba2","nav.login":"\u767b\u5f55","nav.signup":"\u514d\u8d39\u5f00\u59cb","blog.scroll_down":"\u4f7f\u7528ILLA Cloud\u6784\u5efaAI\u9a71\u52a8\u7684\u4e1a\u52a1\u5e94\u7528","blog.blog_desc_left_title":"\u8fd8\u5728\u4e3a\u5185\u90e8\u5de5\u5177\u7684\u6784\u5efa\u52b3\u5fc3\u52b3\u529b\uff1f","blog.blog_desc_left_desc":"\u4f7f\u7528ILLA Cloud, \u5728\u51e0\u5206\u949f\u5185\u5b8c\u6210CRUD\u5e94\u7528\u3001\u4eea\u8868\u677f\u3001\u7ba1\u7406\u9762\u677f\u3001\u9500\u552eCRM\u3001AI\u56fe\u50cf\u751f\u6210\u5668\u7b49\u5de5\u5177\u7684\u6784\u5efa\uff01","pricing.sub-title":"\u521b\u5efaAI\u9a71\u52a8\u7684\u4e1a\u52a1\u5e94\u7528","pricing.title":"\u5b9a\u4ef7","pricing.page-desc":"\u901a\u8fc7\u8ba2\u9605ILLA Cloud Premium\uff0c\u60a8\u53ef\u4ee5\u89e3\u9501\u5ba1\u8ba1\u65e5\u5fd7\u3001\u53d1\u5e03\u516c\u5f00\u5e94\u7528\u7b49\u9ad8\u7ea7\u529f\u80fd\u3002Premium\u7684\u603b\u8d39\u7528\u6839\u636e\u6709\u7f16\u8f91\u6743\u9650\u7684\u7528\u6237\u786e\u5b9a\uff0c\u5305\u62ec\u6240\u6709\u8005\u3001\u7ba1\u7406\u8005\u548c\u7f16\u8f91\u8005\u3002 \u8ba2\u9605Premium\u4e4b\u540e\uff0c\u60a8\u53ef\u4ee5\u514d\u8d39\u6dfb\u52a0\u65e0\u9650\u4e2a\u6d4f\u89c8\u8005\u3002","blog.meta.title":"ILLA\u535a\u5ba2","blog.meta.description":"\u4e00\u4e2a\u4e13\u4e3a\u5f00\u53d1\u8005\u63d0\u4f9b\u7684\u77e5\u8bc6\u5e93\uff0c\u5185\u5bb9\u8303\u56f4\u8986\u76d6\u5e7f\u6cdb\uff0c\u5982\u524d\u7aef\u548c\u540e\u7aef\u6280\u672f\u53d1\u5c55\u3001AI\u3001\u4f4e\u4ee3\u7801\u548cILLA Cloud\u7b49\u3002 \u5728\u8fd9\u65b9\u9762\uff0c\u4f60\u53ef\u4ee5\u5173\u6ce8\u5c16\u7aef\u6280\u672f\uff0c\u63a2\u7d22\u65b0\u8d8b\u52bf\uff0c\u5e76\u4e0e\u6211\u4eec\u7684\u4f5c\u8005\u8fdb\u884c\u7ecf\u9a8c\u4ea4\u6d41\u3002","meta.title":"ILLA Cloud | \u6784\u5efaAI\u9a71\u52a8\u7684\u4e1a\u52a1\u5e94\u7528","meta.description":"\u4f7f\u7528AI Agent\u548c\u9ad8\u7ea7\u7684\u4f4e\u4ee3\u7801\u5de5\u5177\u521b\u5efa\u4e1a\u52a1\u5e94\u7528\uff0c\u4e3a\u60a8\u7684\u56e2\u961f\u8d4b\u80fd","faq.title":"\u5e38\u89c1\u95ee\u9898","faq.content.0.question":"\u6211\u53ef\u4ee5\u901a\u8fc7 ILLA AI\u6784\u5efa\u4ec0\u4e48\u6837\u7684\u5185\u5bb9\uff1f","faq.content.0.answer":"\u60a8\u53ef\u4ee5\u6784\u5efa\u60a8\u9700\u8981\u7684\u4efb\u4f55\u5185\u90e8\u5e94\u7528\u7a0b\u5e8f\u6216AI\u5de5\u5177\uff0c\u60a8\u4e5f\u53ef\u4ee5\u5c06AI\u4e0e\u5185\u90e8\u5e94\u7528\u7a0b\u5e8f\u96c6\u6210\u3002 \u4f8b\u5982\uff0c\u4eea\u8868\u677f\u3001\u7ba1\u7406\u9762\u677f\u3001\u5185\u5bb9\u7ba1\u7406\u3001\u5ba2\u6237\u7ba1\u7406\u7cfb\u7edf\u3001\u6587\u672c\u751f\u6210\u5de5\u5177\u3001\u56fe\u50cf\u5de5\u5177\u3001\u7535\u5b50\u90ae\u4ef6\u751f\u6210\u5de5\u5177\u7b49\u3002","faq.content.1.question":"\u8c01\u53ef\u4ee5\u4f7f\u7528 ILLA Cloud\uff1f","faq.content.1.answer":"\u65e0\u8bba\u60a8\u662f\u4ea7\u54c1\u7ecf\u7406\u3001\u5168\u5806\u6808\u5f00\u53d1\u8005\u3001\u9879\u76ee\u7ecf\u7406\u3001\u6570\u636e\u5206\u6790... \u4efb\u4f55\u4eba\u90fd\u53ef\u4ee5\u4f7f\u7528 ILLA Cloud\u6784\u5efa\u5de5\u5177\uff1a\u4ece\u8bbe\u8ba1\u5e26\u6709\u62d6\u653e\u7ec4\u4ef6\u7684\u524d\u7aef\u63a5\u53e3\u5230\u4e0e\u6570\u636e\u6e90\u96c6\u6210\u5e76\u4f7f\u7528 AI \u63f4\u52a9\u751f\u6210\u67e5\u8be2 \u56fd\u9645\u6cd5\u534f\u4f1a\u63d0\u4f9b\u4e86\u4e00\u79cd\u7cbe\u7b80\u7684\u7ecf\u9a8c\uff0c\u6d88\u9664\u4e86\u4e0d\u5fc5\u8981\u7684\u590d\u6742\u6027\u3002 \u60a8\u4e0d\u9700\u8981\u662f\u6280\u672f\u4e13\u5bb6\u624d\u80fd\u521b\u5efa\u60a8\u81ea\u5df1\u7684\u5e94\u7528\u7a0b\u5e8f\u3002","faq.content.2.question":"ILLA Cloud\u80fd\u5e26\u7ed9\u6211\u600e\u6837\u7684\u597d\u5904\uff1f","faq.content.2.answer":"ILLA Cloud\u4e0d\u4ec5\u53ef\u4ee5\u964d\u4f4e\u6784\u5efa\u60a8\u7684\u5de5\u5177\u521b\u5efa\u548c\u7ef4\u62a4\u6210\u672c\uff0c\u8fd8\u53ef\u4ee5\u6574\u5408\u60a8\u60f3\u8981\u7684\u4efb\u4f55AI\u80fd\u529b\uff0c \u4f7f\u60a8\u7684\u5de5\u4f5c\u66f4\u6709\u6548\u7387\uff0c\u4f7f\u60a8\u80fd\u591f\u5728\u66f4\u5c11\u7684\u65f6\u95f4\u5185\u751f\u6210\u66f4\u5b9d\u8d35\u7684\u5185\u5bb9\u3002","faq.content.3.question":"\u6211\u80fd\u6839\u636e\u6211\u7684\u7279\u5b9a\u4e1a\u52a1\u9700\u8981\u81ea\u5b9a\u4e49AI Agent\u5417\uff1f","faq.content.3.answer":"\u662f\u7684\uff0c\u4f60\u53ef\u4ee5\uff01AI Agent\u57fa\u4e8e\u5927\u578b\u8bed\u8a00\u6a21\u578b\uff0c\u53ef\u4ee5\u4fdd\u5b58\u60a8\u7684\u63d0\u793a\u8bcd\uff0c\u7528\u4e8e\u6267\u884c\u60a8\u81ea\u5b9a\u4e49\u7684\u4efb\u52a1\u3002 \u60a8\u53ef\u4ee5\u6839\u636e\u60a8\u7684\u4e1a\u52a1\u8981\u6c42\u5b9a\u4e49AI Agent\u7684\u884c\u4e3a\u3002 \u901a\u8fc7\u4f7f\u7528ILLA Builder\uff0c\u60a8\u53ef\u4ee5\u5c06\u6570\u636e\u8f93\u5165\u5230AI Agent\u5e76\u4f7f\u4ed6\u5b83\u5b8c\u6210\u6307\u5b9a\u7684\u4efb\u52a1\uff0c\u4f8b\u5982\u6587\u672c\u5904\u7406\u3002 \u56fe\u50cf\u8bc6\u522b\u548c\u81ea\u7136\u8bed\u8a00\u5904\u7406\u3002","faq.content.4.question":"ILLA\u652f\u6301\u54ea\u4e9b\u6570\u636e\u6e90\uff1f","faq.content.4.answer":"ILLA\u652f\u6301\u5305\u62ecPostgreSQL\u3001MongoDB\u3001REST API\u3001GraphQL\u3001Google Sheets\u5728\u5185\u7684\u5404\u79cd\u6570\u636e\u6e90\u96c6\u6210\u3002 \u60a8\u53ef\u4ee5\u5728\u4e0d\u5199\u4ee3\u7801\u7684\u60c5\u51b5\u4e0b\u5feb\u901f\u8fde\u63a5\u5230\u4efb\u4f55\u6570\u636e\u6e90\uff0c\u8bbf\u95ee\u60a8\u6240\u9700\u7684\u6570\u636e\u3002","faq.content.5.question":"ILLA Cloud\u7528\u6237\u662f\u5426\u6709\u6280\u672f\u652f\u6301\uff1f","faq.content.5.answer":"\u662f\u7684\uff0cILLA Cloud\u5411\u7528\u6237\u63d0\u4f9b\u6280\u672f\u652f\u6301\u3002 \u5982\u679c\u60a8\u9047\u5230\u4efb\u4f55\u95ee\u9898\u6216\u5bf9\u5e73\u53f0\u7684\u529f\u80fd\u6709\u7591\u95ee\uff0c\u60a8\u53ef\u4ee5\u8054\u7cfb\u6211\u4eec\u7684\u652f\u6301\u56e2\u961f\u5bfb\u6c42\u5e2e\u52a9\u3002 \u6211\u4eec\u81f4\u529b\u4e8e\u5e2e\u52a9\u4f60\u5728ILLA Cloud\u4e0a\u62e5\u6709\u65e0\u7f1d\u7684\u4f53\u9a8c\u3002","pricing.meta-desc":"\u9002\u7528\u4e8e\u4e2a\u4eba\u5f00\u53d1\u8005\u6216\u5c0f\u56e2\u961f\u9700\u8981\u6784\u5efa\u5185\u90e8\u5e94\u7528\u7a0b\u5e8f\u3002","pricing.billing.pricing.premium.feature.builder.viewer":"\u514d\u8d39\u6dfb\u52a0\u65e0\u9650\u4e2a\u6d4f\u89c8\u8005","pricing.billing.pricing.premium.feature.builder.audit_log":"\u5ba1\u6838\u65e5\u5fd7","pricing.billing.pricing.premium.feature.builder.public":"\u53d1\u5e03\u516c\u5f00\u5e94\u7528","pricing.billing.pricing.premium.feature.builder.sql":"AI SQL\u751f\u6210","pricing.billing.pricing.premium.feature.builder.history":"\u5907\u4efd\u7f16\u8f91\u5386\u53f2\u548c\u6062\u590d","pricing.billing.pricing.premium.feature.builder.theme":"\u4e3a\u60a8\u7684\u5e94\u7528\u81ea\u5b9a\u4e49\u4e3b\u9898(\u5373\u5c06\u63a8\u51fa)","pricing.billing.pricing.premium.feature.builder.multi_environment":"\u591a\u5f00\u53d1\u73af\u5883(\u5373\u5c06\u63a8\u51fa)","pricing.billing.pricing.premium.feature.builder.deployed_version":"\u4fdd\u7559\u5df2\u90e8\u7f72\u7684\u7248\u672c\u5e76\u6062\u590d(\u5373\u5c06\u63a8\u51fa)","pricing.billing.pricing.premium.feature.agent.gpt":"\u8bbf\u95ee\u66f4\u591a\u6a21\u578b\uff0c\u5982GPT-4\u7b49","pricing.billing.pricing.colla.feature.storage":"\u5b58\u50a8","pricing.billing.pricing.colla.feature.traffic":"\u6d41\u91cf","pricing.billing.pricing.colla.feature.token":"AI Agent","pricing.faq.title":"\u5e38\u89c1\u95ee\u9898","pricing.faq.content.0.question":"ILLA Cloud Premium\u5bf9\u54ea\u4e9b\u7528\u6237\u6536\u53d6\u8d39\u7528\uff1f","pricing.faq.content.0.answer":"\u6709\u7f16\u8f91\u6743\u9650\u7684\u7528\u6237(\u7f16\u8f91\u8005)","pricing.faq.content.1.question":"\u6709\u7f16\u8f91\u6743\u9650\u7684\u7528\u6237\u5305\u542b\u54ea\u4e9b\u7c7b\u578b\uff1f","pricing.faq.content.1.answer":"\u5305\u62ec\u6240\u6709\u8005\u3001\u7ba1\u7406\u5458\u548c\u7f16\u8f91\u8005","pricing.faq.content.2.question":"\u53ea\u4f7f\u7528\u6211\u642d\u5efa\u7684\u4ea7\u54c1\u7684\u7528\u6237\uff08\u4ec5\u6d4f\u89c8\uff09\u662f\u5426\u8ba1\u8d39\uff1f","pricing.faq.content.2.answer":"\u4e0d\uff0c\u60a8\u7684\u56e2\u961f\u5347\u7ea7\u5230Premium\u4e4b\u540e\uff0c\u5c31\u53ef\u4ee5\u514d\u8d39\u6dfb\u52a0\u65e0\u9650\u4e2a\u6d4f\u89c8\u8005\uff0c\u6765\u4f7f\u7528\u60a8\u642d\u5efa\u7684\u4ea7\u54c1\u3002","pricing.faq.content.3.question":"\u5982\u4f55\u9080\u8bf7\u6d4f\u89c8\u8005\uff1f","pricing.faq.content.3.answer":"\u82e5\u8981\u9080\u8bf7\u6d4f\u89c8\u8005\uff0c\u60a8\u9700\u8981\u5c06\u56e2\u961f\u5347\u7ea7\u5230Premium\uff0c\u7136\u540e\u5c31\u53ef\u4ee5\u901a\u8fc7\u7535\u5b50\u90ae\u4ef6\u6216\u94fe\u63a5\u9080\u8bf7\u7528\u6237\u4e86\u3002","pricing.faq.content.4.question":"ILLA Cloud\u8986\u76d6\u54ea\u4e9b\u4ea7\u54c1\uff1f","pricing.faq.content.4.answer":"ILLA Builder, ILLA Drive, ILLA Flow \u548c AI Agent","pricing.faq.content.5.question":"\u4ec0\u4e48\u662fILLA Drive\uff1f","pricing.faq.content.5.answer":"ILLA Drive\u662f\u4e00\u4e2a\u5185\u5bb9\u5b58\u50a8\u5e73\u53f0\uff0c\u5141\u8bb8\u5b58\u50a8\u4efb\u4f55\u6587\u4ef6\u5e76\u901a\u8fc7\u516c\u53f8\u7f51\u7ad9\u6216\u5176\u4ed6\u4ea7\u54c1\u5411\u7528\u6237\u5206\u53d1\u3002","pricing.faq.content.6.question":"\u4ec0\u4e48\u662fAI Agent\uff1f","pricing.faq.content.6.answer":"AI Agent\u57fa\u4e8e\u5927\u8bed\u8a00\u6a21\u578b\uff08\u5982GPT4\u7b49\uff09\u6784\u5efa\uff0c\u5141\u8bb8\u60a8\u81ea\u5b9a\u4e49\u63d0\u793a\u8bcd\uff0c\u7528\u4e8e\u9488\u5bf9\u60a8\u7684\u4e1a\u52a1\u9700\u6c42\u6784\u5efa\u4e13\u5c5e\u7684AI Agent\u3002","pricing.faq.content.7.question":"AI Agent\u5982\u4f55\u8ba1\u8d39\uff1f","pricing.faq.content.7.answer":"\u6839\u636e\u8f93\u5165\u548c\u8f93\u51fa\u7684\u5b57\u7b26\u6570\uff0c\u6263\u9664Colla","landingPage.components.meta.title":"ILLA Cloud\u7ec4\u4ef6","landingPage.components.meta.description":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u9884\u8bbe\u7ec4\u4ef6\u6765\u6784\u5efa\u5e94\u7528\u3002","landingPage.components.headerContent.title":"\u5185\u7f6e\u7ec4\u4ef6\u5e93","landingPage.components.headerContent.description":"ILLA\u63d0\u4f9b\u4e86\u4e00\u7cfb\u5217\u5e38\u7528\u7684\u524d\u7aef\u5f00\u53d1\u7ec4\u4ef6\uff0c\u7528\u6237\u80fd\u591f\u901a\u8fc7\u7b80\u5355\u7684\u62d6\u653e\u64cd\u4f5c\u8f7b\u677e\u6784\u5efa\u524d\u7aef\u754c\u9762\u5e76\u54cd\u5e94\u7528\u6237\u64cd\u4f5c\u548c\u663e\u793a\u6570\u636e\uff0c\u5305\u542b\u8868\u683c\u3001\u56fe\u8868\u3001\u8868\u5355\u3001\u5217\u8868\u7b49\u590d\u6742\u7ec4\u4ef6\u3002","landingPage.components.headerContent.btnText":"\u514d\u8d39\u4f53\u9a8c","landingPage.components.classify.inputs.title":"Input","landingPage.components.classify.inputs.upload.title":"Upload","landingPage.components.classify.inputs.upload.description":"ILLA Cloud \u4e2d\u7684\u201c\u4e0a\u4f20\u201d\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u5c06\u4efb\u4f55\u7c7b\u578b\u7684\u6587\u4ef6\u4e0a\u4f20\u5230\u4ed6\u4eec\u7684\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\u3002","landingPage.components.classify.inputs.switch.title":"Switch","landingPage.components.classify.inputs.switch.description":"ILLA Cloud \u4e2d\u7684\u201c\u5f00\u5173\u201d\u7ec4\u4ef6\u63d0\u4f9b\u4e86\u4e00\u4e2a\u5207\u6362\u5f00\u5173\uff0c\u5141\u8bb8\u7528\u6237\u6253\u5f00\u6216\u5173\u95ed\u7279\u5b9a\u8bbe\u7f6e\u6216\u529f\u80fd\u3002","landingPage.components.classify.inputs.select.title":"Select","landingPage.components.classify.inputs.select.description":"ILLA Cloud \u4e2d\u7684\u201c\u9009\u62e9\u201d\u7ec4\u4ef6\u662f\u4e00\u4e2a\u4e0b\u62c9\u9009\u62e9\u5668\uff0c\u5141\u8bb8\u7528\u6237\u4ece\u9009\u9879\u5217\u8868\u4e2d\u8fdb\u884c\u9009\u62e9\uff0c\u63d0\u4f9b\u4e00\u79cd\u7528\u6237\u53cb\u597d\u4e14\u8282\u7701\u7a7a\u95f4\u7684\u65b9\u5f0f\u6765\u8f93\u5165\u6570\u636e\u3002","landingPage.components.classify.inputs.radioGroup.title":"Radio group","landingPage.components.classify.inputs.radioGroup.description":"ILLA Cloud \u4e2d\u7684\u201cRadio Group\u201d\u7ec4\u4ef6\u662f\u4e00\u4e2a\u5355\u9009\u6846\u7ec4\uff0c\u5141\u8bb8\u7528\u6237\u4ece\u9009\u9879\u5217\u8868\u4e2d\u9009\u62e9\u4e00\u4e2a\u9009\u9879\uff0c\u63d0\u4f9b\u4e00\u79cd\u7b80\u5355\u660e\u4e86\u7684\u65b9\u5f0f\u6765\u8f93\u5165\u548c\u7ba1\u7406\u6570\u636e\u3002","landingPage.components.classify.inputs.checkboxGroup.title":"\u590d\u9009\u6846\u7ec4","landingPage.components.classify.inputs.checkboxGroup.description":"ILLA Cloud \u4e2d\u7684\u201c\u590d\u9009\u6846\u7ec4\u201d\u7ec4\u4ef6\u662f\u4e00\u4e2a\u590d\u9009\u6846\u9009\u62e9\u5668\uff0c\u5141\u8bb8\u7528\u6237\u4ece\u5217\u8868\u4e2d\u9009\u62e9\u591a\u4e2a\u9009\u9879\uff0c\u4ece\u800c\u63d0\u4f9b\u4e00\u79cd\u7b80\u5355\u9ad8\u6548\u7684\u6570\u636e\u7ba1\u7406\u65b9\u5f0f\u3002","landingPage.components.classify.data.title":"\u6570\u636e","landingPage.components.classify.inputs.chart.title":"Chart","landingPage.components.classify.inputs.chart.description":"ILLA Cloud \u4e2d\u7684\u201c\u56fe\u8868\u201d\u7ec4\u4ef6\u57fa\u4e8e\u8fde\u63a5\u7684\u6570\u636e\u663e\u793a\u591a\u79cd\u7c7b\u578b\u7684\u56fe\u8868\uff0c\u4e3a\u7528\u6237\u63d0\u4f9b\u6e05\u6670\u4e14\u89c6\u89c9\u4e0a\u5438\u5f15\u4eba\u7684\u590d\u6742\u6570\u636e\u8868\u793a\u3002","landingPage.components.classify.inputs.tables.title":"Tables","landingPage.components.classify.inputs.tables.description":"ILLA Cloud \u4e2d\u7684\u201c\u8868\u683c\u201d\u7ec4\u4ef6\u4ee5\u8868\u683c\u5f62\u5f0f\u663e\u793a\u6570\u636e\u5e93\u4e2d\u7684\u6570\u636e\uff0c\u4fbf\u4e8e\u7528\u6237\u4e00\u76ee\u4e86\u7136\u5730\u67e5\u770b\u3001\u6392\u5e8f\u548c\u5206\u6790\u5927\u91cf\u4fe1\u606f\u3002","landingPage.components.classify.Presentation.title":"\u5c55\u793a","landingPage.components.classify.inputs.pdf.title":"PDF","landingPage.components.classify.inputs.pdf.description":"ILLA Cloud \u4e2d\u7684\u201cPDF\u201d\u7ec4\u4ef6\u662f\u4e00\u4e2a\u663e\u793a\u5143\u7d20\uff0c\u5141\u8bb8\u7528\u6237\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u67e5\u770b PDF \u6587\u4ef6\u5e76\u4e0e\u4e4b\u4ea4\u4e92\u3002","landingPage.components.classify.inputs.video.title":"Video","landingPage.components.classify.inputs.video.description":"ILLA Cloud \u4e2d\u7684\u201c\u89c6\u9891\u201d\u7ec4\u4ef6\u662f\u4e00\u4e2a\u663e\u793a\u5143\u7d20\uff0c\u5141\u8bb8\u7528\u6237\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u64ad\u653e\u89c6\u9891\u5e76\u4e0e\u4e4b\u4ea4\u4e92\u3002","landingPage.integrations.meta.title":"ILLA Cloud \u96c6\u6210","landingPage.integrations.meta.description":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u96c6\u6210\u8bbf\u95ee\u548c\u4f7f\u7528\u6570\u636e\u8d44\u6e90\u3002","landingPage.integrations.headerContent.title":"\u8fde\u63a5\u5230\u4efb\u4f55\u6570\u636e\u6e90","landingPage.integrations.headerContent.description":"\u80fd\u591f\u8fde\u63a5\u5230\u4e3b\u6d41\u6570\u636e\u5e93\u6216\u901a\u8fc7API\u8fde\u63a5\u7684\u4efb\u4f55\u6570\u636e\uff0c ILLA \u4e91\u7aef\u5141\u8bb8\u5f00\u53d1\u8005\u5c06\u4ece\u540e\u7aef\u83b7\u53d6\u7684\u6570\u636e\u4e0e\u524d\u7aef\u7ec4\u4ef6\u7d27\u5bc6\u7ed3\u5408\u8d77\u6765\u3002 \u8fd9\u4f7f\u5f00\u53d1\u4eba\u5458\u80fd\u591f\u901a\u8fc7\u6dfb\u52a0\u8d44\u6e90\u548c\u52a8\u4f5c\u6765\u54cd\u5e94\u7528\u6237\u4e8b\u4ef6\uff0c\u8f7b\u677e\u5730\u5199\u5165\u6570\u636e\u901a\u8bdd\u5e76\u5b9e\u73b0\u5e7f\u6cdb\u7684\u4fe1\u606f\u4ea4\u4e92\u3002","landingPage.integrations.headerContent.btnText":"\u514d\u8d39\u4f53\u9a8c","landingPage.integrations.classify.database.title":"\u6570\u636e\u5e93\u96c6\u6210","landingPage.integrations.classify.database.mysql.description":"\u4e00\u4e2a\u5f00\u653e\u6e90\u7801\u5173\u7cfb\u6570\u636e\u5e93\u7ba1\u7406\u7cfb\u7edf\uff0c\u80fd\u591f\u6709\u6548\u5730\u50a8\u5b58\u548c\u68c0\u7d22\u6570\u636e\u3002","landingPage.integrations.classify.database.postgreSQL.description":"\u4e00\u4e2a\u4ee5\u5176\u7a33\u5b9a\u6027\u548c\u53ef\u9760\u6027\u8457\u79f0\u7684\u9ad8\u7ea7\u5f00\u6e90\u5173\u7cfb\u6570\u636e\u5e93\u7ba1\u7406\u7cfb\u7edf\u3002","landingPage.integrations.classify.database.mariadb.description":"\u4e00\u4e2a\u793e\u533a\u9a71\u52a8\u7684 MySQL \u7684\u5f00\u653e\u6e90\u7801\u5e73\u53f0\uff0c\u5176\u529f\u80fd\u548c\u6027\u80fd\u90fd\u5f97\u5230\u52a0\u5f3a\u3002","landingPage.integrations.classify.database.tidb.description":"\u4e00\u4e2a\u5206\u5e03\u5f0f\u7684 SQL \u6570\u636e\u5e93\uff0c\u652f\u6301\u540c\u65f6\u4f7f\u7528 SQL \u548c NoSQL \u5de5\u4f5c\u8d1f\u8f7d\uff0c\u5e76\u5177\u6709\u6c34\u5e73\u53ef\u4f38\u7f29\u6027\u548c\u6545\u969c\u5bb9\u91cf\u3002","landingPage.integrations.classify.database.redis.description":"\u5185\u5b58\u6570\u636e\u7ed3\u6784\u5b58\u50a8\uff0c\u901a\u5e38\u7528\u4f5c\u6570\u636e\u5e93\u3001\u7f13\u5b58\u548c\u6d88\u606f\u4e2d\u4ecb\u3002","landingPage.integrations.classify.database.appwrite.description":"\u4e00\u4e2a\u5f00\u653e\u6e90\u7801\u540e\u7aef\u670d\u52a1\u5668\u5e73\u53f0\uff0c\u4e3a\u7f51\u7edc\u548c\u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u63d0\u4f9b\u8ba4\u8bc1\u3001\u6570\u636e\u5e93\u548c\u5b58\u50a8\u670d\u52a1\u3002","landingPage.integrations.classify.database.mongodb.description":"\u4e00\u4e2a NoSQL \u6587\u6863\u6570\u636e\u5e93\uff0c\u5728\u7075\u6d3b\u7684 JSON \u6587\u6863\u4e2d\u5b58\u50a8\u6570\u636e\u3002","landingPage.integrations.classify.database.oracleDB.description":"\u4e00\u4e2a\u9ad8\u6027\u80fd\u3001\u53ef\u8c03\u6574\u7684\u5173\u7cfb\u6570\u636e\u5e93\u7ba1\u7406\u7cfb\u7edf\uff0c\u63d0\u4f9b\u4e00\u5957\u5168\u9762\u7684\u529f\u80fd\u548c\u5de5\u5177\u3002","landingPage.integrations.classify.database.elasticSearch.description":"\u4e00\u4e2a\u80fd\u591f\u5904\u7406\u5927\u91cf\u6570\u636e\u7684\u5206\u5e03\u5f0fRESTFL\u641c\u7d22\u548c\u5206\u6790\u5f15\u64ce\u3002","landingPage.integrations.classify.database.couchDB.description":"\u4e00\u4e2a\u4ee5\u6587\u4ef6\u4e3a\u5bfc\u5411\uff0c\u63d0\u4f9b\u4e86\u4e00\u4e2a\u5206\u5e03\u5f0f\u67b6\u6784\uff0c\u5e26\u6709\u9012\u589e\u590d\u5236\u548c\u51b2\u7a81\u68c0\u6d4b\u7684\u6570\u636e\u5e93","landingPage.integrations.classify.database.firebase.description":"\u4e00\u4e2a\u4e3a\u79fb\u52a8\u548c\u7f51\u7edc\u5e94\u7528\u7a0b\u5e8f\u63d0\u4f9b\u540e\u7aef\u670d\u52a1\u7684\u5e73\u53f0\uff0c\u5305\u62ec\u5b9e\u65f6\u6570\u636e\u5e93\u3001\u8eab\u4efd\u9a8c\u8bc1\u3001\u4e91\u4fe1\u606f\u53ca\u5176\u4ed6\u670d\u52a1\u3002","landingPage.integrations.classify.database.mssql.description":"\u5fae\u8f6f\u5f00\u53d1\u7684\u5173\u7cfb\u6570\u636e\u5e93\u7ba1\u7406\u7cfb\u7edf\u3002\u652f\u6301\u4ea4\u6613\u5904\u7406\u3001\u5546\u4e1a\u60c5\u62a5\u548c\u5206\u6790\u5e94\u7528\u7b49\u3002","landingPage.integrations.classify.database.supabaseDB.description":"\u4e00\u4e2a\u9762\u5411\u5f00\u653e\u6e90\u7801\u7684\u6570\u636e\u5e93\u7ba1\u7406\u7cfb\u7edf\uff0c\u7528\u4e8e\u7f51\u4e0a\u5206\u6790\u5904\u7406\u3002","landingPage.integrations.classify.database.neon.description":"\u5b8c\u5168\u7ba1\u7406\u7684multi-cloud Postgres\uff0c\u514d\u8d39\u8bd5\u7528\u3002\u5206\u79bb\u5b58\u50a8\u548c\u8ba1\u7b97\u4ee5\u63d0\u4f9b\u81ea\u52a8\u5316\u3001\u5206\u652f\u548c\u65e0\u5e95\u5c42\u5b58\u50a8\u3002","landingPage.integrations.classify.database.hydra.description":"\u4e00\u4e2a\u5f00\u6e90\uff0c\u4e13\u680f\u5f0f\u7684 RDBMS \u6784\u5efa\u4e8ePostgres","landingPage.integrations.classify.database.dynamoDB.description":"\u4e00\u4e2a\u5b8c\u5168\u7ba1\u7406\u7684 NoSQL \u6570\u636e\u5e93\u670d\u52a1\uff0c\u63d0\u4f9b\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u6027\u548c\u53ef\u9760\u6027\u3002","landingPage.integrations.classify.database.snowflake.description":"\u4e00\u4e2a\u57fa\u4e8e\u4e91\u5c42\u7684\u6570\u636e\u50a8\u5b58\u5e73\u53f0\uff0c\u7528\u4e8e\u5927\u89c4\u6a21\u6570\u636e\u50a8\u5b58\u548c\u5206\u6790\u3002","landingPage.integrations.classify.api.title":"API \u96c6\u6210","landingPage.integrations.classify.api.hfAPI.description":"\u4e00\u4e2a API \uff0c\u63d0\u4f9b\u6613\u4e8e\u4f7f\u7528\u7684\u4e8b\u5148\u57f9\u8bad\u7684\u5929\u7136\u8bed\u8a00\u5904\u7406\u6a21\u578b\uff0c\u7528\u4e8e\u63a8\u8bba\u4efb\u52a1\u3002","landingPage.integrations.classify.api.hfEndpoint.description":"\u4e00\u4e2aEndpoint\uff0c\u53ef\u4ee5\u8f7b\u677e\u90e8\u7f72Hugging Face\u6a21\u578b","landingPage.integrations.classify.api.restAPI.description":"\u4e00\u79cd\u57fa\u4e8eweb\u7684\u4f53\u7cfb\u7ed3\u6784\u6837\u5f0f\uff0c\u7528\u4e8e\u6784\u5efa\u4f7f\u7528HTTP\u534f\u8bae\u5728\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u5668\u4e4b\u95f4\u4ea4\u6362\u6570\u636e\u7684web\u670d\u52a1\u3002","landingPage.integrations.classify.api.s3.description":"\u57fa\u4e8e\u4e91\u7684\u5bf9\u8c61\u5b58\u50a8\u670d\u52a1\uff0c\u4e3a\u5404\u79cd\u60c5\u51b5\u63d0\u4f9b\u53ef\u7f29\u653e\u3001\u5b89\u5168\u548c\u8010\u4e45\u7684\u6570\u636e\u5b58\u50a8\u670d\u52a1\u3002","landingPage.integrations.classify.api.smtp.description":"\u7528\u4e8e\u901a\u8fc7\u4e92\u8054\u7f51\u53d1\u9001\u548c\u63a5\u6536\u7535\u5b50\u90ae\u4ef6\u4fe1\u606f\u7684\u534f\u8bae\u3002","landingPage.integrations.classify.api.graphQL.description":"\u4e00\u4e2a API \u7684\u67e5\u8be2\u8bed\u8a00\uff0c\u4e3a\u4f20\u7edf\u7684REST API\u63d0\u4f9b\u4e86\u66f4\u6709\u6548\u3001\u66f4\u5f3a\u5927\u548c\u66f4\u7075\u6d3b\u7684\u66ff\u4ee3\u65b9\u6cd5\u3002","landingPage.integrations.classify.api.googleSheets.description":"\u4e00\u4e2a\u4e91\u7aef\u7535\u5b50\u8868\u683c\u8f6f\u4ef6\uff0c\u4f7f\u7528\u6237\u80fd\u591f\u5728\u7f51\u4e0a\u521b\u5efa\u548c\u7f16\u8f91\u7535\u5b50\u8868\u683c\uff0c\u540c\u65f6\u5b9e\u65f6\u4e0e\u5176\u4ed6\u7528\u6237\u5408\u4f5c\u3002","landingPage.integrations.classify.api.airtable.description":"\u4e00\u4e2a\u7075\u6d3b\u548c\u53ef\u534f\u4f5c\u7684\u5e73\u53f0\uff0c\u7528\u4ee5\u7ba1\u7406\u9879\u76ee\u3001\u6570\u636e\u548c\u56e2\u961f\u3002","blog.all_posts":"\u6240\u6709\u5e16\u5b50","blog.all_posts_desc_bold":"ILLA \u535a\u5ba2","blog.all_posts_desc":"|\u5f00\u53d1\u8005\u7684\u7acb\u4f53\u77e5\u8bc6\u5e93\uff0c\u6db5\u76d6\u8303\u56f4\u5e7f\u6cdb\u7684\u79d1\u76ee\uff0c\u5982\u524d\u7aef\u548c\u540e\u7aef\u53d1\u5c55\u3001AI\u3001\u4f4e\u4ee3\u7801\u548cILLA Cloud\u7b49\u3002 \u5728\u8fd9\u65b9\u9762\uff0c\u4f60\u53ef\u4ee5\u6ce8\u5165\u5c16\u7aef\u6280\u672f\uff0c\u63a2\u7d22\u65b0\u51fa\u73b0\u7684\u8d8b\u52bf\uff0c\u5e76\u8fdb\u884c\u6d3b\u8dc3\u7684\u7ecf\u9a8c\u4ea4\u6d41\u3002","theme.blog.posts_tagged_with":"\u8d34\u6807\u7b7e\u7684\u5e16\u5b50","footer.less":"\u663e\u793a\u66f4\u5c11","footer.more":"\u663e\u793a\u66f4\u591a","nav.contact":"\u9884\u7ea6\u6f14\u793a","website_4.solution.use_this_template":"\u7acb\u5373\u4f53\u9a8c","call-to-action.title":"\u4f7f\u7528 ILLA \u4e91\u542f\u52a8\u6784\u5efa\u5e94\u7528\u7a0b\u5e8f","call-to-action.desc":"\u60a8\u9700\u8981\u7684\u4efb\u4f55\u5185\u90e8\u5de5\u5177\u53ef\u4ee5\u5728 1 \u5206\u949f\u5185\u4f7f\u7528 ILLA \u4e91\u6784\u5efa\u3002","call-to-action.button-1":"\u514d\u8d39\u8bd5\u7528\u4e91\u7aef","call-to-action.button-2":"\u4f7f\u7528 GitHub \u767b\u5f55","title.github":"Github","title.stars":"Stars","title.star-us":"\u4e3a\u6211\u4eec\u70b9\u4eae","learn_more":"\u4e86\u89e3\u66f4\u591a","pricing.billing.pricing.premium.desc":"\u5347\u7ea7\u60a8\u7684\u56e2\u961f\u4ee5\u8bbf\u95ee\u9ad8\u7ea7\u529f\u80fd","pricing.billing.pricing.premium.price":"/\u6708/\u7f16\u8f91\u5668","pricing.billing.pricing.colla.desc":"\u7528\u4e8e\u652f\u4ed8ILLA \u4e91\u7aef\u7684\u589e\u503c\u670d\u52a1","pricing.billing.pricing.colla.price":"/month/5k Colla","pricing.billing.plus-btn":"\u5347\u7ea7","landingPageDetail.audio.name":"Audio","landingPageDetail.audio.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u97f3\u9891\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.audio.description":"ILLA Cloud \u4e2d\u7684\u201c\u89c6\u9891\u201d\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u5728\u5e94\u7528\u7a0b\u5e8f\u5185\u64ad\u653e\u89c6\u9891\u548c\u97f3\u9891\u5e76\u4e0e\u4e4b\u4ea4\u4e92\uff0c\u63d0\u4f9b\u4e00\u79cd\u9ad8\u6548\u4fbf\u6377\u7684\u8bbf\u95ee\u591a\u5a92\u4f53\u5185\u5bb9\u7684\u65b9\u5f0f\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u5728\u5de5\u4f5c\u65f6\u4f7f\u7528\u89c6\u9891\u7ec4\u4ef6\u89c2\u770b\u6559\u7a0b\u89c6\u9891\u5728\u9879\u76ee\u4e2d\uff0c\u901a\u8fc7\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u968f\u65f6\u63d0\u4f9b\u6240\u6709\u5fc5\u8981\u7684\u4fe1\u606f\u6765\u8282\u7701\u65f6\u95f4\u5e76\u63d0\u9ad8\u751f\u4ea7\u529b\u3002","landingPageDetail.audio.metaTitle":"ILLA Cloud | \u97f3\u9891\u7ec4\u4ef6","landingPageDetail.audio.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u97f3\u9891\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.barProgress.name":"Bar progress","landingPageDetail.barProgress.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u8fdb\u5ea6\u6761\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.barProgress.description":"ILLA Cloud \u4e2d\u7684 Bar Progress \u7ec4\u4ef6\u4ee5 100% \u7684\u6bd4\u4f8b\u76f4\u89c2\u5730\u8868\u793a\u8fdb\u5ea6\u6761\uff0c\u4f7f\u7528\u6237\u53ef\u4ee5\u8f7b\u677e\u5feb\u901f\u9ad8\u6548\u5730\u8ddf\u8e2a\u4ed6\u4eec\u7684\u8fdb\u5ea6\u3002\u901a\u8fc7\u63d0\u4f9b\u6e05\u6670\u7b80\u6d01\u7684\u8fdb\u5ea6\u53ef\u89c6\u5316\u8868\u793a\uff0c\u7528\u6237\u53ef\u4ee5\u8f7b\u677e\u4e86\u89e3\u8fdb\u5ea6\u4ed6\u4eec\u5728\u6267\u884c\u7279\u5b9a\u4efb\u52a1\u6216\u9879\u76ee\u65f6\u65e0\u9700\u82b1\u65f6\u95f4\u8ba1\u7b97\u5b8c\u6210\u767e\u5206\u6bd4\uff0c\u4ece\u800c\u8282\u7701\u5b9d\u8d35\u7684\u65f6\u95f4\u5e76\u8ba9\u4ed6\u4eec\u4e13\u6ce8\u4e8e\u66f4\u91cd\u8981\u7684\u4efb\u52a1\u3002","landingPageDetail.barProgress.metaTitle":"ILLA Cloud\u8fdb\u5ea6\u6761\u7ec4\u4ef6 - \u53ef\u89c6\u5316\u6570\u636e\u8fdb\u5ea6","landingPageDetail.barProgress.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528Bar progress\u6765\u521b\u5efa\u4eea\u8868\u677f\u3001\u62a5\u544a\u3001\u8c03\u67e5\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.button.name":"Button","landingPageDetail.button.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.button.description":"ILLA Cloud \u4e2d\u7684\u6309\u94ae\u7ec4\u4ef6\u662f\u4e00\u79cd\u591a\u529f\u80fd\u5de5\u5177\uff0c\u53ef\u7528\u4e8e\u89e6\u53d1\u64cd\u4f5c\u5e76\u901a\u8fc7\u63d0\u4f9b\u6e05\u6670\u76f4\u89c2\u7684\u65b9\u5f0f\u4e0e\u5e94\u7528\u7a0b\u5e8f\u8fdb\u884c\u4ea4\u4e92\u6765\u589e\u5f3a\u7528\u6237\u4f53\u9a8c\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u201c\u4fdd\u5b58\u201d\u6309\u94ae\u6765\u89e6\u53d1\u6570\u636e\u5e93\u5355\u51fb\u65f6\u66f4\u65b0\uff0c\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u5e76\u8282\u7701\u7528\u6237\u624b\u52a8\u66f4\u65b0\u6570\u636e\u5e93\u7684\u65f6\u95f4\u3002","landingPageDetail.button.metaTitle":"ILLA Cloud | \u6309\u94ae\u7ec4\u4ef6","landingPageDetail.button.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud \u4e2d\u4f7f\u7528\u6309\u94ae\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.carousel.name":"Carousel","landingPageDetail.carousel.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u8f6e\u64ad\u56fe\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.carousel.description":"ILLA Cloud \u4e2d\u7684\u201c\u8f6e\u64ad\u56fe\u201d\u7ec4\u4ef6\u5728\u5355\u4e2a\u754c\u9762\u4e2d\u663e\u793a\u591a\u4e2a\u56fe\u50cf\u6216\u5a92\u4f53\uff0c\u65e0\u9700\u5728\u5355\u72ec\u7684\u9875\u9762\u6216\u7a97\u53e3\u4e2d\u5bfc\u822a\uff0c\u4ece\u800c\u8282\u7701\u4e86\u7528\u6237\u65f6\u95f4\u3002\u7528\u6237\u53ef\u4ee5\u4e0e\u8f6e\u64ad\u4ea4\u4e92\u4ee5\u67e5\u770b\u548c\u53c2\u4e0e\u663e\u793a\u7684\u5185\u5bb9\uff0c\u4f8b\u5982\u56fe\u7247\u6216\u89c6\u9891\uff0c\u90fd\u5728\u540c\u4e00\u4e2a\u754c\u9762\u4e2d\uff0c\u63d0\u4f9b\u65e0\u7f1d\u548c\u9ad8\u6548\u7684\u7528\u6237\u4f53\u9a8c\u3002","landingPageDetail.carousel.metaTitle":"ILLA Cloud | \u8f6e\u64ad\u56fe\u7ec4\u4ef6","landingPageDetail.carousel.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u8f6e\u64ad\u56fe\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.cascader.name":"Cascader","landingPageDetail.cascader.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684 Cascader \u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.cascader.description":"ILLA Cloud \u4e2d\u7684 Cascader \u7ec4\u4ef6\u4f7f\u7528\u6237\u80fd\u591f\u4ece\u591a\u5c42\u9009\u62e9\u4e2d\u9009\u62e9\u4e00\u4e2a\u9009\u9879\uff0c\u4e3a\u6570\u636e\u8f93\u5165\u548c\u7ba1\u7406\u63d0\u4f9b\u4e86\u4e00\u79cd\u5206\u5c42\u548c\u9ad8\u6548\u7684\u65b9\u6cd5\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u7528\u4e8e\u4ea7\u54c1\u9009\u62e9\u7684\u8868\u5355\uff0c\u5e76\u4f7f\u7528\u201cCascader\u201d\u7ec4\u4ef6\u6765\u5141\u8bb8\u7528\u6237\u9009\u62e9\u81ea\u5df1\u559c\u6b22\u7684\u4ea7\u54c1\u7c7b\u522b\u3001\u54c1\u724c\u548c\u578b\u53f7\uff0c\u63d0\u9ad8\u6570\u636e\u6536\u96c6\u7684\u51c6\u786e\u6027\u548c\u6548\u7387\u3002","landingPageDetail.cascader.metaTitle":"ILLA Cloud Cascader \u7ec4\u4ef6 | ILLA Cloud","landingPageDetail.cascader.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud\u4e2d\u4f7f\u7528 Cascader \u7ec4\u4ef6\u4ece\u8fde\u4e32\u83dc\u5355\u4e2d\u9009\u62e9\u9009\u9879\u3002","landingPageDetail.chart.name":"Chart","landingPageDetail.chart.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u56fe\u8868\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.chart.description":"ILLA Cloud \u4e2d\u7684\u201c\u56fe\u8868\u201d\u7ec4\u4ef6\u663e\u793a\u57fa\u4e8e\u94fe\u63a5\u6570\u636e\u7684\u5404\u79cd\u56fe\u8868\u7c7b\u578b\uff0c\u4e3a\u5206\u6790\u590d\u6742\u4fe1\u606f\u63d0\u4f9b\u4e86\u4e00\u79cd\u6e05\u6670\u4e14\u5177\u6709\u89c6\u89c9\u5438\u5f15\u529b\u7684\u65b9\u5f0f\u3002\u7528\u6237\u53ef\u4ee5\u8f7b\u677e\u6bd4\u8f83\u6570\u636e\u70b9\u5e76\u8bc6\u522b\u8d8b\u52bf\uff0c\u4f7f\u5176\u6210\u4e3a\u51b3\u7b56\u5236\u5b9a\u7684\u6709\u6548\u5de5\u5177\u3002\u4f8b\u5982\uff0c\u9500\u552e\u56e2\u961f\u53ef\u4ee5\u4f7f\u7528\u56fe\u8868\u6765\u53ef\u89c6\u5316\u4ed6\u4eec\u7684\u6536\u5165\u5e76\u786e\u5b9a\u9700\u8981\u6539\u8fdb\u7684\u5730\u65b9\u3002\u603b\u7684\u6765\u8bf4\uff0c\u56fe\u8868\u7ec4\u4ef6\u53ef\u4ee5\u901a\u8fc7\u7b80\u5316\u6570\u636e\u5206\u6790\u8fc7\u7a0b\u5e76\u4ee5\u6613\u4e8e\u7406\u89e3\u7684\u683c\u5f0f\u5448\u73b0\u4fe1\u606f\u6765\u8282\u7701\u7528\u6237\u65f6\u95f4\u3002","landingPageDetail.chart.metaTitle":"ILLA Cloud \u56fe\u8868\u7ec4\u4ef6 - \u4f7f\u7528\u56fe\u548c\u56fe\u8868\u53ef\u89c6\u5316\u6570\u636e","landingPageDetail.chart.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u56fe\u8868\u7ec4\u4ef6\u6765\u521b\u5efa\u4eea\u8868\u677f\u3001\u62a5\u544a\u3001\u8c03\u67e5\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.checkboxGroup.name":"Checkbox Group","landingPageDetail.checkboxGroup.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u590d\u9009\u6846\u7ec4\u7ec4\u4ef6\uff0c\u53ea\u9700\u5355\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.checkboxGroup.description":"ILLA Cloud \u4e2d\u7684\u590d\u9009\u6846\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u65b9\u4fbf\u9ad8\u6548\u7684\u65b9\u5f0f\u6765\u4ece\u5217\u8868\u4e2d\u9009\u62e9\u591a\u4e2a\u9009\u9879\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\u548c\u7cbe\u529b\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4e3a\u4ea7\u54c1\u504f\u597d\u521b\u5efa\u4e00\u4e2a\u8868\u5355\u5e76\u4f7f\u7528\u590d\u9009\u6846\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u53ef\u4ee5\u9009\u62e9\u591a\u4e2a\u9009\u9879\uff0c\u4f8b\u5982\u989c\u8272\u6216\u5c3a\u5bf8\uff0c\u4ece\u800c\u7b80\u5316\u6570\u636e\u6536\u96c6\u8fc7\u7a0b\u3002","landingPageDetail.checkboxGroup.metaTitle":"ILLA Cloud | \u590d\u9009\u6846\u7ec4\u7ec4\u4ef6","landingPageDetail.checkboxGroup.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u590d\u9009\u6846\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.circleProgress.name":"Circle Progress","landingPageDetail.circleProgress.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684 Circle Progress Component\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.circleProgress.description":"ILLA Cloud \u4e2d\u7684 Circle Progress \u7ec4\u4ef6\u65e8\u5728\u4ee5\u5706\u5f62\u663e\u793a\u8fdb\u5ea6\uff0c\u4e3a\u7528\u6237\u63d0\u4f9b\u4e00\u79cd\u89c6\u89c9\u4e0a\u5438\u5f15\u4eba\u7684\u65b9\u5f0f\u6765\u8ddf\u8e2a\u8fdb\u5ea6\u3002\u8be5\u7ec4\u4ef6\u53ef\u4ee5\u8ba9\u7528\u6237\u5feb\u901f\u8f7b\u677e\u5730\u67e5\u770b\u4efb\u52a1\u6216\u9879\u76ee\u7684\u8fdb\u5ea6\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\uff0c\u800c\u65e0\u9700\u5fc5\u987b\u624b\u52a8\u8ba1\u7b97\u767e\u5206\u6bd4\uff0c\u5e2e\u52a9\u4ed6\u4eec\u786e\u5b9a\u53ef\u80fd\u9700\u8981\u989d\u5916\u5173\u6ce8\u6216\u8d44\u6e90\u7684\u9886\u57df\uff0c\u5e76\u4ee5\u6e05\u6670\u7b80\u6d01\u7684\u65b9\u5f0f\u5411\u56e2\u961f\u6210\u5458\u548c\u5229\u76ca\u76f8\u5173\u8005\u4f20\u8fbe\u8fdb\u5c55\u60c5\u51b5\u3002","landingPageDetail.circleProgress.metaTitle":"ILLA Cloud \u73af\u8fdb\u5ea6\u7ec4\u4ef6 - \u5728\u5706\u5f62\u680f\u4e2d\u663e\u793a\u548c\u7ba1\u7406\u6570\u636e\u8fdb\u5ea6","landingPageDetail.circleProgress.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud\u4e2d\u4f7f\u7528\u5706\u5f62\u8fdb\u5ea6\u7ec4\u4ef6\u5728\u5faa\u73af\u680f\u4e2d\u663e\u793a\u6570\u636e\u8fdb\u5ea6\u3002","landingPageDetail.container.name":"Container","landingPageDetail.container.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5bb9\u5668\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.container.description":"ILLA Cloud \u4e2d\u7684\u201c\u5bb9\u5668\u201d\u7ec4\u4ef6\u5c06\u591a\u4e2a\u7ec4\u4ef6\u7ec4\u5408\u5728\u4e00\u8d77\uff0c\u4f7f\u7528\u6237\u66f4\u5bb9\u6613\u7ec4\u7ec7\u548c\u7ba1\u7406\u5185\u5bb9\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u5c06\u4e00\u7ec4\u8f93\u5165\u5b57\u6bb5\u7ec4\u5408\u5728\u4e00\u4e2a\u5bb9\u5668\u4e2d\uff0c\u4ece\u800c\u7b80\u5316\u6536\u96c6\u548c\u63d0\u4ea4\u6570\u636e\u7684\u8fc7\u7a0b\u3002\u8fd9\u53ef\u4ee5\u901a\u8fc7\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u548c\u63d0\u9ad8\u6574\u4f53\u6548\u7387\u6765\u8282\u7701\u65f6\u95f4\u3002","landingPageDetail.container.metaTitle":"ILLA Cloud | \u5bb9\u5668\u7ec4\u4ef6","landingPageDetail.container.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u5bb9\u5668\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.date.name":"Date","landingPageDetail.date.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u65e5\u671f\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.date.description":"ILLA Cloud\u4e2d\u7684Date\u7ec4\u4ef6\u901a\u8fc7\u63d0\u4f9b\u57fa\u4e8e\u65e5\u5386\u7684\u754c\u9762\u7b80\u5316\u4e86\u65e5\u671f\u7684\u9009\u62e9\uff0c\u63d0\u9ad8\u4e86\u65e5\u671f\u76f8\u5173\u6570\u636e\u7ba1\u7406\u7684\u6548\u7387\u548c\u51c6\u786e\u6027\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u7528\u4e8e\u4e8b\u4ef6\u6ce8\u518c\u7684\u8868\u5355\uff0c\u5e76\u4f7f\u7528Date\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u9009\u62e9\u6d3b\u52a8\u65e5\u671f\uff0c\u51cf\u5c11\u65e5\u671f\u76f8\u5173\u9519\u8bef\u7684\u53ef\u80fd\u6027\u5e76\u7b80\u5316\u6ce8\u518c\u8fc7\u7a0b\u3002","landingPageDetail.date.metaTitle":"ILLA Cloud | \u65e5\u671f","landingPageDetail.date.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u65e5\u671f\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.dateRange.name":"Date Range","landingPageDetail.dateRange.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u65e5\u671f\u8303\u56f4\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.dateRange.description":"ILLA Cloud \u4e2d\u7684\u201c\u65e5\u671f\u8303\u56f4\u201d\u7ec4\u4ef6\u901a\u8fc7\u63d0\u4f9b\u57fa\u4e8e\u65e5\u5386\u7684\u754c\u9762\u7b80\u5316\u4e86\u65e5\u671f\u8303\u56f4\u7684\u9009\u62e9\uff0c\u8282\u7701\u4e86\u7528\u6237\u7684\u65f6\u95f4\u548c\u7cbe\u529b\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u62a5\u544a\u5e76\u4f7f\u7528\u201c\u65e5\u671f\u8303\u56f4\u201d\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u9009\u62e9\u6570\u636e\u5206\u6790\u7684\u65e5\u671f\u8303\u56f4\uff0c\u7b80\u5316\u6d41\u7a0b\uff0c\u63d0\u9ad8\u6548\u7387\u3002","landingPageDetail.dateRange.metaTitle":"ILLA Cloud | \u65e5\u671f\u8303\u56f4\u7ec4\u4ef6","landingPageDetail.dateRange.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u65e5\u671f\u8303\u56f4\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.dateTime.name":"Date Time","landingPageDetail.dateTime.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u65e5\u671f\u65f6\u95f4\u7ec4\u4ef6\uff0c\u53ea\u9700\u5355\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.dateTime.description":"ILLA Cloud\u4e2d\u7684\u65e5\u671f\u65f6\u95f4\u7ec4\u4ef6\u901a\u8fc7\u63d0\u4f9b\u57fa\u4e8e\u65e5\u5386\u7684\u754c\u9762\u7b80\u5316\u4e86\u65e5\u671f\u548c\u65f6\u95f4\u7684\u9009\u62e9\uff0c\u63d0\u9ad8\u4e86\u6570\u636e\u7ba1\u7406\u7684\u6548\u7387\u548c\u51c6\u786e\u6027\u3002\u5141\u8bb8\u7528\u6237\u9009\u62e9\u5177\u4f53\u7684\u65e5\u671f\u548c\u65f6\u95f4\uff0c\u51cf\u5c11\u8c03\u5ea6\u9519\u8bef\u7684\u53ef\u80fd\u6027\u5e76\u7b80\u5316\u6d41\u7a0b\u3002","landingPageDetail.dateTime.metaTitle":"ILLA Cloud\u65e5\u671f\u65f6\u95f4\u7ec4\u4ef6 - \u9009\u62e9\u5e76\u663e\u793a\u65e5\u671f\u548c\u65f6\u95f4","landingPageDetail.dateTime.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u65e5\u671f\u65f6\u95f4\u7ec4\u4ef6\u521b\u5efa\u8868\u5355\u3001\u8c03\u67e5\u3001\u4eea\u8868\u677f\u548c\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.divider.name":"Divider","landingPageDetail.divider.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5206\u5272\u7ebf\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.divider.description":"ILLA Cloud \u4e2d\u7684\u201c\u5206\u5272\u7ebf\u201d\u7ec4\u4ef6\u662f\u4e00\u79cd\u89c6\u89c9\u5143\u7d20\uff0c\u53ef\u4ee5\u5728\u5185\u5bb9\u7684\u4e0d\u540c\u90e8\u5206\u4e4b\u95f4\u521b\u5efa\u6e05\u6670\u7684\u533a\u522b\uff0c\u4ece\u800c\u6539\u8fdb\u5bfc\u822a\u548c\u7ec4\u7ec7\u3002\u901a\u8fc7\u4f7f\u7528\u5206\u5272\u7ebf\uff0c\u7528\u6237\u53ef\u4ee5\u901a\u8fc7\u5feb\u901f\u627e\u5230\u6240\u9700\u7684\u4fe1\u606f\u6765\u8282\u7701\u65f6\u95f4\uff0c\u800c\u65e0\u9700\u5728\u6df7\u4e71\u6216\u6742\u4e71\u65e0\u7ae0\u7684\u60c5\u51b5\u4e0b\u8fdb\u884c\u641c\u7d22\u5185\u5bb9\uff0c\u63d0\u5347\u7528\u6237\u4f53\u9a8c\u3002","landingPageDetail.divider.metaTitle":"ILLA Cloud | \u5206\u5272\u7ebf\u7ec4\u4ef6","landingPageDetail.divider.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u5206\u9694\u7b26\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.editableText.name":"Editable text","landingPageDetail.editableText.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u53ef\u7f16\u8f91\u6587\u672c\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.editableText.description":"ILLA Cloud\u4e2d\u7684\u53ef\u7f16\u8f91\u6587\u672c\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u5728\u4e00\u884c\u6587\u672c\u8f93\u5165\u6846\u4e2d\u8f93\u5165\u548c\u7f16\u8f91\u6587\u672c\uff0c\u8f93\u5165\u7684\u6587\u672c\u53ef\u4ee5\u60ac\u505c\u663e\u793a\u3002\u8be5\u7ec4\u4ef6\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u4e00\u79cd\u5feb\u901f\u7b80\u4fbf\u7684\u65b9\u5f0f\u6765\u7f16\u8f91\u6587\u672c\u6765\u8282\u7701\u7528\u6237\u7684\u65f6\u95f4\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u6536\u96c6\u7528\u6237\u53cd\u9988\u7684\u8868\u5355\uff0c\u5e76\u4f7f\u7528\u201c\u53ef\u7f16\u8f91\u6587\u672c\u201d\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u5728\u63d0\u4ea4\u4e4b\u524d\u7f16\u8f91\u4ed6\u4eec\u7684\u8bc4\u8bba\u3002\u8fd9\u53ef\u4ee5\u901a\u8fc7\u51cf\u5c11\u6765\u56de\u901a\u4fe1\u7684\u9700\u6c42\u6765\u5e2e\u52a9\u4f01\u4e1a\u63d0\u9ad8\u6548\u7387\u3002","landingPageDetail.editableText.metaTitle":"ILLA Cloud | \u53ef\u7f16\u8f91\u6587\u672c\u7ec4\u4ef6","landingPageDetail.editableText.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u53ef\u7f16\u8f91\u6587\u672c\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.form.name":"Form","landingPageDetail.form.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u8868\u5355\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.form.description":"ILLA Cloud \u4e2d\u7684\u201c\u8868\u5355\u201d\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u8f93\u5165\u548c\u63d0\u4ea4\u6240\u9700\u4fe1\u606f\uff0c\u63d0\u4f9b\u4e86\u4e00\u79cd\u6536\u96c6\u548c\u5904\u7406\u6570\u636e\u7684\u6709\u6548\u65b9\u5f0f\u3002\u5b83\u53ef\u4ee5\u901a\u8fc7\u6807\u51c6\u5316\u6570\u636e\u8f93\u5165\u6d41\u7a0b\u3001\u51cf\u5c11\u9519\u8bef\u4ee5\u53ca\u66f4\u8f7b\u677e\u5730\u7ec4\u7ec7\u548c\u5206\u6790\u6570\u636e\u6765\u8282\u7701\u65f6\u95f4\u3002\u4f8b\u5982\uff0c\u516c\u53f8\u53ef\u4ee5\u4f7f\u7528 Form \u7ec4\u4ef6\u6765\u6536\u96c6\u5458\u5de5\u4fe1\u606f\uff0c\u4f8b\u5982\u8054\u7cfb\u65b9\u5f0f\u548c\u5de5\u4f5c\u804c\u4f4d\uff0c\u5e76\u8f7b\u677e\u5730\u4e3a\u4eba\u529b\u8d44\u6e90\u76ee\u7684\u7ec4\u7ec7\u6570\u636e\u3002","landingPageDetail.form.metaTitle":"ILLA Cloud | \u8868\u5355\u7ec4\u4ef6","landingPageDetail.form.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u8868\u5355\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.icon.name":"Icon","landingPageDetail.icon.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u56fe\u6807\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.icon.description":"ILLA Cloud \u4e2d\u7684\u56fe\u6807\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u5feb\u901f\u7b80\u4fbf\u7684\u65b9\u5f0f\u6765\u63d2\u5165\u9884\u5efa\u56fe\u6807\uff0c\u63d0\u9ad8\u4e86\u5e94\u7528\u7a0b\u5e8f\u7684\u89c6\u89c9\u5438\u5f15\u529b\u548c\u53ef\u7528\u6027\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u63d2\u5165\u8d2d\u7269\u8f66\u56fe\u6807\u6765\u8868\u793a\u8d2d\u7269\u8f66\u529f\u80fd\u7535\u5b50\u5546\u52a1\u5e94\u7528\u7a0b\u5e8f\uff0c\u8282\u7701\u521b\u5efa\u81ea\u5b9a\u4e49\u56fe\u6807\u7684\u65f6\u95f4\u548c\u7cbe\u529b\u5e76\u6539\u5584\u7528\u6237\u4f53\u9a8c\u3002","landingPageDetail.icon.metaTitle":"ILLA Cloud | \u56fe\u6807\u7ec4\u4ef6","landingPageDetail.icon.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u56fe\u6807\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.image.name":"Image","landingPageDetail.image.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u56fe\u50cf\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.image.description":"ILLA Cloud \u4e2d\u7684\u56fe\u50cf\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u76f4\u63a5\u663e\u793a\u56fe\u50cf\u7684\u65b9\u5f0f\uff0c\u589e\u5f3a\u4e86\u89c6\u89c9\u5438\u5f15\u529b\u548c\u4fe1\u606f\u7684\u53ef\u8bbf\u95ee\u6027\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528\u201c\u56fe\u50cf\u201d\u7ec4\u4ef6\u5728\u7535\u5b50\u5546\u52a1\u5e94\u7528\u7a0b\u5e8f\u4e2d\u663e\u793a\u4ea7\u54c1\u56fe\u50cf\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\u52aa\u529b\u63d0\u4f9b\u6e05\u6670\u4e14\u6709\u5438\u5f15\u529b\u7684\u4ea7\u54c1\u5c55\u793a\u3002","landingPageDetail.image.metaTitle":"ILLA Cloud \u56fe\u50cf\u7ec4\u4ef6 - \u5728\u60a8\u7684\u5e94\u7528\u7a0b\u5e8f\u4e2d\u663e\u793a\u548c\u7ba1\u7406\u56fe\u50cf","landingPageDetail.image.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u56fe\u50cf\u7ec4\u4ef6\u6765\u521b\u5efa\u753b\u5eca\u3001\u6ed1\u5757\u3001\u7f29\u7565\u56fe\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.input.name":"Input","landingPageDetail.input.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u8f93\u5165\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.input.description":"\u5728 ILLA Cloud \u4e2d\uff0c\u5e26\u6709\u5de6\u4fa7\u6807\u7b7e\u7684 Input \u7ec4\u4ef6\u6d88\u9664\u4e86\u624b\u52a8\u6570\u636e\u8f93\u5165\uff0c\u4ece\u800c\u8282\u7701\u4e86\u65f6\u95f4\u5e76\u63d0\u9ad8\u4e86\u6548\u7387\u3002\u5b83\u5141\u8bb8\u7528\u6237\u8f7b\u677e\u63d0\u4f9b\u8fdb\u4e00\u6b65\u5904\u7406\u6240\u9700\u7684\u4fe1\u606f\u3002\u4f8b\u5982\uff0c\u5b83\u53ef\u7528\u4e8e\u6536\u96c6\u5ba2\u6237\u8054\u7cfb\u4fe1\u606f\uff0c\u7b80\u5316\u6570\u636e\u6536\u96c6\u548c\u5904\u7406\u5de5\u4f5c\u6d41\u7a0b\u3002\u6536\u96c6\u7684\u6570\u636e\u53ef\u7528\u4e8e\u5ba2\u6237\u7ec6\u5206\u3001\u6709\u9488\u5bf9\u6027\u7684\u8425\u9500\u6d3b\u52a8\u548c\u5ba2\u6237\u652f\u6301\uff0c\u4ece\u800c\u63d0\u4f9b\u9ad8\u6548\u4e14\u7701\u65f6\u7684\u89e3\u51b3\u65b9\u6848\u3002","landingPageDetail.input.metaTitle":"ILLA Cloud | \u8f93\u5165\u6846\u7ec4\u4ef6 ","landingPageDetail.input.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u8f93\u5165\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.list.name":"List","landingPageDetail.list.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5217\u8868\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.list.description":"List \u7ec4\u4ef6\u63d0\u4f9b\u4e86\u4e00\u79cd\u6709\u7ec4\u7ec7\u4e14\u9ad8\u6548\u7684\u65b9\u5f0f\u6765\u67e5\u770b\u548c\u7ba1\u7406\u6570\u636e\uff0c\u901a\u8fc7\u5141\u8bb8\u7528\u6237\u5feb\u901f\u8bbf\u95ee\u548c\u64cd\u4f5c\u4fe1\u606f\u6765\u8282\u7701\u7528\u6237\u65f6\u95f4\u3002\u4f8b\u5982\uff0c\u9500\u552e\u7ecf\u7406\u53ef\u4ee5\u4f7f\u7528 List \u7ec4\u4ef6\u6765\u67e5\u770b\u548c\u8ddf\u8e2a\u5ba2\u6237\u8ba2\u5355\uff0c\u5feb\u901f\u8bc6\u522b\u8d8b\u52bf\u548c\u5236\u5b9a\u6570\u636e\u9a71\u52a8\u7684\u51b3\u7b56\u3002\u603b\u7684\u6765\u8bf4\uff0cList \u7ec4\u4ef6\u53ef\u4ee5\u63d0\u9ad8\u751f\u4ea7\u529b\u5e76\u589e\u5f3a\u6570\u636e\u5206\u6790\u3002","landingPageDetail.list.metaTitle":"ILLA Cloud \u5217\u8868\u7ec4\u4ef6 - \u521b\u5efa\u53ef\u91cd\u590d\u7684\u6570\u636e\u884c","landingPageDetail.list.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u5217\u8868\u7ec4\u4ef6\u6765\u521b\u5efa\u753b\u5eca\u3001\u6ed1\u5757\u3001\u8868\u683c\u548c\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.menu.name":"Menu","landingPageDetail.menu.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u83dc\u5355\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.menu.description":"\u901a\u8fc7\u4f7f\u7528 Menu \u7ec4\u4ef6\uff0c\u7528\u6237\u53ef\u4ee5\u5feb\u901f\u8bbf\u95ee\u4e0d\u540c\u7684\u9009\u9879\uff0c\u800c\u65e0\u9700\u6d4f\u89c8\u591a\u4e2a\u9875\u9762\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\u5e76\u63d0\u9ad8\u6548\u7387\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528 Menu \u7ec4\u4ef6\u8bbf\u95ee\u8f6f\u4ef6\u5e94\u7528\u7a0b\u5e8f\u7684\u5404\u79cd\u529f\u80fd\uff0c\u4ece\u800c\u4f7f\u4ed6\u4eec\u53ef\u4ee5\u8f7b\u677e\u8bbf\u95ee\u7ecf\u5e38\u4f7f\u7528\u7684\u529f\u80fd\u5e76\u7b80\u5316\u4ed6\u4eec\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002","landingPageDetail.menu.metaTitle":"ILLA Cloud\u83dc\u5355\u7ec4\u4ef6 - \u663e\u793a\u548c\u7ba1\u7406\u9875\u9762\u7ed3\u6784","landingPageDetail.menu.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u83dc\u5355\u7ec4\u4ef6\u6765\u521b\u5efa\u5bfc\u822a\u680f\u3001\u4fa7\u8fb9\u680f\u3001\u4e0b\u62c9\u83dc\u5355\u548c\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.modal.name":"Modal","landingPageDetail.modal.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5bf9\u8bdd\u6846\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.modal.description":"ILLA Cloud \u4e2d\u7684\u201c\u5bf9\u8bdd\u6846\u201d\u7ec4\u4ef6\u662f\u4e00\u4e2a\u7528\u6237\u754c\u9762\u5143\u7d20\uff0c\u53ef\u4ee5\u5728\u4e0d\u79bb\u5f00\u5f53\u524d\u9875\u9762\u6216\u4e2d\u65ad\u7528\u6237\u5de5\u4f5c\u6d41\u7a0b\u7684\u60c5\u51b5\u4e0b\u663e\u793a\u5185\u5bb9\u6216\u63d0\u793a\u7528\u6237\u4ea4\u4e92\u3002\u5b83\u5728\u73b0\u6709\u9875\u9762\u7684\u9876\u90e8\u521b\u5efa\u4e00\u4e2a\u6d6e\u52a8\u5c42\uff0c\u4ee5\u6536\u96c6\u7528\u6237\u53cd\u9988\u3001\u663e\u793a\u4fe1\u606f\u6216\u63d0\u793a\u8f93\u5165\u3002\u8fd9\u5141\u8bb8\u66f4\u65e0\u7f1d\u548c\u7b80\u5316\u7684\u7528\u6237\u4f53\u9a8c\uff0c\u56e0\u4e3a\u7528\u6237\u53ef\u4ee5\u7559\u5728\u76f8\u540c\u7684\u4e0a\u4e0b\u6587\u4e2d\uff0c\u540c\u65f6\u4ecd\u7136\u80fd\u591f\u4e0e\u5e94\u7528\u7a0b\u5e8f\u4ea4\u4e92\u3002","landingPageDetail.modal.metaTitle":"ILLA Cloud | \u5bf9\u8bdd\u6846\u7ec4\u4ef6","landingPageDetail.modal.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u5bf9\u8bdd\u6846\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.multiselect.name":"Multiselect","landingPageDetail.multiselect.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u591a\u9879\u9009\u62e9\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.multiselect.description":"ILLA Cloud \u4e2d\u7684\u591a\u9879\u9009\u62e9\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u65b9\u4fbf\u9ad8\u6548\u7684\u65b9\u5f0f\u6765\u4ece\u5217\u8868\u4e2d\u9009\u62e9\u591a\u4e2a\u9009\u9879\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\u548c\u7cbe\u529b\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u8c03\u67e5\u8868\u5e76\u4f7f\u7528\u591a\u9879\u9009\u62e9\u7ec4\u4ef6\u6765\u5141\u8bb8\u7528\u6237\u9009\u62e9\u591a\u4e2a\u9009\u9879\uff0c\u4f8b\u5982\u4ed6\u4eec\u559c\u6b22\u7684\u4ea7\u54c1\u6216\u670d\u52a1\uff0c\u4ece\u800c\u7b80\u5316\u6570\u636e\u6536\u96c6\u8fc7\u7a0b\u3002","landingPageDetail.multiselect.metaTitle":"ILLA Cloud | \u591a\u9009\u7ec4\u4ef6","landingPageDetail.multiselect.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud \u4e2d\u4f7f\u7528\u591a\u9879\u9009\u62e9\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.numberInput.name":"Number input","landingPageDetail.numberInput.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u6570\u5b57\u8f93\u5165\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.numberInput.description":"\u5728ILLA Cloud\u4e2d\uff0c\u5e26\u6709\u5de6\u6807\u7b7e\u7684\u6570\u5b57\u8f93\u5165\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u8f93\u5165\u6570\u5b57\u503c\u3002 \u63d0\u4f9b\u4e00\u4e2a\u7b80\u5316\u7684\u63a5\u53e3\uff0c\u7528\u4e8e\u5feb\u901f\u548c\u7b80\u5355\u7684\u8f93\u5165\u3002 \u6b64\u7ec4\u4ef6\u53ef\u4ee5\u901a\u8fc7\u53d6\u6d88\u624b\u52a8\u8f93\u5165\u6570\u636e\u7684\u9700\u8981\u6765\u8282\u7701\u7528\u6237\u7684\u65f6\u95f4\u3002 \u6216\u8005\u4e3e\u4f8b\u8bf4\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u8ba2\u5355\u8868\u5355\uff0c\u5176\u4e2d\u5305\u62ec\u201c\u6570\u5b57\u8f93\u5165\u201d\u7ec4\u4ef6\uff0c\u4ee5\u6536\u96c6\u6bcf\u4e2a\u9879\u76ee\u7684\u6570\u91cf\u548c\u4ef7\u683c\u3002 \u8fd9\u53ef\u4ee5\u5e2e\u52a9\u4f01\u4e1a\u8282\u7701\u65f6\u95f4\u548c\u51cf\u5c11\u5904\u7406\u8ba2\u5355\u65f6\u7684\u9519\u8bef\u3002","landingPageDetail.numberInput.metaTitle":"ILLA Cloud | \u6570\u5b57\u8f93\u5165\u7ec4\u4ef6","landingPageDetail.numberInput.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud \u4e2d\u4f7f\u7528\u6570\u5b57\u8f93\u5165\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.pdf.name":"PDF","landingPageDetail.pdf.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684 PDF \u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.pdf.description":"ILLA Cloud \u4e2d\u7684\u201cPDF\u201d\u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u67e5\u770b PDF \u6587\u4ef6\u5e76\u4e0e\u4e4b\u4ea4\u4e92\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\u5e76\u7b80\u5316\u6587\u6863\u7ba1\u7406\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u8f7b\u677e\u8bbf\u95ee\u548c\u6ce8\u91ca PDF \u6587\u6863\uff0c\u800c\u65e0\u9700\u5728\u4e0d\u540c\u7684\u8f6f\u4ef6\u6216\u5e94\u7528\u7a0b\u5e8f\u4e4b\u95f4\u5207\u6362\uff0c\u4ece\u800c\u63d0\u9ad8\u751f\u4ea7\u529b\u548c\u5de5\u4f5c\u6d41\u7a0b\u6548\u7387\u3002","landingPageDetail.pdf.metaTitle":"ILLA Cloud | PDF \u7ec4\u4ef6","landingPageDetail.pdf.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528PDF \u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.radioButton.name":"Radio Button","landingPageDetail.radioButton.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5355\u9009\u6309\u94ae\u7ec4\u4ef6\uff0c\u53ea\u9700\u5355\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.radioButton.description":"Radio Button \u7ec4\u4ef6\u662f\u7528\u6237\u4ece\u591a\u4e2a\u9009\u9879\u4e2d\u9009\u62e9\u4e00\u4e2a\u9009\u9879\u7684\u5feb\u901f\u6709\u6548\u65b9\u5f0f\uff0c\u907f\u514d\u6df7\u6dc6\u5e76\u7b80\u5316\u51b3\u7b56\u8fc7\u7a0b\u3002\u4f8b\u5982\uff0c\u8c03\u67e5\u8868\u53ef\u4ee5\u4f7f\u7528 Radio Button \u7ec4\u4ef6\u8ba9\u7528\u6237\u9009\u62e9\u4ed6\u4eec\u7684\u5e74\u9f84\u7ec4\u3001\u6027\u522b\u6216\u9996\u9009\u8054\u7cfb\u65b9\u5f0f\uff0c\u901a\u8fc7\u7b80\u5316\u6570\u636e\u8f93\u5165\u8fc7\u7a0b\u8282\u7701\u65f6\u95f4\u3002","landingPageDetail.radioButton.metaTitle":"ILLA Cloud | \u5355\u9009\u6309\u94ae\u7ec4\u4ef6","landingPageDetail.radioButton.metaDescription":" \u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud \u4e2d\u4f7f\u7528\u5355\u9009\u6309\u94ae\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.radioGroup.name":"Radio group","landingPageDetail.radioGroup.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5355\u9009\u6846\u7ec4\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.radioGroup.description":"ILLA Cloud \u4e2d\u7684\u5355\u9009\u6846\u7ec4\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u76f4\u63a5\u6709\u6548\u7684\u65b9\u5f0f\u6765\u4ece\u5217\u8868\u4e2d\u9009\u62e9\u4e00\u4e2a\u9009\u9879\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\u5e76\u51cf\u5c11\u9519\u8bef\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u7528\u4e8e\u4e8b\u4ef6\u6ce8\u518c\u7684\u8868\u5355\u5e76\u4f7f\u7528\u5355\u9009\u6846\u7ec4\u7ec4\u4ef6\u6765\u5141\u8bb8\u7528\u6237\u9009\u62e9\u4ed6\u4eec\u559c\u6b22\u7684\u4e8b\u4ef6\uff0c\u7b80\u5316\u6ce8\u518c\u8fc7\u7a0b\u5e76\u63d0\u9ad8\u6548\u7387\u3002","landingPageDetail.radioGroup.metaTitle":"ILLA Cloud \u5355\u9009\u6846\u7ec4\u7ec4\u4ef6 - \u4f7f\u7528\u7b80\u6613\u6784\u5efa\u5185\u90e8\u5de5\u5177","landingPageDetail.radioGroup.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 ILLA Cloud \u521b\u5efa\u8868\u5355\u3001\u8c03\u67e5\u3001\u4eea\u8868\u677f\u548c\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.rate.name":"Rate","landingPageDetail.rate.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684 Rate \u7ec4\u4ef6 \u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.rate.description":"ILLA Cloud \u4e2d\u7684\u201c\u8bc4\u5206\u201d\u7ec4\u4ef6\u4e3a\u7528\u6237\u63d0\u4f9b\u4e86\u4e00\u79cd\u5feb\u901f\u7b80\u4fbf\u7684\u65b9\u5f0f\u6765\u5bf9\u4ea7\u54c1\u3001\u670d\u52a1\u6216\u4f53\u9a8c\u8fdb\u884c\u8bc4\u5206\uff0c\u4ece\u800c\u8282\u7701\u4e86\u63d0\u4f9b\u53cd\u9988\u7684\u65f6\u95f4\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528\u8bc4\u5206\u7ec4\u4ef6\u5bf9\u6700\u8fd1\u7684\u8d2d\u4e70\u6216\u4f53\u9a8c\u8fdb\u884c\u8bc4\u5206\uff0c\u4ece\u800c\u5e2e\u52a9\u4f01\u4e1a\u6839\u636e\u5ba2\u6237\u53cd\u9988\u6539\u8fdb\u4ed6\u4eec\u7684\u4ea7\u54c1\u548c\u670d\u52a1\u3002","landingPageDetail.rate.metaTitle":"ILLA Cloud | \u8bc4\u5206\u7ec4\u4ef6","landingPageDetail.rate.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u8bc4\u5206\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.select.name":"Select","landingPageDetail.select.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u9009\u62e9\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.select.description":"ILLA Cloud \u4e2d\u7684 Select \u7ec4\u4ef6\u5141\u8bb8\u7528\u6237\u4ece\u9009\u9879\u5217\u8868\u4e2d\u8fdb\u884c\u9009\u62e9\uff0c\u63d0\u4f9b\u4e00\u79cd\u7528\u6237\u53cb\u597d\u4e14\u8282\u7701\u7a7a\u95f4\u7684\u65b9\u5f0f\u6765\u8f93\u5165\u6570\u636e\uff0c\u8fd9\u53ef\u4ee5\u8282\u7701\u7528\u6237\u7684\u65f6\u95f4\u5e76\u63d0\u9ad8\u6548\u7387\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u8c03\u67e5\u8868\u5e76\u4f7f\u7528\u201c\u9009\u62e9\u201d\u7ec4\u4ef6\u63d0\u4f9b\u4e00\u7cfb\u5217\u9009\u9879\u4f9b\u7528\u6237\u9009\u62e9\uff0c\u7b80\u5316\u6d41\u7a0b\u5e76\u786e\u4fdd\u51c6\u786e\u6536\u96c6\u6570\u636e\u3002","landingPageDetail.select.metaTitle":"ILLA Cloud \u9009\u62e9\u7ec4\u4ef6 - \u4ece\u9009\u62e9\u5217\u8868\u4e2d\u9009\u62e9\u4e00\u4e2a\u9009\u9879","landingPageDetail.select.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud\u4e2d\u9009\u62e9\u7ec4\u4ef6\uff0c\u4ece\u9009\u9879\u5217\u8868\u4e2d\u9009\u62e9\u3002","landingPageDetail.statistics.name":"Statistics","landingPageDetail.statistics.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u7edf\u8ba1\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.statistics.description":"ILLA Cloud\u4e2d\u7684\'Statistics\'\u7ec4\u4ef6\u65e8\u5728\u5e2e\u52a9\u7528\u6237\u4ee5\u89c6\u89c9\u4e0a\u5438\u5f15\u4eba\u4e14\u6613\u4e8e\u7406\u89e3\u7684\u65b9\u5f0f\u663e\u793a\u6570\u503c\u6570\u636e\uff0c\u4ece\u800c\u6539\u8fdb\u6570\u636e\u5206\u6790\u548c\u51b3\u7b56\u3002\u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528Statistics\u7ec4\u4ef6\u521b\u5efa\u4eea\u8868\u677f\u4ee5\u6761\u5f62\u56fe\u3001\u997c\u56fe\u548c\u6298\u7ebf\u56fe\u7b49\u5404\u79cd\u89c6\u89c9\u683c\u5f0f\u663e\u793a\u9500\u552e\u6570\u636e\uff0c\u4ece\u800c\u8282\u7701\u521b\u5efa\u81ea\u5b9a\u4e49\u53ef\u89c6\u5316\u6548\u679c\u7684\u65f6\u95f4\u5e76\u63d0\u4f9b\u5feb\u901f\u6e05\u6670\u7684\u6570\u636e\u6982\u89c8\u3002","landingPageDetail.statistics.metaTitle":"ILLA Cloud | \u7edf\u8ba1\u7ec4\u4ef6","landingPageDetail.statistics.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u7edf\u8ba1\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.switch.name":"Switch","landingPageDetail.switch.title":"\u4f7f\u7528 ILLA Cloud \u4e2d\u7684\u5f00\u5173\u7ec4\u4ef6\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.switch.description":"ILLA \u4e91\u4e2d\u7684\u5f00\u5173\u7ec4\u4ef6\u4e3a\u7528\u6237\u6253\u5f00\u6216\u5173\u95ed\u7279\u5b9a\u8bbe\u7f6e\u6216\u529f\u80fd\u63d0\u4f9b\u4e86\u4e00\u79cd\u76f4\u89c2\u548c\u65b9\u4fbf\u7528\u6237\u7684\u65b9\u5f0f\u3002 \u2022 \u8282\u7701\u65f6\u95f4\u548c\u63d0\u9ad8\u6548\u7387\u3002 \u4f8b\u5982\uff0c \u4e00\u4e2a\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u901a\u77e5\u7cfb\u7edf\uff0c\u5e76\u4f7f\u7528\u201c\u5f00\u5173\u201d\u7ec4\u4ef6\u6765\u5141\u8bb8\u7528\u6237\u6253\u5f00\u6216\u5173\u95ed\u7279\u5b9a\u4e8b\u4ef6\u7684\u901a\u77e5\u3002 \u4f8b\u5982\u65b0\u6d88\u606f\u6216\u66f4\u65b0\uff0c\u51cf\u5c11\u4e0d\u5fc5\u8981\u7684\u4e2d\u65ad\u3002","landingPageDetail.switch.metaTitle":"ILLA \u4e91 | \u5207\u6362\u7ec4\u4ef6","landingPageDetail.switch.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u5207\u6362\u7ec4\u4ef6\uff0c\u8fd9\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.tables.name":"\u8868","landingPageDetail.tables.title":"\u4f7f\u7528 ILLA \u4e91\u4e2d\u7684\u8868\u7ec4\u4ef6\u6765\u521b\u5efa\u5185\u90e8\u5de5\u5177\u53ea\u9700\u70b9\u51fb\u51e0\u6b21\u3002","landingPageDetail.tables.description":"ILLA \u4e91\u4e2d\u7684\u201c\u8868\u683c\u201d\u7ec4\u4ef6\u4ee5\u8868\u683c\u683c\u5f0f\u663e\u793a\u6570\u636e\u5e93\u6570\u636e\uff0c\u7528\u6237\u53ef\u4ee5\u5feb\u901f\u5206\u6790\u5927\u91cf\u4fe1\u606f\u3002 \u5177\u6709\u6392\u5e8f\u3001\u641c\u7d22\u548c\u8fc7\u6ee4\u7b49\u529f\u80fd\uff0c \u8868\u683c\u7ec4\u4ef6\u53ef\u4ee5\u8282\u7701\u7528\u6237\u65f6\u95f4\uff0c\u4f7f\u4ed6\u4eec\u80fd\u591f\u8f7b\u677e\u5730\u627e\u5230\u548c\u64cd\u7eb5\u4ed6\u4eec\u6240\u9700\u8981\u7684\u6570\u636e\u3002 \u6b64\u5916\uff0c\u8868\u683c\u53ef\u4ee5\u4f7f\u7528\u4e0d\u540c\u7684\u5217\u7c7b\u578b\u3001\u989c\u8272\u548c\u683c\u5f0f\u9009\u9879\u81ea\u5b9a\u4e49. \u4f7f\u6211\u4eec\u80fd\u591f\u521b\u5efa\u5177\u6709\u89c6\u89c9\u5438\u5f15\u529b\u548c\u6613\u4e8e\u7406\u89e3\u7684\u590d\u6742\u6570\u636e\u8868\u8ff0\u3002","landingPageDetail.tables.metaTitle":"ILLA \u4e91 | \u8868\u683c\u7ec4\u4ef6","landingPageDetail.tables.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u8868\u683c\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.tabs.name":"Tabs","landingPageDetail.tabs.title":"\u5728 ILLA \u4e91\u4e2d\u4f7f\u7528\u6807\u7b7e\u7ec4\u4ef6\u6765\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u53ea\u9700\u70b9\u51fb\u51e0\u6b21\u3002","landingPageDetail.tabs.description":"ILLA \u4e91\u4e2d\u7684\u201cTab\u201d\u7ec4\u4ef6\u53ef\u4ee5\u8282\u7701\u7528\u6237\u65f6\u95f4\uff0c\u8ba9\u4ed6\u4eec\u53ef\u4ee5\u8f7b\u677e\u5730\u5728\u4e0d\u540c\u7684\u5185\u5bb9\u90e8\u5206\u95f4\u5207\u6362\uff0c\u800c\u65e0\u9700\u5927\u89c4\u6a21\u6eda\u52a8\u3002 \u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528\u6807\u7b7e\u5728\u8f6f\u4ef6\u5e94\u7528\u7a0b\u5e8f\u4e2d\u5728\u4e0d\u540c\u7684\u89c6\u56fe\u6216\u6a21\u5f0f\u4e4b\u95f4\u5207\u6362\uff0c\u63d0\u9ad8\u53ef\u7528\u6027\u548c\u751f\u4ea7\u7387\u3002","landingPageDetail.tabs.metaTitle":"ILLA \u4e91\u6807\u7b7e\u7ec4\u4ef6 - \u5206\u7c7b\u548c\u663e\u793a\u5185\u5bb9","landingPageDetail.tabs.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 tabs \u7ec4\u4ef6\u6765\u521b\u5efa\u4eea\u8868\u677f\u3001\u62a5\u544a\u3001\u8868\u683c\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA \u4e91\u3002","landingPageDetail.text.name":"\u6587\u672c","landingPageDetail.text.title":"\u4f7f\u7528ILLA \u4e91\u4e2d\u7684\u6587\u672c\u7ec4\u4ef6\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.text.description":"ILLA \u4e91\u4e2d\u7684\u6587\u672c\u7ec4\u4ef6\u4e3a\u7528\u6237\u663e\u793a\u6587\u672c\u63d0\u4f9b\u4e86\u4e00\u79cd\u76f4\u622a\u4e86\u5f53\u7684\u65b9\u5f0f\uff0c\u63d0\u9ad8\u4e86\u4fe1\u606f\u7684\u53ef\u8bfb\u6027\u548c\u53ef\u83b7\u53d6\u6027\u3002 \u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528\u201c\u6587\u672c\u201d\u7ec4\u4ef6\u6765\u663e\u793a\u91cd\u8981\u7684\u8bf4\u660e\u6216\u4fe1\u606f\u3002 \u4f8b\u5982\u8054\u7cfb\u7ec6\u8282\u6216\u4ea7\u54c1\u8bf4\u660e\uff0c\u8282\u7701\u65f6\u95f4\u548c\u52aa\u529b\u4f20\u9012\u91cd\u8981\u4fe1\u606f\u3002","landingPageDetail.text.metaTitle":"ILLA \u4e91|\u6587\u672c\u7ec4\u4ef6","landingPageDetail.text.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u6587\u672c\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.textareaInput.name":"Textarea input","landingPageDetail.textareaInput.title":"\u4f7f\u7528 ILLA \u4e91\u4e2d\u7684 Textarea \u8f93\u5165\u7ec4\u4ef6\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.textareaInput.description":"ILLA \u4e91\u4e2d\u7684 Textarea \u8f93\u5165\u7ec4\u4ef6\u662f\u4e00\u4e2a\u65b9\u4fbf\u7528\u6237\u7684\u5de5\u5177\uff0c\u7528\u6237\u53ef\u4ee5\u8f7b\u677e\u5730\u8f93\u5165\u548c\u7f16\u8f91\u591a\u884c\u6587\u672c\u3002 \u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u5305\u542b\u201cTextarea Input\u201d\u7ec4\u4ef6\u7684\u8054\u7cfb\u8868\u5355\uff0c\u5141\u8bb8\u7528\u6237\u8f93\u5165\u8be6\u7ec6\u4fe1\u606f\uff0c \u4e3a\u8282\u7701\u65f6\u95f4\u548c\u7b80\u5316\u6c9f\u901a\u8fc7\u7a0b\u3002","landingPageDetail.textareaInput.metaTitle":"ILLA Cloud | Textarea Input Component","landingPageDetail.textareaInput.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 ILLA Cloud\u4e2d\u7684 Textarea \u8f93\u5165\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.timeline.name":"\u65f6\u95f4\u8868","landingPageDetail.timeline.title":"\u4f7f\u7528ILLA \u4e91\u4e2d\u7684\u65f6\u95f4\u7ebf\u7ec4\u4ef6\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.timeline.description":"ILLA \u4e91\u4e2d\u7684\u65f6\u95f4\u7ebf\u7ec4\u4ef6\u53ef\u4ee5\u901a\u8fc7\u6e05\u6670\u3001\u6709\u7ec4\u7ec7\u5730\u5c55\u793a\u9879\u76ee\u7684\u8fdb\u5ea6\u6216\u5386\u53f2\u6765\u8282\u7701\u7528\u6237\u7684\u65f6\u95f4\u3002 \u4f8b\u5982\uff0c\u9879\u76ee\u7ba1\u7406\u4eba\u5458\u53ef\u4ee5\u4f7f\u7528\u65f6\u95f4\u8868\u90e8\u5206\u6765\u5236\u4f5c\u4e00\u4e2a\u9879\u76ee\u91cc\u7a0b\u7891\u7684\u76f4\u89c2\u63cf\u8ff0\u3002 \u9879\u76ee\u7684\u6700\u540e\u671f\u9650\u548c\u53ef\u8fbe\u5230\u7684\u76ee\u6807\uff0c\u4e3a\u5236\u5b9a\u548c\u5411\u5c0f\u7ec4\u6210\u5458\u548c\u5229\u76ca\u6538\u5173\u65b9\u901a\u62a5\u9879\u76ee\u65f6\u95f4\u8868\u8282\u7701\u65f6\u95f4\u3002","landingPageDetail.timeline.metaTitle":"ILLA \u4e91 | \u65f6\u95f4\u7ebf\u7ec4\u4ef6","landingPageDetail.timeline.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 ILLA Cloud\u4e2d\u7684\u65f6\u95f4\u7ebf\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.upload.name":"\u4e0a\u4f20","landingPageDetail.upload.title":"\u4f7f\u7528 ILLA \u4e91\u4e2d\u7684\u4e0a\u4f20\u7ec4\u4ef6\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.upload.description":"\u4e0a\u4f20\u7ec4\u4ef6\u5728 ILLA \u4e91\u7aef\u4f7f\u7528\u6237\u80fd\u591f\u8f7b\u677e\u4e0a\u4f20\u4efb\u4f55\u7c7b\u578b\u7684\u6587\u4ef6\u5230\u4ed6\u4eec\u7684\u5e94\u7528\u7a0b\u5e8f\u3002 \u4e3a\u6570\u636e\u7ba1\u7406\u63d0\u4f9b\u4e00\u79cd\u65b9\u4fbf\u548c\u7b80\u5316\u7684\u65b9\u6cd5\u3002 \u4f8b\u5982\uff0c \u4e00\u4e2a\u7528\u6237\u53ef\u4ee5\u521b\u5efa\u5728\u7ebf\u5546\u5e97\uff0c\u5e76\u4f7f\u7528\u201c\u4e0a\u4f20\u201d\u7ec4\u4ef6\u5141\u8bb8\u5ba2\u6237\u5728\u63d0\u4ea4\u8ba2\u5355\u65f6\u4e0a\u4f20\u56fe\u50cf\u6216\u5176\u4ed6\u6587\u4ef6 \u2022 \u8282\u7701\u65f6\u95f4\u548c\u63d0\u9ad8\u6548\u7387\u3002","landingPageDetail.upload.metaTitle":"ILLA \u4e91 | \u4e0a\u4f20\u7ec4\u4ef6","landingPageDetail.upload.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528\u4e0a\u4f20\u7ec4\u4ef6\uff0c\u8fd9\u662f\u4e00\u4e2a\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.video.name":"\u89c6\u9891","landingPageDetail.video.title":"\u4f7f\u7528 ILLA \u4e91\u4e2d\u7684\u89c6\u9891\u7ec4\u4ef6\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.video.description":"ILLA \u4e91\u4e2d\u7684\u201c\u89c6\u9891\u201d\u7ec4\u4ef6\u64ad\u653e\u5e76\u4e0e\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u89c6\u9891\u4ea4\u4e92\u3002 \u5141\u8bb8\u7528\u6237\u8f7b\u677e\u67e5\u770b\u548c\u4ea4\u4e92\u89c6\u9891\u5185\u5bb9\u4ee5\u8282\u7701\u65f6\u95f4\uff0c\u800c\u65e0\u9700\u5207\u6362\u5230\u5916\u90e8\u89c6\u9891\u64ad\u653e\u5668\u3002 \u4f8b\u5982\uff0c\u7528\u6237\u53ef\u4ee5\u4f7f\u7528\u89c6\u9891\u7ec4\u4ef6\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u89c2\u770b\u57f9\u8bad\u89c6\u9891\u6216\u4ea7\u54c1\u6f14\u793a\uff0c\u4ee5\u63d0\u9ad8\u751f\u4ea7\u7387\u548c\u6548\u7387\u3002","landingPageDetail.video.metaTitle":"ILLA \u4e91\u89c6\u9891\u7ec4\u4ef6 - \u5728\u60a8\u7684\u5e94\u7528\u7a0b\u5e8f\u4e2d\u4e0e\u89c6\u9891\u7684\u4e92\u52a8","landingPageDetail.video.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528\u89c6\u9891\u7ec4\u4ef6\u6765\u521b\u5efa\u57f9\u8bad\u89c6\u9891\u3001\u4ea7\u54c1\u6f14\u793a\u3001\u6559\u7a0b\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.airtable.name":"Airtable","landingPageDetail.airtable.title":"\u4e0e ILLA \u4e91\u8fde\u63a5\u5230\u53ef\u7a7a\u7684\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u6b21\u5373\u53ef\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.airtable.description":"\u201c\u4e0eILLA Cloud\u7684\u6c14\u76f8\u96c6\u6210\uff0c \u60a8\u53ef\u4ee5\u5feb\u901f\u548c\u8f7b\u677e\u5730\u8fde\u63a5\u5230\u5f00\u6e90\u540e\u7aef\u670d\u52a1\u5668\u5e73\u53f0\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u91cf\u3002 \u96c6\u6210\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u901a\u8fc7 Airtable\u7684 API \u7aef\u70b9\uff0c\u8ba9\u60a8\u80fd\u591f\u8f7b\u677e\u5730\u64cd\u4f5c\u60a8\u7684 Airtable \u6570\u636e\u5e93\u3001\u5b58\u50a8\u548c\u8ba4\u8bc1\u670d\u52a1\u4e2d\u7684\u6570\u636e\u3002 \u60a8\u53ef\u4ee5\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\uff0c\u65b9\u6cd5\u662f\u63d0\u4f9b\u8f93\u5165\uff0c\u5305\u62ec\u5fc5\u8981\u7684 API \u901a\u8bdd\uff0c\u5e76\u4e14\u5305\u542b\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u3002 \u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece\u53ef\u64cd\u4f5c\u6570\u636e\u5e93\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c \u5f53\u70b9\u51fb\u65f6\uff0c\u6267\u884c API \u8c03\u7528\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002 \u901a\u8fc7ILLA Cloud\u7684\u6c14\u76f8\u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\uff0c\u5e76\u5229\u7528\u6c14\u76f8\u673a\u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u751f\u4ea7\u529b\u3002\u201d","landingPageDetail.airtable.metaTitle":"Airtable","landingPageDetail.airtable.metaDescription":"\u4e00\u4e2a\u7075\u6d3b\u548c\u534f\u4f5c\u7684\u5e73\u53f0\uff0c\u7528\u4ee5\u7ba1\u7406\u9879\u76ee\u3001\u6570\u636e\u548c\u56e2\u961f\u5b8c\u7f8e\u65e0\u95f4\u3002","landingPageDetail.appwrite.name":"\u5e94\u7528\u7a0b\u5e8f\u5199","landingPageDetail.appwrite.title":"\u4e0e ILLA \u4e91\u8fde\u63a5 Appwrite \u5e76\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.appwrite.description":"\u4e0e ILLA Cloud \u7684 Appwrite \u96c6\u6210 \u60a8\u53ef\u4ee5\u5feb\u901f\u548c\u8f7b\u677e\u5730\u8fde\u63a5\u5230\u5f00\u6e90\u540e\u7aef\u670d\u52a1\u5668\u5e73\u53f0\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u91cf\u3002 \u4ed6\u901a\u8fc7\u901a\u8fc7 Appwrite \u7684 API \u7aef\u70b9\u6765\u6574\u5408\u7b80\u5316\u6570\u636e\u7ba1\u7406\uff0c\u8ba9\u60a8\u53ef\u4ee5\u8f7b\u677e\u5730\u64cd\u7eb5\u60a8\u7684 Appwrite \u6570\u636e\u5e93\u3001\u5b58\u50a8\u548c\u8eab\u4efd\u9a8c\u8bc1\u670d\u52a1\u4e2d\u7684\u6570\u636e\u3002 \u60a8\u53ef\u4ee5\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\uff0c\u65b9\u6cd5\u662f\u63d0\u4f9b\u8f93\u5165\uff0c\u5305\u62ec\u5fc5\u8981\u7684 API \u901a\u8bdd\uff0c\u5e76\u4e14\u5305\u542b\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u3002 \u6216\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece Appwrite \u6570\u636e\u5e93\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c \u5f53\u70b9\u51fb\u65f6\uff0c\u6267\u884c API \u8c03\u7528\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002 \u901a\u8fc7ILLA Cloud\u7684\u5e94\u7528\u7a0b\u5e8f\u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\uff0c\u5e76\u5229\u7528\u5e94\u7528\u7a0b\u5e8f\u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u751f\u4ea7\u7387\u3002","landingPageDetail.appwrite.metaTitle":"ILLA \u4e91\u5e94\u7528\u5199\u5165\u96c6\u6210 - \u8fde\u63a5\u548c\u7ba1\u7406\u60a8\u7684\u5e94\u7528\u5199\u5165\u6570\u636e","landingPageDetail.appwrite.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 Appwrite \u96c6\u6210\u6765\u521b\u5efa\u80fd\u591f\u901a\u8fc7 ILLA Cloud \u5e26\u4e0aAppwrite \u7684\u5e94\u7528\u7a0b\u5e8f\u3002","landingPageDetail.clickhouse.name":"Clickhouse","landingPageDetail.clickhouse.title":"\u4e0e ILLA \u4e91\u8fde\u63a5\u5230Clickhouse\uff0c\u53ea\u9700\u51e0\u6b21\u70b9\u51fb\u5373\u53ef\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.clickhouse.description":"\u901a\u8fc7 ILLA Cloud \u7684 ClickHouse \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 ClickHouse \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 ClickHouse \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece ClickHouse \u8868\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u65f6\u5c06\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 ClickHouse \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 ClickHouse \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.clickhouse.metaTitle":"ILLA Cloud | ClickHouse \u96c6\u6210","landingPageDetail.clickhouse.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\uff0c\u4e0e\u4efb\u4f55ClickHouse\u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.couchdb.name":"CouchDB","landingPageDetail.couchdb.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 CouchDB\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.couchdb.description":"\u501f\u52a9 ILLA Cloud \u7684 CouchDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 CouchDB \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 CouchDB \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece CouchDB \u6570\u636e\u5e93\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 CouchDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 CouchDB \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.couchdb.metaTitle":"ILLA Cloud | CouchDB \u96c6\u6210","landingPageDetail.couchdb.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5c06\u60a8\u7684CouchDB \u6570\u636e\u5e93\u8fde\u63a5\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.dynamodb.name":"Amazon DynamoDB","landingPageDetail.dynamodb.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Amazon DynamoDB\uff0c\u53ea\u9700\u5355\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.dynamodb.description":"\u501f\u52a9 ILLA Cloud \u7684 Amazon DynamoDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230 DynamoDB \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 DynamoDB \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u8ba9\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece DynamoDB \u8868\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 Amazon DynamoDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 DynamoDB \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.dynamodb.metaTitle":"ILLA Cloud | Amazon DynamoDB \u96c6\u6210","landingPageDetail.dynamodb.metaDescription":"\u5b66\u4e60\u5982\u4f55\u8fde\u63a5\u60a8\u7684 Amazon DynamoDB \u6570\u636e\u5e93\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.elasticsearch.name":"Elastic Search","landingPageDetail.elasticsearch.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Elastic Search\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.elasticsearch.description":"\u501f\u52a9 ILLA Cloud \u7684 Elastic Search \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230 Elastic Search \u96c6\u7fa4\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u589e\u5f3a\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 Elastic Search \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u8ba9\u60a8\u53ef\u4ee5\u8f7b\u677e\u641c\u7d22\u548c\u68c0\u7d22\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u501f\u52a9 ILLA Cloud \u7684 Elastic Search \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Elastic Search \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.elasticsearch.metaTitle":"ILLA Cloud | Elastic Search \u96c6\u6210","landingPageDetail.elasticsearch.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u60a8\u7684Elastic Search \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.firebase.name":"Firebase","landingPageDetail.firebase.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Firebase\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.firebase.description":"\u901a\u8fc7 ILLA Cloud \u7684 Firebase \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 Firebase \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 Firebase \u67e5\u8be2\u548c API \u8c03\u7528\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u5730\u64cd\u7eb5\u6570\u636e\u5e76\u6267\u884c\u590d\u6742\u7684\u64cd\u4f5c\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece Firebase \u96c6\u5408\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u65f6\u4f1a\u6267\u884c API \u8c03\u7528\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u501f\u52a9 ILLA Cloud \u7684 Firebase \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Firebase \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.firebase.metaTitle":"ILLA Cloud | Firebase \u96c6\u6210","landingPageDetail.firebase.metaDescription":"\u5b66\u4e60\u5982\u4f55\u8fde\u63a5\u60a8\u7684 Firebase \u6570\u636e\u5e93\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.googlesheets.name":"Google Sheets","landingPageDetail.googlesheets.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Google Sheets\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.googlesheets.description":"\u901a\u8fc7 ILLA Cloud \u7684 Google Sheets \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u8fde\u63a5\u5230\u60a8\u7684 Google Sheets \u7535\u5b50\u8868\u683c\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u5141\u8bb8\u60a8\u4f7f\u7528 Google \u8bfb\u53d6\u3001\u5199\u5165\u548c\u64cd\u4f5c Google Sheets \u7535\u5b50\u8868\u683c\u4e2d\u7684\u6570\u636e\uff0c\u4ece\u800c\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\u8868\u683c API\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 API \u8c03\u7528\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece Google \u8868\u683c\u7535\u5b50\u8868\u683c\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u65f6\u4f1a\u6267\u884c API \u8c03\u7528\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 Google Sheets \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Google Sheets \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.googlesheets.metaTitle":"ILLA Cloud Google \u8868\u683c\u96c6\u6210 - \u8fde\u63a5\u548c\u7ba1\u7406\u60a8\u7684Google \u8868\u6570\u636e","landingPageDetail.googlesheets.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528Google sheet\u6765\u521b\u5efa\u4eea\u8868\u677f\u3001\u62a5\u544a\u3001\u8c03\u67e5\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA Cloud\u3002","landingPageDetail.graphql.name":"GraphQL","landingPageDetail.graphql.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 GraphQL\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.graphql.description":"\u901a\u8fc7 ILLA Cloud \u7684 GraphQL \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u914d\u7f6e\u548c\u8fde\u63a5\u5230\u60a8\u7684 GraphQL API\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u5141\u8bb8\u60a8\u8f7b\u677e\u5730\u4ece GraphQL API \u68c0\u7d22\u548c\u64cd\u4f5c\u6570\u636e\uff0c\u4ece\u800c\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 GraphQL \u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece GraphQL API \u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 GraphQL \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 GraphQL \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.graphql.metaTitle":"ILLA Cloud | GraphQL \u96c6\u6210","landingPageDetail.graphql.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5c06\u60a8\u7684 GraphQL API \u8fde\u63a5\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.huggingface.name":"Hugging Face Inference API","landingPageDetail.huggingface.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Hugging Face Inference API\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.huggingface.description":"\u901a\u8fc7 ILLA Cloud \u7684 Hugging Face Inference API \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u8fde\u63a5\u5230 Hugging Face \u5f3a\u5927\u7684\u81ea\u7136\u8bed\u8a00\u5904\u7406\u6a21\u578b\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u901a\u8fc7\u5229\u7528 Hugging Face \u7684 API \u7aef\u70b9\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u5141\u8bb8\u60a8\u68c0\u7d22\u548c\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 API \u8c03\u7528\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece\u5916\u90e8\u6e90\u68c0\u7d22\u6587\u672c\u6570\u636e\u5e76\u901a\u8fc7 Hugging Face API \u8c03\u7528\u4f20\u9012\u5b83\u4ee5\u6267\u884c\u60c5\u7eea\u5206\u6790\u6216\u8bed\u8a00\u7ffb\u8bd1\u3002\u901a\u8fc7 ILLA Cloud \u7684 Hugging Face Inference API \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Hugging Face \u81ea\u7136\u8bed\u8a00\u5904\u7406\u6a21\u578b\u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.huggingface.metaTitle":"ILLA Cloud Hugging Face Inference API \u96c6\u6210 - \u8fde\u63a5\u5e76\u4f7f\u7528ML\u6a21\u578b","landingPageDetail.huggingface.metaDescription":"\u5728 ILLA Cloud\u7684 Hugging Face Inference API \u96c6\u6210\u5141\u8bb8\u7528\u6237\u8fde\u63a5\u548c\u4f7f\u7528\u8d85\u8fc7130 000\u53f0\u673a\u5668\u5b66\u4e60\u6a21\u578b\u3002 ","landingPageDetail.huggingfaceendpoint.name":"Hugging Face Inference Endpoint","landingPageDetail.huggingfaceendpoint.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Hugging Face Inference API\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.huggingfaceendpoint.description":"\u901a\u8fc7 ILLA Cloud \u7684 Hugging Face Inference Endpoint \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u914d\u7f6e\u548c\u8fde\u63a5\u5230 Hugging Face \u5f3a\u5927\u7684\u81ea\u7136\u8bed\u8a00\u5904\u7406\u6a21\u578b\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u901a\u8fc7\u5229\u7528 Hugging Face \u7684 API \u7aef\u70b9\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u80fd\u591f\u8f7b\u677e\u68c0\u7d22\u548c\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 API \u8c03\u7528\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece\u5916\u90e8\u6e90\u68c0\u7d22\u6587\u672c\u6570\u636e\u5e76\u5c06\u5176\u4f20\u9012\u7ed9\u62e5\u62b1\u9762\u63a8\u7406\u7aef\u70b9\u4ee5\u6267\u884c\u60c5\u7eea\u5206\u6790\u6216\u8bed\u8a00\u7ffb\u8bd1\u3002\u901a\u8fc7 ILLA Cloud \u7684 Hugging Face Inference Endpoint \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Hugging Face \u81ea\u7136\u8bed\u8a00\u5904\u7406\u6a21\u578b\u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.huggingfaceendpoint.metaTitle":"ILLA Cloud | Hugging Face Inference Endpoint \u96c6\u6210","landingPageDetail.huggingfaceendpoint.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u4efb\u4f55Hugging Face Inference End\u70b9\u8fde\u63a5\u548c\u4ea4\u4e92\uff0cILLA Cloud\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.hydra.name":"Hydra","landingPageDetail.hydra.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Hydra\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.hydra.description":"\u201c\u4e0eILLA Cloud\u7684Hydra\u96c6\u6210\uff0c \u60a8\u53ef\u4ee5\u5feb\u901f\u548c\u8f7b\u677e\u5730\u8fde\u63a5\u5230\u5f00\u6e90\u540e\u7aef\u670d\u52a1\u5668\u5e73\u53f0\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u91cf\u3002\\n\u901a\u8fc7\u5229\u7528Hydra\u7684 API \u7aef\u70b9\u6765\u7b80\u5316\u6570\u636e\u7ba1\u7406\uff0c\u8ba9\u60a8\u53ef\u4ee5\u8f7b\u677e\u5730\u64cd\u7eb5\u60a8\u7684 Hydraa \u6570\u636e\u5e93\u3001\u5b58\u50a8\u548c\u8ba4\u8bc1\u670d\u52a1\u4e2d\u7684\u6570\u636e\u3002 \u60a8\u53ef\u4ee5\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\uff0c\u65b9\u6cd5\u662f\u63d0\u4f9b\u8f93\u5165\uff0c\u5305\u62ec\u5fc5\u8981\u7684 API \u901a\u8bdd\uff0c\u5e76\u4e14\u5305\u542b\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u3002\\n\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4eceHydra\u6570\u636e\u5e93\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c \u5f53\u70b9\u51fb\u65f6\uff0c\u6267\u884c API \u8c03\u7528\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002 \u901a\u8fc7ILLA Cloud\u7684Hydra\u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\uff0c\u5e76\u5229\u7528Hydra\u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u751f\u4ea7\u7387\u3002\u201d","landingPageDetail.hydra.metaTitle":"Hydra","landingPageDetail.hydra.metaDescription":"\u4e00\u4e2a\u5f00\u6e90\uff0c\u4e13\u680f\u5f0f\u7684 RDBMS \u6784\u5efa\u4e8ePostgres","landingPageDetail.mariadb.name":"MariaDB","landingPageDetail.mariadb.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 MariaDB\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.mariadb.description":"\u901a\u8fc7 ILLA Cloud \u7684 MariaDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u914d\u7f6e\u548c\u8fde\u63a5\u5230\u60a8\u7684 MariaDB \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 SQL \u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u5730\u64cd\u4f5c\u8868\u3001\u68c0\u7d22\u6570\u636e\u548c\u6267\u884c\u590d\u6742\u7684\u67e5\u8be2.\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece MariaDB \u8868\u4e2d\u83b7\u53d6\u5458\u5de5\u7684\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u5c06\u8fd0\u884c SQL \u67e5\u8be2\u66f4\u65b0\u5458\u5de5\u4fe1\u606f\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u501f\u52a9 ILLA Cloud \u7684 MariaDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u6700\u5927\u9650\u5ea6\u5730\u53d1\u6325\u6570\u636e\u6e90\u7684\u6f5c\u529b\uff0c\u5e76\u4ee5\u6700\u5c0f\u7684\u52aa\u529b\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.mariadb.metaTitle":"ILLA Cloud | MariaDB \u96c6\u6210","landingPageDetail.mariadb.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u60a8\u7684MariaDB \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.mongodb.name":"MongoDB","landingPageDetail.mongodb.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 MongoDB\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.mongodb.description":"\u901a\u8fc7 ILLA Cloud \u7684 MongoDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u548c\u8fde\u63a5\u5230\u60a8\u7684 MongoDB \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 MongoDB \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece MongoDB \u96c6\u5408\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 MongoDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 MongoDB \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.mongodb.metaTitle":"ILLA Cloud | MongodB \u96c6\u6210","landingPageDetail.mongodb.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u60a8\u7684MongoDB \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.mssql.name":"Microsoft SQL Server","landingPageDetail.mssql.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Microsoft SQL Server\uff0c\u53ea\u9700\u5355\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.mssql.description":"\u501f\u52a9 ILLA Cloud \u7684 Microsoft SQL Server \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230 SQL Server \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 SQL \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece SQL Server \u8868\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 Microsoft SQL Server \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 SQL Server \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.mssql.metaTitle":"ILLA Cloud | Microsoft SQL Server \u96c6\u6210","landingPageDetail.mssql.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5c06\u60a8\u7684 Microsoft SQL Server \u6570\u636e\u5e93\u8fde\u63a5\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.mysql.name":"MySQL","landingPageDetail.mysql.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 MySQL\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.mysql.description":"\u5c06 ILLA Cloud \u4e0e MySQL \u96c6\u6210\u53ef\u4ee5\u6781\u5927\u5730\u589e\u5f3a\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u5e76\u7b80\u5316\u6d41\u7a0b\u3002\u53ea\u9700\u51e0\u4e2a\u7b80\u5355\u7684\u6b65\u9aa4\uff0c\u60a8\u5c31\u53ef\u4ee5\u5c06 ILLA Cloud \u8fde\u63a5\u5230\u60a8\u7684 MySQL \u6570\u636e\u5e93\uff0c\u4f7f\u60a8\u80fd\u591f\u521b\u5efa\u4ee5\u5f3a\u5927\u7684\u65b0\u65b9\u5f0f\u4e0e\u60a8\u7684\u6570\u636e\u4ea4\u4e92\u7684\u7528\u6237\u754c\u9762\u3002\u65e0\u8bba\u60a8\u662f\u9700\u8981\u5c06\u6570\u636e\u8bfb\u5165\u8868\u683c\u7f51\u683c\u3001\u521b\u5efa\u4eea\u8868\u677f\uff0c\u8fd8\u662f\u6dfb\u52a0\u8fd0\u884c SQL \u67e5\u8be2\u7684\u81ea\u5b9a\u4e49\u64cd\u4f5c\u4ee5\u5199\u5165\u6570\u636e\u5e93\uff0cILLA Cloud \u90fd\u80fd\u8ba9\u60a8\u5b89\u5168\u9ad8\u6548\u5730\u8f7b\u677e\u5b8c\u6210\u8fd9\u4e9b\u64cd\u4f5c\u3002\u901a\u8fc7\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230\u60a8\u7684 MySQL \u6570\u636e\uff0c\u60a8\u53ef\u4ee5\u907f\u514d\u610f\u5916\u5220\u9664\u548c\u5176\u4ed6\u4ee3\u4ef7\u9ad8\u6602\u7684\u9519\u8bef\u3002\u4f8b\u5982\uff0c\u5982\u679c\u60a8\u4f7f\u7528 MySQL \u8868\u7ba1\u7406\u5458\u5de5\u8d39\u7528\uff0c\u60a8\u53ef\u4ee5\u4f7f\u7528 ILLA Cloud \u5c06\u6570\u636e\u8bfb\u5165\u4eea\u8868\u677f\uff0c\u751a\u81f3\u6dfb\u52a0\u4e00\u4e2a\u5199\u56de\u6570\u636e\u5e93\u7684\u64cd\u4f5c\u4ee5\u66f4\u65b0\u6bcf\u9879\u8d39\u7528\u7684\u6279\u51c6\u72b6\u6001\u3002\u501f\u52a9 ILLA Cloud \u7684\u7b80\u5355\u754c\u9762\uff0c\u60a8\u53ef\u4ee5\u4ee5\u6e05\u6670\u548c\u7cfb\u7edf\u7684\u65b9\u5f0f\u5b9a\u4e49\u60a8\u60f3\u8981\u91c7\u53d6\u7684\u884c\u52a8\uff0c\u4ece\u800c\u8f7b\u677e\u4f18\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u5e76\u7b80\u5316\u60a8\u7684\u6d41\u7a0b\u3002","landingPageDetail.mysql.metaTitle":"ILLA Cloud | MySQL \u96c6\u6210","landingPageDetail.mysql.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5c06\u60a8\u7684 MySQL \u6570\u636e\u5e93\u8fde\u63a5\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.neon.name":"Neon","landingPageDetail.neon.title":"\u8fde\u63a5\u5230 Neon \u4e0e ILLA Cloud\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u6b21\u5373\u53ef\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.neon.description":"\u5b8c\u5168\u7ba1\u7406\u7684multi-cloud Postgres\uff0c\u514d\u8d39\u8bd5\u7528\u3002\u5206\u79bb\u5b58\u50a8\u548c\u8ba1\u7b97\u4ee5\u63d0\u4f9b\u81ea\u52a8\u5316\u3001\u5206\u652f\u548c\u65e0\u5e95\u5c42\u5b58\u50a8\u3002","landingPageDetail.neon.metaTitle":"ILLA Cloud\u96c6\u6210-\u8fde\u63a5\u5230multi-cloud Postgres","landingPageDetail.neon.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5c06\u60a8\u7684 Neon \u6570\u636e\u5e93\u8fde\u63a5\u5230 ILLA Cloud\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.oracledb.name":"Oracle DB","landingPageDetail.oracledb.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Oracle DB\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.oracledb.description":"\u501f\u52a9 ILLA Cloud \u7684 Oracle DB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230 Oracle \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 SQL \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece Oracle \u6570\u636e\u5e93\u8868\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u501f\u52a9 ILLA Cloud \u7684 Oracle DB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Oracle DB \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u751f\u4ea7\u529b\u3002","landingPageDetail.oracledb.metaTitle":"ILLA Cloud | Oracle DB \u96c6\u6210","landingPageDetail.oracledb.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728 ILLA Cloud\u4e2d\u4f7f\u7528 Oracle DB \u96c6\u6210\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.postgresql.name":"PostgreSQL","landingPageDetail.postgresql.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 PostgreSQL\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.postgresql.description":"\u501f\u52a9 ILLA Cloud \u7684 PostgreSQL \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 PostgreSQL \u6570\u636e\u5e93\uff0c\u4ee5\u53ef\u9760\u7684\u6027\u80fd\u4f18\u5316\u60a8\u7684\u6570\u636e\u6e90\u3002\u8be5\u96c6\u6210\u4f7f\u7528 SQL \u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u5730\u64cd\u4f5c\u8868\u683c\u548c\u6267\u884c\u590d\u6742\u7684\u67e5\u8be2\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u5047\u8bbe\u60a8\u60f3\u8981\u4ece PostgreSQL \u8868\u4e2d\u68c0\u7d22\u5458\u5de5\u6570\u636e\u5e76\u901a\u8fc7\u5355\u51fb\u6279\u51c6\u4f11\u5047\u8bf7\u6c42\u3002\u5728\u8fd9\u79cd\u60c5\u51b5\u4e0b\uff0c\u60a8\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u8fd0\u884c SQL \u67e5\u8be2\u7684\u6309\u94ae\uff0c\u5c06\u5458\u5de5\u7684\u8bf7\u6c42\u6807\u8bb0\u4e3a\u5df2\u6279\u51c6\u3002\u501f\u52a9 ILLA Cloud \u7684 PostgreSQL \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u8f7b\u677e\u81ea\u4fe1\u5730\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u3002","landingPageDetail.postgresql.metaTitle":"ILLA Cloud | PostgreSQL \u6570\u636e\u5e93\u6574\u5408","landingPageDetail.postgresql.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u60a8\u7684PostgreSQL \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002 ","landingPageDetail.redis.name":"Redis","landingPageDetail.redis.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Redis\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.redis.description":"\u901a\u8fc7 ILLA Cloud \u7684 Redis \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 Redis \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u589e\u5f3a\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 Redis \u547d\u4ee4\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u8ba9\u60a8\u53ef\u4ee5\u8f7b\u677e\u5730\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u547d\u4ee4\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u501f\u52a9 ILLA Cloud \u7684 Redis \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Redis \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.redis.metaTitle":"ILLA Cloud Redis \u96c6\u6210 - \u8fde\u63a5\u548c\u7ba1\u7406\u60a8\u7684Redis \u6570\u636e\u5e93","landingPageDetail.redis.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 Redis \u96c6\u6210\u6765\u4f7f\u7528Redis \u547d\u4ee4\u3001\u521b\u5efa\u4eea\u8868\u677f\u3001\u62a5\u544a\u3001\u8868\u683c\u4ee5\u53ca\u66f4\u591a\u4e0e ILLA Cloud","landingPageDetail.restapi.name":"REST API","landingPageDetail.restapi.title":"\u8fde\u63a5\u5230\u4efb\u4f55 RESTful API \u5e76\u5728\u51e0\u5206\u949f\u5185\u4f7f\u7528 ILLA Cloud \u6784\u5efa\u81ea\u5b9a\u4e49\u5de5\u5177","landingPageDetail.restapi.description":"\u501f\u52a9 ILLA Cloud \u7684 REST API \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u8fde\u63a5\u5230\u4efb\u4f55 RESTful API\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 RESTful API \u7aef\u70b9\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u68c0\u7d22\u548c\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 API \u8c03\u7528\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece\u5916\u90e8 RESTful API \u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u8c03\u7528\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 REST API \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 RESTful API \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.restapi.metaTitle":"ILLA Cloud | REST API \u96c6\u6210","landingPageDetail.restapi.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u4efb\u4f55REST API\u670d\u52a1\u5668\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.s3.name":"S3","landingPageDetail.s3.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Amazon S3\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.s3.description":"\u501f\u52a9 ILLA Cloud \u7684 Amazon S3 \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u914d\u7f6e\u548c\u8fde\u63a5\u5230\u60a8\u7684 Amazon S3 \u5b58\u50a8\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u901a\u8fc7\u5229\u7528 S3 API \u7aef\u70b9\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u5141\u8bb8\u60a8\u8bfb\u53d6\u3001\u5199\u5165\u548c\u64cd\u4f5c\u6570\u636e\u8f7b\u677e\u4ece\u60a8\u7684 S3 \u5b58\u50a8\u6876\u4e2d\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 API \u8c03\u7528\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece S3 \u5b58\u50a8\u6876\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c API \u8c03\u7528\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 Amazon S3 \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Amazon S3 \u5b58\u50a8\u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.s3.metaTitle":"ILLA Cloud | S3 \u96c6\u6210","landingPageDetail.s3.metaDescription":"\u5b66\u4e60\u5982\u4f55\u5728ILLA Cloud\u4e2d\u4f7f\u7528S3\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.smtp.name":"SMTP","landingPageDetail.smtp.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 SMTP\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.smtp.description":"\u901a\u8fc7 ILLA Cloud \u7684 SMTP \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u8f7b\u677e\u5730\u914d\u7f6e\u548c\u8fde\u63a5\u5230\u60a8\u7684 SMTP \u670d\u52a1\u5668\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u7535\u5b50\u90ae\u4ef6\u7ba1\u7406\u5e76\u7b80\u5316\u60a8\u7684\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u5141\u8bb8\u60a8\u76f4\u63a5\u4ece\u60a8\u7684 ILLA Cloud \u5e94\u7528\u7a0b\u5e8f\u53d1\u9001\u548c\u63a5\u6536\u7535\u5b50\u90ae\u4ef6\uff0c\u4ece\u800c\u7b80\u5316\u4e86\u7535\u5b50\u90ae\u4ef6\u7ba1\u7406\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684 SMTP \u53c2\u6570\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u53d1\u9001\u7535\u5b50\u90ae\u4ef6\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u89e6\u53d1\u7279\u5b9a\u4e8b\u4ef6\u65f6\u5411\u7528\u6237\u53d1\u9001\u81ea\u52a8\u7535\u5b50\u90ae\u4ef6\u3002\u901a\u8fc7 ILLA Cloud \u7684 SMTP \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u7535\u5b50\u90ae\u4ef6\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 SMTP \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.smtp.metaTitle":"ILLA Cloud | SMTP \u96c6\u6210","landingPageDetail.smtp.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u4efb\u4f55SMTP\u670d\u52a1\u5668\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.snowflake.name":"Snowflake","landingPageDetail.snowflake.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 Snowflake\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.snowflake.description":"\u501f\u52a9 ILLA Cloud \u7684 Snowflake \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230 Snowflake \u6570\u636e\u4ed3\u5e93\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 Snowflake SQL \u67e5\u8be2\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece Snowflake \u8868\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u4f1a\u6267\u884c\u67e5\u8be2\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 Snowflake \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 Snowflake \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.snowflake.metaTitle":"ILLA Cloud | Snowflake \u96c6\u6210","landingPageDetail.snowflake.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u60a8\u7684Snowflake \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.supabaseDB.name":"Supabase DB","landingPageDetail.supabaseDB.title":"\u4f7f\u7528 ILLA Cloud \u8fde\u63a5\u5230 SupabaseDB\uff0c\u53ea\u9700\u70b9\u51fb\u51e0\u4e0b\u5373\u53ef\u6784\u5efa\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.supabaseDB.description":"\u501f\u52a9 ILLA Cloud \u7684 SupabaseDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 SupabaseDB \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u6570\u636e\u7ba1\u7406\u5e76\u7b80\u5316\u5de5\u4f5c\u6d41\u7a0b\u3002\u8be5\u96c6\u6210\u4f7f\u7528 SupabaseDB \u67e5\u8be2\u548c API \u8c03\u7528\u7b80\u5316\u4e86\u6570\u636e\u7ba1\u7406\uff0c\u4f7f\u60a8\u53ef\u4ee5\u8f7b\u677e\u64cd\u4f5c\u6570\u636e\u5e76\u6267\u884c\u590d\u6742\u7684\u64cd\u4f5c\u3002\u60a8\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u8f93\u5165\uff08\u5305\u62ec\u5fc5\u8981\u7684\u67e5\u8be2\uff09\u5e76\u7ed3\u5408\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u6765\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4ece SupabaseDB \u8868\u4e2d\u68c0\u7d22\u6570\u636e\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\uff0c\u5355\u51fb\u8be5\u6309\u94ae\u65f6\u5c06\u6267\u884c API \u8c03\u7528\u4ee5\u66f4\u65b0\u6570\u636e\u6216\u6279\u51c6\u8bf7\u6c42\u3002\u901a\u8fc7 ILLA Cloud \u7684 SupabaseDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\u5e76\u5229\u7528 SupabaseDB \u7684\u5f3a\u5927\u529f\u80fd\u6765\u63d0\u9ad8\u60a8\u7684\u5de5\u4f5c\u6548\u7387\u3002","landingPageDetail.supabaseDB.metaTitle":"ILLA Cloud | Supabase DB \u96c6\u6210","landingPageDetail.supabaseDB.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528ILLA Cloud\u4e0e\u4efb\u4f55 Supabase \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0c\u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPageDetail.tiDB.name":"TiDB","landingPageDetail.tiDB.title":"\u4f7f\u7528 ILLA \u4e91\u8fde\u63a5\u5230TiDB \u5e76\u5728\u51e0\u6b21\u70b9\u51fb\u4e2d\u5efa\u7acb\u5185\u90e8\u5de5\u5177\u3002","landingPageDetail.tiDB.description":"\u901a\u8fc7 ILLA Cloud \u7684 TiDB \u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u65e0\u7f1d\u5730\u914d\u7f6e\u5e76\u8fde\u63a5\u5230\u60a8\u7684 TiDB \u6570\u636e\u5e93\uff0c\u4ee5\u4f18\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u5e76\u589e\u5f3a\u60a8\u7684\u5de5\u4f5c\u6d41\u91cf\u3002 \u4ed6\u7684\u6574\u5408\u7b80\u5316\u4e86\u4f7f\u7528 SQL \u7684\u6570\u636e\u7ba1\u7406\uff0c\u5141\u8bb8\u60a8\u64cd\u4f5c\u8868\u3001\u68c0\u7d22\u6570\u636e\u5e76\u8f7b\u677e\u6267\u884c\u590d\u6742\u7684\u67e5\u8be2\u3002 \u60a8\u53ef\u4ee5\u5b89\u5168\u5730\u6dfb\u52a0\u6216\u5199\u5165\u6570\u636e\uff0c\u5305\u62ec\u63d0\u4f9b\u5fc5\u8981\u7684\u67e5\u8be2\uff0c\u5e76\u4e14\u5305\u542b\u57fa\u4e8e\u5e94\u7528\u7a0b\u5e8f\u7684\u9a8c\u8bc1\u68c0\u67e5\u3002 \u6216 \u4f8b\u5982\uff0c \u60a8\u53ef\u4ee5\u4ece TiDB \u8868\u4e2d\u68c0\u7d22\u96c7\u5458\u7684\u6570\u636e\uff0c\u5e76\u6dfb\u52a0\u4e00\u4e2a\u6309\u94ae\u6765\u8fd0\u884c SQL \u67e5\u8be2\u4ee5\u66f4\u65b0\u96c7\u5458\u7684\u4fe1\u606f\u6216\u6279\u51c6\u8bf7\u6c42\u3002 \u6709\u4e86ILLA Cloud\u7684TiDB\u96c6\u6210\uff0c\u60a8\u53ef\u4ee5\u7b80\u5316\u60a8\u7684\u6570\u636e\u7ba1\u7406\u6d41\u7a0b\uff0c\u5e76\u6ee1\u6000\u4fe1\u5fc3\u5730\u89e3\u9501\u60a8\u7684\u6570\u636e\u6e90\u7684\u5168\u90e8\u6f5c\u529b\u3002","landingPageDetail.tiDB.metaTitle":"ILLA \u4e91 | TiDB \u96c6\u6210","landingPageDetail.tiDB.metaDescription":"\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 ILLA Cloud\uff0c\u4e0e\u60a8\u7684 TiDB \u6570\u636e\u5e93\u8fde\u63a5\u548c\u4ea4\u4e92\uff0cILLA Cloud\u662f\u7528\u4e8e\u6784\u5efa\u5185\u90e8\u5de5\u5177\u7684\u5f00\u6e90\u4f4e\u4ee3\u7801\u5e73\u53f0\u3002","landingPage.build_with":"\u7528 {name} \u6784\u5efa","landingPage.back_to_components":"\u8fd4\u56de\u7ec4\u4ef6\u9875\u9762","content.all.title":"ILLA Cloud\u96c6\u6210\u4e00\u5207","how_to_use.title.3_steps_to_customize":"\u4e2a\u6b65\u9aa4\uff0c\u81ea\u5b9a\u4e49\u60a8\u7684\u4e1a\u52a1\u5e94\u7528","how_to_use.description.build_tools_through":"\u901a\u8fc7\u62d6\u653e\u7ec4\u4ef6\u6784\u5efa\u5de5\u5177\uff0c\u81ea\u5b9a\u4e49AI Agent\uff0c\u8fde\u63a5\u5230\u60a8\u7684\u6570\u636e\u6e90\uff0c\u63d0\u5347\u60a8\u7684\u5de5\u5177\u642d\u5efa\u6548\u7387\uff0c\u5e76\u4f7f\u60a8\u7684\u5de5\u4f5c\u66f4\u667a\u80fd\u3002","how_to_use.step1_title.create_ai_agent_for":"\u62d6\u653e\u7ec4\u4ef6\u8bbe\u8ba1UI","how_to_use.step1_description.you_can_create_an_ai":"\u901a\u8fc7\u62d6\u653e\u7ec4\u4ef6\uff0c\u60a8\u53ef\u4ee5\u5feb\u901f\u6784\u5efa\u5e94\u7528\u7a0b\u5e8f\u7684\u7528\u6237\u754c\u9762\uff0c\u5e76\u5b9e\u73b0\u4efb\u4f55\u6240\u9700\u7684\u529f\u80fd\u3002","how_to_use.step1_button.ai_agent_marketplace":"\u4f7f\u7528ILLA Cloud\u6784\u5efaUI","how_to_use.step2_title.build_the_frontend_p":"\u8fde\u63a5\u5230\u60a8\u7684\u6570\u636e\u6e90","how_to_use.step2_description.by_dragging_and_drop":"\u8fde\u63a5\u5230\u60a8\u81ea\u5df1\u7684\u6570\u636e\u6e90\uff0c\u5305\u62ecMySQL\uff0cPostgreSQL\u548c\u5176\u4ed6\u6570\u636e\u5e93\uff0cREST API\uff0cGraphQL\u7b49\u3002\u5728\u4e00\u5206\u949f\u5185\u5c31\u53ef\u4ee5\u6784\u5efaCRUD\u5e94\u7528\u7a0b\u5e8f\u3002","how_to_use.step2_button.illa_app_marketplace":"\u4f7f\u7528\u60a8\u7684\u6570\u636e\u6e90\u6784\u5efa\u5e94\u7528","how_to_use.step3_title.connect_to_your_data":"\u914d\u7f6e\u548c\u8fde\u63a5AI Agent","how_to_use.step3_description.enable_data_integrat":"\u5373\u4f7f\u60a8\u4e0d\u5177\u5907AI\u5f00\u53d1\u80fd\u529b\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7\u5c06AI Agent\u96c6\u6210\u5230\u60a8\u7684\u5e94\u7528\u4e2d\uff0c\u8ba9\u60a8\u7684\u5e94\u7528\u5177\u5907\u667a\u80fd\u5206\u6790\u3001\u5185\u5bb9\u751f\u6210\u7b49AI\u80fd\u529b\u3002","how_to_use.step3_button.supported_data_sourc":"\u5f00\u59cb\u6784\u5efa\u57fa\u4e8eAI\u7684\u5e94\u7528","testimonial.title.user_testimonials":"\u6211\u4eec\u7684\u7528\u6237\u6781\u529b\u63a8\u8350","testimonial.testimonial1_content.illa_cloud_has_been":"ILLA Cloud\u5bf9\u6211\u6765\u8bf4\u662f\u4e2a\u6539\u53d8\u6e38\u620f\u89c4\u5219\u7684\u5de5\u5177\u3002\u5b83\u5728\u8f83\u77ed\u7684\u65f6\u95f4\u5185\u5e2e\u52a9\u6211\u751f\u6210\u9ad8\u6548\u7684\u5185\u5bb9\u3002\u5b9a\u5236\u5316\u7684AI Agent\u548c\u5e94\u7528\u5b8c\u7f8e\u5730\u6ee1\u8db3\u4e86\u6211\u7684\u4e1a\u52a1\u9700\u6c42\u3002","testimonial.testimonial1_username.christopher":"Christopher","testimonial.testimonial1_usertitle.seo_specialist":"SEO\u4e13\u5bb6","testimonial.testimonial2_content.i_think_i_become_a_b":"\u6211\u89c9\u5f97\u6211\u73b0\u5728\u5df2\u7ecf\u6210\u4e3a\u4e86\u4e00\u540d\u4e13\u4e1a\u7684\u535a\u5ba2\u7f16\u8f91\uff01\u8fd9\u4e2a\u5de5\u5177\u5f7b\u5e95\u6539\u53d8\u4e86\u6211\u7684\u535a\u5ba2\u7f16\u8f91\u6d41\u7a0b\uff0c\u8282\u7701\u4e86\u5b9d\u8d35\u7684\u65f6\u95f4\u3002\u4e0d\u7ba1\u662f\u751f\u6210\u535a\u5ba2\u521b\u610f\u8fd8\u662f\u6784\u5efa\u6587\u7ae0\u7ed3\u6784\uff0cAI Agent\u90fd\u53ef\u4ee5\u5b8c\u7f8e\u89e3\u51b3\u3002","testimonial.testimonial2_username.lucas":"Lucas","testimonial.testimonial2_usertitle.content_strategist":"\u5185\u5bb9\u7b56\u7565\u5e08","testimonial.testimonial3_content.it_empowers_me_to_pr":"\u5b83\u8ba9\u6211\u7528\u6700\u5c11\u7684\u52aa\u529b\u63d0\u4f9b\u5353\u8d8a\u5ba2\u6237\u652f\u6301\u7684\u80fd\u529b\u3002\u9884\u6784\u5efa\u7684AI Agent\u548c\u5e94\u7528\uff0c\u518d\u52a0\u4e0a\u6839\u636e\u6211\u4eec\u7279\u5b9a\u9700\u6c42\u5b9a\u5236\u7684\u80fd\u529b\uff0c\u6781\u5927\u5730\u63d0\u9ad8\u4e86\u6211\u4eec\u56e2\u961f\u7684\u6548\u7387\u3002","testimonial.testimonial3_username.harper":"Harper","testimonial.testimonial3_usertitle.customer_service_man":"\u5ba2\u6237\u670d\u52a1\u7ecf\u7406","testimonial.testimonial4_content.ai_agent_low_code":"AI Agent\u4e0e\u4f4e\u4ee3\u7801\u5df2\u7ecf\u6539\u53d8\u4e86\u6211\u7684\u7535\u5b50\u90ae\u4ef6\u64b0\u5199\u6d41\u7a0b\u3002\u5b83\u7b80\u5316\u4e86\u521b\u5efa\u5f15\u4eba\u6ce8\u76ee\u7684\u7535\u5b50\u90ae\u4ef6\u7684\u8fc7\u7a0b\uff0c\u4f7f\u6211\u80fd\u591f\u8f7b\u677e\u5730\u7f16\u5199\u5f15\u4eba\u5165\u80dc\u4e14\u6709\u8bf4\u670d\u529b\u7684\u4fe1\u606f\u3002ILLA Cloud\u5c06\u6211\u4eec\u7684\u7535\u5b50\u90ae\u4ef6\u6c9f\u901a\u63d0\u5347\u5230\u4e86\u65b0\u7684\u9ad8\u5ea6\u3002","testimonial.testimonial4_username.abigail":"Abigail","testimonial.testimonial4_usertitle.communication_specia":"\u6c9f\u901a\u4e13\u5bb6","testimonial.testimonial5_content.i_need_to_oversee_va":"\u6211\u9700\u8981\u7ba1\u7406\u516c\u53f8\u7684\u5404\u4e2a\u65b9\u9762\u3002ILLA Cloud\u4e3a\u6211\u63d0\u4f9b\u4e86\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848\u3002\u5b83\u4e0d\u4ec5\u5728\u5f00\u53d1\u548c\u8bbe\u8ba1\u65b9\u9762\u8282\u7701\u4e86\u6211\u65f6\u95f4\u548c\u7cbe\u529b\uff0c\u8fd8\u4f7f\u6211\u80fd\u66f4\u597d\u5730\u7ba1\u7406\u548c\u76d1\u63a7\u6211\u7684\u4e1a\u52a1\u3002","testimonial.testimonial5_username.matthew":"Matthew","testimonial.testimonial5_usertitle.business_founder":"\u4f01\u4e1a\u521b\u59cb\u4eba","testimonial.testimonial6_content.using_illa_cloud_to":"\u4f7f\u7528ILLA Cloud\u6784\u5efa\u7ba1\u7406\u4eea\u8868\u677f\u975e\u5e38\u7b80\u5355\u3002\u4ec5\u4e00\u5929\u65f6\u95f4\u5c31\u80fd\u5728\u5b9e\u73b0\u76d1\u63a7\u9879\u76ee\u8fdb\u5c55\u548c\u8d44\u6e90\u5206\u914d\u7b49\u80fd\u529b\u3002","testimonial.testimonial6_username.samuel":"Samuel","testimonial.testimonial6_usertitle.website_administrato":"\u7f51\u7ad9\u7ba1\u7406\u5458","customer.title":"\u88ab\u6570\u4ee5\u5343\u8ba1\u7684\u56e2\u961f\u4fe1\u4efb","description":"Build {businessApp} with low code, make automated {flow}, create {AIAgent} easily","website_4.description.ai_agent":"AI Agent","website_4.description.business_app":"\u7f51\u7ad9\u548c\u5e94\u7528","website_4.description.flow":"\u5de5\u4f5c\u6d41","first_button":"\u5f00\u59cb\u4f7f\u7528","join-community":"\u52a0\u5165Discord"}')},6887:e=>{"use strict";e.exports=JSON.parse('{"/illa-website/zh/admin-panel-4bf":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"eeb1f792"},"/illa-website/zh/ai-voice-generator-aba":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"824cac02"},"/illa-website/zh/blog-ff1":{"__comp":"a6aa9e1f","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"},{"content":"4a83e123"},{"content":"354dfbd1"},{"content":"e20c763e"},{"content":"bb85b74d"},{"content":"5cd65baf"}],"metadata":"9030d978","tags":"36c88f85"},"/illa-website/zh/blog/backend-create-web-ui-9c2":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"e765f05a"},"/illa-website/zh/blog/build-dashboard-a8e":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"96447363"},"/illa-website/zh/blog/lowcode-vs-traditional-e8e":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"72d3bf7a"},"/illa-website/zh/blog/mui-2024-ab1":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"1842627e"},"/illa-website/zh/blog/nvm-use-2024-adb":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"5f78ec6a"},"/illa-website/zh/blog/shadcn-ui-2024-fc2":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"4a61f11b"},"/illa-website/zh/blog/shadcn-vs-mui-c30":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"31eafaf9"},"/illa-website/zh/blog/tags-bdf":{"__comp":"01a85c17","__context":{"plugin":"fc0df049"},"tags":"36c88f85"},"/illa-website/zh/blog/tags/admin-panel-cb1":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"ba0ad9a7","tags":"36c88f85","listMetadata":"d5232377"},"/illa-website/zh/blog/tags/data-dashboard-662":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"},{"content":"bb85b74d"}],"tag":"1da110c6","tags":"36c88f85","listMetadata":"063481ba"},"/illa-website/zh/blog/tags/internal-tools-149":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"e20c763e"}],"tag":"e9bfd4f6","tags":"36c88f85","listMetadata":"88ef2079"},"/illa-website/zh/blog/tags/javascript-83b":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"88d8af9f"},{"content":"6d69edbe"},{"content":"b6eb34d2"}],"tag":"84bd9323","tags":"36c88f85","listMetadata":"a9f55b7b"},"/illa-website/zh/blog/tags/low-code-8fd":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"},{"content":"354dfbd1"}],"tag":"4f9cbbf3","tags":"36c88f85","listMetadata":"dc615faa"},"/illa-website/zh/blog/tags/mac-8de":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"c42a7a31","tags":"36c88f85","listMetadata":"6f3611e8"},"/illa-website/zh/blog/tags/nodejs-65b":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"9a27415a","tags":"36c88f85","listMetadata":"a79ed8e1"},"/illa-website/zh/blog/tags/nvm-aad":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"6d69edbe"}],"tag":"1e868152","tags":"36c88f85","listMetadata":"cdf6cb9d"},"/illa-website/zh/blog/tags/open-source-51d":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"354dfbd1"}],"tag":"5465328f","tags":"36c88f85","listMetadata":"af82c06d"},"/illa-website/zh/blog/tags/react-9d4":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"e2cf21a6","tags":"36c88f85","listMetadata":"fa703f53"},"/illa-website/zh/blog/tags/shadcn-ui-eb7":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"b6eb34d2"},{"content":"4a83e123"}],"tag":"b60aa1d9","tags":"36c88f85","listMetadata":"ef551f6c"},"/illa-website/zh/blog/tags/traditional-development-df0":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"5cd65baf"}],"tag":"28aad211","tags":"36c88f85","listMetadata":"713d2744"},"/illa-website/zh/blog/tags/ui-library-9b1":{"__comp":"6875c492","__context":{"plugin":"fc0df049"},"items":[{"content":"88d8af9f"},{"content":"4a83e123"}],"tag":"f275da64","tags":"36c88f85","listMetadata":"f2d12a36"},"/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024-832":{"__comp":"ccc49370","__context":{"plugin":"fc0df049"},"content":"3dca0203"},"/illa-website/zh/cms-baa":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"52edfc0d"},"/illa-website/zh/components/-975":{"__comp":"188c27a7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Audio/-8aa":{"__comp":"83d2f18d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/BarProgress/-f2b":{"__comp":"50cfa8ab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Button/-ea3":{"__comp":"49586834","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Carousel/-d79":{"__comp":"a6b4f45f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Cascader/-545":{"__comp":"86953be1","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Chart/-7a8":{"__comp":"4c3a04f4","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/CheckboxGroup/-e8e":{"__comp":"7f0a0f20","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/CircleProgress/-91c":{"__comp":"46a49447","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Container/-357":{"__comp":"bb9e3f22","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Date/-a72":{"__comp":"deb5faec","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/DateRange/-393":{"__comp":"25ffa5da","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/DateTime/-23e":{"__comp":"9f91eb4c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Divider/-5b1":{"__comp":"03d60dda","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/EditableText/-bc8":{"__comp":"5758dffb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Form/-631":{"__comp":"3fee51a2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Icon/-7b2":{"__comp":"6632b8cf","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Image/-789":{"__comp":"c133d0bc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Input/-ebe":{"__comp":"1b97b52f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/List/-cbb":{"__comp":"0104b3a5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Menu/-5f6":{"__comp":"53015dc5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Modal/-01a":{"__comp":"25bbf118","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Multiselect/-23f":{"__comp":"da1593ee","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/NumberInput/-182":{"__comp":"6b7903a8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/PDF/-d96":{"__comp":"474ec535","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/RadioButton/-4b0":{"__comp":"8d9a9c02","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/RadioGroup/-e54":{"__comp":"837d095b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Rate/-56f":{"__comp":"be1d629d","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Select/-193":{"__comp":"56cbb393","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Statistics/-eb1":{"__comp":"03598c98","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Switch/-f89":{"__comp":"01bd692b","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Tables/-a79":{"__comp":"ca96679e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Tabs/-bb6":{"__comp":"30834002","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Text/-02f":{"__comp":"a9372106","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Textarea%20Input/-f0e":{"__comp":"5ca6070c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Timeline/-78d":{"__comp":"7213c8c2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Upload/-226":{"__comp":"e0cd9918","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/components/Video/-5a5":{"__comp":"3d6ccfd0","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/crm-a65":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"9591b7e9"},"/illa-website/zh/dashboard-1b9":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"771a2950"},"/illa-website/zh/image-generator-998":{"__comp":"2864c10f","__context":{"plugin":"34d0e50f"},"content":"aa40eb83"},"/illa-website/zh/integrations/-83e":{"__comp":"d8096fab","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Airtable/-928":{"__comp":"e4e1a4b6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/AmazonDynamoDB/-6b0":{"__comp":"589eda2e","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Appwrite/-f6e":{"__comp":"733df29f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Clickhouse/-681":{"__comp":"30da2238","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/CouchDB/-29d":{"__comp":"4ac275c7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/ElasticSearch/-078":{"__comp":"7d02bed8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Firebase/-f86":{"__comp":"f3cf1707","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/GoogleSheets/-7ec":{"__comp":"ca19ac91","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/GraphQL/-09c":{"__comp":"927b8026","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/HuggingFaceInferenceAPI/-dc1":{"__comp":"a828f322","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/HuggingFaceInferenceEndpoint/-5ab":{"__comp":"2937fddb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Hydra/-b07":{"__comp":"451bfe05","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/MariaDB/-815":{"__comp":"7b91dc2c","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/MicrosoftSQLServer/-939":{"__comp":"2d1ec1f7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/MongoDB/-76d":{"__comp":"e015af33","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/MySQL/-f20":{"__comp":"45267849","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Neon/-7b0":{"__comp":"68c10dd5","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/OracleDB/-ea1":{"__comp":"17fb53e2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/PostgreSQL/-88b":{"__comp":"38806fe8","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Redis/-daa":{"__comp":"890684bb","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/RESTAPI/-e78":{"__comp":"921028f2","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/S3/-eca":{"__comp":"6e91fee9","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/SMTP/-f43":{"__comp":"ac92cbdc","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/Snowflake/-a05":{"__comp":"94161ec7","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/SupabaseDB/-11c":{"__comp":"9de45a08","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/integrations/TiDB/-8e7":{"__comp":"41685197","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/pricing/-55e":{"__comp":"279770d6","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"},"/illa-website/zh/-f61":{"__comp":"1df93b7f","__context":{"plugin":"34d0e50f"},"config":"5e9f5e1a"}}')}},e=>{e.O(0,[532],(()=>{return t=1136,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/zh/assets/js/main.7d876d53.js.LICENSE.txt b/zh/assets/js/main.c51e1297.js.LICENSE.txt
similarity index 100%
rename from zh/assets/js/main.7d876d53.js.LICENSE.txt
rename to zh/assets/js/main.c51e1297.js.LICENSE.txt
diff --git a/zh/assets/js/runtime~main.68dec3ea.js b/zh/assets/js/runtime~main.3d9d8ec7.js
similarity index 89%
rename from zh/assets/js/runtime~main.68dec3ea.js
rename to zh/assets/js/runtime~main.3d9d8ec7.js
index 21b90f2348..83e3eac31e 100644
--- a/zh/assets/js/runtime~main.68dec3ea.js
+++ b/zh/assets/js/runtime~main.3d9d8ec7.js
@@ -1 +1 @@
-(()=>{"use strict";var e,a,f,d,c,b={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var f=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(f.exports,f,f.exports,r),f.loaded=!0,f.exports}r.m=b,r.c=t,e=[],r.O=(a,f,d,c)=>{if(!f){var b=1/0;for(i=0;i<e.length;i++){f=e[i][0],d=e[i][1],c=e[i][2];for(var t=!0,o=0;o<f.length;o++)(!1&c||b>=c)&&Object.keys(r.O).every((e=>r.O[e](f[o])))?f.splice(o--,1):(t=!1,c<b&&(b=c));if(t){e.splice(i--,1);var n=d();void 0!==n&&(a=n)}}return a}c=c||0;for(var i=e.length;i>0&&e[i-1][2]>c;i--)e[i]=e[i-1];e[i]=[f,d,c]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},f=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,d){if(1&d&&(e=this(e)),8&d)return e;if("object"==typeof e&&e){if(4&d&&e.__esModule)return e;if(16&d&&"function"==typeof e.then)return e}var c=Object.create(null);r.r(c);var b={};a=a||[null,f({}),f([]),f(f)];for(var t=2&d&&e;"object"==typeof t&&!~a.indexOf(t);t=f(t))Object.getOwnPropertyNames(t).forEach((a=>b[a]=()=>e[a]));return b.default=()=>e,r.d(c,b),c},r.d=(e,a)=>{for(var f in a)r.o(a,f)&&!r.o(e,f)&&Object.defineProperty(e,f,{enumerable:!0,get:a[f]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,f)=>(r.f[f](e,a),a)),[])),r.u=e=>"assets/js/"+({204:"e2cf21a6",545:"be1d629d",564:"a79ed8e1",582:"063481ba",852:"49586834",856:"6e91fee9",1055:"474ec535",1205:"0104b3a5",1414:"927b8026",1618:"03d60dda",1679:"4ac275c7",1777:"a9372106",1845:"94161ec7",1963:"52edfc0d",2031:"ca96679e",2056:"5ca6070c",2090:"28aad211",2136:"45267849",2211:"9a27415a",2224:"deb5faec",2377:"7f0a0f20",2490:"9030d978",2578:"4c3a04f4",2607:"824cac02",2624:"a9f55b7b",2714:"68c10dd5",2833:"1b97b52f",3e3:"84bd9323",3045:"7213c8c2",3072:"f3cf1707",3089:"a6aa9e1f",3096:"5f78ec6a",3102:"a6b4f45f",3237:"1df93b7f",3265:"8d9a9c02",3393:"ef551f6c",3505:"e9bfd4f6",3581:"31eafaf9",3722:"1e868152",3773:"aa40eb83",3807:"2864c10f",3883:"890684bb",3897:"36c88f85",4013:"01a85c17",4112:"9591b7e9",4417:"25ffa5da",4530:"03598c98",4556:"589eda2e",4610:"41685197",4638:"83d2f18d",4640:"9de45a08",4664:"2d1ec1f7",4750:"1da110c6",4771:"46a49447",4808:"72d3bf7a",4893:"17fb53e2",5037:"1842627e",5038:"88d8af9f",5118:"bb9e3f22",5162:"451bfe05",5191:"b6eb34d2",5315:"fc0df049",5378:"ac92cbdc",5385:"34d0e50f",5694:"3dca0203",5938:"bb85b74d",6103:"ccc49370",6137:"4a83e123",6167:"88ef2079",6290:"9f91eb4c",6468:"4f9cbbf3",6510:"86953be1",6513:"fa703f53",6631:"dc615faa",6828:"d8096fab",6921:"188c27a7",6939:"713d2744",6993:"af82c06d",7050:"56cbb393",7155:"3fee51a2",7272:"e765f05a",7277:"25bbf118",7357:"b60aa1d9",7358:"c42a7a31",7448:"7b91dc2c",7475:"771a2950",7543:"3d6ccfd0",7559:"2937fddb",7599:"e20c763e",7612:"ca19ac91",7644:"ba0ad9a7",7654:"279770d6",7746:"c133d0bc",7832:"7d02bed8",7906:"30da2238",7949:"30834002",8151:"733df29f",8155:"e0cd9918",8248:"354dfbd1",8296:"e4e1a4b6",8324:"f275da64",8377:"5465328f",8426:"eeb1f792",8550:"01bd692b",8592:"common",8595:"e015af33",8610:"6875c492",8876:"6d69edbe",8891:"a828f322",8922:"921028f2",8962:"53015dc5",9090:"6632b8cf",9207:"f2d12a36",9211:"837d095b",9212:"6f3611e8",9239:"5cd65baf",9248:"38806fe8",9321:"da1593ee",9324:"6b7903a8",9614:"cdf6cb9d",9699:"4a61f11b",9713:"96447363",9788:"50cfa8ab",9845:"d5232377",9982:"5758dffb"}[e]||e)+"."+{204:"031d574a",545:"0dcf7230",564:"ff06edee",582:"99b0cb36",852:"57893a4a",856:"2c38ad3f",1055:"f03eb78d",1205:"4fe0804b",1414:"3d828868",1618:"2a1822d7",1679:"f75e42f8",1777:"ddbb9d71",1845:"5b042e49",1963:"5b670dfb",2031:"b54f8412",2056:"4077deea",2090:"4360fac3",2136:"4a74bb7a",2211:"4ba617a3",2224:"f14f2031",2316:"4d0753c2",2377:"4ae9ba40",2490:"4772ac72",2578:"c108fdcb",2607:"465cb3fb",2624:"cbf97561",2714:"e0a04229",2833:"c17fab30",3e3:"f733069e",3045:"8f0a263b",3072:"50287036",3089:"26036a53",3096:"c3229286",3102:"7655a481",3237:"93c94f4a",3265:"2a716dac",3393:"b61ff1f3",3505:"e87671f5",3581:"5a7759f0",3722:"b88a1f05",3773:"afa36de5",3807:"3fc31d71",3883:"d4ddeb7a",3897:"9f029e67",4013:"f555b488",4112:"196604a0",4417:"4350f255",4530:"0f557c42",4556:"e3ca6d32",4610:"4ad0d5c3",4638:"9ff688ff",4640:"c4d1dfea",4664:"98ea5404",4750:"5d6547ae",4771:"80e577ee",4808:"241cd4dc",4809:"d13605fe",4893:"aea31d62",5037:"609edd6c",5038:"cc2c4f5f",5118:"5bbb8fc7",5162:"6e8370da",5191:"6a391d11",5315:"2578f0a2",5378:"7814fc7a",5385:"c2f411d1",5694:"b1b54c5e",5708:"7058f982",5923:"9f51e245",5938:"5c5dc4ec",6103:"46cd294b",6137:"24c53d6c",6167:"168c8986",6290:"bafbf3db",6468:"07aade77",6510:"3b2e4091",6513:"a6bcd39e",6631:"fab13a10",6828:"56636d4a",6921:"d0edd3ea",6939:"942ddb06",6993:"7d649f4c",7050:"bc8a112b",7155:"dfa0fa3b",7272:"ebc845b4",7277:"9cf1b92c",7357:"5fbe688e",7358:"9d5e5895",7448:"bd30287b",7475:"d12921b0",7543:"7e3bbafa",7559:"8c52ed57",7599:"2bc10c76",7612:"4d6fe84f",7644:"7982ecf5",7654:"577140a0",7746:"db594304",7832:"a664d9cb",7906:"5ca42ce0",7949:"222b8dac",8151:"85d55213",8155:"3161a0c6",8245:"e086c9e2",8248:"678d2cef",8296:"0bbb57cf",8324:"0218b735",8377:"b7d2837a",8426:"b11277ac",8550:"26b85716",8592:"ca6eba82",8595:"f0277acd",8610:"658128f2",8876:"110568e5",8891:"0f61d4c1",8922:"dea75cd7",8962:"25243f1c",9090:"25daba64",9207:"cdd02276",9211:"94e91532",9212:"7eb70767",9239:"37395c21",9248:"392e9e24",9321:"81a8309a",9324:"2d97293d",9614:"ef844acc",9699:"11335b41",9713:"3dea38b5",9788:"f79b41d2",9845:"4e0a8fa4",9982:"6c3766dc"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),d={},c="illa-website:",r.l=(e,a,f,b)=>{if(d[e])d[e].push(a);else{var t,o;if(void 0!==f)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var l=n[i];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==c+f){t=l;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",c+f),t.src=e),d[e]=[a];var u=(a,f)=>{t.onerror=t.onload=null,clearTimeout(s);var c=d[e];if(delete d[e],t.parentNode&&t.parentNode.removeChild(t),c&&c.forEach((e=>e(f))),a)return a(f)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=u.bind(null,t.onerror),t.onload=u.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/illa-website/zh/",r.gca=function(e){return e={30834002:"7949",41685197:"4610",45267849:"2136",49586834:"852",96447363:"9713",e2cf21a6:"204",be1d629d:"545",a79ed8e1:"564","063481ba":"582","6e91fee9":"856","474ec535":"1055","0104b3a5":"1205","927b8026":"1414","03d60dda":"1618","4ac275c7":"1679",a9372106:"1777","94161ec7":"1845","52edfc0d":"1963",ca96679e:"2031","5ca6070c":"2056","28aad211":"2090","9a27415a":"2211",deb5faec:"2224","7f0a0f20":"2377","9030d978":"2490","4c3a04f4":"2578","824cac02":"2607",a9f55b7b:"2624","68c10dd5":"2714","1b97b52f":"2833","84bd9323":"3000","7213c8c2":"3045",f3cf1707:"3072",a6aa9e1f:"3089","5f78ec6a":"3096",a6b4f45f:"3102","1df93b7f":"3237","8d9a9c02":"3265",ef551f6c:"3393",e9bfd4f6:"3505","31eafaf9":"3581","1e868152":"3722",aa40eb83:"3773","2864c10f":"3807","890684bb":"3883","36c88f85":"3897","01a85c17":"4013","9591b7e9":"4112","25ffa5da":"4417","03598c98":"4530","589eda2e":"4556","83d2f18d":"4638","9de45a08":"4640","2d1ec1f7":"4664","1da110c6":"4750","46a49447":"4771","72d3bf7a":"4808","17fb53e2":"4893","1842627e":"5037","88d8af9f":"5038",bb9e3f22:"5118","451bfe05":"5162",b6eb34d2:"5191",fc0df049:"5315",ac92cbdc:"5378","34d0e50f":"5385","3dca0203":"5694",bb85b74d:"5938",ccc49370:"6103","4a83e123":"6137","88ef2079":"6167","9f91eb4c":"6290","4f9cbbf3":"6468","86953be1":"6510",fa703f53:"6513",dc615faa:"6631",d8096fab:"6828","188c27a7":"6921","713d2744":"6939",af82c06d:"6993","56cbb393":"7050","3fee51a2":"7155",e765f05a:"7272","25bbf118":"7277",b60aa1d9:"7357",c42a7a31:"7358","7b91dc2c":"7448","771a2950":"7475","3d6ccfd0":"7543","2937fddb":"7559",e20c763e:"7599",ca19ac91:"7612",ba0ad9a7:"7644","279770d6":"7654",c133d0bc:"7746","7d02bed8":"7832","30da2238":"7906","733df29f":"8151",e0cd9918:"8155","354dfbd1":"8248",e4e1a4b6:"8296",f275da64:"8324","5465328f":"8377",eeb1f792:"8426","01bd692b":"8550",common:"8592",e015af33:"8595","6875c492":"8610","6d69edbe":"8876",a828f322:"8891","921028f2":"8922","53015dc5":"8962","6632b8cf":"9090",f2d12a36:"9207","837d095b":"9211","6f3611e8":"9212","5cd65baf":"9239","38806fe8":"9248",da1593ee:"9321","6b7903a8":"9324",cdf6cb9d:"9614","4a61f11b":"9699","50cfa8ab":"9788",d5232377:"9845","5758dffb":"9982"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(a,f)=>{var d=r.o(e,a)?e[a]:void 0;if(0!==d)if(d)f.push(d[2]);else if(/^(1303|532)$/.test(a))e[a]=0;else{var c=new Promise(((f,c)=>d=e[a]=[f,c]));f.push(d[2]=c);var b=r.p+r.u(a),t=new Error;r.l(b,(f=>{if(r.o(e,a)&&(0!==(d=e[a])&&(e[a]=void 0),d)){var c=f&&("load"===f.type?"missing":f.type),b=f&&f.target&&f.target.src;t.message="Loading chunk "+a+" failed.\n("+c+": "+b+")",t.name="ChunkLoadError",t.type=c,t.request=b,d[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,f)=>{var d,c,b=f[0],t=f[1],o=f[2],n=0;if(b.some((a=>0!==e[a]))){for(d in t)r.o(t,d)&&(r.m[d]=t[d]);if(o)var i=o(r)}for(a&&a(f);n<b.length;n++)c=b[n],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0;return r.O(i)},f=self.webpackChunkilla_website=self.webpackChunkilla_website||[];f.forEach(a.bind(null,0)),f.push=a.bind(null,f.push.bind(f))})()})();
\ No newline at end of file
+(()=>{"use strict";var e,a,f,d,c,b={},t={};function r(e){var a=t[e];if(void 0!==a)return a.exports;var f=t[e]={id:e,loaded:!1,exports:{}};return b[e].call(f.exports,f,f.exports,r),f.loaded=!0,f.exports}r.m=b,r.c=t,e=[],r.O=(a,f,d,c)=>{if(!f){var b=1/0;for(i=0;i<e.length;i++){f=e[i][0],d=e[i][1],c=e[i][2];for(var t=!0,o=0;o<f.length;o++)(!1&c||b>=c)&&Object.keys(r.O).every((e=>r.O[e](f[o])))?f.splice(o--,1):(t=!1,c<b&&(b=c));if(t){e.splice(i--,1);var n=d();void 0!==n&&(a=n)}}return a}c=c||0;for(var i=e.length;i>0&&e[i-1][2]>c;i--)e[i]=e[i-1];e[i]=[f,d,c]},r.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return r.d(a,{a:a}),a},f=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,r.t=function(e,d){if(1&d&&(e=this(e)),8&d)return e;if("object"==typeof e&&e){if(4&d&&e.__esModule)return e;if(16&d&&"function"==typeof e.then)return e}var c=Object.create(null);r.r(c);var b={};a=a||[null,f({}),f([]),f(f)];for(var t=2&d&&e;"object"==typeof t&&!~a.indexOf(t);t=f(t))Object.getOwnPropertyNames(t).forEach((a=>b[a]=()=>e[a]));return b.default=()=>e,r.d(c,b),c},r.d=(e,a)=>{for(var f in a)r.o(a,f)&&!r.o(e,f)&&Object.defineProperty(e,f,{enumerable:!0,get:a[f]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce(((a,f)=>(r.f[f](e,a),a)),[])),r.u=e=>"assets/js/"+({204:"e2cf21a6",545:"be1d629d",564:"a79ed8e1",582:"063481ba",852:"49586834",856:"6e91fee9",1055:"474ec535",1205:"0104b3a5",1414:"927b8026",1618:"03d60dda",1679:"4ac275c7",1777:"a9372106",1845:"94161ec7",1963:"52edfc0d",2031:"ca96679e",2056:"5ca6070c",2090:"28aad211",2136:"45267849",2211:"9a27415a",2224:"deb5faec",2377:"7f0a0f20",2490:"9030d978",2578:"4c3a04f4",2607:"824cac02",2624:"a9f55b7b",2714:"68c10dd5",2833:"1b97b52f",3e3:"84bd9323",3045:"7213c8c2",3072:"f3cf1707",3089:"a6aa9e1f",3096:"5f78ec6a",3102:"a6b4f45f",3237:"1df93b7f",3265:"8d9a9c02",3393:"ef551f6c",3505:"e9bfd4f6",3581:"31eafaf9",3722:"1e868152",3773:"aa40eb83",3807:"2864c10f",3883:"890684bb",3897:"36c88f85",4013:"01a85c17",4112:"9591b7e9",4417:"25ffa5da",4530:"03598c98",4556:"589eda2e",4610:"41685197",4638:"83d2f18d",4640:"9de45a08",4664:"2d1ec1f7",4750:"1da110c6",4771:"46a49447",4808:"72d3bf7a",4893:"17fb53e2",5037:"1842627e",5038:"88d8af9f",5118:"bb9e3f22",5162:"451bfe05",5191:"b6eb34d2",5315:"fc0df049",5378:"ac92cbdc",5385:"34d0e50f",5694:"3dca0203",5938:"bb85b74d",6103:"ccc49370",6137:"4a83e123",6167:"88ef2079",6290:"9f91eb4c",6468:"4f9cbbf3",6510:"86953be1",6513:"fa703f53",6631:"dc615faa",6828:"d8096fab",6921:"188c27a7",6939:"713d2744",6993:"af82c06d",7050:"56cbb393",7155:"3fee51a2",7272:"e765f05a",7277:"25bbf118",7357:"b60aa1d9",7358:"c42a7a31",7448:"7b91dc2c",7475:"771a2950",7543:"3d6ccfd0",7559:"2937fddb",7599:"e20c763e",7612:"ca19ac91",7644:"ba0ad9a7",7654:"279770d6",7746:"c133d0bc",7832:"7d02bed8",7906:"30da2238",7949:"30834002",8151:"733df29f",8155:"e0cd9918",8248:"354dfbd1",8296:"e4e1a4b6",8324:"f275da64",8377:"5465328f",8426:"eeb1f792",8550:"01bd692b",8592:"common",8595:"e015af33",8610:"6875c492",8876:"6d69edbe",8891:"a828f322",8922:"921028f2",8962:"53015dc5",9090:"6632b8cf",9207:"f2d12a36",9211:"837d095b",9212:"6f3611e8",9239:"5cd65baf",9248:"38806fe8",9321:"da1593ee",9324:"6b7903a8",9614:"cdf6cb9d",9699:"4a61f11b",9713:"96447363",9788:"50cfa8ab",9845:"d5232377",9982:"5758dffb"}[e]||e)+"."+{204:"031d574a",545:"0dcf7230",564:"ff06edee",582:"99b0cb36",852:"57893a4a",856:"2c38ad3f",1055:"f03eb78d",1205:"4fe0804b",1414:"3d828868",1618:"2a1822d7",1679:"f75e42f8",1777:"ddbb9d71",1845:"5b042e49",1963:"5b670dfb",2031:"b54f8412",2056:"4077deea",2090:"4360fac3",2136:"4a74bb7a",2211:"4ba617a3",2224:"f14f2031",2316:"4d0753c2",2377:"4ae9ba40",2490:"4772ac72",2578:"c108fdcb",2607:"465cb3fb",2624:"cbf97561",2714:"e0a04229",2833:"c17fab30",3e3:"f733069e",3045:"8f0a263b",3072:"50287036",3089:"26036a53",3096:"04488960",3102:"7655a481",3237:"c6a8adb1",3265:"2a716dac",3393:"b61ff1f3",3505:"e87671f5",3581:"6f926b61",3722:"b88a1f05",3773:"afa36de5",3807:"3fc31d71",3883:"d4ddeb7a",3897:"9f029e67",4013:"f555b488",4112:"dcedc0c4",4417:"4350f255",4530:"0f557c42",4556:"e3ca6d32",4610:"4ad0d5c3",4638:"9ff688ff",4640:"c4d1dfea",4664:"98ea5404",4750:"5d6547ae",4771:"80e577ee",4808:"eacb88ac",4809:"d13605fe",4893:"aea31d62",5037:"0eb71650",5038:"edf7174e",5118:"5bbb8fc7",5162:"6e8370da",5191:"d2f9f83c",5315:"2578f0a2",5378:"7814fc7a",5385:"c2f411d1",5694:"4cad25c7",5708:"7058f982",5923:"9f51e245",5938:"17c03911",6103:"46cd294b",6137:"1d8ebed7",6167:"168c8986",6290:"bafbf3db",6468:"07aade77",6510:"3b2e4091",6513:"a6bcd39e",6631:"fab13a10",6828:"56636d4a",6921:"d0edd3ea",6939:"942ddb06",6993:"7d649f4c",7050:"bc8a112b",7155:"dfa0fa3b",7272:"2221d221",7277:"9cf1b92c",7357:"5fbe688e",7358:"9d5e5895",7448:"bd30287b",7475:"ee265a88",7543:"7e3bbafa",7559:"8c52ed57",7599:"37d16f91",7612:"4d6fe84f",7644:"7982ecf5",7654:"577140a0",7746:"db594304",7832:"a664d9cb",7906:"5ca42ce0",7949:"222b8dac",8151:"85d55213",8155:"3161a0c6",8245:"e086c9e2",8248:"354add21",8296:"0bbb57cf",8324:"0218b735",8377:"b7d2837a",8426:"b11277ac",8550:"26b85716",8592:"ca6eba82",8595:"f0277acd",8610:"658128f2",8876:"0d1aed15",8891:"0f61d4c1",8922:"dea75cd7",8962:"25243f1c",9090:"25daba64",9207:"cdd02276",9211:"94e91532",9212:"7eb70767",9239:"dd27b34b",9248:"392e9e24",9321:"81a8309a",9324:"2d97293d",9614:"ef844acc",9699:"1737b985",9713:"b71d4b1d",9788:"f79b41d2",9845:"4e0a8fa4",9982:"6c3766dc"}[e]+".js",r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),d={},c="illa-website:",r.l=(e,a,f,b)=>{if(d[e])d[e].push(a);else{var t,o;if(void 0!==f)for(var n=document.getElementsByTagName("script"),i=0;i<n.length;i++){var l=n[i];if(l.getAttribute("src")==e||l.getAttribute("data-webpack")==c+f){t=l;break}}t||(o=!0,(t=document.createElement("script")).charset="utf-8",t.timeout=120,r.nc&&t.setAttribute("nonce",r.nc),t.setAttribute("data-webpack",c+f),t.src=e),d[e]=[a];var u=(a,f)=>{t.onerror=t.onload=null,clearTimeout(s);var c=d[e];if(delete d[e],t.parentNode&&t.parentNode.removeChild(t),c&&c.forEach((e=>e(f))),a)return a(f)},s=setTimeout(u.bind(null,void 0,{type:"timeout",target:t}),12e4);t.onerror=u.bind(null,t.onerror),t.onload=u.bind(null,t.onload),o&&document.head.appendChild(t)}},r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/illa-website/zh/",r.gca=function(e){return e={30834002:"7949",41685197:"4610",45267849:"2136",49586834:"852",96447363:"9713",e2cf21a6:"204",be1d629d:"545",a79ed8e1:"564","063481ba":"582","6e91fee9":"856","474ec535":"1055","0104b3a5":"1205","927b8026":"1414","03d60dda":"1618","4ac275c7":"1679",a9372106:"1777","94161ec7":"1845","52edfc0d":"1963",ca96679e:"2031","5ca6070c":"2056","28aad211":"2090","9a27415a":"2211",deb5faec:"2224","7f0a0f20":"2377","9030d978":"2490","4c3a04f4":"2578","824cac02":"2607",a9f55b7b:"2624","68c10dd5":"2714","1b97b52f":"2833","84bd9323":"3000","7213c8c2":"3045",f3cf1707:"3072",a6aa9e1f:"3089","5f78ec6a":"3096",a6b4f45f:"3102","1df93b7f":"3237","8d9a9c02":"3265",ef551f6c:"3393",e9bfd4f6:"3505","31eafaf9":"3581","1e868152":"3722",aa40eb83:"3773","2864c10f":"3807","890684bb":"3883","36c88f85":"3897","01a85c17":"4013","9591b7e9":"4112","25ffa5da":"4417","03598c98":"4530","589eda2e":"4556","83d2f18d":"4638","9de45a08":"4640","2d1ec1f7":"4664","1da110c6":"4750","46a49447":"4771","72d3bf7a":"4808","17fb53e2":"4893","1842627e":"5037","88d8af9f":"5038",bb9e3f22:"5118","451bfe05":"5162",b6eb34d2:"5191",fc0df049:"5315",ac92cbdc:"5378","34d0e50f":"5385","3dca0203":"5694",bb85b74d:"5938",ccc49370:"6103","4a83e123":"6137","88ef2079":"6167","9f91eb4c":"6290","4f9cbbf3":"6468","86953be1":"6510",fa703f53:"6513",dc615faa:"6631",d8096fab:"6828","188c27a7":"6921","713d2744":"6939",af82c06d:"6993","56cbb393":"7050","3fee51a2":"7155",e765f05a:"7272","25bbf118":"7277",b60aa1d9:"7357",c42a7a31:"7358","7b91dc2c":"7448","771a2950":"7475","3d6ccfd0":"7543","2937fddb":"7559",e20c763e:"7599",ca19ac91:"7612",ba0ad9a7:"7644","279770d6":"7654",c133d0bc:"7746","7d02bed8":"7832","30da2238":"7906","733df29f":"8151",e0cd9918:"8155","354dfbd1":"8248",e4e1a4b6:"8296",f275da64:"8324","5465328f":"8377",eeb1f792:"8426","01bd692b":"8550",common:"8592",e015af33:"8595","6875c492":"8610","6d69edbe":"8876",a828f322:"8891","921028f2":"8922","53015dc5":"8962","6632b8cf":"9090",f2d12a36:"9207","837d095b":"9211","6f3611e8":"9212","5cd65baf":"9239","38806fe8":"9248",da1593ee:"9321","6b7903a8":"9324",cdf6cb9d:"9614","4a61f11b":"9699","50cfa8ab":"9788",d5232377:"9845","5758dffb":"9982"}[e]||e,r.p+r.u(e)},(()=>{var e={1303:0,532:0};r.f.j=(a,f)=>{var d=r.o(e,a)?e[a]:void 0;if(0!==d)if(d)f.push(d[2]);else if(/^(1303|532)$/.test(a))e[a]=0;else{var c=new Promise(((f,c)=>d=e[a]=[f,c]));f.push(d[2]=c);var b=r.p+r.u(a),t=new Error;r.l(b,(f=>{if(r.o(e,a)&&(0!==(d=e[a])&&(e[a]=void 0),d)){var c=f&&("load"===f.type?"missing":f.type),b=f&&f.target&&f.target.src;t.message="Loading chunk "+a+" failed.\n("+c+": "+b+")",t.name="ChunkLoadError",t.type=c,t.request=b,d[1](t)}}),"chunk-"+a,a)}},r.O.j=a=>0===e[a];var a=(a,f)=>{var d,c,b=f[0],t=f[1],o=f[2],n=0;if(b.some((a=>0!==e[a]))){for(d in t)r.o(t,d)&&(r.m[d]=t[d]);if(o)var i=o(r)}for(a&&a(f);n<b.length;n++)c=b[n],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0;return r.O(i)},f=self.webpackChunkilla_website=self.webpackChunkilla_website||[];f.forEach(a.bind(null,0)),f.push=a.bind(null,f.push.bind(f))})()})();
\ No newline at end of file
diff --git a/zh/blog/atom.xml b/zh/blog/atom.xml
index 0787ac222f..7a8c994c8a 100644
--- a/zh/blog/atom.xml
+++ b/zh/blog/atom.xml
@@ -2,7 +2,7 @@
 <feed xmlns="http://www.w3.org/2005/Atom">
     <id>https://illacloud.github.io/illa-website/zh/blog</id>
     <title>ILLA Cloud Blog</title>
-    <updated>2024-01-03T15:08:52.000Z</updated>
+    <updated>2024-01-03T15:28:24.000Z</updated>
     <generator>https://github.com/jpmonette/feed</generator>
     <link rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog"/>
     <subtitle>ILLA Cloud Blog</subtitle>
@@ -12,7 +12,7 @@
         <title type="html"><![CDATA[I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.]]></title>
         <id>https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui</id>
         <link href="https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.]]></summary>
         <content type="html"><![CDATA[<p>Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
 <p>Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p>
@@ -39,7 +39,7 @@
         <title type="html"><![CDATA[Quickly create a personalized data dashboard for your boss]]></title>
         <id>https://illacloud.github.io/illa-website/zh/blog/build-dashboard</id>
         <link href="https://illacloud.github.io/illa-website/zh/blog/build-dashboard"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></summary>
         <content type="html"><![CDATA[<p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
 <p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>
@@ -123,7 +123,7 @@
         <title type="html"><![CDATA[Low Code vs Traditional Development: Optimal Efficiency in Choice]]></title>
         <id>https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional</id>
         <link href="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.]]></summary>
         <content type="html"><![CDATA[<p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional#when-launching-a-transient-business-initiative" class="hash-link" aria-label="Direct link to When Launching a Transient Business Initiative" title="Direct link to When Launching a Transient Business Initiative">​</a></h2>
@@ -164,7 +164,7 @@
         <title type="html"><![CDATA[2024 has arrived, should I choose MUI?]]></title>
         <id>https://illacloud.github.io/illa-website/zh/blog/mui-2024</id>
         <link href="https://illacloud.github.io/illa-website/zh/blog/mui-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/zh/blog/mui-2024#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
@@ -235,7 +235,7 @@
         <title type="html"><![CDATA[Elegant Use of nvm for Node.js Management on Mac in 2024]]></title>
         <id>https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024</id>
         <link href="https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.]]></summary>
         <content type="html"><![CDATA[<p>Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
 <p>The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.</p>
@@ -302,7 +302,7 @@
         <title type="html"><![CDATA[2024 has arrived, should I choose Shadcn UI?]]></title>
         <id>https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024</id>
         <link href="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
@@ -371,7 +371,7 @@
         <title type="html"><![CDATA[Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses]]></title>
         <id>https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui</id>
         <link href="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
@@ -453,7 +453,7 @@
         <title type="html"><![CDATA[Best Open-Source Low-Code Platforms in 2024]]></title>
         <id>https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024</id>
         <link href="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"/>
-        <updated>2024-01-03T15:08:52.000Z</updated>
+        <updated>2024-01-03T15:28:24.000Z</updated>
         <summary type="html"><![CDATA[2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.]]></summary>
         <content type="html"><![CDATA[<p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-low-code-tools">Why Choose Low-Code Tools?<a href="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024#why-choose-low-code-tools" class="hash-link" aria-label="Direct link to Why Choose Low-Code Tools?" title="Direct link to Why Choose Low-Code Tools?">​</a></h2>
diff --git a/zh/blog/backend-create-web-ui/index.html b/zh/blog/backend-create-web-ui/index.html
index c0dc97a18d..ebf461a5c1 100644
--- a/zh/blog/backend-create-web-ui/index.html
+++ b/zh/blog/backend-create-web-ui/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud"><meta data-rh="true" name="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="internal tools,data dashboard,admin panel"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs. | ILLA Cloud"><meta data-rh="true" name="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="internal tools,data dashboard,admin panel"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/backend-create-web-ui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/backend-create-web-ui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/backend-create-web-ui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?w=800" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs."></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 2 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Hello everyone, I&#x27;m Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?w=800" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs."></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 2 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Hello everyone, I&#x27;m Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
 <p>Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p>
 <p>This barrage of disparate UI-related tasks presented significant challenges in my daily workflow. Ultimately, this led to my resignation. But, this experience inspired me to devote myself entirely to a new venture: assisting server engineers of various programming backgrounds to efficiently build the tools I mentioned earlier.</p>
 <p>Check out the project:</p>
@@ -30,7 +30,7 @@
 <p>ILLA is an innovative open-source, low-code tool that I&#x27;ve both developed and used. It empowers you to effortlessly create websites using a user-friendly drag-and-drop interface. Within minutes, you can assemble a stunning dashboard or admin panel. It&#x27;s a myth that server engineers can&#x27;t craft UIs – with ILLA, you no longer have to depend on others to quickly develop visually appealing UIs.</p>
 <p>Moreover, ILLA seamlessly integrates with RestAPI, MySQL, PostgreSQL, and other leading databases, allowing for straightforward CRUD operations without the need to develop a microservice for simple data manipulation.</p>
 <p>Thanks to ILLA, I can now rapidly provide my colleagues with the desired data dashboards. Whether it&#x27;s swiftly assembling a dashboard for a unique event or devising an engaging task assignment system for interns, it&#x27;s all simplified.</p>
-<p>I encourage you to try it out. Join me in becoming a more content and efficient engineer.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/build-dashboard">Quickly create a personalized data dashboard for your boss</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100 invisible"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/admin-panel">admin panel</a></div><ul class="list-none m-0 p-0"></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<p>I encourage you to try it out. Join me in becoming a more content and efficient engineer.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/build-dashboard">Quickly create a personalized data dashboard for your boss</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100 invisible"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/admin-panel">admin panel</a></div><ul class="list-none m-0 p-0"></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/backend-create-web-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/build-dashboard/index.html b/zh/blog/build-dashboard/index.html
index 261acc0521..ddd8554dc6 100644
--- a/zh/blog/build-dashboard/index.html
+++ b/zh/blog/build-dashboard/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Quickly create a personalized data dashboard for your boss | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/build-dashboard"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Quickly create a personalized data dashboard for your boss | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="data dashboard"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/build-dashboard"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/build-dashboard" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/build-dashboard" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/build-dashboard" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Quickly create a personalized data dashboard for your boss | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/build-dashboard"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Quickly create a personalized data dashboard for your boss | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="data dashboard"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/build-dashboard"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/build-dashboard" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/build-dashboard" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/build-dashboard" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/build-dashboard" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?w=800" alt="Quickly create a personalized data dashboard for your boss"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 4 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Quickly create a personalized data dashboard for your boss</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?w=800" alt="Quickly create a personalized data dashboard for your boss"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 4 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Quickly create a personalized data dashboard for your boss</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
 <p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>
 <p>Using efficient tools to leave work early every day.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="some-issues-in-the-construction">Some issues in the construction<a href="#some-issues-in-the-construction" class="hash-link" aria-label="Direct link to Some issues in the construction" title="Direct link to Some issues in the construction">​</a></h2>
@@ -89,7 +89,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="advantages">Advantages<a href
 <p>As a low-code tool, ILLA Cloud also supports collaboration among multiple people, allowing them to build dashboards together.</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/collaboration.png" alt="collaboration" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2>
-<p>After using ILLA Cloud, there&#x27;s no need to worry about the boss&#x27;s personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/backend-create-web-ui">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</a><p class="font-sm text-gray-700 dark:text-white-04">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a></div><ul class="list-none m-0 p-0"><li><a href="#some-issues-in-the-construction" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Some issues in the construction</a></li><li><a href="#how-to-solve" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to solve</a></li><li><a href="#ai-driven" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">AI-driven</a></li><li><a href="#advantages" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Advantages</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<p>After using ILLA Cloud, there&#x27;s no need to worry about the boss&#x27;s personalized requirements. Within a few minutes, you can build a personalized data dashboard for the boss, becoming a highly efficient employee. Why not give it a try now!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/backend-create-web-ui">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</a><p class="font-sm text-gray-700 dark:text-white-04">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a></div><ul class="list-none m-0 p-0"><li><a href="#some-issues-in-the-construction" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Some issues in the construction</a></li><li><a href="#how-to-solve" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to solve</a></li><li><a href="#ai-driven" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">AI-driven</a></li><li><a href="#advantages" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Advantages</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/build-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/feed.json b/zh/blog/feed.json
index c10bbe17d3..fffb43fc63 100644
--- a/zh/blog/feed.json
+++ b/zh/blog/feed.json
@@ -10,7 +10,7 @@
             "url": "https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui",
             "title": "I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.",
             "summary": "Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -27,7 +27,7 @@
             "url": "https://illacloud.github.io/illa-website/zh/blog/build-dashboard",
             "title": "Quickly create a personalized data dashboard for your boss",
             "summary": "Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -42,7 +42,7 @@
             "url": "https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional",
             "title": "Low Code vs Traditional Development: Optimal Efficiency in Choice",
             "summary": "With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -59,7 +59,7 @@
             "url": "https://illacloud.github.io/illa-website/zh/blog/mui-2024",
             "title": "2024 has arrived, should I choose MUI?",
             "summary": "Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -77,7 +77,7 @@
             "url": "https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024",
             "title": "Elegant Use of nvm for Node.js Management on Mac in 2024",
             "summary": "Node.js, as the foundation of frontend capabilities, is no longer just a \"JS Server Runtime.\" Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -95,7 +95,7 @@
             "url": "https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024",
             "title": "2024 has arrived, should I choose Shadcn UI?",
             "summary": "2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -112,7 +112,7 @@
             "url": "https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui",
             "title": "Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses",
             "summary": "2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
@@ -129,7 +129,7 @@
             "url": "https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024",
             "title": "Best Open-Source Low-Code Platforms in 2024",
             "summary": "2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.",
-            "date_modified": "2024-01-03T15:08:52.000Z",
+            "date_modified": "2024-01-03T15:28:24.000Z",
             "author": {
                 "name": "Owen Chen",
                 "url": "https://github.com/smallSohoSolo"
diff --git a/zh/blog/index.html b/zh/blog/index.html
index 3eeb475b2a..34dd73f1ee 100644
--- a/zh/blog/index.html
+++ b/zh/blog/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-10 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto not-prose"><h2 class="m-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-10 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 px-0 blog-sm:px-6 font-semibold">Featured Posts</h2><div class="grid grid-cols-1 blog-md:grid-cols-2 blog-lg:gap-12 gap-8"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><a itemprop="url" href="/illa-website/zh/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=256" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/backend-create-web-ui"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><a itemprop="url" href="/illa-website/zh/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=256" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/build-dashboard"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Quickly create a personalized data dashboard for your boss</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><a itemprop="url" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=256" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:block hidden"><div class="border-b border-gray-100 dark:border-gray-700"></div></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 blog-sm:pb-16 blog-md:pb-8 blog-2xl:pb-12 pb-10 blog-md:pt-16 blog-2xl:pt-20 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="flex flex-col blog-md:flex-row items-start lg:items-center justify-between mb-4 lg:mb-8 px-0 blog-sm:px-6 not-prose"><h2 class="!m-0 !mt-0 !mb-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-8 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 font-semibold">所有帖子</h2><p class="text-sm blog-md:text-base blog-lg:text-xl blog-md:max-w-[624px] mt-6 lg:mt-0 text-gray-500 dark:text-gray-200"><b>ILLA 博客</b>|开发者的立体知识库，涵盖范围广泛的科目，如前端和后端发展、AI、低代码和ILLA Cloud等。 在这方面，你可以注入尖端技术，探索新出现的趋势，并进行活跃的经验交流。</p></div><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-gray-400 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:R6isnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:border-t border-t-gray-200 dark:border-t-gray-700 blog-sm:mb-16 blog-2xl:mb-20 mb-10"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-10 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto not-prose"><h2 class="m-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-10 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 px-0 blog-sm:px-6 font-semibold">Featured Posts</h2><div class="grid grid-cols-1 blog-md:grid-cols-2 blog-lg:gap-12 gap-8"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><a itemprop="url" href="/illa-website/zh/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=256" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/internal-tools">internal tools</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/backend-create-web-ui"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><a itemprop="url" href="/illa-website/zh/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=256" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/build-dashboard"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Quickly create a personalized data dashboard for your boss</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><a itemprop="url" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90 md:h-64"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=256" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover" loading="lazy"></div></a><div class="px-4 py-4 md:px-6 md:py-6"><div class="mb-2 gap-1 md:mb-4 2xl:mb-6 flex flex-wrap items-center"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4 2xl:mb-6"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="mb-2 md:mb-4 2xl:mb-6 text-gray-700 dark:text-gray-200 text-sm sm:text-2xl 2xl:text-[32px] 2xl:leading-10 font-lg font-bold">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="line-clamp-3 text-gray-700 dark:text-gray-300 text-xs md:text-base 2xl:text-xl">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs 2xl:text-base leading-6 no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:block hidden"><div class="border-b border-gray-100 dark:border-gray-700"></div></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 blog-sm:pb-16 blog-md:pb-8 blog-2xl:pb-12 pb-10 blog-md:pt-16 blog-2xl:pt-20 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="flex flex-col blog-md:flex-row items-start lg:items-center justify-between mb-4 lg:mb-8 px-0 blog-sm:px-6 not-prose"><h2 class="!m-0 !mt-0 !mb-0 p-0 blog-lg:mb-12 blog-md:mb-8 mb-8 text-xl blog-sm:text-4xl blog-lg:text-5xl text-gray-900 dark:text-gray-0 font-semibold">所有帖子</h2><p class="text-sm blog-md:text-base blog-lg:text-xl blog-md:max-w-[624px] mt-6 lg:mt-0 text-gray-500 dark:text-gray-200"><b>ILLA 博客</b>|开发者的立体知识库，涵盖范围广泛的科目，如前端和后端发展、AI、低代码和ILLA Cloud等。 在这方面，你可以注入尖端技术，探索新出现的趋势，并进行活跃的经验交流。</p></div><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-gray-400 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:R6isnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto blog-md:border-t border-t-gray-200 dark:border-t-gray-700 blog-sm:mb-16 blog-2xl:mb-20 mb-10"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/lowcode-vs-traditional/index.html b/zh/blog/lowcode-vs-traditional/index.html
index b5ecc04944..c516a99b4e 100644
--- a/zh/blog/lowcode-vs-traditional/index.html
+++ b/zh/blog/lowcode-vs-traditional/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud"><meta data-rh="true" name="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low code,traditional development,javascript"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Low Code vs Traditional Development: Optimal Efficiency in Choice | ILLA Cloud"><meta data-rh="true" name="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low code,traditional development,javascript"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/lowcode-vs-traditional" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/lowcode-vs-traditional" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/lowcode-vs-traditional" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?w=800" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 4 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Low Code vs Traditional Development: Optimal Efficiency in Choice</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?w=800" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 4 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Low Code vs Traditional Development: Optimal Efficiency in Choice</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="#when-launching-a-transient-business-initiative" class="hash-link" aria-label="Direct link to When Launching a Transient Business Initiative" title="Direct link to When Launching a Transient Business Initiative">​</a></h2>
 <p>In the dynamic landscape of frequent holidays and special occasions, creating distinct online experiences becomes imperative. Each company may have its unique marketing days, requiring engaging activities. Crafting these online marketing campaigns inevitably poses a development challenge, necessitating substantial resource allocation. While the need for visually captivating designs is evident, the overall complexity may not justify significant development costs, especially when the lifecycle is limited to 1-2 weeks. In such cases, opting for low-code tools emerges as a financially prudent decision. Here, we advocate for a specific low-code solution.</p>
 <h3 class="anchor anchorWithStickyNavbar_dXVO" id="addressing-user-facing-components-webflow">Addressing User-Facing Components: Webflow<a href="#addressing-user-facing-components-webflow" class="hash-link" aria-label="Direct link to Addressing User-Facing Components: Webflow" title="Direct link to Addressing User-Facing Components: Webflow">​</a></h3>
@@ -44,7 +44,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-initiating-a-novel-busin
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2>
 <p>In the decision-making process for selecting development tools, a multifaceted approach is recommended. While direct coding provides unparalleled flexibility, it does come at the cost of development speed. The strategic integration of low-code tools and SaaS solutions can yield substantial gains in productivity.</p>
 <p>For operations demanding flexibility and essential to the core business, traditional development methods remain the preferred choice. The agility and control afforded by traditional development methods result in products that are highly tailored to specific needs.</p>
-<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#when-launching-a-transient-business-initiative" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Launching a Transient Business Initiative</a></li><li><a href="#addressing-user-facing-components-webflow" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Addressing User-Facing Components: Webflow</a></li><li><a href="#managing-business-operations-illa-cloud" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Managing Business Operations: ILLA Cloud</a></li><li><a href="#when-initiating-a-novel-business-venture" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Initiating a Novel Business Venture</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<p>Ultimately, there is no one-size-fits-all solution; the best choice is the one that aligns most closely with the unique requirements of the scenario at hand.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/low-code">low code</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/traditional-development">traditional development</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#when-launching-a-transient-business-initiative" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Launching a Transient Business Initiative</a></li><li><a href="#addressing-user-facing-components-webflow" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Addressing User-Facing Components: Webflow</a></li><li><a href="#managing-business-operations-illa-cloud" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Managing Business Operations: ILLA Cloud</a></li><li><a href="#when-initiating-a-novel-business-venture" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">When Initiating a Novel Business Venture</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/lowcode-vs-traditional" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/mui-2024/index.html b/zh/blog/mui-2024/index.html
index d7b8ae3184..3f688a7756 100644
--- a/zh/blog/mui-2024/index.html
+++ b/zh/blog/mui-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">2024 has arrived, should I choose MUI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/mui-2024"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose MUI? | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React,javascript"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/mui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/mui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/mui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/mui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">2024 has arrived, should I choose MUI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/mui-2024"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose MUI? | ILLA Cloud"><meta data-rh="true" name="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React,javascript"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/mui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/mui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/mui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/mui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/mui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?w=800" alt="2024 has arrived, should I choose MUI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 4 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose MUI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?w=800" alt="2024 has arrived, should I choose MUI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 4 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose MUI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
 <p>In general, every company building web applications tends to select a component library. These libraries address a significant amount of repetitive work, offering readily usable components such as Select, Input, CheckBox, and more. These components, customizable through styles or pre-existing attractive styles, enable the rapid creation of beautiful websites without the need to build extensive foundational features from scratch.</p>
 <p>To summarize, component libraries are typically used in two scenarios:</p>
@@ -73,7 +73,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="how-to-choose">How to Choose<
 <p>✅ Advantages</p>
 <p>If you want to develop large projects, have high customization requirements, and wish to use high-performance data components and chart components, especially in scenarios with high business complexity and are willing to subscribe to MUI X, it is recommended to use MUI for development. Its flexible configuration and plethora of components can fully meet your requirements.</p>
 <p>❌ Disadvantages</p>
-<p>If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design&#x27;s aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/shadcn-vs-mui">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/react">React</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<p>If you need a lightweight framework and prefer to use a CSS-only solution for layout adjustments, it is not recommended here. MUI has a comprehensive proprietary design system, comes with a certain learning curve, and Material Design&#x27;s aesthetics may not suit everyone. In such cases, exploring other open-source repositories might be more suitable.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/react">React</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/mui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/nvm-use-2024/index.html b/zh/blog/nvm-use-2024/index.html
index 4e4c0dc8e9..ea436fbed4 100644
--- a/zh/blog/nvm-use-2024/index.html
+++ b/zh/blog/nvm-use-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="nvm,nodejs,mac,javascript"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/nvm-use-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Elegant Use of nvm for Node.js Management on Mac in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="nvm,nodejs,mac,javascript"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/nvm-use-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/nvm-use-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/nvm-use-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?w=800" alt="Elegant Use of nvm for Node.js Management on Mac in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 5 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Elegant Use of nvm for Node.js Management on Mac in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?w=800" alt="Elegant Use of nvm for Node.js Management on Mac in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 5 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Elegant Use of nvm for Node.js Management on Mac in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
 <p>The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.</p>
 <p>Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.</p>
 <p>The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p>
@@ -69,7 +69,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="using-nvm">Using nvm<a href="
 <p><img loading="lazy" src="https://cdn.illacloud.com/illa-website/blog/nvm-use/nvm-use.png" alt="nvm-use" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="conclusion">Conclusion<a href="#conclusion" class="hash-link" aria-label="Direct link to Conclusion" title="Direct link to Conclusion">​</a></h2>
 <p>This article has explained the entire process for a beginner, from installing to using nvm. You can quickly try it out and better manage your Node.js versions.</p>
-<p>Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects—that&#x27;s the mission of open-source enthusiasts!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/nvm">nvm</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/nodejs">nodejs</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/mac">mac</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#recommending-an-open-source-project-for-backend-development" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Recommending an Open Source Project for Backend Development</a></li><li><a href="#introduction-to-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Introduction to nvm</a></li><li><a href="#installing-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Installing nvm</a></li><li><a href="#using-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Using nvm</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<p>Node.js version management is a long-discussed issue, and nvm is an excellent open-source project that effectively addresses this problem. Of course, no project is perfect. If you have other recommendations, feel free to leave a comment and let more people know about outstanding projects—that&#x27;s the mission of open-source enthusiasts!</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/shadcn-ui-2024">2024 has arrived, should I choose Shadcn UI?</a><p class="font-sm text-gray-700 dark:text-white-04">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/nvm">nvm</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/nodejs">nodejs</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/mac">mac</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#recommending-an-open-source-project-for-backend-development" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Recommending an Open Source Project for Backend Development</a></li><li><a href="#introduction-to-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Introduction to nvm</a></li><li><a href="#installing-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Installing nvm</a></li><li><a href="#using-nvm" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Using nvm</a></li><li><a href="#conclusion" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Conclusion</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/nvm-use-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/rss.xml b/zh/blog/rss.xml
index 42bd73269b..05425c0a05 100644
--- a/zh/blog/rss.xml
+++ b/zh/blog/rss.xml
@@ -4,7 +4,7 @@
         <title>ILLA Cloud Blog</title>
         <link>https://illacloud.github.io/illa-website/zh/blog</link>
         <description>ILLA Cloud Blog</description>
-        <lastBuildDate>Wed, 03 Jan 2024 15:08:52 GMT</lastBuildDate>
+        <lastBuildDate>Wed, 03 Jan 2024 15:28:24 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>zh</language>
@@ -13,7 +13,7 @@
             <title><![CDATA[I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.]]></title>
             <link>https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui</link>
             <guid>https://illacloud.github.io/illa-website/zh/blog/backend-create-web-ui</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.]]></description>
             <content:encoded><![CDATA[<p>Hello everyone, I'm Owen, a full-stack engineer with previous experience at TikTok. My role there involved developing the platform, known for its engaging short video content, and ensuring a delightful user experience.</p>
 <p>Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues' diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</p>
@@ -36,7 +36,7 @@
             <title><![CDATA[Quickly create a personalized data dashboard for your boss]]></title>
             <link>https://illacloud.github.io/illa-website/zh/blog/build-dashboard</link>
             <guid>https://illacloud.github.io/illa-website/zh/blog/build-dashboard</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></description>
             <content:encoded><![CDATA[<p>Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.</p>
 <p>After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.</p>
@@ -116,7 +116,7 @@
             <title><![CDATA[Low Code vs Traditional Development: Optimal Efficiency in Choice]]></title>
             <link>https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional</link>
             <guid>https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.]]></description>
             <content:encoded><![CDATA[<p>With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it's crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let's delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="when-launching-a-transient-business-initiative">When Launching a Transient Business Initiative<a href="https://illacloud.github.io/illa-website/zh/blog/lowcode-vs-traditional#when-launching-a-transient-business-initiative" class="hash-link" aria-label="Direct link to When Launching a Transient Business Initiative" title="Direct link to When Launching a Transient Business Initiative">​</a></h2>
@@ -153,7 +153,7 @@
             <title><![CDATA[2024 has arrived, should I choose MUI?]]></title>
             <link>https://illacloud.github.io/illa-website/zh/blog/mui-2024</link>
             <guid>https://illacloud.github.io/illa-website/zh/blog/mui-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains highly prosperous. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/zh/blog/mui-2024#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
@@ -220,7 +220,7 @@
             <title><![CDATA[Elegant Use of nvm for Node.js Management on Mac in 2024]]></title>
             <link>https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024</link>
             <guid>https://illacloud.github.io/illa-website/zh/blog/nvm-use-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.]]></description>
             <content:encoded><![CDATA[<p>Node.js, as the foundation of frontend capabilities, is no longer just a "JS Server Runtime." Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.</p>
 <p>The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.</p>
@@ -283,7 +283,7 @@
             <title><![CDATA[2024 has arrived, should I choose Shadcn UI?]]></title>
             <link>https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024</link>
             <guid>https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
@@ -348,7 +348,7 @@
             <title><![CDATA[Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses]]></title>
             <link>https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui</link>
             <guid>https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
@@ -426,7 +426,7 @@
             <title><![CDATA[Best Open-Source Low-Code Platforms in 2024]]></title>
             <link>https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024</link>
             <guid>https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024</guid>
-            <pubDate>Wed, 03 Jan 2024 15:08:52 GMT</pubDate>
+            <pubDate>Wed, 03 Jan 2024 15:28:24 GMT</pubDate>
             <description><![CDATA[2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.]]></description>
             <content:encoded><![CDATA[<p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-low-code-tools">Why Choose Low-Code Tools?<a href="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024#why-choose-low-code-tools" class="hash-link" aria-label="Direct link to Why Choose Low-Code Tools?" title="Direct link to Why Choose Low-Code Tools?">​</a></h2>
diff --git a/zh/blog/shadcn-ui-2024/index.html b/zh/blog/shadcn-ui-2024/index.html
index a9bae64649..7c16b4560a 100644
--- a/zh/blog/shadcn-ui-2024/index.html
+++ b/zh/blog/shadcn-ui-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">2024 has arrived, should I choose Shadcn UI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose Shadcn UI? | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="shadcn-ui,react,javascript"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">2024 has arrived, should I choose Shadcn UI? | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="2024 has arrived, should I choose Shadcn UI? | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="shadcn-ui,react,javascript"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-ui-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-ui-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-ui-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-ui-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?w=800" alt="2024 has arrived, should I choose Shadcn UI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 3 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose Shadcn UI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?w=800" alt="2024 has arrived, should I choose Shadcn UI?"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 3 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">2024 has arrived, should I choose Shadcn UI?</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
 <p>In general, companies choose a component library when building web applications to streamline repetitive tasks. Component libraries offer a range of out-of-the-box components like Select, Input, CheckBox, etc. These components, with customizable styles or built-in attractive styles, enable rapid development of aesthetically pleasing websites without starting from scratch.</p>
 <p>In summary, we typically use component libraries in two scenarios:</p>
@@ -72,7 +72,7 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="how-to-choose">How to Choose<
 <p>✅ Advantages</p>
 <p>If you are a curious open-source enthusiast, not requiring highly customized UI, and without complex data processing needs, Shadcn UI is recommended for development. It is lightweight, with simpler configuration, ready to use out-of-the-box, allowing direct development without worrying about details.</p>
 <p>❌ Disadvantages</p>
-<p>If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI&#x27;s customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/shadcn-ui">shadcn-ui</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/react">react</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<p>If you have a high need for UI and component customization and plan to use Shadcn UI for large projects, it is not recommended. Shadcn UI&#x27;s customization capabilities are not as robust, and it does not provide out-of-the-box charts and high-performance data components. In such cases, you may need to look for other open-source projects to supplement these features.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/lowcode-vs-traditional">Low Code vs Traditional Development: Optimal Efficiency in Choice</a><p class="font-sm text-gray-700 dark:text-white-04">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/nvm-use-2024">Elegant Use of nvm for Node.js Management on Mac in 2024</a><p class="font-sm text-gray-700 dark:text-white-04">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/shadcn-ui">shadcn-ui</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/react">react</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-choices-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Choices for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-ui-2024" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/shadcn-vs-mui/index.html b/zh/blog/shadcn-vs-mui/index.html
index 8386478318..f6f83365cc 100644
--- a/zh/blog/shadcn-vs-mui/index.html
+++ b/zh/blog/shadcn-vs-mui/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="UI Library,Shadcn UI,React"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/shadcn-vs-mui" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/shadcn-vs-mui" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/shadcn-vs-mui" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/shadcn-vs-mui" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?w=800" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 5 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?w=800" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 5 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-a-component-library">Why Choose a Component Library?<a href="#why-choose-a-component-library" class="hash-link" aria-label="Direct link to Why Choose a Component Library?" title="Direct link to Why Choose a Component Library?">​</a></h2>
 <p>In general, companies choose a component library when building web applications to streamline repetitive work. Component libraries offer ready-to-use components such as Select, Input, CheckBox, etc., allowing users to create beautiful websites quickly without the need to build extensive foundational features from scratch.</p>
 <p>To summarize, component libraries are typically used in two scenarios:</p>
@@ -85,7 +85,7 @@ <h3 class="anchor anchorWithStickyNavbar_dXVO" id="richness-of-features-1">Richn
 <p>MUI is a heavyweight repository with extensive code and a long maintenance history, offering high customizability, making it suitable for large projects. The repository contains numerous features.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="how-to-choose">How to Choose<a href="#how-to-choose" class="hash-link" aria-label="Direct link to How to Choose" title="Direct link to How to Choose">​</a></h2>
 <p>If you are a curious open-source enthusiast who does not need highly customized UI for product development, and there are no complex data processing requirements, Shadcn UI is recommended. It is more lightweight, simpler to configure, but less powerful. However, it is sufficient for internal tool scenarios.</p>
-<p>If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/react">React</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-options-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Options for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<p>If you need a component library for developing large and complex projects, require intricate charts, high-performance data components, and are willing to invest in a fee without looking for additional solutions, you can choose MUI. Its powerful capabilities make it an excellent choice for developing medium to large projects.</p></div></div></article><div class="mx-auto w-full py-10 blog-sm:py-12 blog-md:py-16 max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl"><div class="blog-sm:px-6 w-full px-4"><h2 class="m-0 mb-4 p-0 pl-4 text-2xl font-semibold text-gray-900 dark:text-gray-200">Related Articles</h2><div class="flex flex-col"><div class="flex flex-col p-5 mb-5 rounded-md bg-gray-50 dark:bg-gray-800"><a rel="dofollow" class="font-bold text-gray-800 dark:text-gray-200 no-underline hover:text-gray-800 hover:no-underline dark:hover:text-gray-200 mb-2" href="/illa-website/zh/blog/mui-2024">2024 has arrived, should I choose MUI?</a><p class="font-sm text-gray-700 dark:text-white-04">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</p><div id="post-info" class="flex items-center gap-2 text-sm text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></div></div></div></div></div></div><div class="w-[280px] hidden blog-md:block flex-shrink-0"><div class="hidden blog-md:block w-full sticky right-0 top-[67px] max-w-[280px] overflow-auto h-[calc(100vh-67px)] px-3 blog-md:py-16 border-l dark:border-l-gray-700 border-l-gray-100"><div class="flex flex-wrap gap-2 pb-6 pl-1"><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 no-underline hover:no-underline whitespace-nowrap" href="/illa-website/zh/blog/tags/react">React</a></div><ul class="list-none m-0 p-0"><li><a href="#why-choose-a-component-library" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Why Choose a Component Library?</a></li><li><a href="#other-options-for-internal-tool-scenarios" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Other Options for Internal Tool Scenarios</a></li><li><a href="#features-of-shadcn-ui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of Shadcn UI</a></li><li><a href="#design" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#features-of-mui" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Features of MUI</a></li><li><a href="#design-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Design</a></li><li><a href="#richness-of-features-1" class="refine-toc-item pl-7 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">Richness of Features</a></li><li><a href="#how-to-choose" class="refine-toc-item pl-3 py-2 pr-3 dark:text-white-04 hover:text-white-01 text-white-04 rounded-lg transition-colors duration-200 ease-in-out block text-sm leading-6 no-underline hover:no-underline">How to Choose</a></li></ul></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/shadcn-vs-mui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/tags/admin-panel/index.html b/zh/blog/tags/admin-panel/index.html
index fe734ece13..94c7e40257 100644
--- a/zh/blog/tags/admin-panel/index.html
+++ b/zh/blog/tags/admin-panel/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">admin panel</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">admin panel</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/admin-panel" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/tags/data-dashboard/index.html b/zh/blog/tags/data-dashboard/index.html
index 3fcefe8909..7e83cbe91f 100644
--- a/zh/blog/tags/data-dashboard/index.html
+++ b/zh/blog/tags/data-dashboard/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">data dashboard</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=160" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/build-dashboard"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Quickly create a personalized data dashboard for your boss</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">data dashboard</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/build-dashboard"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/build-dashboard/cover.png?h=160" alt="Quickly create a personalized data dashboard for your boss" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/build-dashboard"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Quickly create a personalized data dashboard for your boss</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/data-dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/tags/index.html b/zh/blog/tags/index.html
index a973ade9db..b21ec082bf 100644
--- a/zh/blog/tags/index.html
+++ b/zh/blog/tags/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfeh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfeh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2feh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552feh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><h1>标签</h1><section class="margin-vert--lg"><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="A">A<a href="#A" class="hash-link" aria-label="Direct link to A" title="Direct link to A">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">admin panel</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="D">D<a href="#D" class="hash-link" aria-label="Direct link to D" title="Direct link to D">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="I">I<a href="#I" class="hash-link" aria-label="Direct link to I" title="Direct link to I">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">internal tools</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="J">J<a href="#J" class="hash-link" aria-label="Direct link to J" title="Direct link to J">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">javascript</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="L">L<a href="#L" class="hash-link" aria-label="Direct link to L" title="Direct link to L">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">low code</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="M">M<a href="#M" class="hash-link" aria-label="Direct link to M" title="Direct link to M">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">mac</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="N">N<a href="#N" class="hash-link" aria-label="Direct link to N" title="Direct link to N">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">nodejs</a></li><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">nvm</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="O">O<a href="#O" class="hash-link" aria-label="Direct link to O" title="Direct link to O">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">open-source</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="R">R<a href="#R" class="hash-link" aria-label="Direct link to R" title="Direct link to R">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="S">S<a href="#S" class="hash-link" aria-label="Direct link to S" title="Direct link to S">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="T">T<a href="#T" class="hash-link" aria-label="Direct link to T" title="Direct link to T">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">traditional development</a></li></ul><hr></article><article><h2 class="anchor anchorWithStickyNavbar_dXVO" id="U">U<a href="#U" class="hash-link" aria-label="Direct link to U" title="Direct link to U">​</a></h2><ul class="padding--none"><li class="tag_oKb5"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li></ul><hr></article></section></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/blog/tags/internal-tools/index.html b/zh/blog/tags/internal-tools/index.html
index 51d8655e88..02a4cf26ec 100644
--- a/zh/blog/tags/internal-tools/index.html
+++ b/zh/blog/tags/internal-tools/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">internal tools</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">internal tools</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/backend-create-web-ui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/backend-create-web-ui/cover.png?h=160" alt="I created a tool that helps non-front-end engineers quickly build beautiful Web UIs." class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/internal-tools">internal tools</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/data-dashboard">data dashboard</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/admin-panel">admin panel</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/backend-create-web-ui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">I created a tool that helps non-front-end engineers quickly build beautiful Web UIs.</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Despite my background as a Backend Engineer, I frequently found myself immersed in creating numerous data dashboards and admin panels to cater to my colleagues&#x27; diverse needs. From showcasing multifaceted business data to visualizing CI/CD tasks and crafting a special Admin Panel for a Christmas event, I managed to accomplish all these in just 14 days.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/internal-tools" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/tags/javascript/index.html b/zh/blog/tags/javascript/index.html
index 12f0bbf7b5..0ef0c6ea31 100644
--- a/zh/blog/tags/javascript/index.html
+++ b/zh/blog/tags/javascript/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">javascript</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">javascript</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/javascript" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/tags/low-code/index.html b/zh/blog/tags/low-code/index.html
index 0481e6c923..11db8a94ba 100644
--- a/zh/blog/tags/low-code/index.html
+++ b/zh/blog/tags/low-code/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">low code</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">low code</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/low-code" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/tags/mac/index.html b/zh/blog/tags/mac/index.html
index cd0810e11c..2ad4f9d1cb 100644
--- a/zh/blog/tags/mac/index.html
+++ b/zh/blog/tags/mac/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">mac</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">mac</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/mac" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/tags/nodejs/index.html b/zh/blog/tags/nodejs/index.html
index ff52f0d627..02185841a6 100644
--- a/zh/blog/tags/nodejs/index.html
+++ b/zh/blog/tags/nodejs/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">nodejs</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">nodejs</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nodejs" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/tags/nvm/index.html b/zh/blog/tags/nvm/index.html
index ee5014fab4..34b2da5c12 100644
--- a/zh/blog/tags/nvm/index.html
+++ b/zh/blog/tags/nvm/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">nvm</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">nvm</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/nvm-use-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/nvm-use/cover.png?h=160" alt="Elegant Use of nvm for Node.js Management on Mac in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nvm">nvm</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/nodejs">nodejs</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/mac">mac</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/nvm-use-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Elegant Use of nvm for Node.js Management on Mac in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Node.js, as the foundation of frontend capabilities, is no longer just a &quot;JS Server Runtime.&quot; Numerous tool libraries, local package management, mock environments, and more are built on Node.js, making it truly the infrastructure of the frontend world.The flourishing ecosystem has made it essential for everyone to install Node.js when building frontend projects. However, with the long history of products, versioning becomes a common issue—some projects require new versions, while others need older ones. Managing multiple versions of Node.js has been a persistent challenge for developers.Currently, the open-source tool nvm addresses this issue. With simple command-line usage, developers can quickly switch between different versions of Node.js, allowing them to focus on development rather than wasting time on environment configuration.The predominant machines for frontend development are still Macbooks. Therefore, this article will explain how to elegantly install and use nvm on Mac to efficiently manage Node.js versions.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/nvm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/tags/open-source/index.html b/zh/blog/tags/open-source/index.html
index 2af3042720..b11a7e6ceb 100644
--- a/zh/blog/tags/open-source/index.html
+++ b/zh/blog/tags/open-source/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">open-source</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">open-source</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?h=160" alt="Best Open-Source Low-Code Platforms in 2024" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low-code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/open-source">open-source</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Best Open-Source Low-Code Platforms in 2024</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/open-source" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/tags/react/index.html b/zh/blog/tags/react/index.html
index 3378c65088..cbf8c112af 100644
--- a/zh/blog/tags/react/index.html
+++ b/zh/blog/tags/react/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">React</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">React</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/react" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/tags/shadcn-ui/index.html b/zh/blog/tags/shadcn-ui/index.html
index 5c5a9a1f5a..fb49b3c2c9 100644
--- a/zh/blog/tags/shadcn-ui/index.html
+++ b/zh/blog/tags/shadcn-ui/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">Shadcn UI</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">Shadcn UI</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-2024/cover.png?h=160" alt="2024 has arrived, should I choose Shadcn UI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">shadcn-ui</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">react</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-ui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose Shadcn UI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains vibrant. This article will dissect two currently popular component libraries from various perspectives, providing an objective analysis to help users make more informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/shadcn-ui" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/tags/traditional-development/index.html b/zh/blog/tags/traditional-development/index.html
index b42c7f0fea..0cbeac2675 100644
--- a/zh/blog/tags/traditional-development/index.html
+++ b/zh/blog/tags/traditional-development/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">traditional development</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">traditional development</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/lowcode-vs-traditional/cover.png?h=160" alt="Low Code vs Traditional Development: Optimal Efficiency in Choice" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/low-code">low code</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/traditional-development">traditional development</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/lowcode-vs-traditional"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Low Code vs Traditional Development: Optimal Efficiency in Choice</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">With the continuous evolution of development practices, the advent of low-code tools has introduced innovative solutions to various development scenarios. This has alleviated the need to initiate projects from scratch, saving considerable time for more pivotal business endeavors. However, it&#x27;s crucial to recognize that while low code accelerates development, it does so at the expense of some flexibility. As a result, not all solutions are well-suited for low-code development. Let&#x27;s delve deeper into the analysis of scenarios that favor low-code tools versus those where traditional code development remains more appropriate. Throughout this exploration, the key comparison of low code versus traditional development remains paramount, emphasizing the critical importance of choosing the most efficient approach.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/traditional-development" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/tags/ui-library/index.html b/zh/blog/tags/ui-library/index.html
index 54cdd5d0a3..420d835cfd 100644
--- a/zh/blog/tags/ui-library/index.html
+++ b/zh/blog/tags/ui-library/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">UI Library</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><div class="py-8 blog-md:py-16 px-4 max-w-[512px] blog-md:px-7 blog-md:max-w-screen-blog-md blog-2xl:px-0 blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="hidden lg:flex not-prose justify-between items-start bg-gray-50 dark:bg-gray-800 rounded-xl p-4 2xl:p-6"><ul class="overflow-hidden flex-1 h-8" style="margin:0;padding:0"><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/internal-tools">Internal Tools</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/data-dashboard">Data Dashboard</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/admin-panel">Admin Panel</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/low-code">Low Code</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/traditional-development">Traditional Development</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/javascript">JavaScript</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/ui-library">UI Library</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/react">React</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nvm">Nvm</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/nodejs">Nodejs</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/mac">Mac</a></li><li class="inline-flex m-1"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2" href="/illa-website/zh/blog/tags/open-source">Open Source</a></li></ul><label class="flex items-center gap-1 cursor-pointer flex-shrink no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-600 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 mt-1">Show More <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.792893C0.683417 0.402369 1.31658 0.402369 1.70711 0.792893L4 3.08579L6.29289 0.792893C6.68342 0.402369 7.31658 0.402369 7.70711 0.792893C8.09763 1.18342 8.09763 1.81658 7.70711 2.20711L4.70711 5.20711C4.31658 5.59763 3.68342 5.59763 3.29289 5.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792893Z" fill="currentColor"></path></svg></label></div><div class="mb-10 block w-full lg:hidden"><div class="rounded-[4px] border border-gray-100 dark:border-gray-700"><button class="bg-gray-50 dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700 w-full flex items-center gap-3 px-2 py-2" id="headlessui-disclosure-button-:Rccnah:" type="button" aria-expanded="false" data-headlessui-state=""><span class="text-sm dark:text-gray-0 text-gray-900">Blog Post Tags</span></button></div></div><div class="pt-0 blog-md:pt-16"><div class="text-gray-500 dark:text-white-04">贴标签的帖子</div><h1 class="!mb-0">UI Library</h1></div><div class="px-4 blog-md:px-7 blog-2xl:px-0 py-8 max-w-[512px] blog-md:max-w-screen-blog-md blog-2xl:max-w-screen-blog-md w-full mx-auto"><div class="grid grid-cols-1 blog-md:grid-cols-3 gap-4 blog-lg:gap-12 pt-6 blog-md:pt-12"><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/mui-2024"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/mui-2024/cover.png?h=160" alt="2024 has arrived, should I choose MUI?" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/javascript">javascript</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/mui-2024"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">2024 has arrived, should I choose MUI?</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">Every company has its own exclusive online business, and as the business continues to update and iterate, the complexity of the business will continuously increase over time.After the business complexity reaches a high level, internal teams need to view various data to make decisions for future strategies. Therefore, we need a flexible tool to create personalized data dashboards to meet the diverse customization needs of internal team members, especially the boss, and help the team iterate quickly.Using efficient tools to leave work early every day.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article><article itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png"><div><a itemprop="url" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="not-prose relative m-0 h-40 hover:brightness-90"><img src="https://cdn.illacloud.com/illa-website/blog/shadcn-ui-vs-mui/cover.png?h=160" alt="Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses" class="absolute inset-0 mt-0 h-full w-full rounded-[10px] object-cover transition duration-150" loading="lazy"></div></a></div><div class="p-4"><div class="mb-2 flex gap-1 md:mb-4 flex flex-wrap items-center"><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/ui-library">UI Library</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/shadcn-ui">Shadcn UI</a><a class="no-underline hover:no-underline text-xs bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-white-04 dark:hover:text-white-01 rounded py-1 px-2 text-xs bg-gray-100 dark:bg-gray-700 text-white-04 hover:text-white-01 dark:text-white-04 dark:hover:text-white-01 no-underline rounded px-2 py-1" href="/illa-website/zh/blog/tags/react">React</a></div><div class="mb-2 md:mb-4"><a itemprop="url" class="no-underline hover:no-underline" rel="noopener dofollow" href="/illa-website/zh/blog/shadcn-vs-mui"><div class="text-xs sm:text-sm md:text-2xl lg:text-base 2xl:text-xl text-gray-700 dark:text-gray-200 font-lg font-bold leading-6">Shadcn vs MUI: A Comparative Analysis of Strengths and Weaknesses</div></a><div class="text-xs md:text-base lg:text-sm 2xl:text-lg mt-2 md:mt-4 line-clamp-3 text-gray-700 dark:text-gray-300">2024 has arrived, and the ecosystem of React component libraries remains thriving. This article will dissect two currently popular component libraries from several perspectives, providing an objective analysis to help users make informed choices.</div></div><div class="flex items-center gap-2"><span class="text-gray-600 hover:text-gray-600 dark:text-white-04 hover:dark:text-white-01 text-xs no-underline"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time></span></div></div></article></div></div><div class="blog-md:border-t border-t-gray-200 dark:border-t-gray-700"><nav class="pagination-nav" aria-label="博客列表导航"></nav></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/blog/tags/ui-library" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html b/zh/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html
index 37f75f11bb..6f903480f9 100644
--- a/zh/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html
+++ b/zh/blog/top-5-best-open-source-low-code-platforms-in-2024/index.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="generator" content="Docusaurus v3.0.1">
-<title data-rh="true">Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:08:52.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low-code,open-source"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
+<title data-rh="true">Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" property="og:url" content="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><meta data-rh="true" property="og:locale" content="zh"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" property="og:locale:alternate" content="ja"><meta data-rh="true" property="og:locale:alternate" content="de"><meta data-rh="true" name="docusaurus_locale" content="zh"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="zh"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:site" content="@illaCloudHQ"><meta data-rh="true" name="twitter:creator" content="@illaCloudHQ"><meta data-rh="true" name="keywords" content="illa,illacloud,illa cloud,艾拉云科,Retool,Budibase,Tooljet,UIBakery, Low-code,open-source, developers, developer tool, internal, rust,illa, illabuilder, illa-builder, retool alternative, Appsmith, Appsmith alternative, open-source alternative, budibase alternative,ローコード,低代码,开发者工具,낮은 코드,오픈 소스,オープンソース"><meta data-rh="true" property="og:title" content="Best Open-Source Low-Code Platforms in 2024 | ILLA Cloud"><meta data-rh="true" name="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><meta data-rh="true" property="og:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" name="twitter:image" content="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><meta data-rh="true" property="og:type" content="article"><meta data-rh="true" property="article:published_time" content="2024-01-03T15:28:24.000Z"><meta data-rh="true" property="article:author" content="https://github.com/smallSohoSolo"><meta data-rh="true" property="article:tag" content="low-code,open-source"><link data-rh="true" rel="icon" href="/illa-website/zh/img/public/favicon.ico"><link data-rh="true" rel="canonical" href="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="en"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/zh/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="zh"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/ja/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="ja"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/de/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="de"><link data-rh="true" rel="alternate" href="https://illacloud.github.io/illa-website/blog/top-5-best-open-source-low-code-platforms-in-2024" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-QW745VE33W"></script>
 <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-QW745VE33W",{})</script>
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?w=800" alt="Best Open-Source Low-Code Platforms in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:08:52.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 3 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Best Open-Source Low-Code Platforms in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R1aqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R9iqfah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R4l2fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R552fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div><div class="w-full h-0.5 translate"><div class="h-full bg-refine-blue" style="width:0%"></div></div></header><div class="flex justify-center mx-auto max-w-screen-blog-max w-full"><div class="relative w-[264px] pl-4 py-10 blog-sm:py-12 blog-md:py-16 hidden xl:block opacity-0 transition-opacity duration-300 ease-in-out"><div class="sticky w-[264px] z-[1] top-32 left-0"><div class="flex flex-col gap-6 py-6 px-4 rounded-2xl bg-banner-examples-sider-purple not-prose"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="flex w-full h-auto xl:h-[152px] flex-shrink-0 rounded-md overflow-hidden"><img src="https://cdn.illacloud.com/illa-website/home/blogIcon/sideBarIcon.webp" alt="还在为内部工具的构建劳心劳力？" loading="lazy"></a><h2 class="text-2xl font-semibold text-gray-0">还在为内部工具的构建劳心劳力？</h2><p class="text-base text-gray-100">使用ILLA Cloud, 在几分钟内完成CRUD应用、仪表板、管理面板、销售CRM、AI图像生成器等工具的构建！</p></div></div></div><div class="refine-prose flex-1 min-w-0 xl:px-8"><article class="py-10 px-4 sm:px-0 blog-sm:py-12 blog-md:py-16 w-full mx-auto max-w-[512px] blog-sm:max-w-screen-blog-sm blog-lg:max-w-screen-content-2xl" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting"><meta itemprop="description" content="2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices."><link itemprop="image" href="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png"><div class="flex justify-between items-center blog-sm:px-6"><a class="!text-white-04 text-sm no-underline" href="/illa-website/zh/blog">← Back to blog</a><div class="flex items-center space-x-2 px-2 py-1"><span class="text-white-04 text-sm">Share on</span><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#FF5700"></circle><path d="M 53.34375 32 C 53.277344 30.160156 52.136719 28.53125 50.429688 27.839844 C 48.722656 27.148438 46.769531 27.523438 45.441406 28.800781 C 41.800781 26.324219 37.519531 24.957031 33.121094 24.863281 L 35.199219 14.878906 L 42.046875 16.320312 C 42.214844 17.882812 43.496094 19.09375 45.066406 19.171875 C 46.636719 19.253906 48.03125 18.183594 48.359375 16.644531 C 48.6875 15.105469 47.847656 13.558594 46.382812 12.992188 C 44.914062 12.425781 43.253906 13.007812 42.464844 14.367188 L 34.625 12.800781 C 34.363281 12.742188 34.09375 12.792969 33.871094 12.9375 C 33.648438 13.082031 33.492188 13.308594 33.441406 13.566406 L 31.070312 24.671875 C 26.617188 24.738281 22.277344 26.105469 18.59375 28.609375 C 17.242188 27.339844 15.273438 26.988281 13.570312 27.707031 C 11.863281 28.429688 10.746094 30.089844 10.71875 31.941406 C 10.691406 33.789062 11.757812 35.484375 13.441406 36.257812 C 13.402344 36.726562 13.402344 37.195312 13.441406 37.664062 C 13.441406 44.832031 21.792969 50.65625 32.097656 50.65625 C 42.398438 50.65625 50.753906 44.832031 50.753906 37.664062 C 50.789062 37.195312 50.789062 36.726562 50.753906 36.257812 C 52.363281 35.453125 53.371094 33.800781 53.34375 32 Z M 21.34375 35.199219 C 21.34375 33.433594 22.777344 32 24.542969 32 C 26.3125 32 27.742188 33.433594 27.742188 35.199219 C 27.742188 36.96875 26.3125 38.398438 24.542969 38.398438 C 22.777344 38.398438 21.34375 36.96875 21.34375 35.199219 Z M 39.9375 44 C 37.664062 45.710938 34.871094 46.582031 32.03125 46.464844 C 29.191406 46.582031 26.398438 45.710938 24.128906 44 C 23.847656 43.65625 23.871094 43.15625 24.183594 42.839844 C 24.5 42.527344 25 42.503906 25.34375 42.785156 C 27.269531 44.195312 29.617188 44.90625 32 44.800781 C 34.386719 44.929688 36.746094 44.242188 38.6875 42.847656 C 39.042969 42.503906 39.605469 42.511719 39.953125 42.863281 C 40.296875 43.21875 40.289062 43.785156 39.9375 44.128906 Z M 39.359375 38.527344 C 37.59375 38.527344 36.160156 37.09375 36.160156 35.328125 C 36.160156 33.5625 37.59375 32.128906 39.359375 32.128906 C 41.128906 32.128906 42.558594 33.5625 42.558594 35.328125 C 42.59375 36.203125 42.269531 37.054688 41.65625 37.6875 C 41.046875 38.316406 40.203125 38.664062 39.328125 38.65625 Z M 39.359375 38.527344" fill="white"></path></svg></button><button class="react-share__ShareButton flex" style="background-color:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer"><svg viewBox="0 0 64 64" width="26" height="26"><circle cx="32" cy="32" r="32" fill="#0077B5"></circle><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z" fill="white"></path></svg></button></div></div><div><img class="mb-2 w-full rounded-xl" src="https://cdn.illacloud.com/illa-website/blog/top5-low-code-2024/cover.png?w=800" alt="Best Open-Source Low-Code Platforms in 2024"></div><div class="blog-sm:px-6"><div class="mb-6 text-sm"><div class="flex justify-between sm:flex-row flex-col"><div class="flex justify-center items-center gap-2"></div><div class="flex items-center gap-2 text-gray-600 dark:text-white-04"><time datetime="2024-01-03T15:28:24.000Z" itemprop="datePublished">2024年1月3日</time><span class="w-[4px] h-[4px] rounded-full bg-gray-600 dark:bg-gray-500"></span>阅读需 3 分钟</div></div><div class="m-6 mb-12"><div class="flex flex-col md:flex-row justify-between items-center gap-7 h-auto bg-[#5865F2] w-full rounded-2xl px-7 py-7 bg-violet-800"><div class="flex items-center gap-16"><div class="flex flex-col font-bold max-w-md text-center md:text-left gap-3.5"><h1 class="text-3xl font-bold font-[&#x27;Inter&#x27;] mb-0">Start Building apps with ILLA Cloud</h1><p class="text-white text-opacity-90 text-xs leading-[1.5] font-normal font-[&#x27;Inter&#x27;] mb-0">Build the internal tools you need(Dashboard, Workflow Management, CRM, Support and Billing management...) in minutes.</p></div></div><div class="flex flex-col gap-4 w-full md:w-auto"><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1444_4267)"><path d="M21.1021 5.02567C21.0955 5.0129 21.0845 5.00289 21.0712 4.99744C19.534 4.29215 17.9118 3.78921 16.2452 3.50123C16.2301 3.49842 16.2144 3.50045 16.2005 3.50704C16.1866 3.51362 16.1751 3.52443 16.1677 3.53793C15.9468 3.93885 15.7462 4.35066 15.5668 4.7718C13.7703 4.49909 11.943 4.49909 10.1464 4.7718C9.96587 4.34959 9.76213 3.93768 9.53616 3.53793C9.52841 3.52473 9.51687 3.51417 9.50303 3.50762C9.48919 3.50108 9.4737 3.49885 9.45858 3.50123C7.7918 3.78861 6.16948 4.29158 4.63245 4.99748C4.6193 5.00306 4.60819 5.01259 4.60068 5.02474C1.52693 9.61498 0.684914 14.0924 1.09798 18.5143C1.09914 18.5251 1.10247 18.5356 1.10777 18.5452C1.11307 18.5547 1.12023 18.563 1.12883 18.5697C2.91864 19.895 4.92057 20.9065 7.04919 21.5612C7.06418 21.5657 7.08019 21.5655 7.09506 21.5607C7.10993 21.5558 7.12295 21.5465 7.13237 21.534C7.58955 20.9119 7.99465 20.2532 8.34354 19.5645C8.34834 19.5551 8.35107 19.5447 8.35157 19.5341C8.35207 19.5236 8.35033 19.513 8.34644 19.5031C8.34256 19.4933 8.33663 19.4843 8.32905 19.4769C8.32147 19.4695 8.3124 19.4638 8.30245 19.4602C7.66365 19.2158 7.04521 18.9211 6.45294 18.579C6.44218 18.5727 6.43314 18.5638 6.42663 18.5532C6.42011 18.5425 6.41632 18.5304 6.41558 18.518C6.41485 18.5055 6.41719 18.4931 6.4224 18.4817C6.42762 18.4704 6.43554 18.4605 6.44548 18.453C6.57011 18.3599 6.69257 18.2639 6.81278 18.1652C6.82332 18.1565 6.83608 18.1509 6.84961 18.1491C6.86315 18.1473 6.87693 18.1493 6.88939 18.1549C10.7696 19.9257 14.9704 19.9257 18.8047 18.1549C18.8172 18.1489 18.8311 18.1467 18.8449 18.1483C18.8586 18.15 18.8716 18.1555 18.8823 18.1643C19.0026 18.2635 19.1254 18.3598 19.2505 18.453C19.2605 18.4604 19.2685 18.4703 19.2738 18.4816C19.2791 18.4929 19.2815 18.5053 19.2809 18.5177C19.2802 18.5302 19.2765 18.5423 19.2701 18.553C19.2637 18.5637 19.2547 18.5726 19.244 18.579C18.6531 18.924 18.0341 19.2185 17.3936 19.4593C17.3836 19.463 17.3746 19.4689 17.3671 19.4764C17.3595 19.4839 17.3537 19.4929 17.3499 19.5029C17.3461 19.5128 17.3444 19.5234 17.345 19.5341C17.3456 19.5447 17.3484 19.5551 17.3533 19.5645C17.708 20.2494 18.1125 20.9073 18.5635 21.5329C18.5727 21.5457 18.5856 21.5554 18.6005 21.5604C18.6155 21.5655 18.6316 21.5657 18.6467 21.5611C20.7791 20.9086 22.7846 19.897 24.5766 18.5697C24.5853 18.5634 24.5926 18.5552 24.5979 18.5458C24.6032 18.5364 24.6065 18.526 24.6075 18.5152C25.102 13.403 23.7796 8.96232 21.1021 5.02567V5.02567ZM8.92302 15.8218C7.75479 15.8218 6.79221 14.7497 6.79221 13.4331C6.79221 12.1165 7.73612 11.0444 8.92302 11.0444C10.1192 11.0444 11.0725 12.1258 11.0538 13.433C11.0538 14.7497 10.1098 15.8218 8.92302 15.8218V15.8218ZM16.8012 15.8218C15.6331 15.8218 14.6705 14.7497 14.6705 13.4331C14.6705 12.1165 15.6144 11.0444 16.8012 11.0444C17.9975 11.0444 18.9507 12.1258 18.9321 13.433C18.9321 14.7497 17.9975 15.8218 16.8012 15.8218Z" fill="#654AEC"></path></g><defs><clipPath id="clip0_1444_4267"><rect width="24" height="24" fill="white" transform="translate(0.5 0.5)"></rect></clipPath></defs></svg><div class="text-indigo-600 text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Join our Discord</div></button></a><a href="https://discord.gg/refine" target="_blank" rel="noopener noreferrer"><button class="w-full md:w-60 h-12 px-8 py-2.5 bg-white bg-opacity-10 rounded-3xl justify-center items-center gap-2.5 inline-flex"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1443_4264)"><path d="M0 13.3048C0 18.4607 3.35822 22.8444 8.0387 24.4537C8.66931 24.6113 8.57322 24.1681 8.57322 23.8687V21.8231C4.93373 22.2426 4.78859 19.873 4.54235 19.4781C4.04788 18.6478 2.88276 18.4361 3.2301 18.0411C4.05889 17.6216 4.9037 18.1475 5.88064 19.5707C6.58831 20.6018 7.96864 20.4275 8.67031 20.2551C8.82089 19.6445 9.14355 19.0881 9.6012 18.6498C5.83159 17.986 4.25908 15.7217 4.25908 13.0281C4.25908 11.7221 4.6975 10.5215 5.55532 9.55241C5.0088 7.95493 5.60637 6.5889 5.68545 6.38601C7.24494 6.24813 8.86249 7.48416 8.98861 7.58068C9.87446 7.34529 10.8844 7.22119 12.0145 7.22119C13.1506 7.22119 14.1666 7.34923 15.0574 7.58757C15.3577 7.36105 16.8612 6.30033 18.3105 6.43033C18.3876 6.63322 18.9712 7.96773 18.4577 9.54256C19.3275 10.5137 19.7699 11.7251 19.7699 13.035C19.7699 15.7326 18.1884 17.9988 14.4078 18.6547C14.7316 18.9685 14.9886 19.3426 15.1639 19.7552C15.3392 20.1678 15.4293 20.6106 15.4288 21.0578V24.0273C15.4498 24.2646 15.4288 24.5 15.8322 24.5C20.5807 22.9252 24 18.5089 24 13.3068C24 6.78292 18.6258 1.5 12.0015 1.5C5.36914 1.49705 0 6.78095 0 13.3048Z" fill="white"></path></g><defs><clipPath id="clip0_1443_4264"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect></clipPath></defs></svg><div class="text-white text-base font-medium font-[&#x27;Inter&#x27;] leading-7">Star us</div></button></a></div></div></div></div><h1 class="text-xl md:text-4xl" itemprop="headline">Best Open-Source Low-Code Platforms in 2024</h1><div id="__blog-post-container" class="markdown" itemprop="articleBody"><p>2024 has arrived, and the development of low-code tools remains vibrant. Many companies are utilizing low-code tools to enhance development efficiency. This article will analyze popular low-code tools from various perspectives, aiding readers in making informed choices.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-low-code-tools">Why Choose Low-Code Tools?<a href="#why-choose-low-code-tools" class="hash-link" aria-label="Direct link to Why Choose Low-Code Tools?" title="Direct link to Why Choose Low-Code Tools?">​</a></h2>
 <p>The emergence of low-code tools primarily addresses the issue of low development efficiency. These tools assist developers in rapidly constructing complete projects without starting from scratch, significantly boosting development efficiency. Development using low-code tools requires no coding; instead, developers can drag and drop components to build pages. This allows developers to focus more on implementing business logic without concerning themselves with page construction. Moreover, there is no need for any maintenance work; deploying the code to a server is sufficient, allowing developers to concentrate on business logic implementation.</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="why-choose-open-source">Why Choose Open Source?<a href="#why-choose-open-source" class="hash-link" aria-label="Direct link to Why Choose Open Source?" title="Direct link to Why Choose Open Source?">​</a></h2>
diff --git a/zh/cms/index.html b/zh/cms/index.html
index e31b0cddb5..b2577d7de1 100644
--- a/zh/cms/index.html
+++ b/zh/cms/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/zh/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">&quot;Build <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, &quot;#00EE8A&quot;, &quot;#2C66FA&quot;)">CMS</span> and operate more efficiently&quot;</h1><span class="descStyle_uxY4">为高效率操作建立内容管理系统。 AI能够增强，整合智能，使您能够高效率地创建视觉和文字内容。 文件管理，支持文件存储和发送，简化内容管理工作流程。</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" width="100%" alt="为高效率操作建立内容管理系统。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" alt="为高效率操作建立内容管理系统。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C72G%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>我们能做什么</h1>
diff --git a/zh/components/Audio/index.html b/zh/components/Audio/index.html
index e6a0696168..7e0fae04f9 100644
--- a/zh/components/Audio/index.html
+++ b/zh/components/Audio/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的音频组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的“视频”组件允许用户在应用程序内播放视频和音频并与之交互，提供一种高效便捷的访问多媒体内容的方式。例如，用户可以在工作时使用视频组件观看教程视频在项目中，通过在应用程序中随时提供所有必要的信息来节省时间并提高生产力。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Audio 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Audio/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/BarProgress/index.html b/zh/components/BarProgress/index.html
index a6443b4a37..9fd1a72ef2 100644
--- a/zh/components/BarProgress/index.html
+++ b/zh/components/BarProgress/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的进度条组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的 Bar Progress 组件以 100% 的比例直观地表示进度条，使用户可以轻松快速高效地跟踪他们的进度。通过提供清晰简洁的进度可视化表示，用户可以轻松了解进度他们在执行特定任务或项目时无需花时间计算完成百分比，从而节省宝贵的时间并让他们专注于更重要的任务。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Bar progress 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/BarProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Button/index.html b/zh/components/Button/index.html
index 523b0628b0..f063a5135a 100644
--- a/zh/components/Button/index.html
+++ b/zh/components/Button/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的按钮组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的按钮组件是一种多功能工具，可用于触发操作并通过提供清晰直观的方式与应用程序进行交互来增强用户体验。例如，用户可以创建一个“保存”按钮来触发数据库单击时更新，简化工作流程并节省用户手动更新数据库的时间。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Button 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Button/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Carousel/index.html b/zh/components/Carousel/index.html
index 850bbb8e5f..9077e4b7d0 100644
--- a/zh/components/Carousel/index.html
+++ b/zh/components/Carousel/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的轮播图组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的“轮播图”组件在单个界面中显示多个图像或媒体，无需在单独的页面或窗口中导航，从而节省了用户时间。用户可以与轮播交互以查看和参与显示的内容，例如图片或视频，都在同一个界面中，提供无缝和高效的用户体验。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Carousel 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Carousel/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Cascader/index.html b/zh/components/Cascader/index.html
index 2897bef6b3..1ac3c643b5 100644
--- a/zh/components/Cascader/index.html
+++ b/zh/components/Cascader/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的 Cascader 组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的 Cascader 组件使用户能够从多层选择中选择一个选项，为数据输入和管理提供了一种分层和高效的方法。例如，用户可以创建一个用于产品选择的表单，并使用“Cascader”组件来允许用户选择自己喜欢的产品类别、品牌和型号，提高数据收集的准确性和效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Cascader 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Cascader/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Chart/index.html b/zh/components/Chart/index.html
index 696cb3d55c..476a5695de 100644
--- a/zh/components/Chart/index.html
+++ b/zh/components/Chart/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的图表组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的“图表”组件显示基于链接数据的各种图表类型，为分析复杂信息提供了一种清晰且具有视觉吸引力的方式。用户可以轻松比较数据点并识别趋势，使其成为决策制定的有效工具。例如，销售团队可以使用图表来可视化他们的收入并确定需要改进的地方。总的来说，图表组件可以通过简化数据分析过程并以易于理解的格式呈现信息来节省用户时间。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Chart 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Chart/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/CheckboxGroup/index.html b/zh/components/CheckboxGroup/index.html
index 166d566aab..88763e0a87 100644
--- a/zh/components/CheckboxGroup/index.html
+++ b/zh/components/CheckboxGroup/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的复选框组组件，只需单击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的复选框组件为用户提供了一种方便高效的方式来从列表中选择多个选项，从而节省时间和精力。例如，用户可以为产品偏好创建一个表单并使用复选框组件允许用户可以选择多个选项，例如颜色或尺寸，从而简化数据收集过程。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Checkbox Group 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/CheckboxGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/CircleProgress/index.html b/zh/components/CircleProgress/index.html
index 915fade163..2fe2ed924f 100644
--- a/zh/components/CircleProgress/index.html
+++ b/zh/components/CircleProgress/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的 Circle Progress Component，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的 Circle Progress 组件旨在以圆形显示进度，为用户提供一种视觉上吸引人的方式来跟踪进度。该组件可以让用户快速轻松地查看任务或项目的进度，从而节省时间，而无需必须手动计算百分比，帮助他们确定可能需要额外关注或资源的领域，并以清晰简洁的方式向团队成员和利益相关者传达进展情况。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Circle Progress 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/CircleProgress/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Container/index.html b/zh/components/Container/index.html
index 4a903037eb..3e8044face 100644
--- a/zh/components/Container/index.html
+++ b/zh/components/Container/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的容器组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的“容器”组件将多个组件组合在一起，使用户更容易组织和管理内容。例如，用户可以将一组输入字段组合在一个容器中，从而简化收集和提交数据的过程。这可以通过简化工作流程和提高整体效率来节省时间。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Container 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Container/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Date/index.html b/zh/components/Date/index.html
index dca18780d6..418dbc185d 100644
--- a/zh/components/Date/index.html
+++ b/zh/components/Date/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的日期组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud中的Date组件通过提供基于日历的界面简化了日期的选择，提高了日期相关数据管理的效率和准确性。例如，用户可以创建一个用于事件注册的表单，并使用Date组件允许用户选择活动日期，减少日期相关错误的可能性并简化注册过程。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Date 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Date/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/DateRange/index.html b/zh/components/DateRange/index.html
index 64103c648d..123362ad13 100644
--- a/zh/components/DateRange/index.html
+++ b/zh/components/DateRange/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的日期范围组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的“日期范围”组件通过提供基于日历的界面简化了日期范围的选择，节省了用户的时间和精力。例如，用户可以创建报告并使用“日期范围”组件允许用户选择数据分析的日期范围，简化流程，提高效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Date Range 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/DateRange/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/DateTime/index.html b/zh/components/DateTime/index.html
index 5f1d2d26fb..a4330d7e9a 100644
--- a/zh/components/DateTime/index.html
+++ b/zh/components/DateTime/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的日期时间组件，只需单击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud中的日期时间组件通过提供基于日历的界面简化了日期和时间的选择，提高了数据管理的效率和准确性。允许用户选择具体的日期和时间，减少调度错误的可能性并简化流程。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Date Time 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/DateTime/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Divider/index.html b/zh/components/Divider/index.html
index e00f11a32a..8b387fd8a2 100644
--- a/zh/components/Divider/index.html
+++ b/zh/components/Divider/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的分割线组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的“分割线”组件是一种视觉元素，可以在内容的不同部分之间创建清晰的区别，从而改进导航和组织。通过使用分割线，用户可以通过快速找到所需的信息来节省时间，而无需在混乱或杂乱无章的情况下进行搜索内容，提升用户体验。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Divider 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Divider/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/EditableText/index.html b/zh/components/EditableText/index.html
index f5aa2adf64..54072b4ba1 100644
--- a/zh/components/EditableText/index.html
+++ b/zh/components/EditableText/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的可编辑文本组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud中的可编辑文本组件允许用户在一行文本输入框中输入和编辑文本，输入的文本可以悬停显示。该组件可以通过提供一种快速简便的方式来编辑文本来节省用户的时间。例如，用户可以创建一个收集用户反馈的表单，并使用“可编辑文本”组件允许用户在提交之前编辑他们的评论。这可以通过减少来回通信的需求来帮助企业提高效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Editable text 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/EditableText/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Form/index.html b/zh/components/Form/index.html
index 1d9d0c44c4..c2d8098a5a 100644
--- a/zh/components/Form/index.html
+++ b/zh/components/Form/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的表单组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的“表单”组件允许用户输入和提交所需信息，提供了一种收集和处理数据的有效方式。它可以通过标准化数据输入流程、减少错误以及更轻松地组织和分析数据来节省时间。例如，公司可以使用 Form 组件来收集员工信息，例如联系方式和工作职位，并轻松地为人力资源目的组织数据。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Form 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Form/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Icon/index.html b/zh/components/Icon/index.html
index b485dd3e2f..72b07136bd 100644
--- a/zh/components/Icon/index.html
+++ b/zh/components/Icon/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的图标组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的图标组件为用户提供了一种快速简便的方式来插入预建图标，提高了应用程序的视觉吸引力和可用性。例如，用户可以插入购物车图标来表示购物车功能电子商务应用程序，节省创建自定义图标的时间和精力并改善用户体验。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Icon 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Icon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Image/index.html b/zh/components/Image/index.html
index b6ac30ee24..d0025e2dfe 100644
--- a/zh/components/Image/index.html
+++ b/zh/components/Image/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的图像组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的图像组件为用户提供了一种直接显示图像的方式，增强了视觉吸引力和信息的可访问性。例如，用户可以使用“图像”组件在电子商务应用程序中显示产品图像，从而节省时间努力提供清晰且有吸引力的产品展示。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Image 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Image/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Input/index.html b/zh/components/Input/index.html
index a8a62a3163..b741f2830a 100644
--- a/zh/components/Input/index.html
+++ b/zh/components/Input/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的输入组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">在 ILLA Cloud 中，带有左侧标签的 Input 组件消除了手动数据输入，从而节省了时间并提高了效率。它允许用户轻松提供进一步处理所需的信息。例如，它可用于收集客户联系信息，简化数据收集和处理工作流程。收集的数据可用于客户细分、有针对性的营销活动和客户支持，从而提供高效且省时的解决方案。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Input 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/List/index.html b/zh/components/List/index.html
index 48307be7c0..e39c9ed03d 100644
--- a/zh/components/List/index.html
+++ b/zh/components/List/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的列表组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">List 组件提供了一种有组织且高效的方式来查看和管理数据，通过允许用户快速访问和操作信息来节省用户时间。例如，销售经理可以使用 List 组件来查看和跟踪客户订单，快速识别趋势和制定数据驱动的决策。总的来说，List 组件可以提高生产力并增强数据分析。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 List 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/List/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Menu/index.html b/zh/components/Menu/index.html
index 27d4e052ae..ed13c0a6f3 100644
--- a/zh/components/Menu/index.html
+++ b/zh/components/Menu/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的菜单组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">通过使用 Menu 组件，用户可以快速访问不同的选项，而无需浏览多个页面，从而节省时间并提高效率。例如，用户可以使用 Menu 组件访问软件应用程序的各种功能，从而使他们可以轻松访问经常使用的功能并简化他们的工作流程。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Menu 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Menu/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Modal/index.html b/zh/components/Modal/index.html
index 880f44e4ba..376f60ceb6 100644
--- a/zh/components/Modal/index.html
+++ b/zh/components/Modal/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的对话框组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的“对话框”组件是一个用户界面元素，可以在不离开当前页面或中断用户工作流程的情况下显示内容或提示用户交互。它在现有页面的顶部创建一个浮动层，以收集用户反馈、显示信息或提示输入。这允许更无缝和简化的用户体验，因为用户可以留在相同的上下文中，同时仍然能够与应用程序交互。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Modal 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Modal/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Multiselect/index.html b/zh/components/Multiselect/index.html
index f000610c72..4de9d1d642 100644
--- a/zh/components/Multiselect/index.html
+++ b/zh/components/Multiselect/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的多项选择组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的多项选择组件为用户提供了一种方便高效的方式来从列表中选择多个选项，从而节省时间和精力。例如，用户可以创建一个调查表并使用多项选择组件来允许用户选择多个选项，例如他们喜欢的产品或服务，从而简化数据收集过程。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Multiselect 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Multiselect/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/NumberInput/index.html b/zh/components/NumberInput/index.html
index 6fa4abc697..a747bd0faf 100644
--- a/zh/components/NumberInput/index.html
+++ b/zh/components/NumberInput/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的数字输入组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">在ILLA Cloud中，带有左标签的数字输入组件允许用户输入数字值。 提供一个简化的接口，用于快速和简单的输入。 此组件可以通过取消手动输入数据的需要来节省用户的时间。 或者举例说，用户可以创建订单表单，其中包括“数字输入”组件，以收集每个项目的数量和价格。 这可以帮助企业节省时间和减少处理订单时的错误。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Number input 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/NumberInput/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/PDF/index.html b/zh/components/PDF/index.html
index bcf18cb444..a4d38cd98e 100644
--- a/zh/components/PDF/index.html
+++ b/zh/components/PDF/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的 PDF 组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的“PDF”组件允许用户在应用程序中查看 PDF 文件并与之交互，从而节省时间并简化文档管理。例如，用户可以轻松访问和注释 PDF 文档，而无需在不同的软件或应用程序之间切换，从而提高生产力和工作流程效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 PDF 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/PDF/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/RadioButton/index.html b/zh/components/RadioButton/index.html
index 007e3f64c1..89dcf2f4fd 100644
--- a/zh/components/RadioButton/index.html
+++ b/zh/components/RadioButton/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的单选按钮组件，只需单击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">Radio Button 组件是用户从多个选项中选择一个选项的快速有效方式，避免混淆并简化决策过程。例如，调查表可以使用 Radio Button 组件让用户选择他们的年龄组、性别或首选联系方式，通过简化数据输入过程节省时间。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Radio Button 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/RadioButton/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/RadioGroup/index.html b/zh/components/RadioGroup/index.html
index ae92aac614..09ea31dd1f 100644
--- a/zh/components/RadioGroup/index.html
+++ b/zh/components/RadioGroup/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的单选框组只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的单选框组组件为用户提供了一种直接有效的方式来从列表中选择一个选项，从而节省时间并减少错误。例如，用户可以创建一个用于事件注册的表单并使用单选框组组件来允许用户选择他们喜欢的事件，简化注册过程并提高效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Radio group 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/RadioGroup/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Rate/index.html b/zh/components/Rate/index.html
index b12bc34508..39dc3c15a5 100644
--- a/zh/components/Rate/index.html
+++ b/zh/components/Rate/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的 Rate 组件 只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的“评分”组件为用户提供了一种快速简便的方式来对产品、服务或体验进行评分，从而节省了提供反馈的时间。例如，用户可以使用评分组件对最近的购买或体验进行评分，从而帮助企业根据客户反馈改进他们的产品和服务。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Rate 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Rate/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Select/index.html b/zh/components/Select/index.html
index 32eaf5ff2b..19bb899db3 100644
--- a/zh/components/Select/index.html
+++ b/zh/components/Select/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的选择组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud 中的 Select 组件允许用户从选项列表中进行选择，提供一种用户友好且节省空间的方式来输入数据，这可以节省用户的时间并提高效率。例如，用户可以创建调查表并使用“选择”组件提供一系列选项供用户选择，简化流程并确保准确收集数据。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Select 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Select/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Statistics/index.html b/zh/components/Statistics/index.html
index 29fe581f40..c52cd7820d 100644
--- a/zh/components/Statistics/index.html
+++ b/zh/components/Statistics/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的统计组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA Cloud中的&#x27;Statistics&#x27;组件旨在帮助用户以视觉上吸引人且易于理解的方式显示数值数据，从而改进数据分析和决策。例如，用户可以使用Statistics组件创建仪表板以条形图、饼图和折线图等各种视觉格式显示销售数据，从而节省创建自定义可视化效果的时间并提供快速清晰的数据概览。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Statistics 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Statistics/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Switch/index.html b/zh/components/Switch/index.html
index f6708385b8..fe89b6c66d 100644
--- a/zh/components/Switch/index.html
+++ b/zh/components/Switch/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 中的开关组件，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA 云中的开关组件为用户打开或关闭特定设置或功能提供了一种直观和方便用户的方式。 • 节省时间和提高效率。 例如， 一个用户可以创建一个通知系统，并使用“开关”组件来允许用户打开或关闭特定事件的通知。 例如新消息或更新，减少不必要的中断。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Switch 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Switch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Tables/index.html b/zh/components/Tables/index.html
index 8d2bdcc850..9b3668691d 100644
--- a/zh/components/Tables/index.html
+++ b/zh/components/Tables/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA 云中的表组件来创建内部工具只需点击几次。</h1><span class="headerDesc_zhHJ">ILLA 云中的“表格”组件以表格格式显示数据库数据，用户可以快速分析大量信息。 具有排序、搜索和过滤等功能， 表格组件可以节省用户时间，使他们能够轻松地找到和操纵他们所需要的数据。 此外，表格可以使用不同的列类型、颜色和格式选项自定义. 使我们能够创建具有视觉吸引力和易于理解的复杂数据表述。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 表 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Tables/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Tabs/index.html b/zh/components/Tabs/index.html
index fe8804fa67..dace897bc8 100644
--- a/zh/components/Tabs/index.html
+++ b/zh/components/Tabs/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">在 ILLA 云中使用标签组件来建立内部工具只需点击几次。</h1><span class="headerDesc_zhHJ">ILLA 云中的“Tab”组件可以节省用户时间，让他们可以轻松地在不同的内容部分间切换，而无需大规模滚动。 例如，用户可以使用标签在软件应用程序中在不同的视图或模式之间切换，提高可用性和生产率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Tabs 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Tabs/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Text/index.html b/zh/components/Text/index.html
index 5889f10e64..89ecd4bc32 100644
--- a/zh/components/Text/index.html
+++ b/zh/components/Text/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用ILLA 云中的文本组件在几次点击中构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA 云中的文本组件为用户显示文本提供了一种直截了当的方式，提高了信息的可读性和可获取性。 例如，用户可以使用“文本”组件来显示重要的说明或信息。 例如联系细节或产品说明，节省时间和努力传递重要信息。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 文本 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Text/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Textarea%20Input/index.html b/zh/components/Textarea%20Input/index.html
index 7a9f39ccff..e253640a16 100644
--- a/zh/components/Textarea%20Input/index.html
+++ b/zh/components/Textarea%20Input/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] flex flex-col h-screen"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R2lkuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:Rj5kuh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R9a4uh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Raa4uh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><main class="container margin-vert--xl h-full"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">找不到页面</h1><p>我们找不到你想要的东西。</p><p>请联系链接到原始URL的站点所有者并让他们知道他们的链接已经损坏。</p></div></div></main><div class="commBottomContainer_rcOJ"><div style="height:410px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-white-02">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:none"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Textarea Input/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div></div>
diff --git a/zh/components/Timeline/index.html b/zh/components/Timeline/index.html
index f43b20dfea..81b637d6f5 100644
--- a/zh/components/Timeline/index.html
+++ b/zh/components/Timeline/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用ILLA 云中的时间线组件在几次点击中构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA 云中的时间线组件可以通过清晰、有组织地展示项目的进度或历史来节省用户的时间。 例如，项目管理人员可以使用时间表部分来制作一个项目里程碑的直观描述。 项目的最后期限和可达到的目标，为制定和向小组成员和利益攸关方通报项目时间表节省时间。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 时间表 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Timeline/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Upload/index.html b/zh/components/Upload/index.html
index ecf49872ac..bd84e5a4c1 100644
--- a/zh/components/Upload/index.html
+++ b/zh/components/Upload/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA 云中的上传组件在几次点击中建立内部工具。</h1><span class="headerDesc_zhHJ">上传组件在 ILLA 云端使用户能够轻松上传任何类型的文件到他们的应用程序。 为数据管理提供一种方便和简化的方法。 例如， 一个用户可以创建在线商店，并使用“上传”组件允许客户在提交订单时上传图像或其他文件 • 节省时间和提高效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 上传 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Upload/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/Video/index.html b/zh/components/Video/index.html
index f9f7791c76..2549af8cbd 100644
--- a/zh/components/Video/index.html
+++ b/zh/components/Video/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA 云中的视频组件在几次点击中构建内部工具。</h1><span class="headerDesc_zhHJ">ILLA 云中的“视频”组件播放并与应用程序中的视频交互。 允许用户轻松查看和交互视频内容以节省时间，而无需切换到外部视频播放器。 例如，用户可以使用视频组件在应用程序中观看培训视频或产品演示，以提高生产率和效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 视频 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/Video/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/components/index.html b/zh/components/index.html
index 009abbfa5d..672bb7c38b 100644
--- a/zh/components/index.html
+++ b/zh/components/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_yWoG"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf lg:pt-[48px] lg:w-[570px] w-full"><h1 class="headerTitle_URD5">内置组件库</h1><span class="headerDesc_zhHJ">ILLA提供了一系列常用的前端开发组件，用户能够通过简单的拖放操作轻松构建前端界面并响应用户操作和显示数据，包含表格、图表、表单、列表等复杂组件。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">免费体验</a></div><img src="https://cdn.illacloud.com/official-website/img/official-site/features/componentIndex.svg" alt="" class="w-full lg:w-[550px]"></div><div class="flex flex-col gap-[24px] pb-[60px] lg:pb-[100px]"><h2 class="contentTitle_b3GB">Input</h2><div class="itemsContainer_OUc9"><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20upload.svg" alt="Upload" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Upload</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloud 中的“上传”组件为用户提供了一种将任何类型的文件上传到他们的应用程序的方法。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/components/Upload"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Switch.svg" alt="Switch" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Switch</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloud 中的“开关”组件提供了一个切换开关，允许用户打开或关闭特定设置或功能。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/components/Switch"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Select.svg" alt="Select" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Select</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloud 中的“选择”组件是一个下拉选择器，允许用户从选项列表中进行选择，提供一种用户友好且节省空间的方式来输入数据。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/components/Select"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Radio%20Group.svg" alt="Radio group" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Radio group</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloud 中的“Radio Group”组件是一个单选框组，允许用户从选项列表中选择一个选项，提供一种简单明了的方式来输入和管理数据。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/components/RadioGroup"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Check%20Box.svg" alt="复选框组" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">复选框组</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloud 中的“复选框组”组件是一个复选框选择器，允许用户从列表中选择多个选项，从而提供一种简单高效的数据管理方式。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/components/CheckboxGroup"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div><h2 class="contentTitle_b3GB">数据</h2><div class="itemsContainer_OUc9"><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Chart.svg" alt="Chart" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Chart</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloud 中的“图表”组件基于连接的数据显示多种类型的图表，为用户提供清晰且视觉上吸引人的复杂数据表示。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/components/Chart"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Table.svg" alt="Tables" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Tables</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloud 中的“表格”组件以表格形式显示数据库中的数据，便于用户一目了然地查看、排序和分析大量信息。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/components/Tables"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div><h2 class="contentTitle_b3GB">展示</h2><div class="itemsContainer_OUc9"><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20PDF.svg" alt="PDF" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">PDF</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloud 中的“PDF”组件是一个显示元素，允许用户在应用程序中查看 PDF 文件并与之交互。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/components/PDF"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF"><div class="itemImage_FU2S"><img src="https://cdn.illacloud.com/official-website/img/official-site/components-new/Cover%20Video.svg" alt="Video" class="w-full"></div><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameComponents_JcBj">Video</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">ILLA Cloud 中的“视频”组件是一个显示元素，允许用户在应用程序中播放视频并与之交互。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/components/Video"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/components/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/components/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/components/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/components/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/crm/index.html b/zh/crm/index.html
index 7db637fd2a..3c543f6337 100644
--- a/zh/crm/index.html
+++ b/zh/crm/index.html
@@ -13,20 +13,20 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/zh/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">&quot;更好的<span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, &quot;#00EE8A&quot;, &quot;#2C66FA&quot;)">销售CRM解决方案</span>，更快地完成交易&quot;</h1><span class="descStyle_uxY4">在一个地方高效地管理所有潜在客户、客户关系、销售渠道和任务，以便您可以简化销售流程并专注于完成交易。</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" width="100%" alt="ILLA Cloud是一个低代码CRM构建工具，可以让您在一个地方管理所有潜在客户、客户关系、销售渠道和任务，以便您可以简化销售流程并专注于完成交易。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" alt="ILLA Cloud是一个低代码CRM构建工具，可以让您在一个地方管理所有潜在客户、客户关系、销售渠道和任务，以便您可以简化销售流程并专注于完成交易。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7N5%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>我们能做什么</h1>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="在几分钟内构建管理系统">在几分钟内构建管理系统<a href="#在几分钟内构建管理系统" class="hash-link" aria-label="Direct link to 在几分钟内构建管理系统" title="Direct link to 在几分钟内构建管理系统">​</a></h2>
-<p>我们的低代码CRM构建工具可以让您在几分钟内构建任何类型的系统，包括联系人管理、销售渠道管理、潜在客户追踪、机会管理、销售预测、客户服务等。将资源集中在一个地方。 将资源集中在1个位置。</p>
+<p>我们的低代码CRM构建工具可以让您在几分钟内构建任何类型的系统，包括联系人管理、销售渠道管理、潜在客户追踪、机会管理、销售预测、客户服务等。将资源集中在一个地方。 将资源集中在一个地方。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/dashboard/design.svg" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="团队协作和基于角色的权限设置">团队协作和基于角色的权限设置<a href="#团队协作和基于角色的权限设置" class="hash-link" aria-label="Direct link to 团队协作和基于角色的权限设置" title="Direct link to 团队协作和基于角色的权限设置">​</a></h2>
 <p>允许销售、市场营销和支持等部门在一个地方根据其角色管理不同的资源和处理各种任务。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/crm/team.gif" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="利用人工智能生成营销内容">利用人工智能生成营销内容<a href="#利用人工智能生成营销内容" class="hash-link" aria-label="Direct link to 利用人工智能生成营销内容" title="Direct link to 利用人工智能生成营销内容">​</a></h2>
-<p>ILLA Cloud不仅是低代码crm build工具，而且也是商业工具与 AI 能力之间的桥梁。 通过与AI 能力相结合，ILLA Cloud帮助企业根据产品特征和客户特征制作个性化的营销内容。</p>
+<p>ILLA Cloud不仅是低代码crm build工具，而且也是商业工具与 AI 能力之间的桥梁。 通过与AI 能力相结合，ILLA Cloud帮助企业根据产品特征和客户特征制作个性化的营销内容。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/crm/send.gif" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="营销自动化">营销自动化<a href="#营销自动化" class="hash-link" aria-label="Direct link to 营销自动化" title="Direct link to 营销自动化">​</a></h2>
 <p>借助低代码CRM构建能力、人工智能能力和自动化能力，ILLA Cloud帮助企业管理其营销活动，包括电子邮件营销、社交媒体营销和潜在客户生成。</p>
@@ -36,23 +36,19 @@ <h2 class="anchor anchorWithStickyNavbar_dXVO" id="100可定制">100％可定制
 <p>根据您的要求自定义任何工具。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/custom.svg" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="降低运营成本">降低运营成本<a href="#降低运营成本" class="hash-link" aria-label="Direct link to 降低运营成本" title="Direct link to 降低运营成本">​</a></h2>
-<p>通过一系列自定义自动化和第三方集成，减少手动操作的任务。
-<img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/cut-cost.svg" alt="image" class="img_CfaS"></p>
+<p>通过一系列自定义自动化和第三方集成，减少手动操作的任务。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/cut-cost.svg" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="优化流程">优化流程<a href="#优化流程" class="hash-link" aria-label="Direct link to 优化流程" title="Direct link to 优化流程">​</a></h2>
-<p>围绕您现有的流程创建自定义工具，并使流程更加高效。
-<img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/process.svg" alt="image" class="img_CfaS"></p>
+<p>围绕您现有的流程创建自定义工具，并使流程更加高效。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/process.svg" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="提高roi">提高ROI<a href="#提高roi" class="hash-link" aria-label="Direct link to 提高ROI" title="Direct link to 提高ROI">​</a></h2>
 <p>简化操作流程，降低成本。 提高您的业务效率和简化。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/roi.svg" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="集中资源">集中资源<a href="#集中资源" class="hash-link" aria-label="Direct link to 集中资源" title="Direct link to 集中资源">​</a></h2>
-<p>连接任何数据源并构建适用于任何业务的应用程序。在将您的内容管理、客户管理等多种工具和数据资源集中在这里。
-<img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/centralize.svg" alt="image" class="img_CfaS"> 在此集中管理您的内容管理、客户管理和其他方面。</p>
+<p>连接任何数据源并构建适用于任何业务的应用程序。 在将您的内容管理、客户管理等多种工具和数据资源集中在这里。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/centralize.svg" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="管理变革">管理变革<a href="#管理变革" class="hash-link" aria-label="Direct link to 管理变革" title="Direct link to 管理变革">​</a></h2>
-<p>使业务操作流程标准化，提高管理效率。
-<img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/change.svg" alt="image" class="img_CfaS"></p>
+<p>使业务操作流程标准化，提高管理效率。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/change.svg" alt="image" class="img_CfaS"></p></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-white-02">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/crm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/crm" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/crm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/crm" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
diff --git a/zh/dashboard/index.html b/zh/dashboard/index.html
index b5963e6734..409d9dffbf 100644
--- a/zh/dashboard/index.html
+++ b/zh/dashboard/index.html
@@ -13,44 +13,40 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/zh/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">Customize <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, #00EE8A, #2C66FA)">数据分析面板</span> for Your Business</h1><span class="descStyle_uxY4">建立全面的数据分析仪表板，用最少的投资推动您的商业增长。</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" width="100%" alt="建立全面的数据分析仪表板，用最少的投资推动您的商业增长。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" alt="建立全面的数据分析仪表板，用最少的投资推动您的商业增长。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Xz%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>我们能做什么</h1>
-<h2 class="anchor anchorWithStickyNavbar_dXVO" id="在几分钟内设计界面">在几分钟内设计界面<a href="#在几分钟内设计界面" class="hash-link" aria-label="Direct link to 在几分钟内设计界面" title="Direct link to 在几分钟内设计界面">​</a></h2>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/zh/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">&quot;Customize <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, &quot;#00EE8A&quot;, &quot;#2C66FA&quot;)">数据分析面板</span> for Your Business&quot;</h1><span class="descStyle_uxY4">建立全面的数据分析仪表板，用最少的投资推动您的商业增长。</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" width="100%" alt="建立全面的数据分析仪表板，用最少的投资推动您的商业增长。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" alt="建立全面的数据分析仪表板，用最少的投资推动您的商业增长。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Xz%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>我们能做什么</h1>
+<h2 class="anchor anchorWithStickyNavbar_dXVO" id="在几分钟内设计界面">在几分钟内设计界面<a href="#在几分钟内设计界面" class="hash-link" aria-label="Direct link to 在几分钟内设计界面" title="Direct link to 在几分钟内设计界面">​</a></h2>
 <p>数十个精美的组件使您可以通过简单地拖放这些组件来轻松构建完美的交互式页面。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/dashboard/design.svg" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="连接任何数据库或api">连接任何数据库或API<a href="#连接任何数据库或api" class="hash-link" aria-label="Direct link to 连接任何数据库或API" title="Direct link to 连接任何数据库或API">​</a></h2>
-<p>无论您使用哪个数据库或API来管理数据，您都可以通过在ILLA中输入配置信息来快速连接到您的数据源。ILLA将以安全的方式访问您的数据，确保数据的安全性。 ILLA 将以安全的方式访问您的数据，确保您数据的安全。</p>
+<p>无论您使用哪个数据库或API来管理数据，您都可以通过在ILLA中输入配置信息来快速连接到您的数据源。ILLA将以安全的方式访问您的数据，确保数据的安全性。 ILLA将以安全的方式访问您的数据，确保数据的安全性。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/cms/data-source.svg" alt="image" class="img_CfaS"></p>
 <p>我们支持的数据源包括但不限于PostgreSQL、MySQL、MongoDB、Snowflake、Amazon S3、Google Sheets、Airtable、Stripe等。</p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="与ai-agent集成以分析数据">与AI Agent集成以分析数据<a href="#与ai-agent集成以分析数据" class="hash-link" aria-label="Direct link to 与AI Agent集成以分析数据" title="Direct link to 与AI Agent集成以分析数据">​</a></h2>
-<p>您可以创建一个具有数据分析或问答能力的AI Agent，并将其无缝集成到您的仪表盘中。这个AI Agent可以通过提供洞察和回答问题来帮助您分析数据。 此 AI 代理人可以通过提供洞察力和回答问题来帮助您分析数据。</p>
+<p>您可以创建一个具有数据分析或问答能力的AI Agent，并将其无缝集成到您的仪表盘中。 这个AI Agent可以通过提供洞察和回答问题来帮助您分析数据。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/dashboard/analysis.gif" alt="image" class="img_CfaS"></p>
 <h1>好处</h1>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="100可定制">100％可定制<a href="#100可定制" class="hash-link" aria-label="Direct link to 100％可定制" title="Direct link to 100％可定制">​</a></h2>
 <p>根据您的要求自定义任何工具。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/custom.svg" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="降低运营成本">降低运营成本<a href="#降低运营成本" class="hash-link" aria-label="Direct link to 降低运营成本" title="Direct link to 降低运营成本">​</a></h2>
-<p>通过一系列自定义自动化和第三方集成，减少手动操作的任务。
-<img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/cut-cost.svg" alt="image" class="img_CfaS"></p>
+<p>通过一系列自定义自动化和第三方集成，减少手动操作的任务。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/cut-cost.svg" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="优化流程">优化流程<a href="#优化流程" class="hash-link" aria-label="Direct link to 优化流程" title="Direct link to 优化流程">​</a></h2>
-<p>围绕您现有的流程创建自定义工具，并使流程更加高效。
-<img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/process.svg" alt="image" class="img_CfaS"></p>
+<p>围绕您现有的流程创建自定义工具，并使流程更加高效。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/process.svg" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="提高roi">提高ROI<a href="#提高roi" class="hash-link" aria-label="Direct link to 提高ROI" title="Direct link to 提高ROI">​</a></h2>
 <p>简化操作流程，降低成本。 提高您的业务效率和简化。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/roi.svg" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="集中资源">集中资源<a href="#集中资源" class="hash-link" aria-label="Direct link to 集中资源" title="Direct link to 集中资源">​</a></h2>
-<p>连接任何数据源并构建适用于任何业务的应用程序。在将您的内容管理、客户管理等多种工具和数据资源集中在这里。
-<img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/centralize.svg" alt="image" class="img_CfaS"> 在此集中管理您的内容管理、客户管理和其他方面。</p>
+<p>连接任何数据源并构建适用于任何业务的应用程序。 在将您的内容管理、客户管理等多种工具和数据资源集中在这里。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/centralize.svg" alt="image" class="img_CfaS"></p>
 <h2 class="anchor anchorWithStickyNavbar_dXVO" id="管理变革">管理变革<a href="#管理变革" class="hash-link" aria-label="Direct link to 管理变革" title="Direct link to 管理变革">​</a></h2>
-<p>使业务操作流程标准化，提高管理效率。
-<img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/change.svg" alt="image" class="img_CfaS"></p>
+<p>使业务操作流程标准化，提高管理效率。</p>
 <p><img loading="lazy" src="https://cdn.illacloud.com/official-website/img/solutions/change.svg" alt="image" class="img_CfaS"></p></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-white-02">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/dashboard" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
diff --git a/zh/image-generator/index.html b/zh/image-generator/index.html
index 8793a16f6c..c835ddedec 100644
--- a/zh/image-generator/index.html
+++ b/zh/image-generator/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="w-full overflow-visible bg-black relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:R5b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R16b9fah:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rik9fah:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkk9fah:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="containerStyle_IK43"><div class="canvasContainerStyle_tBLh"><canvas></canvas></div><span class="indexBgStyle_Nusz"><img src="/illa-website/zh/assets/images/indexBg-7b78fdbbebf1afb9f265ff4a69d886fb.webp" alt=""></span><div class="contentContainer_kErA"><div class="textContainerStyle_LZMZ"><h1 class="sloganStyle_L8z2">&quot;Customize <span class="colorSloganStyle_oMou" style="background-image:linear-gradient(to right, &quot;#00EE8A&quot;, &quot;#2C66FA&quot;)">AI 图像生成器</span> for your business&quot;</h1><span class="descStyle_uxY4">文本到图像，将你富有想象力的想法变成令人惊叹的视觉。 图像到图像，通过应用艺术风格或根据您的描述修改图像内容，提升您的图像或草稿。</span></div><div class="demoContainerStyle_taMy"><div class="demoImgStyle_SvRF" style="transform:translateY(15%) scale(0.95) rotateX(10deg) translateZ(0)"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" width="100%" alt="将线条绘图渲染到不同样式的图像中。"></div><img class="lg:hidden block w-full rounded-[8px]" src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" alt="将线条绘图渲染到不同样式的图像中。"></div><div class="linkButtonStyle_m6Tn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bc%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div></div></div><div class="w-full lg:max-w-[680px] mx-auto px-[20px] pb-[100px] lg:pb-[200px]"><div class="refine-prose markdown"><h1>我们可以做什么</h1>
diff --git a/zh/index.html b/zh/index.html
index bf628d0adf..f56fe4f42e 100644
--- a/zh/index.html
+++ b/zh/index.html
@@ -13,12 +13,12 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] font-sans"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:Ramjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R2cmjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R158jqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R198jqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="bannerContainerStyle__SXx"><div class="canvasContainerStyle_h8pN"><canvas></canvas></div><video class="bgStyle_xQ96" loop="" autoplay="" muted=""><source src="/illa-website/zh/assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4" type="video/mp4"></video><div class="bannerContentContainer_RLp6"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><div class="publicize_vEiD"><span class="publicizeStyle_C7Y6"></span><span class="flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]"><span class="flex flex-row justify-between"><span class="publicIntru_nEWo"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-[24px] w-[24px]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span><span>Github</span><span class="inline-block w-[45px] text-center">0.0k</span><span>星星</span></span></span></span><span role="img" aria-label="star us">给我们加星<!-- --> 👉</span></span></div></a><div class="bannerTextContainerStyle_O5rS"><div class="flex flex-col gap-[16px]"><h1 class="sloganStyle_zysD">构建AI驱动的业务应用</h1><span class="descStyle_U78g">使用低代码工具，构建 { businessApp } ，创建自动化{ flow }，简单地创建{ AIAgent } </span></div><div class="buttonContainerStyle_ulq9"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK largeSizeStyle_kJWZ lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW largeArrowStyle_sKWX lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">开始使用</span></a></div></div></div><div class="solutionContainerStyle_QwBc"><div class="tabsContainerStyle_DETz"><div class="tabsItemStyle_TXig selectedTabStyle_CyW0"><span class="w-full h-full relative z-[1] text-nowrap">数据分析仪表盘</span><div class="splitterItemStyle_gYQ6"></div></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI图片生成器</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI语音处理工具</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">内容管理系统</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">销售CRM</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">管理面板</span></div></div><div class="solutionImageContainerStyle_LgpU"><div class="solutionBaseBgStyle_nGRR solutionSelectBgStyle_Xioy"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO solutionSelectImageStyle_GSp1"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Xz%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bc%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bb%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C72G%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7N5%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Oy%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div></div></div></div><div class="bannerContainer_oUHl"><div class="textContainerStyle_j9Qp"><h1 class="sloganStyle_XKtE">构建AI驱动的业务应用</h1><span class="descStyle_YqnZ">使用低代码工具，构建 { businessApp } ，创建自动化{ flow }，简单地创建{ AIAgent } </span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK normalSizeStyle_qzr1 lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW normalArrowStyle_XxGa lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">开始使用</span></a></div><div class="flex items-center gap-[40px]"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="linkGroupItemStyle_KQRV"><svg width="44" height="44" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="-0.001" width="88" height="88" rx="44" fill="url(#linearGithub_svg__a)"></rect><path d="M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z" fill="#fff"></path><defs><linearGradient id="linearGithub_svg__a" x1="44" y1="-0.001" x2="44" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px]">0.0k<!-- -->星星</span></div></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="flex flex-col items-center gap-[8px]"><svg width="44" height="44" viewBox="0 0 89 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="-0.001" width="88" height="88" rx="44" fill="url(#linearDiscord_svg__a)"></rect><path d="M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z" fill="#fff"></path><defs><linearGradient id="linearDiscord_svg__a" x1="44.5" y1="-0.001" x2="44.5" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px] align-middle">加入Discord</span></div></a></div><div class="swiper w-full"><div class="swiper-wrapper"><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">数据分析仪表盘</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI图片生成器</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI语音处理工具</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">内容管理系统</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">销售CRM</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">管理面板</span></div></div></div></div></div><div class="contentContainer_c9t8"><div class="content_jfit"><div class="wallContainerStyle_Ny01"><span class="logoTitleStyle_hhN_">被数以千计的团队信任</span><div class="logoContainerStyle_PeVm"><span class="flex justify-end"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#metaIcon_svg__a)" fill="#fff"><path d="M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"></path><path d="M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"></path><path d="M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"></path></g><defs><clipPath id="metaIcon_svg__a"><path fill="#fff" transform="translate(.1)" d="M0 0h120.8v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="171" height="40" viewBox="0 0 171 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#byteDanceIcon_svg__a)" fill="#fff"><path d="M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"></path></g><defs><clipPath id="byteDanceIcon_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h170v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-start"><svg width="194" height="40" viewBox="0 0 194 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#alibaba_svg__a)"><path d="M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z" fill="#fff"></path></g><defs><clipPath id="alibaba_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h193v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="33" height="40" viewBox="0 0 33 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z" fill="#fff"></path></svg></span></div></div><div class="cardContentContainerStyle_kX6c"><div class="headerContainerStyle_RgD_"><h2 class="textTitleStye_mJAH"><span class="textTitleNumStyle_TEnk">3 </span>个步骤，自定义您的业务应用</h2><span class="textDescStyle_NFkj">通过拖放组件构建工具，自定义AI Agent，连接到您的数据源，提升您的工具搭建效率，并使您的工作更智能。</span></div><div class="cardContainerStyle_Kvlw"><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step1.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>1<!-- -->.</span><br><span>拖放组件设计UI</span></h3><span class="textDescStyle_vwoY">通过拖放组件，您可以快速构建应用程序的用户界面，并实现任何所需的功能。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">使用ILLA Cloud构建UI</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemReverseStyle_DHTD"><img src="https://cdn.illacloud.com/illa-website/home/step/step2.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>2<!-- -->.</span><br><span>连接到您的数据源</span></h3><span class="textDescStyle_vwoY">连接到您自己的数据源，包括MySQL，PostgreSQL和其他数据库，REST API，GraphQL等。在一分钟内就可以构建CRUD应用程序。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">使用您的数据源构建应用</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step3.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>3<!-- -->.</span><br><span>配置和连接AI Agent</span></h3><span class="textDescStyle_vwoY">即使您不具备AI开发能力，也可以通过将AI Agent集成到您的应用中，让您的应用具备智能分析、内容生成等AI能力。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">开始构建基于AI的应用</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commentsContainerStyle_ctEM"><h2 class="commentsTitleStyle_iQ9i">用户感言</h2><div class="commentsItemsContainerStyle_Zw4J"><div class="borderStyle_jCx_ mobileGap_cpxI"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">ILLA Cloud对我来说是个改变游戏规则的工具。它在较短的时间内帮助我生成高效的内容。定制化的AI Agent和应用完美地满足了我的业务需求。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Christopher</span><span class="commentUserCompanyStyle_zWSD">SEO专家</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">我觉得我现在已经成为了一名专业的博客编辑！这个工具彻底改变了我的博客编辑流程，节省了宝贵的时间。不管是生成博客创意还是构建文章结构，AI Agent都可以完美解决。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Lucas</span><span class="commentUserCompanyStyle_zWSD">内容策略师</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">它让我用最少的努力提供卓越客户支持的能力。预构建的AI Agent和应用，再加上根据我们特定需求定制的能力，极大地提高了我们团队的效率。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Harper</span><span class="commentUserCompanyStyle_zWSD">客户服务经理</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">AI Agent与低代码已经改变了我的电子邮件撰写流程。它简化了创建引人注目的电子邮件的过程，使我能够轻松地编写引人入胜且有说服力的信息。ILLA Cloud将我们的电子邮件沟通提升到了新的高度。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Abigail</span><span class="commentUserCompanyStyle_zWSD">沟通专家</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">我需要管理公司的各个方面。ILLA Cloud为我提供了一站式解决方案。它不仅在开发和设计方面节省了我时间和精力，还使我能更好地管理和监控我的业务。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Matthew</span><span class="commentUserCompanyStyle_zWSD">企业创始人</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">使用ILLA Cloud构建管理仪表板非常简单。仅一天时间就能在实现监控项目进展和资源分配等能力。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Samuel</span><span class="commentUserCompanyStyle_zWSD">网站管理员</span></span></div></div></div></div><div class="allContentContainer_nVOG"><h2 class="allContentTitle_K0Y2">ILLA Cloud集成一切</h2><img class="w-full h-auto" src="https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp" alt="ILLA Cloud integrates everything"></div><div class="faqContainer_vbEd"><h2 class="faqTitle_s89i">常见问题</h2><div class="w-full flex flex-col gap-[8px]"><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rjapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>我可以通过 ILLA AI构建什么样的内容？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rlapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>谁可以使用 ILLA Cloud？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rnapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA Cloud能带给我怎样的好处？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rpapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>我能根据我的特定业务需要自定义AI Agent吗？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rrapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA支持哪些数据源？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rtapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA Cloud用户是否有技术支持？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div></div></div></div><div class="commBottomContainerStyle_CDHK"><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-white-02">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div></div>
+<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="bg-black overflow-visible w-full relative z-[1] font-sans"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:Ramjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R2cmjqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R158jqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R198jqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="bannerContainerStyle__SXx"><div class="canvasContainerStyle_h8pN"><canvas></canvas></div><video class="bgStyle_xQ96" loop="" autoplay="" muted=""><source src="/illa-website/zh/assets/medias/bannerBg-11c671f26ad5aeb99fa331a20887b2c5.mp4" type="video/mp4"></video><div class="bannerContentContainer_RLp6"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><div class="publicize_vEiD"><span class="publicizeStyle_C7Y6"></span><span class="flex flex-row justify-between items-center h-full gap-[16px] relative z-[1]"><span class="flex flex-row justify-between"><span class="publicIntru_nEWo"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-[24px] w-[24px]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span><span>Github</span><span class="inline-block w-[45px] text-center">0.0k</span><span>Stars</span></span></span></span><span role="img" aria-label="star us">为我们点亮<!-- --> 👉</span></span></div></a><div class="bannerTextContainerStyle_O5rS"><div class="flex flex-col gap-[16px]"><h1 class="sloganStyle_zysD">构建AI驱动的业务应用</h1><span class="descStyle_U78g">Build <span class="colorDescAppStyle_qG8r">网站和应用</span> with low code, make automated <span class="colorDescFlowStyle_VvqE">工作流</span>, create <span class="colorDescAgentStyle_LHLV">AI Agent</span> easily</span></div><div class="buttonContainerStyle_ulq9"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK largeSizeStyle_kJWZ lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW largeArrowStyle_sKWX lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">开始使用</span></a></div></div></div><div class="solutionContainerStyle_QwBc"><div class="tabsContainerStyle_DETz"><div class="tabsItemStyle_TXig selectedTabStyle_CyW0"><span class="w-full h-full relative z-[1] text-nowrap">数据分析仪表盘</span><div class="splitterItemStyle_gYQ6"></div></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI图片生成器</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">AI语音处理工具</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">内容管理系统</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">销售CRM</span></div><div class="tabsItemStyle_TXig"><span class="w-full h-full relative z-[1] text-nowrap">管理面板</span></div></div><div class="solutionImageContainerStyle_LgpU"><div class="solutionBaseBgStyle_nGRR solutionSelectBgStyle_Xioy"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO solutionSelectImageStyle_GSp1"><img src="https://cdn.illacloud.com/illa-website/home/solutions/dashboard_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Xz%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/image_generate_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bc%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/ai_voice_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Bb%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C72G%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/crm_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7N5%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div><div class="solutionBaseBgStyle_nGRR solutionUnSelectBgStyle_RZeW"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_panel_bg.webp" class="w-full"><div class="solutionBaseImageStyle_APzO"><img src="https://cdn.illacloud.com/illa-website/home/solutions/admin_content.webp" class="w-full"></div></div><div class="linkButtonStyle_b1Kn"><a href="https://cloud.illacloud.com?redirectURL=https%3A%2F%2Filla.ai%2Fapp%2FILAcx4p1C7Oy%2Fdetail%3FoperateType%3Dfork" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK smallSizeStyle_AohM darkColorStyle_MxJT"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm darkLineStyle__Ris"></span></span></span><span class="baseArrowStyle_lXyW smallArrowStyle_XZaI darkArrowStyle_go7n"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">立即体验</span></a></div></div></div></div><div class="bannerContainer_oUHl"><div class="textContainerStyle_j9Qp"><h1 class="sloganStyle_XKtE">构建AI驱动的业务应用</h1><span class="descStyle_YqnZ">Build <span class="colorDescAppStyle_An_L">网站和应用</span> with low code, make automated <span class="colorDescFlowStyle_y9g7">工作流</span>, create <span class="colorDescAgentStyle_x5xU">AI Agent</span> easily</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="baseLinkButtonStyle_PuMK normalSizeStyle_qzr1 lightColorStyle_JCL1"><span class="linkButtonBgStyle_WFWO"><span class="linesStyle_lbFy"><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span><span class="lineContainerStyle_Y3Ta"><span class="lineStyle__sNm lightLineStyle_xduB"></span></span></span><span class="baseArrowStyle_lXyW normalArrowStyle_XxGa lightArrowStyle_QtFv"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></span><span class="relative z-[1]">开始使用</span></a></div><div class="flex items-center gap-[40px]"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="linkGroupItemStyle_KQRV"><svg width="44" height="44" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="-0.001" width="88" height="88" rx="44" fill="url(#linearGithub_svg__a)"></rect><path d="M20 43.993c0 10.48 6.716 19.39 16.077 22.662 1.262.32 1.07-.58 1.07-1.19v-4.157c-7.28.853-7.57-3.964-8.062-4.767-.99-1.687-3.32-2.118-2.625-2.92 1.658-.853 3.347.216 5.301 3.108 1.416 2.096 4.176 1.742 5.58 1.392a6.787 6.787 0 0 1 1.861-3.263c-7.539-1.35-10.684-5.952-10.684-11.427 0-2.655.877-5.095 2.593-7.065-1.093-3.247.102-6.024.26-6.436 3.119-.28 6.354 2.232 6.606 2.428 1.772-.478 3.792-.73 6.052-.73 2.272 0 4.304.26 6.086.744.6-.46 3.607-2.616 6.506-2.352.154.412 1.321 3.125.294 6.326 1.74 1.974 2.625 4.436 2.625 7.099 0 5.483-3.163 10.09-10.724 11.423a6.845 6.845 0 0 1 2.042 4.884v6.036c.042.483 0 .961.806.961C61.161 63.548 68 54.571 68 43.997c0-13.26-10.748-23.999-23.997-23.999C30.738 19.992 20 30.733 20 43.993Z" fill="#fff"></path><defs><linearGradient id="linearGithub_svg__a" x1="44" y1="-0.001" x2="44" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px]">0.0k<!-- -->Stars</span></div></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="flex flex-col items-center gap-[8px]"><svg width="44" height="44" viewBox="0 0 89 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="-0.001" width="88" height="88" rx="44" fill="url(#linearDiscord_svg__a)"></rect><path d="M60.995 28.487a.12.12 0 0 0-.062-.057 39.12 39.12 0 0 0-9.652-2.992.146.146 0 0 0-.155.073 27.22 27.22 0 0 0-1.202 2.468 36.118 36.118 0 0 0-10.84 0 24.96 24.96 0 0 0-1.221-2.468.153.153 0 0 0-.155-.073 39.006 39.006 0 0 0-9.653 2.992.138.138 0 0 0-.063.055c-6.148 9.18-7.832 18.135-7.006 26.979a.162.162 0 0 0 .062.11 39.326 39.326 0 0 0 11.84 5.984.153.153 0 0 0 .167-.055 28.087 28.087 0 0 0 2.422-3.938.15.15 0 0 0-.082-.21 25.895 25.895 0 0 1-3.699-1.761.152.152 0 0 1-.015-.253c.25-.186.494-.378.735-.575a.146.146 0 0 1 .153-.02c7.76 3.54 16.162 3.54 23.83 0a.145.145 0 0 1 .156.018c.24.198.486.391.736.577a.151.151 0 0 1-.013.252 24.317 24.317 0 0 1-3.7 1.76.153.153 0 0 0-.088.088.15.15 0 0 0 .007.123 31.542 31.542 0 0 0 2.42 3.937.15.15 0 0 0 .167.057 39.197 39.197 0 0 0 11.86-5.983.15.15 0 0 0 .061-.11c.99-10.224-1.655-19.105-7.01-26.978ZM36.636 50.079c-2.336 0-4.261-2.144-4.261-4.777s1.888-4.778 4.261-4.778c2.393 0 4.3 2.163 4.262 4.777 0 2.634-1.888 4.778-4.262 4.778Zm15.757 0c-2.337 0-4.262-2.144-4.262-4.777s1.888-4.778 4.262-4.778c2.392 0 4.299 2.163 4.261 4.777 0 2.634-1.869 4.778-4.261 4.778Z" fill="#fff"></path><defs><linearGradient id="linearDiscord_svg__a" x1="44.5" y1="-0.001" x2="44.5" y2="87.999" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.2"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.02"></stop></linearGradient></defs></svg><div class="text-white-01 text-[13px] flex items-center font-medium"><span class="ml-[5px] align-middle">加入Discord</span></div></a></div><div class="swiper w-full"><div class="swiper-wrapper"><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_dashboard.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">数据分析仪表盘</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_image_generator.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI图片生成器</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_ai_voice.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">AI语音处理工具</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/cms_bg.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">内容管理系统</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_crm.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">销售CRM</span></div></div><div class="swiper-slide"><div class="contentContainerStyle_JEhu"><img src="https://cdn.illacloud.com/illa-website/home/solutions/mix_admin_panel.webp" class="w-full max-w-[320px]"><span class="contentLabelStyle_dif9">管理面板</span></div></div></div></div></div><div class="contentContainer_c9t8"><div class="content_jfit"><div class="wallContainerStyle_Ny01"><span class="logoTitleStyle_hhN_">被数以千计的团队信任</span><div class="logoContainerStyle_PeVm"><span class="flex justify-end"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M31.138 16.446h-12.52v3.715h8.88c-.44 5.2-4.773 7.432-8.865 7.432a9.76 9.76 0 0 1-9.802-9.891c0-5.624 4.354-9.954 9.814-9.954 4.212 0 6.694 2.685 6.694 2.685l2.6-2.694s-3.34-3.717-9.43-3.717c-7.755 0-13.754 6.545-13.754 13.614 0 6.927 5.643 13.682 13.95 13.682 7.307 0 12.656-5.006 12.656-12.408 0-1.562-.227-2.464-.227-2.464h.004ZM41.395 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM60.576 13.755c-5.138 0-8.82 4.017-8.82 8.7 0 4.754 3.57 8.845 8.88 8.845 4.806 0 8.743-3.673 8.743-8.743 0-5.8-4.58-8.803-8.803-8.803Zm.05 3.446c2.526 0 4.92 2.043 4.92 5.334 0 3.22-2.384 5.322-4.932 5.322-2.8 0-5-2.242-5-5.348 0-3.04 2.18-5.308 5.02-5.308h-.008ZM79.39 13.765c-4.717 0-8.423 4.13-8.423 8.766 0 5.28 4.297 8.782 8.34 8.782 2.5 0 3.83-.993 4.8-2.132v1.73c0 3.027-1.838 4.84-4.612 4.84-2.68 0-4.024-1.993-4.5-3.123l-3.372 1.4c1.196 2.53 3.604 5.167 7.9 5.167 4.7 0 8.262-2.953 8.262-9.147V14.292h-3.664v1.486c-1.13-1.22-2.678-2.013-4.73-2.013h-.002Zm.34 3.44c2.311 0 4.685 1.974 4.685 5.345 0 3.427-2.37 5.315-4.737 5.315-2.514 0-4.853-2.04-4.853-5.283 0-3.368 2.43-5.377 4.904-5.377ZM104.161 13.744c-4.448 0-8.183 3.54-8.183 8.76 0 5.526 4.163 8.803 8.6 8.803 3.712 0 6-2.03 7.35-3.85l-3.033-2.018c-.787 1.22-2.103 2.415-4.298 2.415-2.466 0-3.6-1.35-4.303-2.66l11.763-4.88-.6-1.43c-1.136-2.8-3.788-5.14-7.296-5.14Zm.153 3.374c1.603 0 2.756.852 3.246 1.874l-7.856 3.283c-.34-2.542 2.07-5.157 4.6-5.157h.01ZM90.361 30.787h3.864V4.93h-3.864v25.857Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="121" height="40" viewBox="0 0 121 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#metaIcon_svg__a)" fill="#fff"><path d="M3.93 23.757c0 1.378.303 2.437.698 3.077.519.838 1.292 1.194 2.08 1.194 1.017 0 1.947-.252 3.74-2.732 1.436-1.987 3.128-4.776 4.267-6.526l1.928-2.963c1.34-2.058 2.89-4.345 4.668-5.895 1.45-1.266 3.016-1.97 4.593-1.97 2.644 0 5.165 1.533 7.093 4.408 2.11 3.149 3.135 7.115 3.135 11.207 0 2.433-.48 4.221-1.296 5.633-.788 1.366-2.325 2.731-4.91 2.731v-3.894c2.214 0 2.765-2.034 2.765-4.361 0-3.317-.773-6.998-2.477-9.628-1.208-1.866-2.775-3.006-4.5-3.006-1.864 0-3.364 1.406-5.05 3.913-.896 1.331-1.817 2.955-2.85 4.787l-1.137 2.015c-2.285 4.052-2.864 4.973-4.005 6.497C10.67 30.91 8.96 31.92 6.71 31.92c-2.67 0-4.359-1.156-5.405-2.898C.45 27.602.03 25.74.03 23.617l3.9.14Z"></path><path d="M3.105 12.627c1.788-2.756 4.368-4.683 7.327-4.683 1.714 0 3.417.508 5.195 1.96 1.947 1.588 4.02 4.202 6.608 8.513l.929 1.547c2.24 3.732 3.513 5.65 4.259 6.556.959 1.163 1.63 1.51 2.503 1.51 2.214 0 2.765-2.035 2.765-4.362l3.44-.108c0 2.433-.48 4.22-1.296 5.633-.788 1.366-2.325 2.73-4.91 2.73-1.607 0-3.031-.348-4.605-1.833-1.21-1.14-2.625-3.165-3.713-4.986l-3.237-5.408c-1.624-2.715-3.114-4.738-3.978-5.655-.928-.985-2.12-2.175-4.024-2.175-1.54 0-2.848 1.08-3.943 2.735l-3.32-1.975Z"></path><path d="M10.368 11.864c-1.54 0-2.848 1.08-3.943 2.734-1.548 2.337-2.495 5.816-2.495 9.159 0 1.378.303 2.437.698 3.077l-3.324 2.19C.45 27.604.03 25.74.03 23.617c0-3.86 1.06-7.884 3.075-10.992 1.788-2.755 4.368-4.682 7.327-4.682l-.064 3.92ZM43.71 8.702h4.51l7.67 13.874 7.672-13.874h4.412V31.5h-3.68V14.027l-6.727 12.1h-3.452l-6.726-12.1v17.472h-3.68V8.702h.001Zm35.794 8.5c-2.64 0-4.228 1.986-4.609 4.446h8.957c-.186-2.534-1.647-4.446-4.348-4.446Zm-8.257 5.846c0-5.174 3.344-8.94 8.32-8.94 4.896 0 7.818 3.718 7.818 9.216v1.01h-12.49c.443 2.676 2.22 4.478 5.08 4.478 2.285 0 3.711-.697 5.065-1.971l1.955 2.393c-1.842 1.694-4.184 2.67-7.15 2.67-5.387.003-8.598-3.926-8.598-8.856Zm20.6-5.52H88.46v-3.012h3.387V9.534h3.55v4.982h5.145v3.013h-5.145v7.636c0 2.608.833 3.534 2.883 3.534.935 0 1.472-.081 2.264-.212v2.98c-.987.28-1.928.408-2.948.408-3.832 0-5.748-2.095-5.748-6.285l-.001-8.061Zm23.645 2.93c-.713-1.799-2.304-3.125-4.642-3.125-3.037 0-4.982 2.155-4.982 5.666 0 3.424 1.79 5.684 4.837 5.684 2.394 0 4.104-1.394 4.787-3.128V20.46Zm3.55 11.041h-3.484v-2.377c-.975 1.4-2.747 2.785-5.618 2.785-4.617 0-7.702-3.866-7.702-8.908 0-5.09 3.16-8.891 7.898-8.891 2.343 0 4.18.936 5.422 2.59v-2.182h3.484V31.5Z"></path></g><defs><clipPath id="metaIcon_svg__a"><path fill="#fff" transform="translate(.1)" d="M0 0h120.8v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="171" height="40" viewBox="0 0 171 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#byteDanceIcon_svg__a)" fill="#fff"><path d="M52.472 19.064a4.609 4.609 0 0 0 1.334-1.4 4.264 4.264 0 0 0 .634-2.277c0-.985-.23-1.883-.681-2.674-.452-.791-1.114-1.448-1.968-1.96-.508-.299-1.142-.52-1.9-.656-.749-.125-1.766-.193-3.033-.193h-4.75v19.797h7.217c1.823 0 3.378-.55 4.606-1.622 1.238-1.081 1.872-2.442 1.872-4.035 0-1.274-.327-2.364-.98-3.233-.546-.753-1.343-1.342-2.35-1.747Zm-1.823-1.593c-.576.493-1.41.744-2.495.744h-3.052v-5.637h2.889c1.19 0 2.082.241 2.668.724.575.473.854 1.168.854 2.114-.02.897-.298 1.573-.864 2.055Zm-5.556 3.465h3.637c1.343 0 2.37.261 3.042.773.662.502.979 1.225.979 2.21 0 1.004-.326 1.737-1.008 2.24-.69.51-1.737.771-3.11.771h-3.53v-5.994h-.01ZM75.86 12.714h-2.84v3.233H67.646l-3.513 8.542c-.058.145-.173.454-.336.946-.096.29-.201.627-.326.994-.115-.396-.211-.743-.307-1.033-.202-.646-.279-.83-.307-.907l-3.455-8.542h-3.148l5.614 13.503-2.418 5.753h2.898l7.332-16.785h3.35v8.281c0 1.178.278 2.037.825 2.558.547.512 1.449.782 2.687.782h1.554v-2.732H76.62c-.279 0-.47-.057-.586-.183-.115-.135-.173-.367-.173-.695v-8.001h2.236v-2.48H75.86v-3.234ZM86.456 15.618c-2.083 0-3.791.686-5.087 2.027-1.295 1.342-1.948 3.118-1.948 5.28 0 .917.153 1.805.47 2.635.307.84.768 1.583 1.353 2.22a6.925 6.925 0 0 0 2.4 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.466-.241 3.493-.724 1.027-.482 1.987-1.235 2.85-2.249l.163-.193-2.063-1.67-.153.184c-.586.675-1.238 1.197-1.95 1.544-.7.348-1.458.521-2.273.521-1.257 0-2.313-.357-3.129-1.071-.758-.656-1.19-1.486-1.305-2.52h11.325v-.424c0-2.326-.663-4.227-1.968-5.646-1.324-1.458-3.062-2.182-5.182-2.182Zm-2.851 3.572c.777-.666 1.728-1.004 2.822-1.004 1.075 0 2.005.328 2.754.984.681.599 1.113 1.37 1.296 2.297H82.29a3.817 3.817 0 0 1 1.315-2.277ZM109.325 12.424c-1.909-1.67-4.731-2.52-8.369-2.52h-4.222v19.797h4.222c3.638 0 6.46-.85 8.369-2.52 1.919-1.68 2.899-4.16 2.899-7.374 0-3.214-.98-5.694-2.899-7.383Zm-7.994 14.516h-1.593V12.684h1.593c2.61 0 4.587.599 5.902 1.795 1.305 1.188 1.958 2.973 1.958 5.338 0 2.345-.662 4.14-1.958 5.328-1.305 1.187-3.292 1.795-5.902 1.795ZM125.093 17.684a6.478 6.478 0 0 0-1.804-1.351c-.873-.434-1.843-.647-2.889-.647-2.073 0-3.762.657-5.029 1.96s-1.9 3.03-1.9 5.134c0 .975.163 1.883.48 2.713.317.83.806 1.592 1.439 2.258a7.056 7.056 0 0 0 2.294 1.583c.854.357 1.766.54 2.716.54 1.066 0 2.025-.202 2.85-.607a5.466 5.466 0 0 0 1.67-1.274v1.718h2.822V15.947h-2.649v1.737Zm-1.267 1.853c.806.85 1.219 1.95 1.219 3.272 0 1.332-.413 2.433-1.219 3.282-.806.84-1.852 1.264-3.109 1.264s-2.303-.424-3.109-1.264c-.807-.84-1.22-1.94-1.22-3.282 0-1.332.413-2.432 1.22-3.281.806-.84 1.852-1.265 3.109-1.265s2.303.425 3.109 1.274ZM136.427 15.686c-.767 0-1.497.155-2.169.463a6.018 6.018 0 0 0-1.487.985v-1.187h-2.803V29.7h2.803v-7.596c0-1.303.278-2.288.815-2.925.528-.627 1.354-.946 2.428-.946.95 0 1.622.28 2.054.869.442.598.672 1.573.672 2.905v7.703h2.822v-7.934c0-1.873-.461-3.36-1.373-4.44-.911-1.09-2.179-1.65-3.762-1.65ZM152.876 26.071a3.336 3.336 0 0 1-1.276 1.023c-.499.232-1.084.348-1.746.348-1.22 0-2.189-.415-2.947-1.274-.758-.85-1.142-1.979-1.142-3.34 0-1.36.393-2.49 1.161-3.359.768-.868 1.728-1.293 2.937-1.293.614 0 1.171.106 1.651.309.47.203.902.521 1.276.956l.182.212 1.834-2.124-.183-.164a6.498 6.498 0 0 0-2.149-1.322c-.778-.29-1.661-.434-2.62-.434a7.695 7.695 0 0 0-2.794.502 6.267 6.267 0 0 0-2.226 1.496 6.653 6.653 0 0 0-1.516 2.355c-.346.878-.518 1.843-.518 2.866 0 1.023.172 1.989.518 2.857a6.98 6.98 0 0 0 1.516 2.346 6.32 6.32 0 0 0 2.236 1.486 7.526 7.526 0 0 0 2.793.512c.969 0 1.862-.155 2.649-.454.787-.3 1.535-.782 2.246-1.438l.182-.164-1.862-2.153-.202.251ZM170.247 23.427c0-2.326-.662-4.228-1.967-5.646-1.315-1.429-3.052-2.163-5.183-2.163-2.083 0-3.791.686-5.086 2.027-1.296 1.342-1.949 3.118-1.949 5.28 0 .917.154 1.805.471 2.635.307.84.767 1.583 1.353 2.22a6.926 6.926 0 0 0 2.399 1.68 7.757 7.757 0 0 0 3.004.588c1.286 0 2.467-.241 3.493-.724 1.027-.482 1.987-1.235 2.851-2.249l.163-.193-2.064-1.67-.153.184c-.585.675-1.247 1.197-1.948 1.544a5.05 5.05 0 0 1-2.275.521c-1.257 0-2.312-.357-3.128-1.071-.758-.666-1.19-1.486-1.306-2.52h11.316v-.443h.009Zm-10-4.237c.777-.666 1.727-1.004 2.821-1.004 1.075 0 2.006.328 2.755.984.681.599 1.113 1.37 1.295 2.297h-8.186a3.913 3.913 0 0 1 1.315-2.277ZM7.952 29.479l-5.038 1.293V7.685l5.038 1.303v20.491ZM32.3 30.83l-5.048 1.293V6.333L32.3 7.636V30.83ZM15.946 30.174l-5.038 1.303v-13.6l5.038 1.303v10.994ZM19.238 15.87l5.048-1.304v13.6l-5.048-1.303V15.87Z"></path></g><defs><clipPath id="byteDanceIcon_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h170v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-start"><svg width="194" height="40" viewBox="0 0 194 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><g clip-path="url(#alibaba_svg__a)"><path d="M137.023 25.022v-1.224h-2.187c-1.519 0-2.11.252-2.11 1.284 0 .804.527 1.1 1.609 1.1 1.349 0 2.32-.48 2.688-1.13v-.03Zm3.796-4.742v8.534h-3.424l-.321-1.314c-.479.787-1.711 1.545-3.817 1.545-2.692 0-4.215-1.216-4.215-3.822 0-2.872 1.711-3.912 5.135-3.912h2.859v-.072c0-1.473-.428-1.866-2.508-1.866-1.042 0-2.083.07-3.116.21V16.39a32.575 32.575 0 0 1 3.595-.206c4.212 0 5.778 1.366 5.778 4.096h.034Zm-77.034.924-1.862-6.055h-.278l-1.909 6.055h4.05Zm1.109 3.565H58.64l-1.284 4.023h-4.164l5.914-17.43h5.41l5.867 17.43H66.13l-1.236-4.023Zm58.511-2.14c0-2.165-.321-3.663-2.345-3.663s-2.508 1.314-2.508 3.69c0 2.229.479 3.611 2.508 3.611s2.345-1.613 2.345-3.637Zm3.89 0c0 3.613-.924 6.42-4.9 6.42-2.345 0-3.269-.71-3.727-1.819l-.231 1.58h-3.501V11.322h3.821v6.325c.527-.736 1.52-1.476 3.638-1.476 3.98 0 4.9 2.43 4.9 6.419v.039Zm-19.348 2.419v-1.224h-2.165c-1.52 0-2.11.252-2.11 1.284 0 .8.526 1.1 1.613 1.1 1.327 0 2.294-.48 2.662-1.13v-.03Zm3.796-4.742v8.533h-3.424l-.321-1.313c-.483.787-1.711 1.544-3.821 1.544-2.692 0-4.216-1.215-4.216-3.821 0-2.872 1.712-3.912 5.136-3.912h2.85v-.073c0-1.472-.428-1.866-2.508-1.866a22.112 22.112 0 0 0-3.111.21v-3.192a32.512 32.512 0 0 1 3.595-.206c4.241 0 5.803 1.365 5.803 4.096h.017Zm-17.44 2.324c0-2.14-.32-3.66-2.345-3.66-2.024 0-2.512 1.314-2.512 3.66 0 2.234.484 3.616 2.508 3.616s2.354-1.613 2.354-3.642l-.005.026Zm3.89 0c0 3.616-.924 6.445-4.9 6.445-2.345 0-3.27-.715-3.727-1.82l-.231 1.58h-3.497V11.327h3.818v6.325c.526-.732 1.519-1.472 3.637-1.472 3.98 0 4.9 2.418 4.9 6.42v.03Zm-19.185-6.206h3.822v12.411h-3.822V16.424Zm-.184-3.5c0-1.798.368-1.935 2.11-1.935s2.11.137 2.11 1.934c0 1.798-.347 1.977-2.11 1.977s-2.106-.23-2.106-2.002l-.004.025Zm-6.625-1.576h3.852v17.487h-3.852V11.348Zm119.792 5.936a4.276 4.276 0 0 1 .993 2.996v8.542h-1.977v-7.87a3.845 3.845 0 0 0-.527-2.268 2.107 2.107 0 0 0-1.865-.75 3.977 3.977 0 0 0-2.033.471 2.786 2.786 0 0 0-1.203 1.712v8.705h-1.977v-7.87a4.128 4.128 0 0 0-.497-2.281 2 2 0 0 0-1.746-.732 3.973 3.973 0 0 0-2.067.458 3.076 3.076 0 0 0-1.249 1.789v8.636h-1.956v-12.41h1.977v1.634a3.028 3.028 0 0 1 1.438-1.45 5.134 5.134 0 0 1 2.14-.429c1.84 0 3.047.68 3.616 2.029.612-1.348 1.905-2.029 3.852-2.029 1.374 0 2.405.368 3.064 1.096l.017.021Zm-22.712 9.484a2.364 2.364 0 0 0 1.087-1.425c.243-.921.35-1.873.317-2.825a9.42 9.42 0 0 0-.338-2.824 2.44 2.44 0 0 0-1.113-1.442 4.279 4.279 0 0 0-2.11-.428 4.31 4.31 0 0 0-2.14.427 2.41 2.41 0 0 0-1.087 1.434 9.599 9.599 0 0 0-.325 2.838c-.035.95.079 1.9.338 2.816.173.601.57 1.114 1.108 1.433.656.32 1.382.468 2.11.428.754.049 1.507-.099 2.187-.428l-.034-.004Zm-5.273 1.494a3.853 3.853 0 0 1-1.887-1.978 11.243 11.243 0 0 1 0-7.527 3.853 3.853 0 0 1 1.887-1.978 7.212 7.212 0 0 1 3.116-.59 7.119 7.119 0 0 1 3.12.59 3.915 3.915 0 0 1 1.866 1.977 11.33 11.33 0 0 1 0 7.528 3.915 3.915 0 0 1-1.866 1.978 7.048 7.048 0 0 1-3.12.59 7.13 7.13 0 0 1-3.107-.62l-.009.03Zm-11.229 0a3.897 3.897 0 0 1-1.892-1.978 11.33 11.33 0 0 1 0-7.527 3.897 3.897 0 0 1 1.892-1.978 7.205 7.205 0 0 1 3.115-.59c1.08-.021 2.157.132 3.189.453v1.79a8.832 8.832 0 0 0-3.163-.527 4.54 4.54 0 0 0-2.14.428 2.406 2.406 0 0 0-1.108 1.43 9.056 9.056 0 0 0-.338 2.807c-.035.939.079 1.878.338 2.781a2.363 2.363 0 0 0 1.108 1.404c.68.307 1.424.446 2.17.407a8.354 8.354 0 0 0 3.162-.527v1.79c-.472.149-.958.255-1.45.316-.593.089-1.19.134-1.789.137a7.129 7.129 0 0 1-3.09-.6l-.004-.016Zm-7.563.479a.719.719 0 0 1-.475-.428 2.614 2.614 0 0 1-.124-1.031 1.628 1.628 0 0 1 .326-1.216 2.79 2.79 0 0 1 2.435 0 1.631 1.631 0 0 1 .325 1.216 1.669 1.669 0 0 1-.325 1.253 1.816 1.816 0 0 1-1.216.291 2.987 2.987 0 0 1-.941-.115l-.005.03Zm-113.663.428c-2.11.094-1.875-.993-.655-2.67 2.859-3.852 8.277-9.176 8.435-12.96.36-4.921-4.614-6.552-9.723-6.505-3.33.134-6.616.797-9.737 1.965-8.67 3.051-14.123 7.947-17.546 13.365-3.638 5.371-2.44 10.494 5.23 10.67 5.88-.236 9.701-1.866 13.694-3.908 0 0-11.02 3.163-15.081.835a1.78 1.78 0 0 1-.993-1.481c0-1.917 3.163-3.907 4.947-4.545v-3.321a11.713 11.713 0 0 0 11.76-1.952c.08.315.102.64.07.963h.8a2.319 2.319 0 0 0-.373-1.528 2.44 2.44 0 0 0-1.981-1.13c.467.226.864.575 1.147 1.01a10.745 10.745 0 0 1-10.109 2.02l2.636-2.602-.727-1.891a94.97 94.97 0 0 1 16.913-4.515L28.64 9.666l.856-.526c4.353 1.207 7.224 2.11 7.049 4.42-.089.457-.232.901-.428 1.323-1.284 2.508-5.037 6.694-6.56 8.436a32.426 32.426 0 0 0-2.701 3.385 5.88 5.88 0 0 0-1.19 3.09c.09 7.596 22.391-3.548 26.7-6.505C46 25.998 39.13 28.655 31.556 29.143l-.004.026Z" fill="#fff"></path></g><defs><clipPath id="alibaba_svg__a"><path fill="#fff" transform="translate(.9)" d="M0 0h193v40H0z"></path></clipPath></defs></svg></span><span class="flex justify-end"><svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M29.258 13.546c-.162.126-3.03 1.742-3.03 5.335 0 4.155 3.649 5.625 3.758 5.662-.017.09-.58 2.013-1.924 3.974-1.198 1.724-2.45 3.447-4.354 3.447s-2.394-1.106-4.593-1.106c-2.142 0-2.904 1.142-4.645 1.142-1.742 0-2.958-1.596-4.355-3.556-1.618-2.302-2.926-5.878-2.926-9.272 0-5.444 3.54-8.33 7.023-8.33 1.851 0 3.394 1.214 4.556 1.214 1.106 0 2.831-1.288 4.937-1.288.798 0 3.666.073 5.553 2.778Zm-6.553-5.082c.871-1.034 1.487-2.467 1.487-3.901 0-.199-.017-.4-.053-.563-1.417.053-3.103.944-4.12 2.123-.797.907-1.542 2.34-1.542 3.794 0 .218.036.437.053.507.09.017.235.036.38.036 1.272 0 2.871-.851 3.795-1.996Z" fill="#fff"></path></svg></span><span class="flex justify-start"><svg width="33" height="40" viewBox="0 0 33 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="logoStyle_ixBp"><path d="M22.784 7c1.658 0 3.242.659 4.42 1.827a6.269 6.269 0 0 1 1.83 4.422v13.502A6.248 6.248 0 0 1 22.783 33H9.283a6.27 6.27 0 0 1-4.423-1.83 6.272 6.272 0 0 1-1.827-4.42v-13.5A6.28 6.28 0 0 1 4.86 8.826 6.28 6.28 0 0 1 9.283 7h13.501Zm-5.323 4.334-1.431 2.674-1.422-2.674a.74.74 0 0 0-1.301 0l-5.12 9.62a1.128 1.128 0 0 0 0 1.04l3.245 6.093c.195.357.568.587.983.587h7.24c.411 0 .784-.23.982-.587l3.241-6.094c.17-.324.17-.714 0-1.038l-5.12-9.62a.727.727 0 0 0-.308-.303.726.726 0 0 0-.99.302Zm.969 3.32 3.491 6.557c.09.162.09.357 0 .52l-2.557 4.801a.56.56 0 0 1-.49.292H13.19a.56.56 0 0 1-.49-.292l-2.556-4.802a.528.528 0 0 1 0-.52l3.49-6.557a.395.395 0 0 1 .147-.155.385.385 0 0 1 .506.155l.698 1.324-2.048 3.842a3.315 3.315 0 0 0-.237.571l-.006.023-.032.09c-.091.309-.14.633-.14.974a3.517 3.517 0 0 0 3.51 3.51 3.511 3.511 0 0 0 3.512-3.51c0-.633-.163-1.227-.455-1.73l-.976-1.83-1.048 1.967.431.805c.13.243.195.512.195.782h.006v.032a1.66 1.66 0 0 1-1.664 1.632c-.918 0-1.658-.74-1.658-1.658v-.006c0-.108.01-.211.032-.325v-.026a2.16 2.16 0 0 1 .046-.156c.035-.11.078-.214.133-.308v-.006l1.447-2.716v.01l1.048-1.967.697-1.324a.51.51 0 0 1 .156-.155.375.375 0 0 1 .497.155Z" fill="#fff"></path></svg></span></div></div><div class="cardContentContainerStyle_kX6c"><div class="headerContainerStyle_RgD_"><h2 class="textTitleStye_mJAH"><span class="textTitleNumStyle_TEnk">3 </span>个步骤，自定义您的业务应用</h2><span class="textDescStyle_NFkj">通过拖放组件构建工具，自定义AI Agent，连接到您的数据源，提升您的工具搭建效率，并使您的工作更智能。</span></div><div class="cardContainerStyle_Kvlw"><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step1.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>1<!-- -->.</span><br><span>拖放组件设计UI</span></h3><span class="textDescStyle_vwoY">通过拖放组件，您可以快速构建应用程序的用户界面，并实现任何所需的功能。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">使用ILLA Cloud构建UI</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemReverseStyle_DHTD"><img src="https://cdn.illacloud.com/illa-website/home/step/step2.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>2<!-- -->.</span><br><span>连接到您的数据源</span></h3><span class="textDescStyle_vwoY">连接到您自己的数据源，包括MySQL，PostgreSQL和其他数据库，REST API，GraphQL等。在一分钟内就可以构建CRUD应用程序。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">使用您的数据源构建应用</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="cardIContentItemContainerStyle_rPYn cardContentItemNormalStyle_f4ow"><img src="https://cdn.illacloud.com/illa-website/home/step/step3.webp" class="imgStyle_GNQD"><div class="textContainerStyle_toav"><h3 class="textTitleStye_u6Ys"><span>3<!-- -->.</span><br><span>配置和连接AI Agent</span></h3><span class="textDescStyle_vwoY">即使您不具备AI开发能力，也可以通过将AI Agent集成到您的应用中，让您的应用具备智能分析、内容生成等AI能力。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="swipeMore_QWDA"><span class="underline">开始构建基于AI的应用</span><svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M1 6.5h13m0 0L8.5 1M14 6.5 8.5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commentsContainerStyle_ctEM"><h2 class="commentsTitleStyle_iQ9i">我们的用户极力推荐</h2><div class="commentsItemsContainerStyle_Zw4J"><div class="borderStyle_jCx_ mobileGap_cpxI"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">ILLA Cloud对我来说是个改变游戏规则的工具。它在较短的时间内帮助我生成高效的内容。定制化的AI Agent和应用完美地满足了我的业务需求。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Christopher</span><span class="commentUserCompanyStyle_zWSD">SEO专家</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">我觉得我现在已经成为了一名专业的博客编辑！这个工具彻底改变了我的博客编辑流程，节省了宝贵的时间。不管是生成博客创意还是构建文章结构，AI Agent都可以完美解决。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Lucas</span><span class="commentUserCompanyStyle_zWSD">内容策略师</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">它让我用最少的努力提供卓越客户支持的能力。预构建的AI Agent和应用，再加上根据我们特定需求定制的能力，极大地提高了我们团队的效率。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Harper</span><span class="commentUserCompanyStyle_zWSD">客户服务经理</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">AI Agent与低代码已经改变了我的电子邮件撰写流程。它简化了创建引人注目的电子邮件的过程，使我能够轻松地编写引人入胜且有说服力的信息。ILLA Cloud将我们的电子邮件沟通提升到了新的高度。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Abigail</span><span class="commentUserCompanyStyle_zWSD">沟通专家</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">我需要管理公司的各个方面。ILLA Cloud为我提供了一站式解决方案。它不仅在开发和设计方面节省了我时间和精力，还使我能更好地管理和监控我的业务。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Matthew</span><span class="commentUserCompanyStyle_zWSD">企业创始人</span></span></div></div><div class="borderStyle_jCx_ mobileGap_cpxI lg:mt-[16px]"><div class="commentsItemStyle_rd1k"><div class="commentContentStyle_NzjM"><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[10px]"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg><span class="contentTextStyle_PpXf">使用ILLA Cloud构建管理仪表板非常简单。仅一天时间就能在实现监控项目进展和资源分配等能力。</span><svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="reverseQuoteStyle_waKq"><path d="M5.736 8V4.046c0-1.318.137-2.227.41-2.728C6.63.439 7.668 0 9.256 0c.162 0 .41.01.744.03V1.9h-.167c-.708 0-1.184.164-1.426.49-.132.164-.208.42-.228.767v.613h1.533V8H5.736ZM0 8V4.046c0-1.318.137-2.227.41-2.728C.895.439 1.932 0 3.52 0c.152 0 .395.01.729.03V1.9h-.167c-.688 0-1.158.164-1.411.49-.132.174-.208.43-.228.767v.613h1.533V8H0Z" fill="#fff" fill-opacity="0.5"></path></svg></div><span class="flex flex-col"><span class="commentUserNameStyle_D4y3">Samuel</span><span class="commentUserCompanyStyle_zWSD">网站管理员</span></span></div></div></div></div><div class="allContentContainer_nVOG"><h2 class="allContentTitle_K0Y2">ILLA Cloud集成一切</h2><img class="w-full h-auto" src="https://cdn.illacloud.com/illa-website/home/all-content/all-content.webp" alt="ILLA Cloud integrates everything"></div><div class="faqContainer_vbEd"><h2 class="faqTitle_s89i">常见问题</h2><div class="w-full flex flex-col gap-[8px]"><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rjapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>我可以通过 ILLA AI构建什么样的内容？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rlapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>谁可以使用 ILLA Cloud？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rnapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA Cloud能带给我怎样的好处？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rpapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>我能根据我的特定业务需要自定义AI Agent吗？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rrapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA支持哪些数据源？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rtapqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA Cloud用户是否有技术支持？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div></div></div></div><div class="commBottomContainerStyle_CDHK"><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-white-02">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div></div>
 <script>!function(n){window.lintrk||(window.lintrk=function(n,t){window.lintrk.q.push([n,t])},window.lintrk.q=[]);var t=document.getElementsByTagName("script")[0],i=document.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://snap.licdn.com/li.lms-analytics/insight.min.js",t.parentNode.insertBefore(i,t)}()</script>
 <script>_linkedin_partner_id="4707852",window._linkedin_data_partner_ids=window._linkedin_data_partner_ids||[],window._linkedin_data_partner_ids.push(_linkedin_partner_id)</script>
 <noscript><img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=4707852&fmt=gif"></noscript>
diff --git a/zh/integrations/Airtable/index.html b/zh/integrations/Airtable/index.html
index 35c2fad175..63785c8e56 100644
--- a/zh/integrations/Airtable/index.html
+++ b/zh/integrations/Airtable/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">与 ILLA 云连接到可空的，只需点击几次即可建立内部工具。</h1><span class="headerDesc_zhHJ">“与ILLA Cloud的气相集成， 您可以快速和轻松地连接到开源后端服务器平台，以优化您的数据管理并简化您的工作流量。 集成简化了数据管理，通过 Airtable的 API 端点，让您能够轻松地操作您的 Airtable 数据库、存储和认证服务中的数据。 您可以安全地添加或写入数据，方法是提供输入，包括必要的 API 通话，并且包含基于应用程序的验证检查。 例如，您可以从可操作数据库检索数据并添加一个按钮， 当点击时，执行 API 调用以更新数据或批准请求。 通过ILLA Cloud的气相集成，您可以简化您的数据管理流程，并利用气相机的强大功能来提高您的生产力。”</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Airtable 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Airtable/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/AmazonDynamoDB/index.html b/zh/integrations/AmazonDynamoDB/index.html
index 18148678c1..226c23b785 100644
--- a/zh/integrations/AmazonDynamoDB/index.html
+++ b/zh/integrations/AmazonDynamoDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 Amazon DynamoDB，只需单击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">借助 ILLA Cloud 的 Amazon DynamoDB 集成，您可以快速配置并连接到 DynamoDB 数据库，以优化数据管理并简化工作流程。该集成使用 DynamoDB 查询简化了数据管理，让您可以轻松操作数据。您可以通过提供输入（包括必要的查询）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从 DynamoDB 表中检索数据并添加一个按钮，单击该按钮会执行查询以更新数据或批准请求。通过 ILLA Cloud 的 Amazon DynamoDB 集成，您可以简化数据管理流程并利用 DynamoDB 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Amazon DynamoDB 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/AmazonDynamoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/Appwrite/index.html b/zh/integrations/Appwrite/index.html
index 5409ec632b..485f70b9ed 100644
--- a/zh/integrations/Appwrite/index.html
+++ b/zh/integrations/Appwrite/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">与 ILLA 云连接 Appwrite 并在几次点击中建立内部工具。</h1><span class="headerDesc_zhHJ">与 ILLA Cloud 的 Appwrite 集成 您可以快速和轻松地连接到开源后端服务器平台，以优化您的数据管理并简化您的工作流量。 他通过通过 Appwrite 的 API 端点来整合简化数据管理，让您可以轻松地操纵您的 Appwrite 数据库、存储和身份验证服务中的数据。 您可以安全地添加或写入数据，方法是提供输入，包括必要的 API 通话，并且包含基于应用程序的验证检查。 或例如，您可以从 Appwrite 数据库检索数据并添加一个按钮， 当点击时，执行 API 调用以更新数据或批准请求。 通过ILLA Cloud的应用程序集成，您可以简化您的数据管理流程，并利用应用程序的强大功能来提高您的生产率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 应用程序写 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Appwrite/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/Clickhouse/index.html b/zh/integrations/Clickhouse/index.html
index 4d4235ca87..e73ba13e15 100644
--- a/zh/integrations/Clickhouse/index.html
+++ b/zh/integrations/Clickhouse/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">与 ILLA 云连接到Clickhouse，只需几次点击即可建立内部工具。</h1><span class="headerDesc_zhHJ">通过 ILLA Cloud 的 ClickHouse 集成，您可以快速配置并连接到您的 ClickHouse 数据库，以优化您的数据管理并简化您的工作流程。该集成使用 ClickHouse 查询简化了数据管理，使您可以轻松操作数据。您可以通过提供输入（包括必要的查询）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从 ClickHouse 表中检索数据并添加一个按钮，单击该按钮时将执行查询以更新数据或批准请求。通过 ILLA Cloud 的 ClickHouse 集成，您可以简化数据管理流程并利用 ClickHouse 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Clickhouse 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Clickhouse/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/CouchDB/index.html b/zh/integrations/CouchDB/index.html
index e26ae68766..dc59f4b8b6 100644
--- a/zh/integrations/CouchDB/index.html
+++ b/zh/integrations/CouchDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 CouchDB，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">借助 ILLA Cloud 的 CouchDB 集成，您可以快速配置并连接到您的 CouchDB 数据库，以优化您的数据管理并简化您的工作流程。该集成使用 CouchDB 查询简化了数据管理，使您可以轻松操作数据。您可以通过提供输入（包括必要的查询）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从 CouchDB 数据库中检索数据并添加一个按钮，单击该按钮会执行查询以更新数据或批准请求。通过 ILLA Cloud 的 CouchDB 集成，您可以简化数据管理流程并利用 CouchDB 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 CouchDB 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/CouchDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/ElasticSearch/index.html b/zh/integrations/ElasticSearch/index.html
index b5b77ea8fb..d2e10734ff 100644
--- a/zh/integrations/ElasticSearch/index.html
+++ b/zh/integrations/ElasticSearch/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 Elastic Search，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">借助 ILLA Cloud 的 Elastic Search 集成，您可以快速配置并连接到 Elastic Search 集群，以优化数据管理并增强工作流程。该集成使用 Elastic Search 查询简化了数据管理，让您可以轻松搜索和检索数据。您可以通过提供输入（包括必要的查询）并结合基于应用的验证检查来安全地添加或写入数据。数据或批准请求。借助 ILLA Cloud 的 Elastic Search 集成，您可以简化数据管理流程并利用 Elastic Search 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Elastic Search 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/ElasticSearch/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/Firebase/index.html b/zh/integrations/Firebase/index.html
index af6dff30dd..b7e4c161c0 100644
--- a/zh/integrations/Firebase/index.html
+++ b/zh/integrations/Firebase/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 Firebase，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">通过 ILLA Cloud 的 Firebase 集成，您可以快速配置并连接到您的 Firebase 数据库，以优化您的数据管理并简化您的工作流程。该集成使用 Firebase 查询和 API 调用简化了数据管理，使您可以轻松地操纵数据并执行复杂的操作。您可以通过提供输入（包括必要的查询）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从 Firebase 集合中检索数据并添加一个按钮，单击该按钮时会执行 API 调用以更新数据或批准请求。借助 ILLA Cloud 的 Firebase 集成，您可以简化数据管理流程并利用 Firebase 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Firebase 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Firebase/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/GoogleSheets/index.html b/zh/integrations/GoogleSheets/index.html
index a0f87c6e3e..fbb2a61306 100644
--- a/zh/integrations/GoogleSheets/index.html
+++ b/zh/integrations/GoogleSheets/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 Google Sheets，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">通过 ILLA Cloud 的 Google Sheets 集成，您可以快速轻松地连接到您的 Google Sheets 电子表格，以优化您的数据管理并简化您的工作流程。该集成允许您使用 Google 读取、写入和操作 Google Sheets 电子表格中的数据，从而简化了数据管理表格 API。您可以通过提供输入（包括必要的 API 调用）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从 Google 表格电子表格中检索数据并添加一个按钮，单击该按钮时会执行 API 调用更新数据或批准请求。通过 ILLA Cloud 的 Google Sheets 集成，您可以简化数据管理流程并利用 Google Sheets 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Google Sheets 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/GoogleSheets/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/GraphQL/index.html b/zh/integrations/GraphQL/index.html
index 2508d6b56a..042bddd2f4 100644
--- a/zh/integrations/GraphQL/index.html
+++ b/zh/integrations/GraphQL/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 GraphQL，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">通过 ILLA Cloud 的 GraphQL 集成，您可以快速轻松地配置和连接到您的 GraphQL API，以优化您的数据管理并简化您的工作流程。该集成允许您轻松地从 GraphQL API 检索和操作数据，从而简化了数据管理。您可以通过提供输入（包括必要的 GraphQL 查询）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从 GraphQL API 检索数据并添加一个按钮，单击该按钮会执行查询以更新数据或批准请求。通过 ILLA Cloud 的 GraphQL 集成，您可以简化数据管理流程并利用 GraphQL 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 GraphQL 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/GraphQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/HuggingFaceInferenceAPI/index.html b/zh/integrations/HuggingFaceInferenceAPI/index.html
index fd3543077a..9b1e7bdfb6 100644
--- a/zh/integrations/HuggingFaceInferenceAPI/index.html
+++ b/zh/integrations/HuggingFaceInferenceAPI/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 Hugging Face Inference API，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">通过 ILLA Cloud 的 Hugging Face Inference API 集成，您可以快速轻松地连接到 Hugging Face 强大的自然语言处理模型，以优化您的数据管理并简化您的工作流程。该集成通过利用 Hugging Face 的 API 端点简化了数据管理，允许您检索和轻松操作数据。您可以通过提供输入（包括必要的 API 调用）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从外部源检索文本数据并通过 Hugging Face API 调用传递它以执行情绪分析或语言翻译。通过 ILLA Cloud 的 Hugging Face Inference API 集成，您可以简化数据管理流程并利用 Hugging Face 自然语言处理模型的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Hugging Face Inference API 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/HuggingFaceInferenceAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/HuggingFaceInferenceEndpoint/index.html b/zh/integrations/HuggingFaceInferenceEndpoint/index.html
index 512af4adb9..f2a38684b3 100644
--- a/zh/integrations/HuggingFaceInferenceEndpoint/index.html
+++ b/zh/integrations/HuggingFaceInferenceEndpoint/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 Hugging Face Inference API，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">通过 ILLA Cloud 的 Hugging Face Inference Endpoint 集成，您可以快速轻松地配置和连接到 Hugging Face 强大的自然语言处理模型，以优化您的数据管理并简化您的工作流程。该集成通过利用 Hugging Face 的 API 端点简化了数据管理，使您能够轻松检索和操作数据。您可以通过提供输入（包括必要的 API 调用）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从外部源检索文本数据并将其传递给拥抱面推理端点以执行情绪分析或语言翻译。通过 ILLA Cloud 的 Hugging Face Inference Endpoint 集成，您可以简化数据管理流程并利用 Hugging Face 自然语言处理模型的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Hugging Face Inference Endpoint 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/HuggingFaceInferenceEndpoint/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/Hydra/index.html b/zh/integrations/Hydra/index.html
index 7c87048893..e33d64d09f 100644
--- a/zh/integrations/Hydra/index.html
+++ b/zh/integrations/Hydra/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 Hydra，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">“与ILLA Cloud的Hydra集成， 您可以快速和轻松地连接到开源后端服务器平台，以优化您的数据管理并简化您的工作流量。
diff --git a/zh/integrations/MariaDB/index.html b/zh/integrations/MariaDB/index.html
index 6229af1363..bdc81c352c 100644
--- a/zh/integrations/MariaDB/index.html
+++ b/zh/integrations/MariaDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 MariaDB，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">通过 ILLA Cloud 的 MariaDB 集成，您可以快速轻松地配置和连接到您的 MariaDB 数据库，以优化您的数据管理并简化您的工作流程。该集成使用 SQL 简化了数据管理，使您可以轻松地操作表、检索数据和执行复杂的查询.您可以通过提供输入（包括必要的查询）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从 MariaDB 表中获取员工的数据并添加一个按钮，单击该按钮将运行 SQL 查询更新员工信息或批准请求。借助 ILLA Cloud 的 MariaDB 集成，您可以最大限度地发挥数据源的潜力，并以最小的努力提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 MariaDB 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MariaDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/MicrosoftSQLServer/index.html b/zh/integrations/MicrosoftSQLServer/index.html
index fb477bf103..a8e055c7da 100644
--- a/zh/integrations/MicrosoftSQLServer/index.html
+++ b/zh/integrations/MicrosoftSQLServer/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 Microsoft SQL Server，只需单击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">借助 ILLA Cloud 的 Microsoft SQL Server 集成，您可以快速配置并连接到 SQL Server 数据库，以优化数据管理并简化工作流程。该集成使用 SQL 查询简化了数据管理，使您可以轻松操作数据。您可以通过提供输入（包括必要的查询）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从 SQL Server 表中检索数据并添加一个按钮，单击该按钮会执行查询以更新数据或批准请求。通过 ILLA Cloud 的 Microsoft SQL Server 集成，您可以简化数据管理流程并利用 SQL Server 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Microsoft SQL Server 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MicrosoftSQLServer/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/MongoDB/index.html b/zh/integrations/MongoDB/index.html
index 38621e6307..c4fa14584a 100644
--- a/zh/integrations/MongoDB/index.html
+++ b/zh/integrations/MongoDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 MongoDB，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">通过 ILLA Cloud 的 MongoDB 集成，您可以快速配置和连接到您的 MongoDB 数据库，以优化您的数据管理并简化您的工作流程。该集成使用 MongoDB 查询简化了数据管理，使您可以轻松操作数据。您可以通过提供输入（包括必要的查询）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从 MongoDB 集合中检索数据并添加一个按钮，单击该按钮会执行查询以更新数据或批准请求。通过 ILLA Cloud 的 MongoDB 集成，您可以简化数据管理流程并利用 MongoDB 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 MongoDB 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MongoDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/MySQL/index.html b/zh/integrations/MySQL/index.html
index ab44964fc5..00f30bcd2f 100644
--- a/zh/integrations/MySQL/index.html
+++ b/zh/integrations/MySQL/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 MySQL，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">将 ILLA Cloud 与 MySQL 集成可以极大地增强您的工作流程并简化流程。只需几个简单的步骤，您就可以将 ILLA Cloud 连接到您的 MySQL 数据库，使您能够创建以强大的新方式与您的数据交互的用户界面。无论您是需要将数据读入表格网格、创建仪表板，还是添加运行 SQL 查询的自定义操作以写入数据库，ILLA Cloud 都能让您安全高效地轻松完成这些操作。通过使用 ILLA Cloud 连接到您的 MySQL 数据，您可以避免意外删除和其他代价高昂的错误。例如，如果您使用 MySQL 表管理员工费用，您可以使用 ILLA Cloud 将数据读入仪表板，甚至添加一个写回数据库的操作以更新每项费用的批准状态。借助 ILLA Cloud 的简单界面，您可以以清晰和系统的方式定义您想要采取的行动，从而轻松优化您的工作流程并简化您的流程。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 MySQL 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/MySQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/Neon/index.html b/zh/integrations/Neon/index.html
index cca44e69fe..43cca1d9f3 100644
--- a/zh/integrations/Neon/index.html
+++ b/zh/integrations/Neon/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">连接到 Neon 与 ILLA Cloud，只需点击几次即可建立内部工具。</h1><span class="headerDesc_zhHJ">完全管理的multi-cloud Postgres，免费试用。分离存储和计算以提供自动化、分支和无底层存储。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Neon 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Neon/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/OracleDB/index.html b/zh/integrations/OracleDB/index.html
index 524a4f899b..1686572547 100644
--- a/zh/integrations/OracleDB/index.html
+++ b/zh/integrations/OracleDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 Oracle DB，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">借助 ILLA Cloud 的 Oracle DB 集成，您可以快速配置并连接到 Oracle 数据库，以优化数据管理并简化工作流程。该集成使用 SQL 查询简化了数据管理，使您可以轻松操作数据。您可以通过提供输入（包括必要的查询）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从 Oracle 数据库表中检索数据并添加一个按钮，单击该按钮会执行查询以更新数据或批准请求。借助 ILLA Cloud 的 Oracle DB 集成，您可以简化数据管理流程并利用 Oracle DB 的强大功能来提高生产力。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Oracle DB 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/OracleDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/PostgreSQL/index.html b/zh/integrations/PostgreSQL/index.html
index e67bc81bfb..751a0fe995 100644
--- a/zh/integrations/PostgreSQL/index.html
+++ b/zh/integrations/PostgreSQL/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 PostgreSQL，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">借助 ILLA Cloud 的 PostgreSQL 集成，您可以快速配置并连接到您的 PostgreSQL 数据库，以可靠的性能优化您的数据源。该集成使用 SQL 简化了数据管理，使您可以轻松地操作表格和执行复杂的查询。您可以通过提供输入（包括必要的查询）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，假设您想要从 PostgreSQL 表中检索员工数据并通过单击批准休假请求。在这种情况下，您可以创建一个运行 SQL 查询的按钮，将员工的请求标记为已批准。借助 ILLA Cloud 的 PostgreSQL 集成，您可以轻松自信地简化数据管理流程。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 PostgreSQL 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/PostgreSQL/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/RESTAPI/index.html b/zh/integrations/RESTAPI/index.html
index 93695b426a..ef9a8cf16f 100644
--- a/zh/integrations/RESTAPI/index.html
+++ b/zh/integrations/RESTAPI/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">连接到任何 RESTful API 并在几分钟内使用 ILLA Cloud 构建自定义工具</h1><span class="headerDesc_zhHJ">借助 ILLA Cloud 的 REST API 集成，您可以快速轻松地连接到任何 RESTful API，以优化数据管理并简化工作流程。该集成使用 RESTful API 端点简化了数据管理，使您可以轻松检索和操作数据。您可以通过提供输入（包括必要的 API 调用）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从外部 RESTful API 检索数据并添加一个按钮，单击该按钮会调用更新数据或批准请求。通过 ILLA Cloud 的 REST API 集成，您可以简化数据管理流程并利用 RESTful API 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 REST API 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/RESTAPI/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/Redis/index.html b/zh/integrations/Redis/index.html
index eefbd44f9c..3ed82f6a27 100644
--- a/zh/integrations/Redis/index.html
+++ b/zh/integrations/Redis/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 Redis，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">通过 ILLA Cloud 的 Redis 集成，您可以快速配置并连接到您的 Redis 数据库，以优化您的数据管理并增强您的工作流程。该集成使用 Redis 命令简化了数据管理，让您可以轻松地操作数据。您可以通过提供输入（包括必要的命令）并结合基于应用程序的验证检查来安全地添加或写入数据。数据或批准请求。借助 ILLA Cloud 的 Redis 集成，您可以简化数据管理流程并利用 Redis 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Redis 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Redis/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/S3/index.html b/zh/integrations/S3/index.html
index 89c143141f..3ab3afc0f9 100644
--- a/zh/integrations/S3/index.html
+++ b/zh/integrations/S3/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 Amazon S3，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">借助 ILLA Cloud 的 Amazon S3 集成，您可以快速轻松地配置和连接到您的 Amazon S3 存储，以优化您的数据管理并简化您的工作流程。该集成通过利用 S3 API 端点简化了数据管理，允许您读取、写入和操作数据轻松从您的 S3 存储桶中。您可以通过提供输入（包括必要的 API 调用）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从 S3 存储桶中检索数据并添加一个按钮，单击该按钮会执行 API 调用以更新数据或批准请求。通过 ILLA Cloud 的 Amazon S3 集成，您可以简化数据管理流程并利用 Amazon S3 存储的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 S3 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/S3/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/SMTP/index.html b/zh/integrations/SMTP/index.html
index ffb2aef696..89f59af770 100644
--- a/zh/integrations/SMTP/index.html
+++ b/zh/integrations/SMTP/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 SMTP，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">通过 ILLA Cloud 的 SMTP 集成，您可以快速轻松地配置和连接到您的 SMTP 服务器，以优化您的电子邮件管理并简化您的工作流程。该集成允许您直接从您的 ILLA Cloud 应用程序发送和接收电子邮件，从而简化了电子邮件管理。您可以通过提供输入（包括必要的 SMTP 参数）并结合基于应用程序的验证检查来安全地发送电子邮件。例如，您可以在应用程序中触发特定事件时向用户发送自动电子邮件。通过 ILLA Cloud 的 SMTP 集成，您可以简化电子邮件管理流程并利用 SMTP 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 SMTP 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/SMTP/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/Snowflake/index.html b/zh/integrations/Snowflake/index.html
index 39a251d8c4..a3542a3af6 100644
--- a/zh/integrations/Snowflake/index.html
+++ b/zh/integrations/Snowflake/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 Snowflake，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">借助 ILLA Cloud 的 Snowflake 集成，您可以快速配置并连接到 Snowflake 数据仓库，以优化数据管理并简化工作流程。该集成使用 Snowflake SQL 查询简化了数据管理，使您可以轻松操作数据。您可以通过提供输入（包括必要的查询）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从 Snowflake 表中检索数据并添加一个按钮，单击该按钮会执行查询以更新数据或批准请求。通过 ILLA Cloud 的 Snowflake 集成，您可以简化数据管理流程并利用 Snowflake 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Snowflake 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/Snowflake/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/SupabaseDB/index.html b/zh/integrations/SupabaseDB/index.html
index ceb3476cff..fe0dee6c12 100644
--- a/zh/integrations/SupabaseDB/index.html
+++ b/zh/integrations/SupabaseDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA Cloud 连接到 SupabaseDB，只需点击几下即可构建内部工具。</h1><span class="headerDesc_zhHJ">借助 ILLA Cloud 的 SupabaseDB 集成，您可以快速配置并连接到您的 SupabaseDB 数据库，以优化数据管理并简化工作流程。该集成使用 SupabaseDB 查询和 API 调用简化了数据管理，使您可以轻松操作数据并执行复杂的操作。您可以通过提供输入（包括必要的查询）并结合基于应用程序的验证检查来安全地添加或写入数据。例如，您可以从 SupabaseDB 表中检索数据并添加一个按钮，单击该按钮时将执行 API 调用以更新数据或批准请求。通过 ILLA Cloud 的 SupabaseDB 集成，您可以简化数据管理流程并利用 SupabaseDB 的强大功能来提高您的工作效率。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 Supabase DB 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/SupabaseDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/TiDB/index.html b/zh/integrations/TiDB/index.html
index 779afc0d71..6d43fdb59c 100644
--- a/zh/integrations/TiDB/index.html
+++ b/zh/integrations/TiDB/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_Zbon"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf w-full"><a href="/illa-website/zh/components"><span class="back_vGuo"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-tech-purple-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.066 13.016a1 1 0 0 0-.052-1.413l-3.878-3.6 3.878-3.6a1 1 0 1 0-1.361-1.467L4.986 7.27a1 1 0 0 0 0 1.465l4.667 4.334a1 1 0 0 0 1.413-.053Z" fill="currentColor"></path></svg><span>返回组件页面</span></span></a><h1 class="headerTitle_URD5">使用 ILLA 云连接到TiDB 并在几次点击中建立内部工具。</h1><span class="headerDesc_zhHJ">通过 ILLA Cloud 的 TiDB 集成，您可以无缝地配置并连接到您的 TiDB 数据库，以优化您的数据管理并增强您的工作流量。 他的整合简化了使用 SQL 的数据管理，允许您操作表、检索数据并轻松执行复杂的查询。 您可以安全地添加或写入数据，包括提供必要的查询，并且包含基于应用程序的验证检查。 或 例如， 您可以从 TiDB 表中检索雇员的数据，并添加一个按钮来运行 SQL 查询以更新雇员的信息或批准请求。 有了ILLA Cloud的TiDB集成，您可以简化您的数据管理流程，并满怀信心地解锁您的数据源的全部潜力。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">用 TiDB 构建</a></div></div><div class="templateContainer_VElw"><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">feature</h2><h3 class="templateHeaderTitle_yMrU">What sets ILLA Cloud apart from others?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud&#x27;s SQL Generate feature and JavaScript freedom, along with its seamless integration with databases and APIs, make it an efficient tool for developers building internal tools with drag-and-drop components in real time.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/chatGPT.svg" alt="ChatGPT Plugin" class="w-full"><h3 class="templateItemName_yjoV">ChatGPT Plugin</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">With the embedded Chatgpt Plugin, you can input natural language and get SQL statements that can be run directly.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/buildForDev.svg" alt="Built for Developers" class="w-full"><h3 class="templateItemName_yjoV">Built for Developers</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">We provide developers JavaScript freedom by wrapping JS statements with {{Template Syntax}} to add variety to the output.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/anyDateSource.svg" alt="Integrate with any data source" class="w-full"><h3 class="templateItemName_yjoV">Integrate with any data source</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Cloud connects to databases and APIs, and integrates back-end data with front-end components, simplifying data calls for massive information interaction.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/realTime.svg" alt="Real-time Collaboration" class="w-full"><h3 class="templateItemName_yjoV">Real-time Collaboration</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA turns imagination into real code and designs with real-time collaboration in ILLA Builder, improving development efficiency.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/official-site/features/uiLibrary.svg" alt="Responsive UI library" class="w-full"><h3 class="templateItemName_yjoV">Responsive UI library</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">ILLA Builder&#x27;s dozens of components can be dragged and dropped, saving time and boosting developer productivity.</span></div><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="templateHeader_AQwG"><h2 class="templateHeaderLabel_W4fj">Templates</h2><h3 class="templateHeaderTitle_yMrU">What can you build with ILLA?</h3><span class="templateHeaderDesc_XN3P">ILLA Cloud offers a variety of components, such as tables, charts, forms, lists, etc. Users can easily build dashboards, admin panels, survey forms, and more using these components.</span><a href="https://cloud.illacloud.com/login" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Try now</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItemContainer_lyZ8"><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Dashboard.svg" alt="Dashboard" class="w-full"><h3 class="templateItemName_yjoV">Dashboard</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use tables and charts to create a dashboard.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74H/" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Survey.svg" alt="Survey" class="w-full"><h3 class="templateItemName_yjoV">Survey</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use form and input components to create form apps.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74O" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div><div class="templateItem_Ji0p"><img src="https://cdn.illacloud.com/official-website/img/landingpage/cover%20Admin%20panel.svg" alt="Admin panel" class="w-full"><h3 class="templateItemName_yjoV">Admin panel</h3><div class="h-[64px] overflow-hidden"><span class="templateItemDesc_NKfB">Use a list component to display and manage information.</span></div><a href="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAex4p1C74N" target="_blank" rel="noopener noreferrer" class="learnMore_Lb_l"><span>Live demo</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/TiDB/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/integrations/index.html b/zh/integrations/index.html
index ee5cd35b58..89adfcd41e 100644
--- a/zh/integrations/index.html
+++ b/zh/integrations/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-0 transition-colors duration-150 ease-in-out"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-gray-02" id="headlessui-menu-button-:R5bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-gray-02" id="headlessui-menu-button-:R16bbqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-gray-02"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02">文档</a><a class="menuItemStyle_a3Ir text-gray-02 hover:text-gray-02" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-gray-02 hover:text-gray-02 border-gray-02 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rikbqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:Rkkbqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full px-[20px]"><div class="w-full relative z-[1] bg-white-01"><div class="lpContainer_yWoG"><div class="lpHeader_rubd"><div class="lpHeaderLeft_Zvbf lg:pt-[48px] lg:w-[570px] w-full"><h1 class="headerTitle_URD5">连接到任何数据源</h1><span class="headerDesc_zhHJ">能够连接到主流数据库或通过API连接的任何数据， ILLA 云端允许开发者将从后端获取的数据与前端组件紧密结合起来。 这使开发人员能够通过添加资源和动作来响应用户事件，轻松地写入数据通话并实现广泛的信息交互。</span><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="headerGo_RttL">免费体验</a></div><img src="https://cdn.illacloud.com/official-website/img/official-site/features/dataSource.svg" alt="" class="w-full lg:w-[550px]"></div><div class="flex flex-col gap-[24px] pb-[60px] lg:pb-[100px]"><h2 class="contentTitle_b3GB">数据库集成</h2><div class="itemsContainer_OUc9"><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/mySQL.svg" alt="MySQL" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">MySQL</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个开放源码关系数据库管理系统，能够有效地储存和检索数据。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/MySQL"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/postgres.svg" alt="PostgreSQL" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">PostgreSQL</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个以其稳定性和可靠性著称的高级开源关系数据库管理系统。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/PostgreSQL"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/MariaDB.svg" alt="MariaDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">MariaDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个社区驱动的 MySQL 的开放源码平台，其功能和性能都得到加强。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/MariaDB"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/TiDB.svg" alt="TiDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">TiDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个分布式的 SQL 数据库，支持同时使用 SQL 和 NoSQL 工作负载，并具有水平可伸缩性和故障容量。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/TiDB"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/redis.svg" alt="Redis" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Redis</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">内存数据结构存储，通常用作数据库、缓存和消息中介。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/Redis"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/appwrite.svg" alt="Appwrite" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Appwrite</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个开放源码后端服务器平台，为网络和移动应用程序提供认证、数据库和存储服务。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/Appwrite"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/MongoDB.svg" alt="MongoDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">MongoDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个 NoSQL 文档数据库，在灵活的 JSON 文档中存储数据。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/MongoDB"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/oracledb.svg" alt="Oracle DB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Oracle DB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个高性能、可调整的关系数据库管理系统，提供一套全面的功能和工具。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/OracleDB"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Elastic%20search.svg" alt="Elastic Search" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Elastic Search</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个能够处理大量数据的分布式RESTFL搜索和分析引擎。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/ElasticSearch"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/couchDB.svg" alt="CouchDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">CouchDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个以文件为导向，提供了一个分布式架构，带有递增复制和冲突检测的数据库</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/CouchDB"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/firebse.svg" alt="Firebase" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Firebase</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个为移动和网络应用程序提供后端服务的平台，包括实时数据库、身份验证、云信息及其他服务。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/Firebase"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/msdb.svg" alt="Microsoft SQL Server" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Microsoft SQL Server</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">微软开发的关系数据库管理系统。支持交易处理、商业情报和分析应用等。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/supabase.svg" alt="Supabase DB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Supabase DB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个面向开放源码的数据库管理系统，用于网上分析处理。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/SupabaseDB"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/NEON.svg" alt="Neon" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Neon</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">完全管理的multi-cloud Postgres，免费试用。分离存储和计算以提供自动化、分支和无底层存储。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/Neon"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/clickhouse%201.svg" alt="Clickhouse" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Clickhouse</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个面向开放源码的数据库管理系统，用于网上分析处理。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/Clickhouse"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/landingpage/Hydra.svg" alt="Hydra" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Hydra</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个开源，专栏式的 RDBMS 构建于Postgres</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/Hydra"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/dynamoDB.svg" alt="Amazon DynamoDB" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Amazon DynamoDB</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个完全管理的 NoSQL 数据库服务，提供高性能、可扩展性和可靠性。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/AmazonDynamoDB"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Snowflake.svg" alt="Snowflake" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Snowflake</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个基于云层的数据储存平台，用于大规模数据储存和分析。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/Snowflake"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div><h2 class="contentTitle_b3GB">API 集成</h2><div class="itemsContainer_OUc9"><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/huggingface.svg" alt="Hugging Face Inference API " class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Hugging Face Inference API </span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个 API ，提供易于使用的事先培训的天然语言处理模型，用于推论任务。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/HuggingFaceInferenceAPI"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/huggingface-1.svg" alt="Hugging Face Inference Endpoint" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Hugging Face Inference Endpoint</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个Endpoint，可以轻松部署Hugging Face模型</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/HuggingFaceInferenceEndpoint"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/rest%20api.svg" alt="REST API" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">REST API</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一种基于web的体系结构样式，用于构建使用HTTP协议在客户端和服务器之间交换数据的web服务。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/RESTAPI"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Amazon%20S3.svg" alt="S3" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">S3</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">基于云的对象存储服务，为各种情况提供可缩放、安全和耐久的数据存储服务。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/S3"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/SMTP.svg" alt="SMTP" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">SMTP</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">用于通过互联网发送和接收电子邮件信息的协议。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/SMTP"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/GraphQL.svg" alt="GraphQL" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">GraphQL</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个 API 的查询语言，为传统的REST API提供了更有效、更强大和更灵活的替代方法。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/GraphQL"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/official-site/intergration/Google%20sheets.svg" alt="Google Sheets" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Google Sheets</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个云端电子表格软件，使用户能够在网上创建和编辑电子表格，同时实时与其他用户合作。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/GoogleSheets"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div><div class="item_AuQF itemBg_GUYW"><img src="https://cdn.illacloud.com/official-website/img/landingpage/airtable.svg" alt="Airtable" class="h-[24px] lg:h-[40px]"><div class="flex flex-col items-start gap-[8px]"><h3 class="lg:h-[26px] h-[20px] overflow-hidden"><span class="itemNameCommon_o16n itemNameIntegrations_ZIud">Airtable</span></h3><div class="h-[72px] overflow-hidden"><span class="itemDescription_LA9o">一个灵活和可协作的平台，用以管理项目、数据和团队。</span></div><a class="learnMore_Lb_l" href="/illa-website/zh/integrations/Airtable"><span>了解更多</span><svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 6h11m0 0L7.5 1.5M12 6l-4.5 4.5" stroke="#654AEC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block whiteBottomBg_HW9h"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full whiteBottomBg_HW9h"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk whiteBottomTitle_r_oZ">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-[#1D2129]">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-tech-purple-03 text-white-01 hover:text-white-01">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#0B0C0F]"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-white-01" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-[#1D2129]">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-[#1D2129]">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-[#1D2129]">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-[#1D2129]">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-[#1D2129]">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-[#1D2129]">单选框组</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-[#1D2129]">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-[#1D2129]">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-[#1D2129]">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-[#1D2129]">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-[#1D2129]">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-[#1D2129]">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-[#1D2129]">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-[#1D2129]">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-[#1D2129]">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-[#1D2129]">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-[#1D2129]">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-[#1D2129]">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">更新日志</span></a><span class="footerItem_GsU2 text-[#1D2129]">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-[#0B0C0F]">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-[#1D2129]"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-[#1D2129]">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#654AEC"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10.027A4.5 4.5 0 1 1 37 10v.027Zm0 8.906A9.958 9.958 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#654AEC"></path></svg><span class="hidden lg:block text-[#1D2129]">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-[#1D2129] px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/integrations/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-[#1D2129]">服务条款</span></a></div></div></div></footer></div></div>
diff --git a/zh/pricing/index.html b/zh/pricing/index.html
index eb9df5b160..7755222b4f 100644
--- a/zh/pricing/index.html
+++ b/zh/pricing/index.html
@@ -13,9 +13,9 @@
 
 <link rel="alternate" type="application/rss+xml" href="/illa-website/zh/blog/rss.xml" title="ILLA Cloud RSS Feed">
 <link rel="alternate" type="application/atom+xml" href="/illa-website/zh/blog/atom.xml" title="ILLA Cloud Atom Feed">
-<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.98309625.css">
-<script src="/illa-website/zh/assets/js/runtime~main.68dec3ea.js" defer="defer"></script>
-<script src="/illa-website/zh/assets/js/main.7d876d53.js" defer="defer"></script>
+<link rel="alternate" type="application/json" href="/illa-website/zh/blog/feed.json" title="ILLA Cloud JSON Feed"><link rel="stylesheet" href="/illa-website/zh/assets/css/styles.dd55e9d7.css">
+<script src="/illa-website/zh/assets/js/runtime~main.3d9d8ec7.js" defer="defer"></script>
+<script src="/illa-website/zh/assets/js/main.c51e1297.js" defer="defer"></script>
 </head>
 <body class="navigation-with-keyboard">
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"dark")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="跳转到主要内容"><a class="skipToContent_YRel" href="#__docusaurus_skipToContent_fallback">跳转到主要内容</a></div><div class="main-wrapper h-full flex flex-col bg-gray-900 transition-colors duration-150 ease-in-out"><div class="pricingMask_W_17" style="height:0px"><div class="pricingMaskLeft_XgjA"></div><div class="pricingMaskRight_mQEj"></div><div class="pricingMaskPhone_eCBF"></div></div><div class="w-full px-0 font-sans"><div class="w-full relative z-[1]"><header class="sticky top-0 z-[100] backdrop-blur-[50px]"><div class="relative z-[100] px-[20px] py-[22px] lg:py-[16px] lg:px-[40px]"><div class="flex items-center w-full justify-between gap-[24px]"><a href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[51px] h-[24px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><button type="button" class="text-gray-900 dark:text-white-01 block lg:hidden"><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 9.375c0-1.036.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 9.375zM2.5 20c0-1.035.84-1.875 1.875-1.875h31.25a1.875 1.875 0 0 1 0 3.75H4.375A1.875 1.875 0 0 1 2.5 20zm1.875 8.75a1.875 1.875 0 0 0 0 3.75h31.25a1.875 1.875 0 0 0 0-3.75H4.375z" fill="currentColor"></path></svg></button><div class="hidden lg:flex flex-1 w-full items-center gap-[8px]"><div class="w-full flex items-center justify-between"><div class="menuItemContainerStyle_JXsu"><div class="relative" data-headlessui-state=""><button class="popoverItemStyle_WmOV text-white-01" id="headlessui-menu-button-:Rlddqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="popoverContainerStyle_ZIFy" data-headlessui-state=""><button class="popoverItemStyle_wfx7 text-white-01" id="headlessui-menu-button-:R4pddqh:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[12px] h-[12px] text-white-01"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_a3Ir text-white-01 hover:text-white-01">文档</a><a class="menuItemStyle_a3Ir text-white-01 hover:text-white-01" href="/illa-website/zh/blog">博客</a></div><div class="menuItemContainerStyle_JXsu"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-0">登录</a><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="operateItemStyle_quc4 text-white-01 hover:text-white-01 border-white-01 border-[1px]">免费开始</a></div></div></div><div class="h-screen w-full bg-gray-01 absolute top-0 left-0 px-[20px] z-[55] font-medium text-[16px] text-white-01 overflow-x-hidden hidden"><div class="justify-between w-full h-[64px] flex items-center mb-[40px]"><a class="flex items-center w-[42.5px] h-[20px]" href="/illa-website/zh/"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg></a><span><svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.733 5.731a2.5 2.5 0 0 1 3.535 0L20 16.464 30.733 5.73a2.5 2.5 0 0 1 3.535 3.536L23.536 19.999l10.732 10.732a2.5 2.5 0 1 1-3.535 3.536L20 23.535 9.268 34.267a2.5 2.5 0 0 1-3.535-3.536L16.465 20 5.733 9.267a2.5 2.5 0 0 1 0-3.536z" fill="currentColor"></path></svg></span></div><div class="flex flex-col w-full"><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R2ahdqh:" type="button" aria-expanded="false" data-headlessui-state="">解决方案<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><button class="menuItemStyle_SQLa" id="headlessui-disclosure-button-:R2ihdqh:" type="button" aria-expanded="false" data-headlessui-state="">资源<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[12px] h-[12px]"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button><a class="menuItemStyle_SQLa" href="/illa-website/zh/pricing">定价</a><a href="https://docs.illacloud.com" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">文档</a><a class="menuItemStyle_SQLa" href="/illa-website/zh/blog">博客</a></div><a href="https://calendly.com/illa-demo/0295" target="_blank" rel="noopener noreferrer" class="menuItemStyle_SQLa">预约演示</a><div class="max-h-[180px] overflow-y-auto list-none"><li class="menu__list-item menu__list-item--collapsed"><a role="button" class="dropdownNavbarItemMobile_JUhd menu__link menu__link--sublist menu__link--sublist-caret"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a></li></div></div></div></div></header><div class="w-full text-white flex flex-col lg:gap-[120px] gap-[60px] lg:pt-[40px] bg-transparent"><div class="pricingContent_kMON"><div class="w-full flex flex-col items-center justify-center gap-[8px]"><span class="pricingContentTitleExtra_U6Tm">创建AI驱动的业务应用</span><span class="pricingContentTitle_tw94">定价</span></div><div class="px-[24px] font-[400] text-[14px] leading-[17px] lg:text-[16px] lg:leading-[19px] text-center lg:w-[1040px] w-full">通过订阅ILLA Cloud Premium，您可以解锁审计日志、发布公开应用等高级功能。Premium的总费用根据有编辑权限的用户确定，包括所有者、管理者和编辑者。 订阅Premium之后，您可以免费添加无限个浏览者。</div><div class="cardContainerStyle_frTi"><div class="premiumCardContainerStyle_zMC3"><div class="premiumCardContainer_ArgU"><div class="premiumHeaderStyle_yb36"><span class="premiumTitleStyle_pemo">Premium</span><span class="premiumDescStyle_R6dg">升级您的团队以访问高级功能</span></div><div class="cardBaseStyle_lN8t priceCardStyle_vDMh"><svg width="564" height="322" viewBox="0 0 564 322" fill="none" xmlns="http://www.w3.org/2000/svg" class="cardBgStyle_q38d"><g clip-path="url(#builderCardBg_svg__a)"><path fill="url(#builderCardBg_svg__b)" d="M0 0h564v322H0z"></path><g filter="url(#builderCardBg_svg__c)"><ellipse cx="205" cy="-2" rx="359" ry="133" fill="url(#builderCardBg_svg__d)"></ellipse></g></g><defs><radialGradient id="builderCardBg_svg__d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 133 -359 0 205 -2)"><stop stop-color="#00C2FF" stop-opacity="0.2"></stop><stop offset="1" stop-color="#9CE7FF" stop-opacity="0"></stop></radialGradient><linearGradient id="builderCardBg_svg__b" x1="282" y1="0" x2="282" y2="322" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.06"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></linearGradient><clipPath id="builderCardBg_svg__a"><path fill="#fff" d="M0 0h564v322H0z"></path></clipPath><filter id="builderCardBg_svg__c" x="-354" y="-335" width="1118" height="666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_9968_493"></feGaussianBlur></filter></defs></svg><div class="priceListTitleContainerStyle_MEs5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="listIconStyle_TqyE builderListTitleStyle_ul1g"><circle cx="8" cy="8" r="6" stroke="#pricing-title-cycle"></circle></svg><span class="priceListTitleStyle_v2pp">ILLA Builder</span></div><div class="priceListStyle_xBIv"><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">免费添加无限个浏览者</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">审核日志</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">发布公开应用</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">AI SQL生成</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">备份编辑历史和恢复</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">为您的应用自定义主题(即将推出)</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">多开发环境(即将推出)</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">保留已部署的版本并恢复(即将推出)</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN builderListTitleStyle_ul1g listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">访问更多模型，如GPT-4等</span></div></div></div><div class="operatingStyle_cGmQ"><div><span class="priceNumStyle_eiPz">$<!-- -->20</span><span class="priceNumDescStyle_n2JG">/月/编辑器</span></div><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer"><span class="upgradeButtonStyle_qpR6">升级</span></a></div></div><div class="premiumCardContainer_ArgU"><div class="premiumHeaderStyle_yb36"><span class="premiumTitleStyle_pemo">Colla</span><span class="premiumDescStyle_R6dg">用于支付ILLA 云端的增值服务</span></div><div class="cardBaseStyle_lN8t priceCardStyle_vDMh"><svg width="564" height="322" viewBox="0 0 564 322" fill="none" xmlns="http://www.w3.org/2000/svg" class="cardBgStyle_q38d"><g clip-path="url(#agentCardBg_svg__a)"><path fill="url(#agentCardBg_svg__b)" d="M0 0h564v322H0z"></path><g filter="url(#agentCardBg_svg__c)"><ellipse cx="205" rx="359" ry="133" fill="url(#agentCardBg_svg__d)"></ellipse></g></g><defs><radialGradient id="agentCardBg_svg__d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 133 -359 0 205 0)"><stop stop-color="#FF48ED" stop-opacity="0.2"></stop><stop offset="1" stop-color="#FF48ED" stop-opacity="0"></stop></radialGradient><linearGradient id="agentCardBg_svg__b" x1="282" y1="0" x2="282" y2="322" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0.06"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></linearGradient><clipPath id="agentCardBg_svg__a"><path fill="#fff" d="M0 0h564v322H0z"></path></clipPath><filter id="agentCardBg_svg__c" x="-354" y="-333" width="1118" height="666" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_9968_539"></feGaussianBlur></filter></defs></svg><div class="priceListStyle_xBIv"><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN agentListTitleStyle_sU8y listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">存储</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN agentListTitleStyle_sU8y listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">流量</span></div><div class="listItemStyle_Pa3C"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none" class="cardIconStyle_UqGN agentListTitleStyle_sU8y listIconStyle_TqyE"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.15 4.74a1 1 0 0 1 .11 1.41l-6 7a1 1 0 0 1-1.467.057l-3-3a1 1 0 1 1 1.414-1.414l2.237 2.236 5.297-6.18a1 1 0 0 1 1.41-.108Z" fill="currentColor"></path></svg><span class="listItemNameStyle_YZOo">AI Agent</span></div></div></div><div class="operatingStyle_cGmQ"><div><span class="priceNumStyle_eiPz">$<!-- -->10</span><span class="priceNumDescStyle_n2JG">/month/5k Colla</span></div><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer"><span class="upgradeButtonStyle_qpR6">升级</span></a></div></div></div></div></div><div class="px-[20px] mx-auto"><div class="faqContainer_vbEd"><h2 class="faqTitle_s89i">常见问题</h2><div class="w-full flex flex-col gap-[8px]"><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:R8qlqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA Cloud Premium对哪些用户收取费用？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:R9alqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>有编辑权限的用户包含哪些类型？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:R9qlqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>只使用我搭建的产品的用户（仅浏览）是否计费？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Raalqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>如何邀请浏览者？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Raqlqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>ILLA Cloud覆盖哪些产品？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rbalqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>什么是ILLA Drive？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rbqlqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>什么是AI Agent？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div><div class="w-full" data-headlessui-state=""><button class="faqListQuestion_Y7ri" id="headlessui-disclosure-button-:Rcalqh:" type="button" aria-expanded="false" data-headlessui-state=""><span>AI Agent如何计费？</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transform rotate-0 direction_IrxQ"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.52 8.4a1.5 1.5 0 0 0-2.12.08L12 14.295 6.6 8.479a1.5 1.5 0 1 0-2.2 2.042l6.5 7a1.5 1.5 0 0 0 2.2 0l6.5-7a1.5 1.5 0 0 0-.08-2.12Z" fill="currentColor"></path></svg></button></div></div></div></div><div class="commBottomContainer_rcOJ"><div style="height:120px" class="commBottomBtnBg_ws3H hidden lg:block bottomBg_zy8j"></div><div class="commBottomBtnBg_ws3H block lg:hidden h-full bottomBg_zy8j"></div><div class="flex flex-col items-center gap-[24px] w-full lg:w-[800px] lg:h-[210px]"><h2 class="commBottomTitle_zpUk bottomTitle__Qxb">使用 ILLA 云启动构建应用程序</h2><p class="commBottomDesc_DyZe text-white-02">您需要的任何内部工具可以在 1 分钟内使用 ILLA 云构建。</p><div class="flex flex-col lg:flex-row gap-[24px] w-full lg:w-auto"><a href="https://cloud.illacloud.com" target="_blank" rel="noopener noreferrer" class="commBottomBtn_pFSF bg-white-01 text-[#0b0c0f] hover:text-[#0b0c0f]">免费试用云端</a><button class="commBottomBtn_pFSF gap-[10px] bg-white-09 text-white-01 hover:text-white-01"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span>使用 GitHub 登录</span></button></div></div></div></div></div></div><footer class="footerContainer_lS9F mobileFooterContainer_tpXD bg-black" style="transform:translateY(-150px) translateZ(0)"><div class="footerContentContainer_DQf_"><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">组件</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/components/Tables"><span class="footerItem_GsU2 text-white-02">表格</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Chart"><span class="footerItem_GsU2 text-white-02">图表</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Upload"><span class="footerItem_GsU2 text-white-02">上传</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Switch"><span class="footerItem_GsU2 text-white-02">交换机</span></a><a class="hover:no-underline" href="/illa-website/zh/components/Select"><span class="footerItem_GsU2 text-white-02">下拉选择</span></a><a class="hover:no-underline" href="/illa-website/zh/components/RadioGroup"><span class="footerItem_GsU2 text-white-02">单选框组</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">数据集成</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/integrations/MySQL"><span class="footerItem_GsU2 text-white-02">MySQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/PostgreSQL"><span class="footerItem_GsU2 text-white-02">PostgreSQL</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MongoDB"><span class="footerItem_GsU2 text-white-02">MongoDB</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/Firebase"><span class="footerItem_GsU2 text-white-02">Firebase</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/ElasticSearch"><span class="footerItem_GsU2 text-white-02">Elastic Search</span></a><a class="hover:no-underline" href="/illa-website/zh/integrations/MicrosoftSQLServer"><span class="footerItem_GsU2 text-white-02">Microsoft SQL Server</span></a><span class="footerItem_GsU2 underline text-white-02">显示更多</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">解决方案</span><div class="flex flex-col items-start gap-[8px] w-full"><a class="hover:no-underline" href="/illa-website/zh/image-generator"><span class="footerItem_GsU2 text-white-02">AI图片生成器</span></a><a class="hover:no-underline" href="/illa-website/zh/ai-voice-generator"><span class="footerItem_GsU2 text-white-02">AI语音处理工具</span></a><a class="hover:no-underline" href="/illa-website/zh/dashboard"><span class="footerItem_GsU2 text-white-02">数据分析仪表盘</span></a><a class="hover:no-underline" href="/illa-website/zh/cms"><span class="footerItem_GsU2 text-white-02">内容管理系统</span></a><a class="hover:no-underline" href="/illa-website/zh/crm"><span class="footerItem_GsU2 text-white-02">销售CRM</span></a><a class="hover:no-underline" href="/illa-website/zh/admin-panel"><span class="footerItem_GsU2 text-white-02">管理面板</span></a></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">公司</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://status.illacloud.com/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">运行状态</span></a><a href="https://github.com/orgs/illacloud/projects/4" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">产品路线图</span></a><a href="https://github.com/illacloud/illa-builder/releases" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">更新日志</span></a><span class="footerItem_GsU2 text-white-02">媒体资料</span></div></div><div class="flex flex-col items-start gap-[16px]"><span class="font-[500] text-[18px] leading-[28px] text-white-01">社区</span><div class="flex flex-col items-start gap-[8px] w-full"><a href="https://github.com/illacloud/illa-builder" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.48 11.806c0 5.026 3.22 9.299 7.71 10.867.605.154.512-.278.512-.57V20.11c-3.49.41-3.63-1.9-3.866-2.286-.474-.809-1.591-1.015-1.258-1.4.795-.41 1.605.103 2.542 1.49.679 1.006 2.003.836 2.676.668a3.255 3.255 0 0 1 .892-1.565c-3.615-.647-5.123-2.854-5.123-5.48 0-1.273.42-2.443 1.243-3.387-.524-1.558.049-2.89.125-3.087C7.428 4.928 8.98 6.132 9.1 6.227c.85-.23 1.818-.35 2.902-.35 1.09 0 2.064.124 2.918.356.288-.22 1.73-1.254 3.12-1.128.074.198.634 1.499.141 3.034.835.946 1.259 2.127 1.259 3.404 0 2.63-1.517 4.838-5.143 5.478a3.282 3.282 0 0 1 .98 2.342v2.895c.02.231 0 .46.386.46 4.554-1.535 7.834-5.84 7.834-10.91C23.498 5.449 18.344.3 11.99.3 5.63.297.48 5.447.48 11.806Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">GitHub</span></span></a><a href="https://twitter.com/illacloudhq" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.924 4.234a8.98 8.98 0 0 1-2.579.693 4.467 4.467 0 0 0 1.97-2.469 8.84 8.84 0 0 1-2.842 1.082 4.467 4.467 0 0 0-3.272-1.415 4.476 4.476 0 0 0-4.477 4.48c0 .346.042.693.11 1.026a12.725 12.725 0 0 1-9.232-4.687 4.446 4.446 0 0 0-.61 2.261 4.48 4.48 0 0 0 1.996 3.732 4.516 4.516 0 0 1-2.024-.57v.055a4.478 4.478 0 0 0 3.59 4.396 4.74 4.74 0 0 1-1.18.152c-.291 0-.567-.029-.845-.068a4.486 4.486 0 0 0 4.186 3.106 8.975 8.975 0 0 1-5.56 1.914c-.375 0-.722-.013-1.081-.055a12.68 12.68 0 0 0 6.877 2.009c8.235 0 12.74-6.822 12.74-12.743 0-.195 0-.39-.012-.583a9.645 9.645 0 0 0 2.245-2.316Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Twitter</span></span></a><a href="https://discord.com/invite/illacloud" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.247 4.494a.06.06 0 0 0-.03-.028A19.56 19.56 0 0 0 15.39 2.97a.073.073 0 0 0-.077.037c-.221.4-.422.812-.601 1.234a18.058 18.058 0 0 0-5.42 0c-.181-.423-.385-.835-.61-1.234a.076.076 0 0 0-.078-.037c-1.667.287-3.29.79-4.827 1.496a.07.07 0 0 0-.031.027C.672 9.083-.17 13.561.243 17.983a.081.081 0 0 0 .03.055 19.664 19.664 0 0 0 5.921 2.992.076.076 0 0 0 .083-.027c.458-.622.863-1.281 1.212-1.97a.075.075 0 0 0-.042-.104 12.948 12.948 0 0 1-1.849-.881.076.076 0 0 1-.008-.126c.125-.093.248-.19.368-.288a.074.074 0 0 1 .076-.01c3.88 1.77 8.082 1.77 11.916 0a.073.073 0 0 1 .077.009c.12.1.243.195.368.289a.076.076 0 0 1-.006.126c-.59.345-1.21.64-1.85.88a.075.075 0 0 0-.044.044.076.076 0 0 0 .003.061c.355.685.76 1.343 1.21 1.969a.075.075 0 0 0 .084.028 19.6 19.6 0 0 0 5.93-2.992.075.075 0 0 0 .03-.054c.495-5.112-.827-9.553-3.505-13.49ZM8.068 15.29c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.13 2.389 0 1.317-.943 2.389-2.13 2.389Zm7.878 0c-1.168 0-2.13-1.071-2.13-2.388s.943-2.389 2.13-2.389c1.196 0 2.15 1.082 2.131 2.389 0 1.317-.935 2.389-2.13 2.389Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">Discord</span></span></a><a href="https://www.producthunt.com/posts/illa" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.924 0 11c0 6.075 4.924 11 11 11ZM9.35 11h3.116a1.65 1.65 0 0 0 0-3.3H9.35V11Zm-2.2-5.5h5.316a3.85 3.85 0 0 1 0 7.7H9.35v3.3h-2.2v-11Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">ProductHunt</span></span></a><a href="https://www.linkedin.com/company/illacloud/" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="flex flex-row items-center gap-[8px] text-white-02"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.55 7.23v12.926H1.253V7.23h4.295ZM5.832 3.233c0 1.241-.932 2.232-2.43 2.232h-.028C1.932 5.465 1 4.475 1 3.233 1 1.966 1.96 1 3.431 1c1.47 0 2.374.964 2.4 2.233ZM12.182 12.937v7.219H7.89s.054-11.712 0-12.925h4.293v1.828c.573-.882 1.594-2.134 3.873-2.134C18.883 6.925 21 8.77 21 12.742v7.414h-4.295v-6.914c0-1.74-.62-2.924-2.175-2.924-1.188 0-1.895.8-2.204 1.571-.115.276-.144.662-.144 1.048Z" fill="currentColor"></path></svg><span class="footerItem_GsU2 text-white-02">LinkedIn</span></span></a></div></div></div><div class="space_IcLX"></div><div class="footerBottom_L4UB"><div class="flex flex-row items-center gap-[16px]"><svg width="43" height="20" viewBox="0 0 43 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 0H13v20H7.5V0ZM0 7.5h5.5V20H0V7.5ZM20.5 0H15v20h5.5V0Z" fill="#fff"></path><path fill="#FF58BE" d="M0 0h5.5v5.5H0z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M37 10a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm0 8.933A9.959 9.959 0 0 1 32.5 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10v10H37v-1.067Z" fill="#fff"></path></svg><span class="hidden lg:block text-white-02">构建AI驱动的业务应用</span></div><div><div class="flex flex-row justify-center items-center gap-[16px] lg:gap-[32px]"><div class="flex flex-row gap-[4px] lg:gap-[8px] px-[4px] items-center localSelectContainer_aJ7M"><div class="navbar__item dropdown dropdown--hoverable"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link text-white-02 px-0"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" class="iconLanguage_DSK9"><path fill="currentColor" d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path></svg>中文</a><ul class="dropdown__menu"><li><a href="/illa-website/pricing/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href="/illa-website/zh/pricing/" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="zh">中文</a></li><li><a href="/illa-website/ja/pricing/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="ja">日本語</a></li><li><a href="/illa-website/de/pricing/" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="de">Deutsch</a></li></ul></div></div><a href="https://docs.illacloud.com/privacy-policy" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">隐私协议</span></a><a href="https://docs.illacloud.com/terms-of-service" target="_blank" rel="noopener noreferrer" class="hover:no-underline"><span class="footerItem_GsU2 text-white-02">服务条款</span></a></div></div></div></footer></div></div>